test(FN-4286): add guard against deprecated text token usage

Fusion-Task-Id: FN-4286
Fusion-Task-Lineage: 1dd74ee2-7fb2-4b41-b923-a9f339521b50

packages/dashboard/app/__tests__/text-token-canonicalization.test.ts

@@ -0,0 +1,50 @@
+// Regression guard for FN-4286 follow-up to FN-4195: prevent reintroducing undefined --text-secondary.
+import { readFileSync, readdirSync, statSync } from "node:fs";
+import path from "node:path";
+import { describe, expect, it } from "vitest";
+
+const APP_ROOT = path.resolve(__dirname, "..");
+const ALLOWLIST = new Set([
+  "__tests__/text-token-canonicalization.test.ts",
+  "__tests__/agent-css-classes.test.ts",
+]);
+
+function collectSourceFiles(dir: string): string[] {
+  const out: string[] = [];
+  for (const entry of readdirSync(dir)) {
+    if (entry === "node_modules" || entry === "dist") continue;
+    const fullPath = path.join(dir, entry);
+    const relPath = path.relative(APP_ROOT, fullPath).split(path.sep).join("/");
+    const stats = statSync(fullPath);
+    if (stats.isDirectory()) {
+      out.push(...collectSourceFiles(fullPath));
+      continue;
+    }
+    if (/\.(css|tsx?|ts)$/.test(entry)) out.push(relPath);
+  }
+  return out;
+}
+
+describe("text token canonicalization", () => {
+  it("keeps --text-secondary out of dashboard source files", () => {
+    const offenders: string[] = [];
+    for (const relPath of collectSourceFiles(APP_ROOT)) {
+      if (ALLOWLIST.has(relPath)) continue;
+      const content = readFileSync(path.join(APP_ROOT, relPath), "utf8");
+      if (content.includes("--text-secondary")) offenders.push(relPath);
+    }
+
+    expect(offenders, `Unexpected --text-secondary references in: ${offenders.join(", ")}`).toEqual([]);
+  });
+
+  it("defines canonical text tokens and does not define --text-secondary at :root", () => {
+    const stylesCss = readFileSync(path.join(APP_ROOT, "styles.css"), "utf8");
+    const rootBlocks = [...stylesCss.matchAll(/:root\s*\{([\s\S]*?)\}/g)].map((match) => match[1]);
+    expect(rootBlocks.length).toBeGreaterThan(0);
+    const allRootContent = rootBlocks.join("\n");
+
+    expect(allRootContent).not.toMatch(/^\s*--text-secondary\s*:/m);
+    expect(allRootContent).toMatch(/^\s*--text-muted\s*:/m);
+    expect(allRootContent).toMatch(/^\s*--text-dim\s*:/m);
+  });
+});

packages/dashboard/app/components/__tests__/ChatView.test.tsx

@@ -4654,20 +4654,22 @@ describe("ChatView empty-state token guards", () => {
     const loadingNodes = screen.getAllByText("Loading messages...");
     const sidebarLoadingNode = screen.getByText("Loading...");
 
+    const legacyToken = `--text-${"secondary"}`;
     expect(sidebarLoadingNode.className).toContain("chat-empty-state");
-    expect(sidebarLoadingNode.getAttribute("style") ?? "").not.toContain("--text-secondary");
+    expect(sidebarLoadingNode.getAttribute("style") ?? "").not.toContain(legacyToken);
 
     for (const node of loadingNodes) {
       expect(node.className).toContain("chat-empty-state");
-      expect(node.getAttribute("style") ?? "").not.toContain("--text-secondary");
+      expect(node.getAttribute("style") ?? "").not.toContain(legacyToken);
     }
   });
 
-  it("keeps ChatView source files free of --text-secondary", () => {
+  it("keeps ChatView source files free of deprecated secondary token", () => {
     const chatViewTsx = readFileSync("app/components/ChatView.tsx", "utf8");
     const chatViewCss = readFileSync("app/components/ChatView.css", "utf8");
+    const legacyToken = `--text-${"secondary"}`;
 
-    expect(chatViewTsx.includes("--text-secondary")).toBe(false);
-    expect(chatViewCss.includes("--text-secondary")).toBe(false);
+    expect(chatViewTsx.includes(legacyToken)).toBe(false);
+    expect(chatViewCss.includes(legacyToken)).toBe(false);
   });
 });