303a558432
3,200+ hardcoded color values replaced with CSS variable-backed Tailwind classes (bg-card, text-foreground, border-border, etc.). Enables light mode via CSS variable swap. Only syntax highlighting colors and intentional one-offs remain hardcoded (~15 values). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
21 lines
718 B
TypeScript
21 lines
718 B
TypeScript
import { AlertTriangle } from 'lucide-react'
|
|
import { EscalationQueue } from '@/components/flowpilot'
|
|
|
|
export default function EscalationQueuePage() {
|
|
return (
|
|
<div className="mx-auto max-w-3xl p-6">
|
|
<div className="flex items-center gap-3 mb-6">
|
|
<span className="flex h-8 w-8 items-center justify-center rounded-lg bg-amber-500/10">
|
|
<AlertTriangle size={16} className="text-amber-400" />
|
|
</span>
|
|
<div>
|
|
<h1 className="font-heading text-xl font-bold text-foreground">Escalation Queue</h1>
|
|
<p className="text-sm text-muted-foreground">Sessions from your team waiting for pickup</p>
|
|
</div>
|
|
</div>
|
|
|
|
<EscalationQueue />
|
|
</div>
|
|
)
|
|
}
|