From 367f6f4507db9a8189b1f0b54eb7ec9eb5cf6d29 Mon Sep 17 00:00:00 2001
From: Michael Chihlas <michael@chihlas.com>
Date: Sun, 22 Mar 2026 02:21:25 -0400
Subject: [PATCH] fix: clean up remaining design system v4 stragglers

Remove shadow-primary remnants and fix double text-xs from font-label
replacement in CopilotToggle, ValidationSummary, TemplateDetailModal,
and ParameterSchemaBuilder/ParameterDetectorStepper.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/copilot/CopilotToggle.tsx             | 2 +-
 frontend/src/components/public/TemplateDetailModal.tsx        | 2 +-
 .../src/components/script-editor/ParameterDetectorStepper.tsx | 2 +-
 .../src/components/script-editor/ParameterSchemaBuilder.tsx   | 4 ++--
 frontend/src/components/tree-editor/ValidationSummary.tsx     | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/copilot/CopilotToggle.tsx b/frontend/src/components/copilot/CopilotToggle.tsx
index cf836c5f..27777ec5 100644
--- a/frontend/src/components/copilot/CopilotToggle.tsx
+++ b/frontend/src/components/copilot/CopilotToggle.tsx
@@ -11,7 +11,7 @@ export function CopilotToggle({ isOpen, onToggle }: CopilotToggleProps) {
   return (
     <button
       onClick={onToggle}
-      className="fixed bottom-6 right-6 z-40 bg-[#22d3ee] text-brand-dark p-3.5 rounded-full shadow-lg shadow-primary/30 hover:brightness-110 active:scale-[0.98] transition-all"
+      className="fixed bottom-6 right-6 z-40 bg-[#22d3ee] text-white p-3.5 rounded-full hover:brightness-110 active:scale-[0.98] transition-all"
       title="Open AI Copilot"
     >
       <MessageCircle size={22} />
diff --git a/frontend/src/components/public/TemplateDetailModal.tsx b/frontend/src/components/public/TemplateDetailModal.tsx
index 3f3c2a64..a9ba9e46 100644
--- a/frontend/src/components/public/TemplateDetailModal.tsx
+++ b/frontend/src/components/public/TemplateDetailModal.tsx
@@ -201,7 +201,7 @@ export function TemplateDetailModal(props: TemplateDetailModalProps) {
                     key={param.name}
                     className="flex items-start gap-3 bg-[#14161d] border border-[#1e2130] rounded-xl p-3"
                   >
-                    <code className="font-sans text-xs text-xs text-[#22d3ee] shrink-0">
+                    <code className="font-sans text-xs text-[#22d3ee] shrink-0">
                       {param.name}
                     </code>
                     <span className="text-[#848b9b] text-sm flex-1">
diff --git a/frontend/src/components/script-editor/ParameterDetectorStepper.tsx b/frontend/src/components/script-editor/ParameterDetectorStepper.tsx
index 4e04d05b..8e652868 100644
--- a/frontend/src/components/script-editor/ParameterDetectorStepper.tsx
+++ b/frontend/src/components/script-editor/ParameterDetectorStepper.tsx
@@ -127,7 +127,7 @@ export function ParameterDetectorStepper({
 
       {/* Matched line */}
       <div className="rounded-lg bg-black/20 px-3 py-2">
-        <p className="font-sans text-xs text-xs text-amber-400 break-all">
+        <p className="font-sans text-xs text-amber-400 break-all">
           {current.matchedLine}
         </p>
         <p className="font-sans text-xs text-[0.5rem] text-[#848b9b] mt-1">
diff --git a/frontend/src/components/script-editor/ParameterSchemaBuilder.tsx b/frontend/src/components/script-editor/ParameterSchemaBuilder.tsx
index ef6848ee..7e109d11 100644
--- a/frontend/src/components/script-editor/ParameterSchemaBuilder.tsx
+++ b/frontend/src/components/script-editor/ParameterSchemaBuilder.tsx
@@ -97,7 +97,7 @@ export function ParameterSchemaBuilder({ schema, onChange, disabled }: Props) {
           type="button"
           onClick={() => mode === 'json' ? switchToVisual() : undefined}
           className={cn(
-            'flex items-center gap-1.5 font-sans text-xs text-xs px-3 py-1.5 rounded-full border transition-all',
+            'flex items-center gap-1.5 font-sans text-xs px-3 py-1.5 rounded-full border transition-all',
             mode === 'visual'
               ? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]'
               : 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]'
@@ -109,7 +109,7 @@ export function ParameterSchemaBuilder({ schema, onChange, disabled }: Props) {
           type="button"
           onClick={() => mode === 'visual' ? switchToJson() : undefined}
           className={cn(
-            'flex items-center gap-1.5 font-sans text-xs text-xs px-3 py-1.5 rounded-full border transition-all',
+            'flex items-center gap-1.5 font-sans text-xs px-3 py-1.5 rounded-full border transition-all',
             mode === 'json'
               ? 'bg-[rgba(34,211,238,0.10)] border-primary/30 text-[#e2e5eb]'
               : 'border-[#1e2130] text-[#848b9b] hover:text-[#e2e5eb]'
diff --git a/frontend/src/components/tree-editor/ValidationSummary.tsx b/frontend/src/components/tree-editor/ValidationSummary.tsx
index 2158d44e..e899fe05 100644
--- a/frontend/src/components/tree-editor/ValidationSummary.tsx
+++ b/frontend/src/components/tree-editor/ValidationSummary.tsx
@@ -77,7 +77,7 @@ export function ValidationSummary({ errors, onSelectNode, onFixWithAI, isFixing,
               'flex items-center gap-1.5 rounded-md px-3 py-1 text-xs font-medium transition-colors',
               isFixing
                 ? 'bg-[rgba(34,211,238,0.10)] text-[#22d3ee] cursor-wait'
-                : 'bg-[#22d3ee] text-white shadow-xs shadow-primary/20 hover:brightness-110'
+                : 'bg-[#22d3ee] text-white hover:brightness-110'
             )}
           >
             {isFixing ? (