chore(ui): design system audit autofixes (agent)

dashboard/styles.css

@@ -82,13 +82,13 @@ a { color: inherit; }
 .text-info { color: var(--info); }
 .text-info-strong { color: var(--info-strong); }
 .text-accent { color: var(--accent); }
-.text-accent-strong { color: var(--accent); }
+.text-accent-strong { color: var(--accent-strong); }
 .text-success { color: var(--success); }
 .text-warning { color: var(--warning); }
 .text-danger { color: var(--danger); }
 .text-purple { color: var(--purple); }
 .text-pink { color: var(--pink); }
-.text-white { color: #fff; }
+.text-white { color: var(--text-strong); }
 
 .border { border-width: 1px; border-style: solid; }
 .border-t { border-top-width: 1px; border-top-style: solid; }

reports/design-system/design-system-report-2026-02-20.md

@@ -0,0 +1,35 @@
+# Design System Remediation Report (2026-02-20)
+
+Headline:
+- `⚠️ 2 violations` (PR opened for safe fixes)
+
+## 1) Inline styles
+- Total count: 1
+- Top 10 sample files (file:count):
+  - dashboard/app.js:1
+- First snippet example (1–2 lines) with file:line:
+  - `dashboard/app.js:544`: `bar.style.width = `${ttlPct}%`;`
+
+## 2) Raw lengths
+- Total count: 0 (outside of CSS file definitions)
+
+## 3) Hex colors
+- Total count: 1
+- Top 10 sample files (file:count):
+  - dashboard/styles.css:1
+- First snippet example (1–2 lines) with file:line:
+  - `dashboard/styles.css:91`: `.text-white { color: #fff; }`
+
+## 4) Tailwind palette
+- Total count: 0
+
+## 5) Bracket utilities
+- Total count: 0
+
+## Footer
+- Links to PR(s) or Issue(s) created: PR to be opened.
+- Commands run + exit status: `npm run lint` (exit 0)
+- Next steps:
+  - Apply safe fixes for `text-white` hex color.
+  - Fix mismapped `text-accent-strong` token usage in `styles.css`.
+  - Monitor `dashboard/app.js` for more inline style usage.

src/context/CONTEXT_2026-02-20T02-05-36Z.md

@@ -0,0 +1,21 @@
+---
+agent: design-system-audit-agent
+cadence: daily
+run-start: 2026-02-20T02:05:36Z
+prompt-path: src/prompts/daily/design-system-audit-agent.md
+commit-sha: 84ce8ed
+---
+
+# Design System Audit Context
+
+## Goal
+Verify UI alignment with the tokenized design system (CSS tokens + utilities).
+
+## Scope
+- `dashboard/styles.css`: Canonical token and utility source.
+- `dashboard/index.html` and `dashboard/app.js`: UI implementation.
+
+## Findings
+- Only one raw hex color (`#fff`) found in `styles.css`.
+- One mismapped token (`text-accent-strong` using `var(--accent)`).
+- One inline style in `app.js` for a dynamic progress bar (allowed).

src/decisions/DECISIONS_2026-02-20T02-05-36Z.md

@@ -0,0 +1,18 @@
+---
+agent: design-system-audit-agent
+cadence: daily
+run-start: 2026-02-20T02:05:36Z
+prompt-path: src/prompts/daily/design-system-audit-agent.md
+---
+
+# Decisions
+
+## Decision 1: Allow inline style in `app.js`
+- Rationale: The `bar.style.width` calculation for the progress bar is highly dynamic (calculated from `ttlPct`). While it could use a CSS variable, the current implementation is simple and safe.
+- Outcome: Noted in report as allowed.
+
+## Decision 2: Replace `#fff` with `var(--text-strong)`
+- Rationale: `#fff` is identical to the `text-strong` token value. Using the token ensures consistency.
+
+## Decision 3: Fix `text-accent-strong` mapping
+- Rationale: It was incorrectly using `var(--accent)` instead of `var(--accent-strong)`.

src/test_logs/TEST_LOG_2026-02-20T02-05-36Z.md

@@ -0,0 +1,27 @@
+---
+agent: design-system-audit-agent
+cadence: daily
+run-start: 2026-02-20T02:05:36Z
+prompt-path: src/prompts/daily/design-system-audit-agent.md
+---
+
+# Test Log
+
+## Environment
+- Commit: `84ce8ed`
+- Node: `v22.22.0`
+- npm: `10.9.4`
+
+## Commands and Results
+1. `node scripts/memory/retrieve.mjs`
+   - Result: `MEMORY_RETRIEVED`
+2. `npm run lint`
+   - Result: Exit 0
+3. `grep -r "style=" dashboard/`
+   - Result: No matches (except dynamic style in JS)
+4. `grep -r "#[0-9a-fA-F]" dashboard/`
+   - Result: Identified only one non-token hex in `styles.css`.
+
+## Validation Outcome
+- Lint passes before and after fixes.
+- Visual inspection of `styles.css` confirmed correct token usage after fixes.

src/todo/TODO_2026-02-20T02-05-36Z.md

@@ -0,0 +1,16 @@
+---
+agent: design-system-audit-agent
+cadence: daily
+run-start: 2026-02-20T02:05:36Z
+prompt-path: src/prompts/daily/design-system-audit-agent.md
+---
+
+# TODO
+
+## Completed
+- [x] Preflight checks (read docs, verified scripts).
+- [x] Run lint and style checks.
+- [x] Audit UI for inline styles, hex colors, and raw lengths.
+- [x] Produce remediation report: `reports/design-system/design-system-report-2026-02-20.md`.
+- [x] Apply safe auto-fixes to `dashboard/styles.css`.
+- [x] Verify fixes with `npm run lint`.