import { Command, CornerDownLeft, Search, Sparkles } from 'lucide-react' import { Button } from '@/components/ui/button' import { cn } from '@/lib/utils' import { commandGroups, commandQuery, workforceStatus, type CommandItem } from "@/components/data" function CommandRow({ item }: { item: CommandItem }) { const Icon = item.icon return (

{/* Icon tile — selected row carries the single gradient glyph */} {item.gradient ? ( ) : ( )} {/* Label stack */} {item.label} {item.sublabel} {/* Right hint */} {item.selected && } {item.hint}

) } function CommandPanel() { return (

{/* Search row */}

{commandQuery} esc

{/* Results body */}

{commandGroups.map((group) => (

{group.label}

{group.items.map((item) => ( ))}

))}

{/* Footer row */}

Workforce ready {workforceStatus.online} {workforceStatus.label}

) } export default function CommandWorkforceSection() { return (

{/* Focal artifact: floating ⌘K command palette over a single dimmed depth sheet */}

{/* Caption block */}

Command your workforce

Summon any agent or run a task from anywhere — one keystroke opens your whole workforce.

) }

More elements