First Release of Claw3D (#11)

Co-authored-by: iamlukethedev <iamlukethedev@users.noreply.github.com>

tests/unit/colorSemanticsGuard.test.ts

@@ -0,0 +1,37 @@
+import { readFileSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+const TEST_DIR = dirname(fileURLToPath(import.meta.url));
+const REPO_ROOT = resolve(TEST_DIR, "..", "..");
+
+const COLOR_OWNED_FILES = [
+  "src/features/agents/components/FleetSidebar.tsx",
+  "src/features/agents/components/AgentChatPanel.tsx",
+  "src/features/agents/components/ConnectionPanel.tsx",
+  "src/features/agents/components/AgentInspectPanels.tsx",
+  "src/features/agents/components/GatewayConnectScreen.tsx",
+  "src/features/agents/components/AgentCreateModal.tsx",
+  "src/features/agents/components/HeaderBar.tsx",
+  "src/app/page.tsx",
+] as const;
+
+const RAW_HUE_UTILITY_PATTERN =
+  /\b(?:bg|text|border|from|to|via)-(?:amber|cyan|emerald|orange|violet|red|green|blue|zinc)-\d{2,3}(?:\/\d{1,3})?\b/g;
+
+describe("color semantic guard", () => {
+  it("blocks raw hue utility classes in color-owned UI files", () => {
+    const offenders: string[] = [];
+
+    for (const relativePath of COLOR_OWNED_FILES) {
+      const source = readFileSync(resolve(REPO_ROOT, relativePath), "utf8");
+      const matches = source.match(RAW_HUE_UTILITY_PATTERN) ?? [];
+      for (const match of matches) {
+        offenders.push(`${relativePath}: ${match}`);
+      }
+    }
+
+    expect(offenders).toEqual([]);
+  });
+});