diff --git a/frontend/src/components/analytics/PsaMetricsPanel.tsx b/frontend/src/components/analytics/PsaMetricsPanel.tsx index 02884907..5347d223 100644 --- a/frontend/src/components/analytics/PsaMetricsPanel.tsx +++ b/frontend/src/components/analytics/PsaMetricsPanel.tsx @@ -95,7 +95,7 @@ export default function PsaMetricsPanel({ data }: PsaMetricsPanelProps) { {/* Root node */} - + {/* Branches */} {/* Left child */} - + {/* Right child */} - + {/* Leaf branches */} - - + + ) } @@ -29,10 +29,10 @@ export function AnalyticsIllustration() { return ( {/* Bars */} - - - - + + + + {/* Baseline */} @@ -43,15 +43,15 @@ export function SessionIllustration() { return ( {/* Card 1 */} - + {/* Card 2 */} - + {/* Card 3 */} - + @@ -62,11 +62,11 @@ export function IntegrationIllustration() { return ( {/* Left box */} - + {/* Right box */} - + {/* Dashed arrows */} @@ -83,13 +83,13 @@ export function StepLibraryIllustration() { return ( {/* List items */} - + - + - + - + ) @@ -99,7 +99,7 @@ export function ScriptIllustration() { return ( {/* Terminal window */} - + {/* Title bar */} @@ -117,11 +117,11 @@ export function ShareIllustration() { return ( {/* Center node */} - + {/* Top-right node */} - + {/* Bottom-right node */} - + {/* Connecting lines */} diff --git a/frontend/src/components/common/RichTextInput.tsx b/frontend/src/components/common/RichTextInput.tsx index 5c390ff9..4357a4da 100644 --- a/frontend/src/components/common/RichTextInput.tsx +++ b/frontend/src/components/common/RichTextInput.tsx @@ -234,7 +234,7 @@ export function RichTextInput({ disabled={disabled} className={cn( 'w-full bg-card border border-border rounded-xl p-3 text-sm text-foreground placeholder:text-muted-foreground', - 'focus:border-[rgba(249,115,22,0.3)] focus:outline-none resize-none transition-colors', + 'focus:border-[rgba(96,165,250,0.3)] focus:outline-none resize-none transition-colors', isDragOver && 'border-primary/50 bg-primary/5', disabled && 'opacity-50 cursor-not-allowed' )} diff --git a/frontend/src/components/dashboard/RecentActivity.tsx b/frontend/src/components/dashboard/RecentActivity.tsx index 35f392a5..023d3b73 100644 --- a/frontend/src/components/dashboard/RecentActivity.tsx +++ b/frontend/src/components/dashboard/RecentActivity.tsx @@ -16,9 +16,9 @@ interface RecentActivityProps { const DEFAULT_ACTIVITIES: ActivityItem[] = [ { id: '1', icon: Play, iconColor: '#34d399', iconBg: 'rgba(52, 211, 153, 0.1)', description: 'Started VPN Connectivity Triage session', timestamp: '2 min ago' }, - { id: '2', icon: CheckCircle, iconColor: '#ea580c', iconBg: 'rgba(249, 115, 22, 0.1)', description: 'Completed M365 License Provisioning', timestamp: '15 min ago' }, + { id: '2', icon: CheckCircle, iconColor: '#ea580c', iconBg: 'rgba(96, 165, 250, 0.1)', description: 'Completed M365 License Provisioning', timestamp: '15 min ago' }, { id: '3', icon: Edit, iconColor: '#eab308', iconBg: 'rgba(234, 179, 8, 0.1)', description: 'Updated Printer Troubleshooting flow', timestamp: '1 hr ago' }, - { id: '4', icon: GitBranch, iconColor: '#ea580c', iconBg: 'rgba(249, 115, 22, 0.1)', description: 'Created new DNS Resolution flow', timestamp: '3 hr ago' }, + { id: '4', icon: GitBranch, iconColor: '#ea580c', iconBg: 'rgba(96, 165, 250, 0.1)', description: 'Created new DNS Resolution flow', timestamp: '3 hr ago' }, { id: '5', icon: FileText, iconColor: '#8891a0', iconBg: 'rgba(136, 145, 160, 0.1)', description: 'Exported session report #TK-4821', timestamp: 'Yesterday' }, ] diff --git a/frontend/src/components/dashboard/StartSessionInput.tsx b/frontend/src/components/dashboard/StartSessionInput.tsx index 9d17f167..e710cfa7 100644 --- a/frontend/src/components/dashboard/StartSessionInput.tsx +++ b/frontend/src/components/dashboard/StartSessionInput.tsx @@ -200,7 +200,7 @@ export function StartSessionInput() {
{/* Drag overlay */} {isDragOver && ( @@ -278,7 +278,7 @@ export function StartSessionInput() { onChange={(e) => setLogContent(e.target.value)} placeholder="Paste event viewer logs, error messages, PowerShell output..." rows={4} - className="w-full resize-none rounded-lg border border-border bg-background p-3 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none" + className="w-full resize-none rounded-lg border border-border bg-background p-3 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none" />
)} diff --git a/frontend/src/components/flowpilot/FlowPilotActionBar.tsx b/frontend/src/components/flowpilot/FlowPilotActionBar.tsx index a6aeb24e..30fc9994 100644 --- a/frontend/src/components/flowpilot/FlowPilotActionBar.tsx +++ b/frontend/src/components/flowpilot/FlowPilotActionBar.tsx @@ -152,7 +152,7 @@ export function FlowPilotActionBar({ value={resolutionSummary} onChange={(e) => setResolutionSummary(e.target.value)} placeholder="What resolved the issue?" - className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none resize-none" + className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none resize-none" rows={4} autoFocus /> diff --git a/frontend/src/components/flowpilot/FlowPilotIntake.tsx b/frontend/src/components/flowpilot/FlowPilotIntake.tsx index 916c0c3e..a0ff603c 100644 --- a/frontend/src/components/flowpilot/FlowPilotIntake.tsx +++ b/frontend/src/components/flowpilot/FlowPilotIntake.tsx @@ -166,7 +166,7 @@ export function FlowPilotIntake({ onSubmit, isLoading, defaultProblem }: FlowPil value={additionalContext} onChange={(e) => setAdditionalContext(e.target.value)} placeholder="Add extra context (optional) — e.g. 'User called back and said it's also affecting their second monitor'" - className="mt-3 w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none resize-none" + className="mt-3 w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none resize-none" rows={3} /> @@ -229,7 +229,7 @@ export function FlowPilotIntake({ onSubmit, isLoading, defaultProblem }: FlowPil value={logContent} onChange={(e) => setLogContent(e.target.value)} placeholder="Paste log output, error messages, or Event Viewer entries here..." - className="w-full rounded-lg border border-border bg-card px-4 py-3 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none resize-none" + className="w-full rounded-lg border border-border bg-card px-4 py-3 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none resize-none" rows={6} /> )} diff --git a/frontend/src/components/flowpilot/FlowPilotMessageBar.tsx b/frontend/src/components/flowpilot/FlowPilotMessageBar.tsx index 9654684e..88794982 100644 --- a/frontend/src/components/flowpilot/FlowPilotMessageBar.tsx +++ b/frontend/src/components/flowpilot/FlowPilotMessageBar.tsx @@ -194,7 +194,7 @@ export function FlowPilotMessageBar({ onRespond, disabled = false, isProcessing ? 'border-border/50 opacity-50' : isDragOver ? 'border-primary/50 bg-primary/5' - : 'border-border focus-within:border-[rgba(249,115,22,0.3)] focus-within:ring-1 focus-within:ring-primary/20' + : 'border-border focus-within:border-[rgba(96,165,250,0.3)] focus-within:ring-1 focus-within:ring-primary/20' )} style={{ background: 'var(--color-bg-card)' }} > @@ -275,7 +275,7 @@ export function FlowPilotMessageBar({ onRespond, disabled = false, isProcessing onChange={(e) => setLogContent(e.target.value)} placeholder="Paste event viewer logs, error messages, PowerShell output..." rows={3} - className="w-full resize-none rounded-lg border border-border bg-background p-2 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none" + className="w-full resize-none rounded-lg border border-border bg-background p-2 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none" /> )} diff --git a/frontend/src/components/flowpilot/FlowPilotOptions.tsx b/frontend/src/components/flowpilot/FlowPilotOptions.tsx index fac0e046..d5dd8adc 100644 --- a/frontend/src/components/flowpilot/FlowPilotOptions.tsx +++ b/frontend/src/components/flowpilot/FlowPilotOptions.tsx @@ -29,7 +29,7 @@ export function FlowPilotOptions({ options, onSelect, disabled }: FlowPilotOptio disabled={disabled} className={cn( 'group relative rounded-xl border p-3 sm:p-4 text-left transition-all min-h-[44px]', - 'hover:border-[rgba(249,115,22,0.3)] hover:shadow-[0_0_20px_rgba(249,115,22,0.08)]', + 'hover:border-[rgba(96,165,250,0.3)] hover:shadow-[0_0_20px_rgba(96,165,250,0.08)]', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40', isSelected ? 'border-primary/40 bg-accent-dim' diff --git a/frontend/src/components/flowpilot/InSessionScriptGenerator.tsx b/frontend/src/components/flowpilot/InSessionScriptGenerator.tsx index 678fa6ac..1ea639d6 100644 --- a/frontend/src/components/flowpilot/InSessionScriptGenerator.tsx +++ b/frontend/src/components/flowpilot/InSessionScriptGenerator.tsx @@ -96,7 +96,7 @@ export function InSessionScriptGenerator({ setParams(prev => ({ ...prev, [key]: e.target.value }))} - className="w-full rounded-lg border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none" + className="w-full rounded-lg border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none" /> ))} diff --git a/frontend/src/components/flowpilot/ProposalDetail.tsx b/frontend/src/components/flowpilot/ProposalDetail.tsx index 69d700ca..9b343e86 100644 --- a/frontend/src/components/flowpilot/ProposalDetail.tsx +++ b/frontend/src/components/flowpilot/ProposalDetail.tsx @@ -187,7 +187,7 @@ export function ProposalDetail({ proposal, onReview }: ProposalDetailProps) { value={reviewNotes} onChange={(e) => setReviewNotes(e.target.value)} placeholder="Reviewer notes (optional)" - className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none" + className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none" /> {/* Action buttons */} diff --git a/frontend/src/components/flowpilot/SessionBriefing.tsx b/frontend/src/components/flowpilot/SessionBriefing.tsx index e6b60fe4..553712ab 100644 --- a/frontend/src/components/flowpilot/SessionBriefing.tsx +++ b/frontend/src/components/flowpilot/SessionBriefing.tsx @@ -145,7 +145,7 @@ export function SessionBriefing({ value={freshContext} onChange={(e) => setFreshContext(e.target.value)} placeholder="What additional information do you have, or what would you like to investigate first?" - className="w-full rounded-lg border border-border bg-card px-4 py-3 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none resize-none" + className="w-full rounded-lg border border-border bg-card px-4 py-3 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none resize-none" rows={3} autoFocus /> diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx index 2b2fa664..1a1a7e7a 100644 --- a/frontend/src/components/layout/Sidebar.tsx +++ b/frontend/src/components/layout/Sidebar.tsx @@ -288,7 +288,7 @@ export function Sidebar() { 'group relative flex items-center gap-3 rounded-lg px-3 py-2 text-[0.8125rem] font-medium transition-all duration-150', active ? isParentDimmed - ? 'bg-[rgba(249,115,22,0.05)] text-foreground/70' + ? 'bg-[rgba(96,165,250,0.05)] text-foreground/70' : 'bg-accent-dim text-foreground' : 'text-muted-foreground hover:bg-input hover:text-foreground' )} diff --git a/frontend/src/components/procedural/InlineVariablePrompt.tsx b/frontend/src/components/procedural/InlineVariablePrompt.tsx index bdee434c..0a264cd9 100644 --- a/frontend/src/components/procedural/InlineVariablePrompt.tsx +++ b/frontend/src/components/procedural/InlineVariablePrompt.tsx @@ -60,7 +60,7 @@ export function InlineVariablePrompt({ className={cn( 'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-sm font-medium transition-all', 'border-orange-500/40 bg-orange-500/5 text-orange-400', - 'hover:border-orange-400/60 hover:bg-orange-500/10 hover:shadow-[0_0_12px_rgba(249,115,22,0.15)]', + 'hover:border-orange-400/60 hover:bg-orange-500/10 hover:shadow-[0_0_12px_rgba(96,165,250,0.15)]', 'disabled:opacity-50 disabled:cursor-not-allowed', isRequired && 'ring-1 ring-orange-500/20' )} @@ -88,7 +88,7 @@ export function InlineVariablePrompt({ onBlur={() => { if (!value) setIsEditing(false) }} - className="rounded-md border border-orange-500/40 bg-orange-500/5 px-2.5 py-1 text-sm text-foreground shadow-[0_0_12px_rgba(249,115,22,0.15)] focus:border-orange-400 focus:outline-hidden focus:ring-1 focus:ring-orange-400/30" + className="rounded-md border border-orange-500/40 bg-orange-500/5 px-2.5 py-1 text-sm text-foreground shadow-[0_0_12px_rgba(96,165,250,0.15)] focus:border-orange-400 focus:outline-hidden focus:ring-1 focus:ring-orange-400/30" > {options.map((opt) => ( @@ -117,7 +117,7 @@ export function InlineVariablePrompt({ onBlur={handleSubmit} onKeyDown={handleKeyDown} placeholder={placeholder} - className="w-48 rounded-md border border-orange-500/40 bg-orange-500/5 px-2.5 py-1 text-sm text-foreground shadow-[0_0_12px_rgba(249,115,22,0.15)] placeholder:text-muted-foreground focus:border-orange-400 focus:outline-hidden focus:ring-1 focus:ring-orange-400/30" + className="w-48 rounded-md border border-orange-500/40 bg-orange-500/5 px-2.5 py-1 text-sm text-foreground shadow-[0_0_12px_rgba(96,165,250,0.15)] placeholder:text-muted-foreground focus:border-orange-400 focus:outline-hidden focus:ring-1 focus:ring-orange-400/30" /> {helpText && ( diff --git a/frontend/src/components/procedural/PrepareSessionModal.tsx b/frontend/src/components/procedural/PrepareSessionModal.tsx index bd7caf24..b09bb373 100644 --- a/frontend/src/components/procedural/PrepareSessionModal.tsx +++ b/frontend/src/components/procedural/PrepareSessionModal.tsx @@ -122,7 +122,7 @@ export function PrepareSessionModal({ value={ticketNumber} onChange={(e) => setTicketNumber(e.target.value)} placeholder="e.g. TKT-12345" - className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" + className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" />
@@ -132,7 +132,7 @@ export function PrepareSessionModal({ value={clientName} onChange={(e) => setClientName(e.target.value)} placeholder="e.g. Acme Corp" - className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" + className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" />
@@ -147,7 +147,7 @@ export function PrepareSessionModal({ handleFieldChange(field.variable_name, e.target.value)} - className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" + className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" > {field.options.map(opt => ( @@ -191,7 +191,7 @@ export function PrepareSessionModal({ onChange={(e) => handleFieldChange(field.variable_name, e.target.value)} placeholder={field.placeholder} rows={3} - className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" + className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" /> ) : ( handleFieldChange(field.variable_name, e.target.value)} placeholder={field.placeholder} - className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" + className="w-full rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20" /> )} {field.help_text && ( diff --git a/frontend/src/components/script-builder/ScriptBuilderChat.tsx b/frontend/src/components/script-builder/ScriptBuilderChat.tsx index de5527af..a7c263cd 100644 --- a/frontend/src/components/script-builder/ScriptBuilderChat.tsx +++ b/frontend/src/components/script-builder/ScriptBuilderChat.tsx @@ -56,7 +56,7 @@ export function ScriptBuilderChat({ )} > {msg.role === 'assistant' && ( -
+
)} @@ -65,7 +65,7 @@ export function ScriptBuilderChat({ className={cn( "max-w-[85%] rounded-xl px-4 py-3 text-sm", msg.role === 'user' - ? "bg-[rgba(249,115,22,0.08)] border border-[rgba(249,115,22,0.15)] text-foreground" + ? "bg-[rgba(96,165,250,0.08)] border border-[rgba(96,165,250,0.15)] text-foreground" : "card-flat" )} > @@ -98,7 +98,7 @@ export function ScriptBuilderChat({ {isLoading && (
-
+
diff --git a/frontend/src/components/script-builder/ScriptBuilderInput.tsx b/frontend/src/components/script-builder/ScriptBuilderInput.tsx index d98973ec..47bb10ab 100644 --- a/frontend/src/components/script-builder/ScriptBuilderInput.tsx +++ b/frontend/src/components/script-builder/ScriptBuilderInput.tsx @@ -56,7 +56,7 @@ export function ScriptBuilderInput({ className={cn( "flex-1 resize-none rounded-xl px-4 py-2.5 text-sm", "bg-card border border-border text-foreground placeholder:text-muted-foreground", - "focus:outline-none focus:border-[rgba(249,115,22,0.3)] transition-colors", + "focus:outline-none focus:border-[rgba(96,165,250,0.3)] transition-colors", "disabled:opacity-50" )} style={{ maxHeight: 120 }} diff --git a/frontend/src/components/script-editor/ParameterCard.tsx b/frontend/src/components/script-editor/ParameterCard.tsx index 97ebd5f0..875d4c82 100644 --- a/frontend/src/components/script-editor/ParameterCard.tsx +++ b/frontend/src/components/script-editor/ParameterCard.tsx @@ -104,7 +104,7 @@ export function ParameterCard({ value={param.type} onChange={e => update({ type: e.target.value as ScriptParameter['type'] })} disabled={disabled} - className="w-full rounded-lg border border-border bg-card text-foreground px-3 py-2 text-sm focus:outline-none focus:border-[rgba(249,115,22,0.3)] disabled:cursor-not-allowed disabled:opacity-50" + className="w-full rounded-lg border border-border bg-card text-foreground px-3 py-2 text-sm focus:outline-none focus:border-[rgba(96,165,250,0.3)] disabled:cursor-not-allowed disabled:opacity-50" > {PARAM_TYPES.map(t => ( diff --git a/frontend/src/components/script-editor/ParameterDetectorStepper.tsx b/frontend/src/components/script-editor/ParameterDetectorStepper.tsx index 186471af..65a59c02 100644 --- a/frontend/src/components/script-editor/ParameterDetectorStepper.tsx +++ b/frontend/src/components/script-editor/ParameterDetectorStepper.tsx @@ -174,7 +174,7 @@ export function ParameterDetectorStepper({ updateField('category_id', e.target.value)} - className="w-full rounded-lg border border-border bg-card text-foreground px-3 py-2 text-sm focus:outline-none focus:border-[rgba(249,115,22,0.3)]" + className="w-full rounded-lg border border-border bg-card text-foreground px-3 py-2 text-sm focus:outline-none focus:border-[rgba(96,165,250,0.3)]" > {categories.map(c => ( @@ -373,7 +373,7 @@ export function ScriptTemplateEditor({ templateId, onBack, onSaved }: Props) { setAiFilters((f) => ({ ...f, date_to: e.target.value }))} title="To date" - className="rounded-lg border border-border bg-card px-3 py-1.5 text-sm text-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none [color-scheme:dark]" + className="rounded-lg border border-border bg-card px-3 py-1.5 text-sm text-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none [color-scheme:dark]" />
@@ -647,7 +647,7 @@ export function SessionHistoryPage() { value={closeOutcome} onChange={(e) => setCloseOutcome(e.target.value as SessionOutcome)} title="Session outcome" - className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none mb-3" + className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none mb-3" > @@ -664,7 +664,7 @@ export function SessionHistoryPage() { onChange={(e) => setCloseNotes(e.target.value)} rows={2} placeholder="Add closure notes..." - className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none resize-none mb-3" + className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(96,165,250,0.3)] focus:outline-none resize-none mb-3" />
diff --git a/frontend/src/pages/SurveyPage.tsx b/frontend/src/pages/SurveyPage.tsx index aea932d3..3d62ad80 100644 --- a/frontend/src/pages/SurveyPage.tsx +++ b/frontend/src/pages/SurveyPage.tsx @@ -279,7 +279,7 @@ export default function SurveyPage() {
-
+

Already Submitted

@@ -329,7 +329,7 @@ export default function SurveyPage() { {/* Hero — visible only on first slide */} {currentSlide === 0 && !isComplete && (
-
+
FlowPilot Research
@@ -507,7 +507,7 @@ export default function SurveyPage() { function ScenarioBox({ scenario }: { scenario: { title: string; symptom: string; details: string } }) { return ( -
+
{scenario.title}
Symptom: @@ -537,7 +537,7 @@ function QuestionCard({ question: q, answer, setAnswer }: { question: SurveyQues onClick={() => setAnswer(q.id, opt)} className="flex items-start gap-3 px-3.5 py-3 sm:px-4 rounded-[9px] text-left text-[13px] sm:text-sm transition-all duration-150 select-none" style={{ - background: answer === opt ? 'rgba(249, 115, 22, 0.10)' : 'rgba(16, 17, 20, 0.6)', + background: answer === opt ? 'rgba(96, 165, 250, 0.10)' : 'rgba(16, 17, 20, 0.6)', border: `1px solid ${answer === opt ? 'var(--color-primary)' : 'var(--color-border-default)'}`, color: answer === opt ? 'var(--color-foreground)' : 'var(--color-muted-foreground)', }} @@ -564,7 +564,7 @@ function QuestionCard({ question: q, answer, setAnswer }: { question: SurveyQues }} className="flex items-start gap-3 px-3.5 py-3 sm:px-4 rounded-[9px] text-left text-[13px] sm:text-sm transition-all duration-150 select-none" style={{ - background: selected ? 'rgba(249, 115, 22, 0.10)' : 'rgba(16, 17, 20, 0.6)', + background: selected ? 'rgba(96, 165, 250, 0.10)' : 'rgba(16, 17, 20, 0.6)', border: `1px solid ${selected ? 'var(--color-primary)' : 'var(--color-border-default)'}`, color: selected ? 'var(--color-foreground)' : 'var(--color-muted-foreground)', }} @@ -593,7 +593,7 @@ function QuestionCard({ question: q, answer, setAnswer }: { question: SurveyQues background: 'rgba(16, 17, 20, 0.6)', border: '1px solid var(--color-border-default)', }} - onFocus={e => { e.currentTarget.style.borderColor = 'var(--color-primary)'; e.currentTarget.style.boxShadow = '0 0 0 3px rgba(249, 115, 22, 0.10)' }} + onFocus={e => { e.currentTarget.style.borderColor = 'var(--color-primary)'; e.currentTarget.style.boxShadow = '0 0 0 3px rgba(96, 165, 250, 0.10)' }} onBlur={e => { e.currentTarget.style.borderColor = 'var(--color-border-default)'; e.currentTarget.style.boxShadow = 'none' }} /> )} @@ -717,7 +717,7 @@ function DragRank({ items, onChange }: { items: string[]; onChange: (items: stri onTouchStart={() => handleTouchStart(idx)} className="flex items-center gap-2.5 sm:gap-3 px-3 py-3 sm:px-4 sm:py-2.5 rounded-[9px] text-[13px] sm:text-sm transition-all duration-150 select-none" style={{ - background: overIdx === idx ? 'rgba(249, 115, 22, 0.10)' : 'rgba(16, 17, 20, 0.6)', + background: overIdx === idx ? 'rgba(96, 165, 250, 0.10)' : 'rgba(16, 17, 20, 0.6)', border: `1px solid ${overIdx === idx || draggingIdx === idx ? 'var(--color-primary)' : 'var(--color-border-default)'}`, opacity: draggingIdx === idx ? 0.5 : 1, cursor: 'grab', diff --git a/frontend/src/pages/account/BrandingSettingsPage.tsx b/frontend/src/pages/account/BrandingSettingsPage.tsx index 7196502c..7fb3fbf6 100644 --- a/frontend/src/pages/account/BrandingSettingsPage.tsx +++ b/frontend/src/pages/account/BrandingSettingsPage.tsx @@ -137,7 +137,7 @@ export function BrandingSettingsPage() { className={cn( 'mt-1 w-full rounded-lg border border-border bg-card px-3 py-2 text-sm', 'text-foreground placeholder:text-muted-foreground', - 'focus:border-[rgba(249,115,22,0.3)] focus:outline-none focus:ring-1 focus:ring-primary/20' + 'focus:border-[rgba(96,165,250,0.3)] focus:outline-none focus:ring-1 focus:ring-primary/20' )} />

@@ -163,7 +163,7 @@ export function BrandingSettingsPage() { className={cn( 'mt-1 w-full rounded-lg border border-border bg-card px-3 py-2 text-sm', 'text-foreground placeholder:text-muted-foreground font-mono', - 'focus:border-[rgba(249,115,22,0.3)] focus:outline-none focus:ring-1 focus:ring-primary/20' + 'focus:border-[rgba(96,165,250,0.3)] focus:outline-none focus:ring-1 focus:ring-primary/20' )} />

@@ -212,7 +212,7 @@ export function BrandingSettingsPage() { className={cn( 'w-32 rounded-lg border border-border bg-card px-3 py-2 text-sm', 'text-foreground placeholder:text-muted-foreground font-mono', - 'focus:border-[rgba(249,115,22,0.3)] focus:outline-none focus:ring-1 focus:ring-primary/20' + 'focus:border-[rgba(96,165,250,0.3)] focus:outline-none focus:ring-1 focus:ring-primary/20' )} />

diff --git a/frontend/src/pages/admin/SurveyResponsesPage.tsx b/frontend/src/pages/admin/SurveyResponsesPage.tsx index b4956a41..d2325f7d 100644 --- a/frontend/src/pages/admin/SurveyResponsesPage.tsx +++ b/frontend/src/pages/admin/SurveyResponsesPage.tsx @@ -91,7 +91,7 @@ function ExpandedDetail({ response }: { response: SurveyResponseDetail }) { className="px-6 py-5" style={{ background: 'rgba(0, 0, 0, 0.15)', - borderTop: '1px solid rgba(249, 115, 22, 0.1)', + borderTop: '1px solid rgba(96, 165, 250, 0.1)', }} >
@@ -500,7 +500,7 @@ export default function SurveyResponsesPage() { {selectedIds.size > 0 && (
{selectedIds.size} selected diff --git a/frontend/src/styles/landing.css b/frontend/src/styles/landing.css index fdd83ad5..266f4ca8 100644 --- a/frontend/src/styles/landing.css +++ b/frontend/src/styles/landing.css @@ -22,7 +22,7 @@ pointer-events: none; z-index: 0; overflow: hidden; - background: radial-gradient(circle at 50% 0%, rgba(249, 115, 22, 0.12) 0%, transparent 60%); + background: radial-gradient(circle at 50% 0%, rgba(96, 165, 250, 0.12) 0%, transparent 60%); } .landing-ambient-glow::before, @@ -482,7 +482,7 @@ } .landing-preview-sidebar-item.active { - background: rgba(249, 115, 22, 0.08); + background: rgba(96, 165, 250, 0.08); color: var(--color-accent-text); border-left: 3px solid var(--color-accent); } @@ -535,7 +535,7 @@ .landing-tree-connector { width: 2px; height: 24px; - background: rgba(249, 115, 22, 0.2); + background: rgba(96, 165, 250, 0.2); } .landing-tree-branch { @@ -552,7 +552,7 @@ width: calc(100% - 100px); transform: translateX(-50%); height: 2px; - background: rgba(249, 115, 22, 0.15); + background: rgba(96, 165, 250, 0.15); } .landing-tree-branch-arm { @@ -756,7 +756,7 @@ } .landing-step-card:hover { - border-color: rgba(249, 115, 22, 0.2); + border-color: rgba(96, 165, 250, 0.2); } .landing-step-card::before { @@ -814,9 +814,9 @@ } .landing-mock-node.start { - background: rgba(249, 115, 22, 0.15); + background: rgba(96, 165, 250, 0.15); color: var(--color-accent-text); - border: 1px solid rgba(249, 115, 22, 0.2); + border: 1px solid rgba(96, 165, 250, 0.2); } .landing-mock-node.step { @@ -920,7 +920,7 @@ } .landing-feature-card:hover { - border-color: rgba(249, 115, 22, 0.2); + border-color: rgba(96, 165, 250, 0.2); transform: translateY(-3px); } @@ -928,7 +928,7 @@ width: 40px; height: 40px; border-radius: 10px; - background: rgba(249, 115, 22, 0.08); + background: rgba(96, 165, 250, 0.08); display: flex; align-items: center; justify-content: center; @@ -951,7 +951,7 @@ } .landing-feature-card.highlight { - border-color: rgba(249, 115, 22, 0.15); + border-color: rgba(96, 165, 250, 0.15); background: var(--color-bg-card); grid-column: span 2; } @@ -1228,7 +1228,7 @@ .landing-cta-email-input:focus { border-color: #f97316; - box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1); + box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1); } .landing-cta-fine-print {