From 2bcd3e2f3cbee4f4b019d4c0aef79021abf52ed6 Mon Sep 17 00:00:00 2001 From: chihlasm Date: Sun, 22 Mar 2026 19:19:44 +0000 Subject: [PATCH] =?UTF-8?q?fix:=20design=20system=20v4=20polish=20?= =?UTF-8?q?=E2=80=94=20home=20icon,=20mobile=20hamburger,=20contrast,=20fo?= =?UTF-8?q?nt-label=20cleanup?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Home sidebar icon: always cyan, bg-accent-dim only when route is "/" - Mobile TopBar: add left padding so hamburger isn't hidden behind logo - Landing page: bump card border color (#1e2130 → #2a2f3d) for better contrast - Replace all font-label references (40 occurrences, 19 files) with font-mono or font-sans - Remove deprecated --font-label CSS variable from index.css - Convert hardcoded hex in layout inline styles to CSS variables (light-mode ready) - Add @types/react-syntax-highlighter for script builder types Co-Authored-By: Claude Opus 4.6 (1M context) --- frontend/package-lock.json | 3 +- frontend/package.json | 2 +- .../src/components/editor-ai/NodeSummary.tsx | 4 +-- .../components/editor-ai/SuggestionsTab.tsx | 4 +-- frontend/src/components/guides/GuideCard.tsx | 2 +- .../src/components/guides/GuideSection.tsx | 2 +- frontend/src/components/layout/AppLayout.tsx | 8 ++--- .../src/components/layout/CommandPalette.tsx | 8 ++--- frontend/src/components/layout/NavItem.tsx | 4 +-- .../src/components/layout/QuickLaunch.tsx | 4 +-- frontend/src/components/layout/Sidebar.tsx | 35 +++++++++++-------- frontend/src/components/layout/TopBar.tsx | 22 ++++++------ .../maintenance/BatchLaunchModal.tsx | 4 +-- .../maintenance/BatchStatusCard.tsx | 2 +- .../scripts/PowerShellHighlighter.tsx | 2 +- .../scripts/ScriptConfigurePane.tsx | 10 +++--- .../components/scripts/ScriptFilterBar.tsx | 4 +-- .../scripts/ScriptParameterForm.tsx | 2 +- .../src/components/scripts/TemplateCard.tsx | 4 +-- .../src/components/sidebar/ActivityItem.tsx | 4 +-- .../src/components/sidebar/CategoryList.tsx | 2 +- .../sidebar/SidebarActivityFeed.tsx | 2 +- .../components/sidebar/SidebarStatsBar.tsx | 12 +++---- frontend/src/components/sidebar/TagCloud.tsx | 2 +- frontend/src/index.css | 2 +- frontend/src/styles/landing.css | 10 +++--- 26 files changed, 84 insertions(+), 76 deletions(-) diff --git a/frontend/package-lock.json b/frontend/package-lock.json index f259c01d..cd02c6f0 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -18,7 +18,6 @@ "@sentry/vite-plugin": "^5.1.1", "@stripe/stripe-js": "^8.7.0", "@tailwindcss/vite": "^4.2.1", - "@types/react-syntax-highlighter": "^15.5.13", "@xyflow/react": "^12.10.0", "axios": "^1.13.4", "class-variance-authority": "^0.7.1", @@ -51,6 +50,7 @@ "@types/node": "^24.10.9", "@types/react": "^19.2.5", "@types/react-dom": "^19.2.3", + "@types/react-syntax-highlighter": "^15.5.13", "@vitejs/plugin-react": "^5.1.1", "@vitest/coverage-v8": "^4.0.18", "eslint": "^9.39.1", @@ -3021,6 +3021,7 @@ "version": "15.5.13", "resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.13.tgz", "integrity": "sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==", + "dev": true, "license": "MIT", "dependencies": { "@types/react": "*" diff --git a/frontend/package.json b/frontend/package.json index 16079d27..d93a3831 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -31,7 +31,6 @@ "@sentry/vite-plugin": "^5.1.1", "@stripe/stripe-js": "^8.7.0", "@tailwindcss/vite": "^4.2.1", - "@types/react-syntax-highlighter": "^15.5.13", "@xyflow/react": "^12.10.0", "axios": "^1.13.4", "class-variance-authority": "^0.7.1", @@ -64,6 +63,7 @@ "@types/node": "^24.10.9", "@types/react": "^19.2.5", "@types/react-dom": "^19.2.3", + "@types/react-syntax-highlighter": "^15.5.13", "@vitejs/plugin-react": "^5.1.1", "@vitest/coverage-v8": "^4.0.18", "eslint": "^9.39.1", diff --git a/frontend/src/components/editor-ai/NodeSummary.tsx b/frontend/src/components/editor-ai/NodeSummary.tsx index 84994ad6..b506fa29 100644 --- a/frontend/src/components/editor-ai/NodeSummary.tsx +++ b/frontend/src/components/editor-ai/NodeSummary.tsx @@ -29,7 +29,7 @@ export function NodeSummary({ node, flowName, flowType, nodeCount }: NodeSummary {flowName || 'Untitled Flow'} -
+
{flowType || 'flow'} {nodeCount !== undefined && {nodeCount} nodes}
@@ -44,7 +44,7 @@ export function NodeSummary({ node, flowName, flowType, nodeCount }: NodeSummary
- + {node.type}
diff --git a/frontend/src/components/editor-ai/SuggestionsTab.tsx b/frontend/src/components/editor-ai/SuggestionsTab.tsx index d178c9c5..14299cf4 100644 --- a/frontend/src/components/editor-ai/SuggestionsTab.tsx +++ b/frontend/src/components/editor-ai/SuggestionsTab.tsx @@ -28,7 +28,7 @@ export function SuggestionsTab({ suggestions }: SuggestionsTabProps) { return (
- + {s.action_type.replace(/_/g, ' ')} @@ -39,7 +39,7 @@ export function SuggestionsTab({ suggestions }: SuggestionsTabProps) { {s.target_node_id && (

Node: {s.target_node_id}

)} -

+

{new Date(s.created_at).toLocaleDateString()}

diff --git a/frontend/src/components/guides/GuideCard.tsx b/frontend/src/components/guides/GuideCard.tsx index b0970d83..e062f2d2 100644 --- a/frontend/src/components/guides/GuideCard.tsx +++ b/frontend/src/components/guides/GuideCard.tsx @@ -24,7 +24,7 @@ export function GuideCard({ guide }: GuideCardProps) {

{guide.summary}

- + {guide.sections.length} {guide.sections.length === 1 ? 'section' : 'sections'}
diff --git a/frontend/src/components/guides/GuideSection.tsx b/frontend/src/components/guides/GuideSection.tsx index 5bc0ff7d..13933fa5 100644 --- a/frontend/src/components/guides/GuideSection.tsx +++ b/frontend/src/components/guides/GuideSection.tsx @@ -18,7 +18,7 @@ export function GuideSection({ section, index }: GuideSectionProps) {
    {section.steps.map((step, i) => (
  1. - + {i + 1}.