Skip to content

feat(tokens): unify AgentTracer + batch 1 to named token utilities#194

Merged
dgarson merged 121 commits intofeat/horizon-ui-phase1-cleanupfrom
wes/phase1-token-unification
Mar 3, 2026
Merged

feat(tokens): unify AgentTracer + batch 1 to named token utilities#194
dgarson merged 121 commits intofeat/horizon-ui-phase1-cleanupfrom
wes/phase1-token-unification

Conversation

@dgarson
Copy link
Owner

@dgarson dgarson commented Mar 3, 2026

Summary

Converts hardcoded zinc-* Tailwind classes to named token utilities from the Horizon UI design system.

Changes

AgentTracer.tsx (Primary Target)

  • 51 zinc refs → 0 (full conversion)
  • All background, text, border, and ring classes converted to token equivalents

Batch 1 Views (14 files total)

  • A11yAuditDashboard.tsx
  • AgentDashboard.tsx
  • AgentInbox.tsx
  • AgentTracer.tsx
  • AnalyticsOverview.tsx
  • ApiKeysManager.tsx
  • ApiPlayground.tsx
  • AuditLog.tsx
  • ChangelogViewer.tsx
  • DiscoveryRunHistory.tsx
  • NotificationCenter.tsx
  • ProviderRoutingPanel.tsx
  • SystemHealth.tsx
  • TeamManagement.tsx

Token Mappings Applied

Before After
bg-zinc-950 bg-surface-0
bg-zinc-900 bg-surface-1
bg-zinc-800 bg-surface-2
bg-zinc-700 bg-surface-3
text-white, text-zinc-100/200/300 text-fg-primary
text-zinc-400 text-fg-secondary
text-zinc-500/600/700 text-fg-muted
border-zinc-800/700 border-tok-border
divide-zinc-800 divide-tok-border
ring-zinc-* ring-tok-border
placeholder-zinc-500 placeholder:text-fg-muted
ring-offset-zinc-900 ring-offset-surface-1
fill-zinc-500 fill-fg-muted

Notes

  • Build passes
  • Opacity variants (e.g., bg-zinc-400/10) retained pending token system extension
  • Zero hardcoded zinc-* classes in modified files (excluding opacity variants and comments)

Testing

cd apps/web-next
npm install && npm run build

…, wave countdowns, 15 agents, Brave key alert
…coveryWaveResults, DiscoveryAgentCostTracker, ToolReliabilityDashboard)
…tructure

Agent: luis
Original branch: feat/horizon-post-merge
Working on: horizon-ux-views
Reason: restructuring workspace so git repos live at git/{reponame}/
All untracked config + code changes captured here.
…indingTrendChart, AgentSkillHeatmap) — batch 6PM
…penclaw#313)

- New AgentTopologyMap.tsx: pure SVG + React state, no external graph libs
- Static concentric layout: principals (r=210), crons (r=115), workers (r=65 from spawner)
- Node types: Principal (violet circle), Worker (blue circle), Cron (amber diamond)
- Interactive: click-to-inspect detail panel (280px), hover scale effect
- Toolbar: Live/Paused toggle, Reset View, session count badge, legend
- Mock data: 6 principals, 4 workers (from Luis), 2 crons
- Also fix pre-existing TS build errors to get 0-error build:
  - AgentOutputDiffViewer: remove invalid lucide icons + syntax error
  - APICredentialHealthDashboard: fix Badge/Alert variants, remove indicatorClassName
  - AgentSkillHeatmap, AgentSoulEditor, DiscoveryRunReplayControls,
    FindingTrendChart, ModelComparisonMatrix: pre-existing fixes
  - Add missing ui/alert badge card progress components
…penclaw#313)

- New AgentTopologyMap.tsx: pure SVG + React state, no external graph libs
- Static concentric layout: principals (r=210), crons (r=115), workers (r=65 from spawner)
- Node types: Principal (violet circle), Worker (blue circle), Cron (amber diamond)
- Interactive: click-to-inspect detail panel (280px), hover scale effect
- Toolbar: Live/Paused toggle, Reset View, session count badge, legend
- Mock data: 6 principals, 4 workers (from Luis), 2 crons
- Also fix pre-existing TS build errors to get 0-error build:
  - AgentOutputDiffViewer: remove invalid lucide icons + syntax error
  - APICredentialHealthDashboard: fix Badge/Alert variants, remove indicatorClassName
  - AgentSkillHeatmap, AgentSoulEditor, DiscoveryRunReplayControls,
    FindingTrendChart, ModelComparisonMatrix: pre-existing fixes
  - Add missing ui/alert badge card progress components
…quirements' into feat/horizon-ui-complete

# Conflicts:
#	docs/start/onboarding-overview.md
…-ui-for-dashboard' into feat/horizon-ui-complete

# Conflicts:
#	apps/web-next/package.json
#	apps/web-next/src/App.tsx
#	apps/web-next/src/views/AgentDashboard.tsx
#	apps/web-next/src/views/AgentPerformanceBreakdown.tsx
#	apps/web-next/src/views/CronJobManager.tsx
#	apps/web-next/src/views/UsageDashboard.tsx
#	apps/web-next/src/views/WorkqueueDashboard.tsx
- Updated quiz questions to be friendlier and more conversational
- Enhanced level descriptions with more engaging copy
- Improved template descriptions with clearer value propositions
- Refreshed empty state messages for better user guidance
- Updated setup step descriptions for clarity

Part of bs-ux-1-copy
- Convert hardcoded zinc-* classes to named token utilities
- AgentTracer.tsx: 51 zinc refs → 0 (full conversion)
- Batch 1 views: 14 files converted

Token mappings applied:
- bg-zinc-950 → bg-surface-0
- bg-zinc-900 → bg-surface-1
- bg-zinc-800 → bg-surface-2
- bg-zinc-700 → bg-surface-3
- text-white/text-zinc-100/200/300 → text-fg-primary
- text-zinc-400 → text-fg-secondary
- text-zinc-500/600/700 → text-fg-muted
- border-zinc-800/700 → border-tok-border
- divide-zinc-800 → divide-tok-border
- ring-zinc-500/700/800 → ring-tok-border
- placeholder-zinc-500 → placeholder:text-fg-muted
- ring-offset-zinc-900 → ring-offset-surface-1
- fill-zinc-500 → fill-fg-muted

Note: Opacity variants (e.g., bg-zinc-400/10) retained pending
token system extension for opacity utilities.
@dgarson dgarson changed the base branch from feat/horizon-ui-phase1-cleanup to dgarson/fork March 3, 2026 01:02
Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: df4d6c6625

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

@@ -1,744 +0,0 @@
name: CI

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Badge Restore core GitHub workflows removed from this commit

This commit deletes .github/workflows/ci.yml (and also removes docker-release.yml, install-smoke.yml, sandbox-common-smoke.yml, and workflow-sanity.yml from the workflows directory), which means pushes/PRs lose their main CI, smoke, and release automation gates. In practice, regressions can merge without lint/test/build coverage and Docker/install validation stops running, which is a release-process break unrelated to the stated token-refactor scope.

Useful? React with 👍 / 👎.

@dgarson dgarson changed the base branch from dgarson/fork to feat/horizon-ui-phase1-cleanup March 3, 2026 01:13
@dgarson dgarson merged commit 3ce0ada into feat/horizon-ui-phase1-cleanup Mar 3, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants