feat(theme): reland dark mode and the page redesign on 11.0.x

docs/evidence/batch-01/measure-startup.mjs

@@ -0,0 +1,130 @@
+import {performance} from 'node:perf_hooks';
+
+const baseUrl = process.env.STARTUP_BASE_URL ?? 'http://localhost:4200';
+const username = process.env.STARTUP_TEST_USERNAME;
+const password = process.env.STARTUP_TEST_PASSWORD;
+const runs = Number(process.env.STARTUP_RUNS ?? 5);
+
+if (!username || !password) {
+  throw new Error(
+    'Set STARTUP_TEST_USERNAME and STARTUP_TEST_PASSWORD for a local synthetic user.',
+  );
+}
+
+const authStartedAt = performance.now();
+const authResponse = await fetch(`${baseUrl}/api/auth`, {
+  method: 'POST',
+  headers: {'content-type': 'application/json'},
+  body: JSON.stringify({username, password, remember: false}),
+});
+const authBody = await authResponse.json();
+if (!authResponse.ok || !authBody.auth_token) {
+  throw new Error(`Synthetic sign-in failed with HTTP ${authResponse.status}.`);
+}
+
+const authMs = performance.now() - authStartedAt;
+const requestHeaders = {
+  'Auth-Token': authBody.auth_token,
+  Username: authBody.user.username,
+};
+
+async function request(name, path) {
+  const startedAt = performance.now();
+  const response = await fetch(`${baseUrl}${path}`, {headers: requestHeaders});
+  await response.arrayBuffer();
+  const durationMs = performance.now() - startedAt;
+  if (!response.ok) {
+    throw new Error(`${name} failed with HTTP ${response.status}.`);
+  }
+  return {name, durationMs: round(durationMs), status: response.status};
+}
+
+async function replayBefore() {
+  const startedAt = performance.now();
+  const requests = [];
+  requests.push(await request('settings', '/api/settings'));
+  requests.push(
+    ...(await Promise.all([
+      request('campuses', '/api/campuses/'),
+      request('teaching-periods', '/api/teaching_periods/'),
+    ])),
+  );
+  requests.push(await request('unit-roles', '/api/unit_roles/'));
+  requests.push(
+    await request(
+      'projects',
+      '/api/projects/?include_inactive=false&include_task_definitions=true',
+    ),
+  );
+  await new Promise((resolve) => setTimeout(resolve, 800));
+  return {mode: 'before', totalMs: round(performance.now() - startedAt), requests};
+}
+
+async function replayAfter() {
+  const startedAt = performance.now();
+  const requests = [];
+  requests.push(await request('settings', '/api/settings'));
+  requests.push(
+    ...(await Promise.all([
+      request('campuses', '/api/campuses/'),
+      request('teaching-periods', '/api/teaching_periods/'),
+    ])),
+  );
+  requests.push(
+    ...(await Promise.all([
+      request('unit-roles', '/api/unit_roles/'),
+      request('projects', '/api/projects/?include_inactive=false&include_task_definitions=true'),
+    ])),
+  );
+  return {mode: 'after', totalMs: round(performance.now() - startedAt), requests};
+}
+
+const samples = [];
+for (let run = 1; run <= runs; run += 1) {
+  const pair = run % 2 === 1 ? [replayBefore, replayAfter] : [replayAfter, replayBefore];
+  for (const replay of pair) {
+    samples.push({run, ...(await replay())});
+  }
+}
+
+const beforeTotals = samples.filter(({mode}) => mode === 'before').map(({totalMs}) => totalMs);
+const afterTotals = samples.filter(({mode}) => mode === 'after').map(({totalMs}) => totalMs);
+
+console.log(
+  JSON.stringify(
+    {
+      capturedAt: new Date().toISOString(),
+      baseUrl,
+      runs,
+      authenticationMs: round(authMs),
+      method: {
+        before: 'settings; campuses + teaching periods; unit roles; projects; fixed 800 ms wait',
+        after: 'settings; campuses + teaching periods; unit roles + projects; no fixed wait',
+        note: 'Paired live-API orchestration replay. It measures the startup request contract, not paint time.',
+      },
+      summary: {
+        beforeMedianMs: median(beforeTotals),
+        afterMedianMs: median(afterTotals),
+        medianReductionMs: round(median(beforeTotals) - median(afterTotals)),
+        medianReductionPercent: round(
+          ((median(beforeTotals) - median(afterTotals)) / median(beforeTotals)) * 100,
+        ),
+      },
+      samples,
+    },
+    null,
+    2,
+  ),
+);
+
+function median(values) {
+  const sorted = [...values].sort((left, right) => left - right);
+  const middle = Math.floor(sorted.length / 2);
+  return sorted.length % 2 === 0
+    ? round((sorted[middle - 1] + sorted[middle]) / 2)
+    : sorted[middle];
+}
+
+function round(value) {
+  return Math.round(value * 10) / 10;
+}

docs/evidence/batch-01/startup-live-api-before-after.json

@@ -0,0 +1,142 @@
+{
+  "capturedAt": "2026-08-29T02:40:14.749Z",
+  "timezone": "Australia/Melbourne",
+  "frontendPath": "/Users/ryan/Downloads/test-codex/phone-evidence-20260828/doubtfire-web",
+  "frontendRevision": "024e12ee15e7c0309d36a621aff29b98bb4d8f6e",
+  "baseUrl": "http://localhost:4200",
+  "runs": 5,
+  "authenticationMs": 842.8,
+  "method": {
+    "before": "settings; campuses + teaching periods; unit roles; projects; fixed 800 ms wait",
+    "after": "settings; campuses + teaching periods; unit roles + projects; no fixed wait",
+    "note": "Paired live-API orchestration replay. It measures the startup request contract, not paint time."
+  },
+  "summary": {
+    "beforeMedianMs": 1125.1,
+    "afterMedianMs": 364.8,
+    "medianReductionMs": 760.3,
+    "medianReductionPercent": 67.6
+  },
+  "samples": [
+    {
+      "run": 1,
+      "mode": "before",
+      "totalMs": 2118.8,
+      "requests": [
+        {"name": "settings", "durationMs": 101.5, "status": 200},
+        {"name": "campuses", "durationMs": 40.9, "status": 200},
+        {"name": "teaching-periods", "durationMs": 101.3, "status": 200},
+        {"name": "unit-roles", "durationMs": 41.2, "status": 200},
+        {"name": "projects", "durationMs": 1071.1, "status": 200}
+      ]
+    },
+    {
+      "run": 1,
+      "mode": "after",
+      "totalMs": 400.2,
+      "requests": [
+        {"name": "settings", "durationMs": 54.5, "status": 200},
+        {"name": "campuses", "durationMs": 29.4, "status": 200},
+        {"name": "teaching-periods", "durationMs": 35.3, "status": 200},
+        {"name": "unit-roles", "durationMs": 41.9, "status": 200},
+        {"name": "projects", "durationMs": 308.9, "status": 200}
+      ]
+    },
+    {
+      "run": 2,
+      "mode": "after",
+      "totalMs": 364.8,
+      "requests": [
+        {"name": "settings", "durationMs": 39.6, "status": 200},
+        {"name": "campuses", "durationMs": 18.1, "status": 200},
+        {"name": "teaching-periods", "durationMs": 66.4, "status": 200},
+        {"name": "unit-roles", "durationMs": 37.5, "status": 200},
+        {"name": "projects", "durationMs": 257.6, "status": 200}
+      ]
+    },
+    {
+      "run": 2,
+      "mode": "before",
+      "totalMs": 1146.2,
+      "requests": [
+        {"name": "settings", "durationMs": 14.6, "status": 200},
+        {"name": "campuses", "durationMs": 9.9, "status": 200},
+        {"name": "teaching-periods", "durationMs": 49, "status": 200},
+        {"name": "unit-roles", "durationMs": 38.7, "status": 200},
+        {"name": "projects", "durationMs": 241.5, "status": 200}
+      ]
+    },
+    {
+      "run": 3,
+      "mode": "before",
+      "totalMs": 1125.1,
+      "requests": [
+        {"name": "settings", "durationMs": 41.9, "status": 200},
+        {"name": "campuses", "durationMs": 19.2, "status": 200},
+        {"name": "teaching-periods", "durationMs": 25.8, "status": 200},
+        {"name": "unit-roles", "durationMs": 20.5, "status": 200},
+        {"name": "projects", "durationMs": 220.4, "status": 200}
+      ]
+    },
+    {
+      "run": 3,
+      "mode": "after",
+      "totalMs": 588.8,
+      "requests": [
+        {"name": "settings", "durationMs": 92.5, "status": 200},
+        {"name": "campuses", "durationMs": 64.3, "status": 200},
+        {"name": "teaching-periods", "durationMs": 103.4, "status": 200},
+        {"name": "unit-roles", "durationMs": 65, "status": 200},
+        {"name": "projects", "durationMs": 391.6, "status": 200}
+      ]
+    },
+    {
+      "run": 4,
+      "mode": "after",
+      "totalMs": 333.8,
+      "requests": [
+        {"name": "settings", "durationMs": 20.6, "status": 200},
+        {"name": "campuses", "durationMs": 21.3, "status": 200},
+        {"name": "teaching-periods", "durationMs": 27.1, "status": 200},
+        {"name": "unit-roles", "durationMs": 34, "status": 200},
+        {"name": "projects", "durationMs": 285.4, "status": 200}
+      ]
+    },
+    {
+      "run": 4,
+      "mode": "before",
+      "totalMs": 1123.9,
+      "requests": [
+        {"name": "settings", "durationMs": 20, "status": 200},
+        {"name": "campuses", "durationMs": 26.2, "status": 200},
+        {"name": "teaching-periods", "durationMs": 38.2, "status": 200},
+        {"name": "unit-roles", "durationMs": 30.4, "status": 200},
+        {"name": "projects", "durationMs": 229.6, "status": 200}
+      ]
+    },
+    {
+      "run": 5,
+      "mode": "before",
+      "totalMs": 1095,
+      "requests": [
+        {"name": "settings", "durationMs": 24, "status": 200},
+        {"name": "campuses", "durationMs": 13.4, "status": 200},
+        {"name": "teaching-periods", "durationMs": 20.6, "status": 200},
+        {"name": "unit-roles", "durationMs": 20.8, "status": 200},
+        {"name": "projects", "durationMs": 223.1, "status": 200}
+      ]
+    },
+    {
+      "run": 5,
+      "mode": "after",
+      "totalMs": 193.6,
+      "requests": [
+        {"name": "settings", "durationMs": 28.8, "status": 200},
+        {"name": "campuses", "durationMs": 14.1, "status": 200},
+        {"name": "teaching-periods", "durationMs": 17.7, "status": 200},
+        {"name": "unit-roles", "durationMs": 24.1, "status": 200},
+        {"name": "projects", "durationMs": 146.6, "status": 200}
+      ]
+    }
+  ]
+}