51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1b60,"use client"; import { Card } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import * as React from "react"; /* ------------------------------------------------------------------ */ /* Types */ /* ------------------------------------------------------------------ */ export type AgentState = "running" | "waiting" | "completed" | "failed"; export type AgentStatusProps = { name: string; status: AgentState; action?: string; progress?: number; elapsed?: string; icon?: React.ReactNode; onStop?: () => void; onRetry?: () => void; className?: string; }; /* ------------------------------------------------------------------ */ /* Icons */ /* ------------------------------------------------------------------ */ function BotIcon(props: React.SVGProps) { return ( ); } function CheckIcon(props: React.SVGProps) { return ( ); } function XIcon(props: React.SVGProps) { return ( ); } function PauseIcon(props: React.SVGProps) { return ( ); } function StopIcon(props: React.SVGProps) { return ( ); } /* ------------------------------------------------------------------ */ /* Status pill + progress */ /* ------------------------------------------------------------------ */ const STATUS_STYLES: Record = { running: { pill: "bg-muted text-foreground", icon: ( ), label: "Running", }, waiting: { pill: "bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-400", icon: , label: "Waiting", }, completed: { pill: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-400", icon: , label: "Completed", }, failed: { pill: "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-400", icon: , label: "Failed", }, }; /* ------------------------------------------------------------------ */ /* AgentStatus */ /* ------------------------------------------------------------------ */ export function AgentStatus({ name, status, action, progress, elapsed, icon, onStop, onRetry, className = "", }: AgentStatusProps) { const s = STATUS_STYLES[status]; return (

{icon ?? }

{name} {s.icon} {s.label} {elapsed && {elapsed}}

{action && (

{action}

)}

{status === "running" && onStop && ( )} {status === "failed" && onRetry && ( )}

{/* Progress bar */} {status === "running" && progress !== undefined && (

)} ); } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L51",null,{"namespace":"@scrimui","registryDependencies":["badge","button","card"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"src/showcase/agent-status/agent-status.tsx","content":"$53","type":"registry:ui","target":"components/ui/agent-status.tsx"}],"className":"h-[70svh] min-h-80"}]]}]