refactor: normalize FlowPilot/Assistant/ScriptBuilder to design system tokens

Replace hardcoded Tailwind color utilities with semantic CSS variable tokens
across 31 files in the FlowPilot, Assistant Chat, and Script Builder feature
communities — the areas graphify identified as design-system-free.

- text-blue-400 → text-accent, bg-blue-500/10 → bg-accent-dim, border-blue-500/20 → border-accent/20
- text-amber-400 → text-warning, bg-amber-400/10 → bg-warning-dim, border-l-amber-500 → border-l-warning
- text-rose-400/500 → text-danger, bg-rose-500/10 → bg-danger-dim
- text-emerald-400 → text-success, bg-emerald-500/10 → bg-success-dim, border-l-emerald-500 → border-l-success
- bg-white/[0.08] → bg-elevated (opacity hack → semantic surface token)
- bg-gradient-to-r from-blue-500 to-blue-400 → bg-accent (no gradient surfaces)
- bg-[#60a5fa] → bg-accent (hard-coded hex removed)

Also adds graphify-out/ to .gitignore.

Theme resilience: accent color has changed twice in 5 weeks. Semantic tokens
mean the next change is a 1-line edit in index.css, not 110 grep-and-replace.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/components/assistant/ConcludeSessionModal.tsx

@@ -36,7 +36,7 @@ const OUTCOMES: { value: ConclusionOutcome; label: string; description: string;
     label: 'Resolved',
     description: 'Issue has been fixed or answered',
     icon: CheckCircle2,
-    color: 'text-emerald-400',
+    color: 'text-success',
     bg: 'bg-emerald-400/10',
     border: 'border-emerald-400/30',
   },
@@ -45,17 +45,17 @@ const OUTCOMES: { value: ConclusionOutcome; label: string; description: string;
     label: 'Escalate',
     description: 'Needs to be handed off or escalated',
     icon: ArrowUpRight,
-    color: 'text-amber-400',
-    bg: 'bg-amber-400/10',
-    border: 'border-amber-400/30',
+    color: 'text-warning',
+    bg: 'bg-warning-dim',
+    border: 'border-warning/30',
   },
   {
     value: 'paused',
     label: 'Paused',
     description: 'Continuing later — saving progress',
     icon: Pause,
-    color: 'text-blue-400',
-    bg: 'bg-blue-400/10',
+    color: 'text-accent',
+    bg: 'bg-accent-dim',
     border: 'border-blue-400/30',
   },
 ]
@@ -362,7 +362,7 @@ export function ConcludeSessionModal({
               </div>
 
               {error && (
-                <div className="text-sm text-rose-400 bg-rose-400/10 border border-rose-400/20 rounded-lg px-4 py-2">
+                <div className="text-sm text-danger bg-danger-dim border border-danger/20 rounded-lg px-4 py-2">
                   {error}
                 </div>
               )}
@@ -410,7 +410,7 @@ export function ConcludeSessionModal({
                       <div className="h-3 bg-elevated rounded w-4/5" />
                     </div>
                   ) : streamError ? (
-                    <div className="flex items-center gap-2 text-sm text-amber-400">
+                    <div className="flex items-center gap-2 text-sm text-warning">
                       <AlertTriangle size={14} />
                       {streamError}
                     </div>
@@ -467,7 +467,7 @@ export function ConcludeSessionModal({
               {/* Paused/Escalated: generating spinner */}
               {(outcome === 'paused' || outcome === 'escalated') && generatingUpdate && (
                 <div className="flex flex-col items-center justify-center py-8 gap-3">
-                  <Loader2 size={24} className="animate-spin text-blue-400" />
+                  <Loader2 size={24} className="animate-spin text-accent" />
                   <p className="text-sm text-muted-foreground">Generating status update...</p>
                 </div>
               )}
@@ -544,7 +544,7 @@ export function ConcludeSessionModal({
                 {outcome === 'paused' && (
                   <button
                     onClick={handleResumeNew}
-                    className="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium text-blue-400 bg-blue-400/10 border border-blue-400/20 hover:bg-blue-400/15 transition-all"
+                    className="flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium text-accent bg-accent-dim border border-accent/20 hover:bg-accent/15 transition-all"
                   >
                     <RefreshCw size={14} />
                     Resume in New Chat
@@ -566,7 +566,7 @@ export function ConcludeSessionModal({
                     className={cn(
                       'flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-semibold transition-all',
                       copied
-                        ? 'bg-emerald-400/15 text-emerald-400 border border-emerald-400/30'
+                        ? 'bg-emerald-400/15 text-success border border-emerald-400/30'
                         : 'bg-primary text-white hover:brightness-110 active:scale-[0.98]'
                     )}
                   >