@dungle-scrubs/admin-ui-soft 0.0.0-stage → 0.0.0

package/dist/components/assistant-ui/elements/agent-plan.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from "react";
+declare namespace agent_plan_d_exports {
+  export { AgentPlan, AgentPlanStep };
+}
+export type AgentPlanStep = {
+  id?: string | undefined;
+  label: string;
+  description?: string | undefined;
+};
+export declare function AgentPlan({ steps, activeIndex, title, className, ...props }: Omit<ComponentProps<"div">, "children" | "steps" | "activeIndex"> & {
+  steps: readonly (string | AgentPlanStep)[];
+  activeIndex: number;
+  title?: string | undefined;
+}): import("react").JSX.Element;
+//#endregion
+export { agent_plan_d_exports };

package/dist/components/assistant-ui/elements/agent-plan.js

@@ -0,0 +1,93 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { mono } from "./surfaces.js";
+import { announced, pct, progressOf } from "../utils/range.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, Loader2Icon } from "lucide-react";
+//#region src/components/assistant-ui/elements/agent-plan.tsx
+var agent_plan_exports = /* @__PURE__ */ __exportAll({ AgentPlan: () => AgentPlan });
+function AgentPlan({ steps, activeIndex, title = "Plan", className, ...props }) {
+	const total = steps.length;
+	const completed = progressOf(activeIndex, total);
+	const allDone = completed >= total;
+	const progress = pct(completed, total);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "agent-plan",
+		className: cn("flex w-full max-w-sm flex-col gap-3", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-[13.5px] font-medium",
+					children: title
+				}), /* @__PURE__ */ jsxs("span", {
+					className: cn(mono, "text-muted-foreground tabular-nums"),
+					children: [
+						completed,
+						" of ",
+						total
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				role: "progressbar",
+				"aria-label": `${title} progress`,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": announced(progress),
+				"aria-valuetext": `${completed} of ${total} steps`,
+				className: "bg-foreground/[0.06] h-[3px] w-full overflow-hidden rounded-full",
+				children: /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "bg-foreground/80 block h-full rounded-full transition-[width] duration-500 motion-reduce:transition-none",
+					style: { width: `${progress}%` }
+				})
+			}),
+			/* @__PURE__ */ jsx("ul", {
+				className: "flex flex-col gap-2.5",
+				children: steps.map((step, i) => {
+					const item = typeof step === "string" ? { label: step } : step;
+					const done = allDone || i < completed;
+					const active = !allDone && i === completed;
+					const status = done ? "done" : active ? "in progress" : "not started";
+					return /* @__PURE__ */ jsxs("li", {
+						className: cn("flex gap-2.5 text-[13.5px]", active && item.description ? "items-start" : "items-center"),
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "flex size-4 shrink-0 items-center justify-center",
+							children: done ? /* @__PURE__ */ jsx(CheckIcon, {
+								"aria-hidden": true,
+								className: "text-muted-foreground size-3.5"
+							}) : active ? /* @__PURE__ */ jsx(Loader2Icon, {
+								"aria-hidden": true,
+								className: "text-foreground/90 size-3.5 animate-spin motion-reduce:animate-none"
+							}) : /* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "bg-foreground/15 size-1.5 rounded-full"
+							})
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "min-w-0",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: cn(done && "text-muted-foreground", active && "text-foreground/90", !done && !active && "text-muted-foreground"),
+									children: item.label
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									children: ` ${status}`
+								}),
+								active && item.description ? /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground mt-0.5 block text-xs",
+									children: item.description
+								}) : null
+							]
+						})]
+					}, typeof step === "string" ? i : step.id ?? i);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { AgentPlan, agent_plan_exports };

package/dist/components/assistant-ui/elements/agent-status.aui.d.ts

@@ -0,0 +1,24 @@
+import { AgentState } from "./agent-status.js";
+import { FC } from "react";
+declare namespace agent_status_aui_d_exports {
+  export { AgentStatus, TaskSummary, TaskTray, summaryLabel, summaryState, useTaskSummary };
+}
+export type TaskSummary = {
+  readonly total: number;
+  readonly running: number;
+  readonly waiting: number;
+  readonly failed: number;
+  readonly startedAt: number | undefined;
+  readonly runningLabel: string | undefined;
+};
+export declare const useTaskSummary: () => TaskSummary;
+export declare const summaryState: (summary: TaskSummary) => AgentState;
+export declare const summaryLabel: (summary: TaskSummary) => string;
+export declare const AgentStatus: FC<{
+  className?: string;
+}>;
+export declare const TaskTray: FC<{
+  className?: string;
+}>;
+//#endregion
+export { agent_status_aui_d_exports };

package/dist/components/assistant-ui/elements/agent-status.aui.js

@@ -0,0 +1,161 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
+import "./surfaces.js";
+import { AgentStatus as AgentStatus$1 } from "./agent-status.js";
+import { formatElapsed, taskLabel, taskMeta, taskStateOf, useTaskElapsed } from "../utils/task.js";
+import { TaskStateIcon } from "./task-card.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { useAuiState } from "@assistant-ui/react";
+//#region src/components/assistant-ui/elements/agent-status.aui.tsx
+var agent_status_aui_exports = /* @__PURE__ */ __exportAll({
+	AgentStatus: () => AgentStatus,
+	TaskTray: () => TaskTray,
+	summaryLabel: () => summaryLabel,
+	summaryState: () => summaryState,
+	useTaskSummary: () => useTaskSummary
+});
+const summarize = (tasks) => {
+	let running = 0;
+	let waiting = 0;
+	let failed = 0;
+	let startedAt;
+	let runningLabel;
+	for (const task of tasks) {
+		const state = taskStateOf(task.status, task.isError);
+		if (state === "working") {
+			running += 1;
+			runningLabel ??= taskLabel(task.toolName, task.args);
+			const taskStartedAt = task.timing?.startedAt;
+			if (taskStartedAt !== void 0 && (startedAt === void 0 || taskStartedAt < startedAt)) startedAt = taskStartedAt;
+		} else if (state === "waiting") waiting += 1;
+		else if (state === "failed") failed += 1;
+	}
+	return {
+		total: tasks.length,
+		running,
+		waiting,
+		failed,
+		startedAt,
+		runningLabel
+	};
+};
+const useTaskSummary = () => {
+	const tasks = useAuiState((s) => s.thread.tasks);
+	return useMemo(() => summarize(tasks), [tasks]);
+};
+const plural = (count, noun) => `${count} ${count === 1 ? noun : `${noun}s`}`;
+const summaryState = (summary) => {
+	if (summary.running > 0) return "working";
+	if (summary.waiting > 0) return "waiting";
+	return summary.failed > 0 ? "failed" : "done";
+};
+const summaryLabel = (summary) => {
+	if (summary.running === 1 && summary.runningLabel !== void 0) return summary.runningLabel;
+	if (summary.running > 0) return `${summary.running} of ${plural(summary.total, "task")} running`;
+	if (summary.waiting > 0) return `${plural(summary.waiting, "task")} waiting for input`;
+	if (summary.failed > 0) return `${plural(summary.total, "task")} done, ${summary.failed} failed`;
+	return `${plural(summary.total, "task")} done`;
+};
+const AgentStatus = ({ className }) => {
+	const summary = useTaskSummary();
+	const elapsedMs = useTaskElapsed(summary.startedAt === void 0 ? void 0 : { startedAt: summary.startedAt }, summary.running > 0);
+	if (summary.running === 0 && summary.waiting === 0) return null;
+	return /* @__PURE__ */ jsx(AgentStatus$1, {
+		className,
+		state: summaryState(summary),
+		label: summaryLabel(summary),
+		elapsed: elapsedMs === void 0 ? void 0 : formatElapsed(elapsedMs)
+	});
+};
+const TaskTrayItem = ({ task }) => {
+	const state = taskStateOf(task.status, task.isError);
+	const meta = taskMeta(task.args);
+	const elapsedMs = useTaskElapsed(task.timing, task.status.type === "running" || task.status.type === "requires-action");
+	return /* @__PURE__ */ jsxs("li", {
+		"data-slot": "aui_task-tray-item",
+		"data-state": state,
+		className: "flex items-center gap-2.5 rounded-lg py-2 pe-2.5 text-[13px]",
+		style: { paddingInlineStart: `${.625 + task.depth * .75}rem` },
+		children: [
+			/* @__PURE__ */ jsx(TaskStateIcon, { state }),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: state
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 truncate",
+				children: taskLabel(task.toolName, task.args)
+			}),
+			meta !== void 0 && /* @__PURE__ */ jsx("span", {
+				className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground max-w-24 shrink-0 truncate"),
+				children: meta
+			}),
+			elapsedMs !== void 0 && /* @__PURE__ */ jsx("span", {
+				className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground shrink-0 tabular-nums"),
+				children: formatElapsed(elapsedMs)
+			})
+		]
+	});
+};
+const TaskTray = ({ className }) => {
+	const tasks = useAuiState((s) => s.thread.tasks);
+	const summary = useMemo(() => summarize(tasks), [tasks]);
+	const elapsedMs = useTaskElapsed(summary.startedAt === void 0 ? void 0 : { startedAt: summary.startedAt }, summary.running > 0);
+	const [open, setOpen] = useState(false);
+	const [visible, setVisible] = useState(4);
+	const firstTask = tasks[0];
+	const listKey = firstTask === void 0 ? "" : `${firstTask.messageId}:${firstTask.id}`;
+	const [seenListKey, setSeenListKey] = useState(listKey);
+	if (seenListKey !== listKey) {
+		setSeenListKey(listKey);
+		setVisible(4);
+	}
+	if (summary.total === 0 && open) setOpen(false);
+	if (summary.total === 0) return null;
+	const hidden = Math.max(0, tasks.length - visible);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: (next) => {
+			setOpen(next);
+			if (!next) setVisible(4);
+		},
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			className: cn("focus-visible:ring-ring/50 cursor-pointer appearance-none rounded-full border-0 bg-transparent p-0 text-start focus-visible:ring-[3px] focus-visible:outline-none", className),
+			children: /* @__PURE__ */ jsx(AgentStatus$1, {
+				state: summaryState(summary),
+				label: summaryLabel(summary),
+				elapsed: elapsedMs === void 0 ? void 0 : formatElapsed(elapsedMs),
+				trailing: /* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-3 transition-transform duration-200 motion-reduce:transition-none", open && "rotate-180") })
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			align: "end",
+			"aria-label": "Tasks",
+			className: "w-80 p-1",
+			children: /* @__PURE__ */ jsxs("ul", {
+				"data-slot": "aui_task-tray",
+				"aria-label": "Tasks",
+				className: "flex max-h-80 flex-col overflow-y-auto",
+				children: [tasks.slice(0, visible).map((task, index) => /* @__PURE__ */ jsx(TaskTrayItem, { task }, `${index}:${task.id}`)), hidden > 0 && /* @__PURE__ */ jsx("li", {
+					className: "flex",
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						"data-slot": "aui_task-tray-more",
+						onClick: () => setVisible((count) => count + 4),
+						className: "text-muted-foreground hover:text-foreground px-2.5 py-2 text-xs transition-colors",
+						children: [
+							"Show ",
+							Math.min(hidden, 4),
+							" more"
+						]
+					})
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+export { AgentStatus, TaskTray, agent_status_aui_exports, summaryLabel, summaryState, useTaskSummary };

package/dist/components/assistant-ui/elements/agent-status.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, ReactNode } from "react";
+declare namespace agent_status_d_exports {
+  export { AgentState, AgentStatus, StatusStep };
+}
+export type AgentState = "working" | "waiting" | "done" | "failed";
+export interface StatusStep {
+  state: AgentState;
+  label: string;
+}
+export declare function AgentStatus({ state, label, elapsed, trailing, className, ...props }: Omit<ComponentProps<"span">, "children" | "state" | "label" | "elapsed"> & {
+  state: AgentState;
+  label: string;
+  elapsed?: string | undefined;
+  trailing?: ReactNode | undefined;
+}): import("react").JSX.Element;
+//#endregion
+export { agent_status_d_exports };

package/dist/components/assistant-ui/elements/agent-status.js

@@ -0,0 +1,47 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, PauseIcon, RotateCcwIcon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/agent-status.tsx
+var agent_status_exports = /* @__PURE__ */ __exportAll({ AgentStatus: () => AgentStatus });
+function AgentStatus({ state, label, elapsed, trailing, className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "agent-status",
+		className: cn(paper, "flex items-center gap-2.5 rounded-full py-1.5 ps-3.5 pe-1.5", className),
+		...props,
+		children: [
+			state === "done" ? /* @__PURE__ */ jsx(CheckIcon, {
+				"aria-hidden": true,
+				className: "size-3 shrink-0 text-success"
+			}) : state === "failed" ? /* @__PURE__ */ jsx(XIcon, {
+				"aria-hidden": true,
+				className: "text-destructive size-3 shrink-0"
+			}) : /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: cn("size-1.5 shrink-0 rounded-full motion-reduce:animate-none", state === "working" ? "animate-pulse bg-info dark:bg-info" : "border-foreground/35 border")
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: state
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "fade-in blur-in-[2px] animate-in max-w-44 truncate text-xs duration-300 motion-reduce:animate-none",
+				children: label
+			}, label),
+			elapsed !== void 0 && state !== "done" && state !== "failed" && /* @__PURE__ */ jsx("span", {
+				className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground tabular-nums"),
+				children: elapsed
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				"data-slot": "agent-status-trailing",
+				className: "text-muted-foreground flex size-6 items-center justify-center rounded-full",
+				children: trailing !== void 0 ? trailing : state === "done" || state === "failed" ? /* @__PURE__ */ jsx(RotateCcwIcon, { className: "size-3" }) : /* @__PURE__ */ jsx(PauseIcon, { className: "size-3" })
+			})
+		]
+	});
+}
+//#endregion
+export { AgentStatus, agent_status_exports };

package/dist/components/assistant-ui/elements/approval-card.d.ts

@@ -0,0 +1,31 @@
+import { ComponentProps, ReactNode } from "react";
+declare namespace approval_card_d_exports {
+  export { ApprovalCard, ApprovalState };
+}
+export type ApprovalState = "request" | "running" | "done" | "denied";
+export declare function ApprovalCard({ state, command, title, subtitle, description, details, variant, icon, onAllowOnce, onAlwaysAllow, onDeny, allowOnceLabel, alwaysAllowLabel, denyLabel, statusLabel, actions, children, className, ...props }: Omit<ComponentProps<"div">, "children" | "state" | "command" | "title" | "subtitle" | "description" | "details" | "variant" | "icon" | "onAllowOnce" | "onAlwaysAllow" | "onDeny" | "allowOnceLabel" | "alwaysAllowLabel" | "denyLabel" | "statusLabel" | "actions"> & {
+  state: ApprovalState;
+  command?: string | undefined;
+  title: string;
+  subtitle: string;
+  description?: string | undefined;
+  details?: readonly {
+    label: string;
+    value: string;
+  }[] | undefined;
+  variant?: "default" | "destructive" | undefined;
+  icon?: ReactNode | undefined;
+  onAllowOnce?: (() => void) | undefined;
+  onAlwaysAllow?: (() => void) | undefined;
+  onDeny?: (() => void) | undefined;
+  allowOnceLabel?: string | undefined;
+  alwaysAllowLabel?: string | undefined;
+  denyLabel?: string | undefined;
+  statusLabel?: string | undefined;
+  /** Replaces the default request buttons (deny, always allow, allow once) while `state` is "request". */
+  actions?: ReactNode | undefined;
+  /** Extra content between the details and the actions, such as a form or an error. */
+  children?: ReactNode | undefined;
+}): import("react").JSX.Element;
+//#endregion
+export { approval_card_d_exports };

package/dist/components/assistant-ui/elements/approval-card.js

@@ -0,0 +1,99 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { useId } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, Loader2Icon, TerminalIcon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/approval-card.tsx
+var approval_card_exports = /* @__PURE__ */ __exportAll({ ApprovalCard: () => ApprovalCard });
+const receiptText = {
+	running: "Approved, running",
+	done: "Finished",
+	denied: "Denied"
+};
+function ApprovalCard({ state, command, title, subtitle, description, details, variant = "default", icon, onAllowOnce, onAlwaysAllow, onDeny, allowOnceLabel = "Allow once", alwaysAllowLabel = "Always allow", denyLabel = "Deny", statusLabel, actions, children, className, ...props }) {
+	const titleId = useId();
+	const descriptionId = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		role: "group",
+		"data-variant": variant,
+		"data-slot": "approval-card",
+		"aria-labelledby": titleId,
+		"aria-describedby": description ? descriptionId : void 0,
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-3.5 rounded-[20px] p-4", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: cn("flex size-9 shrink-0 items-center justify-center rounded-xl", variant === "destructive" ? "bg-destructive/10 text-destructive dark:bg-destructive/10 dark:text-destructive" : "bg-foreground/[0.05] text-muted-foreground"),
+					children: icon ?? /* @__PURE__ */ jsx(TerminalIcon, { className: "size-4" })
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsx("p", {
+						id: titleId,
+						className: "text-[13.5px] font-medium",
+						children: title
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-xs",
+						children: subtitle
+					})]
+				})]
+			}),
+			description ? /* @__PURE__ */ jsx("p", {
+				id: descriptionId,
+				className: "text-muted-foreground text-[13px]",
+				children: description
+			}) : null,
+			command ? /* @__PURE__ */ jsx("div", {
+				className: cn(field, "text-muted-foreground rounded-xl px-3.5 py-2.5 font-mono text-xs"),
+				children: command
+			}) : null,
+			details?.length ? /* @__PURE__ */ jsx("dl", {
+				className: cn(field, "grid grid-cols-[minmax(min-content,1fr)_minmax(0,2fr)] gap-x-4 gap-y-2 rounded-xl px-3.5 py-2.5"),
+				children: details.map((detail, index) => /* @__PURE__ */ jsxs("div", {
+					className: "col-span-2 grid grid-cols-subgrid items-baseline text-xs",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: cn(mono, "text-muted-foreground"),
+						children: detail.label
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "text-foreground/80 break-words",
+						children: detail.value
+					})]
+				}, `${detail.label}-${index}`))
+			}) : null,
+			children,
+			/* @__PURE__ */ jsx("div", {
+				className: "flex min-h-8 flex-wrap items-center justify-end gap-2",
+				children: state === "request" && actions !== void 0 ? actions : state === "request" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					onDeny && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onDeny,
+						className: cn("flex items-center justify-center rounded-full text-muted-foreground outline-none transition-[background-color,color,scale] duration-150 hover:bg-foreground/[0.06] hover:text-foreground/90 active:scale-[0.96] focus-visible:ring-1 focus-visible:ring-foreground/20 motion-reduce:transition-none dark:hover:bg-foreground/[0.09]", "text-muted-foreground h-8 px-3.5 text-xs font-medium whitespace-nowrap"),
+						children: denyLabel
+					}),
+					onAlwaysAllow && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onAlwaysAllow,
+						className: cn("flex items-center justify-center rounded-full text-muted-foreground outline-none transition-[background-color,color,scale] duration-150 hover:bg-foreground/[0.06] hover:text-foreground/90 active:scale-[0.96] focus-visible:ring-1 focus-visible:ring-foreground/20 motion-reduce:transition-none dark:hover:bg-foreground/[0.09]", "text-muted-foreground h-8 px-3.5 text-xs font-medium whitespace-nowrap"),
+						children: alwaysAllowLabel
+					}),
+					onAllowOnce && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onAllowOnce,
+						className: cn(variant === "destructive" ? "text-background bg-destructive transition-[background-color,scale] duration-150 hover:bg-destructive/90 active:scale-[0.96] motion-reduce:transition-none dark:bg-destructive dark:text-red-950 dark:hover:bg-destructive/90" : "bg-foreground text-background transition-[opacity,scale] duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] hover:opacity-90 active:scale-[0.96] motion-reduce:transition-none", "flex h-8 items-center rounded-full px-3.5 text-xs font-medium whitespace-nowrap"),
+						children: allowOnceLabel
+					})
+				] }) : /* @__PURE__ */ jsx("div", {
+					role: "status",
+					className: "fade-in animate-in text-muted-foreground flex items-center gap-2 text-xs duration-300 motion-reduce:animate-none",
+					children: state === "running" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Loader2Icon, { className: "text-muted-foreground size-3.5 animate-spin motion-reduce:animate-none" }), statusLabel ?? receiptText.running] }) : state === "denied" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(XIcon, { className: "text-muted-foreground size-3.5" }), statusLabel ?? receiptText.denied] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5 text-success" }), statusLabel ?? receiptText.done] })
+				}, state)
+			})
+		]
+	});
+}
+//#endregion
+export { ApprovalCard, approval_card_exports };

package/dist/components/assistant-ui/elements/artifact-card.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from "react";
+declare namespace artifact_card_d_exports {
+  export { ArtifactCard };
+}
+export declare function ArtifactCard({ title, meta, generating, words, className, ...props }: Omit<ComponentProps<"div">, "children" | "title" | "meta" | "generating" | "words"> & {
+  title: string;
+  meta: string;
+  generating?: boolean;
+  words?: number;
+}): import("react").JSX.Element;
+//#endregion
+export { artifact_card_d_exports };

package/dist/components/assistant-ui/elements/artifact-card.js

@@ -0,0 +1,47 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ShimmerLabel, mono, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowUpRightIcon, FileTextIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/artifact-card.tsx
+var artifact_card_exports = /* @__PURE__ */ __exportAll({ ArtifactCard: () => ArtifactCard });
+function ArtifactCard({ title, meta, generating = false, words = 0, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "artifact-card",
+		className: cn(paper, "group flex w-full max-w-xs cursor-pointer items-center gap-3 rounded-[20px] p-3.5 transition-transform duration-150 hover:-translate-y-px active:scale-[0.98]", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "bg-foreground/[0.05] text-muted-foreground flex size-9 shrink-0 items-center justify-center rounded-xl",
+				children: /* @__PURE__ */ jsx(FileTextIcon, { className: cn("size-4", generating && "animate-pulse motion-reduce:animate-none") })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "truncate text-[13.5px] font-medium",
+					children: title
+				}), generating ? /* @__PURE__ */ jsxs("p", {
+					className: cn(mono, "text-muted-foreground flex items-center gap-1"),
+					children: [
+						/* @__PURE__ */ jsx(ShimmerLabel, {
+							className: "relative inline-block leading-none",
+							children: "Writing"
+						}),
+						/* @__PURE__ */ jsx("span", { children: "·" }),
+						/* @__PURE__ */ jsxs("span", {
+							className: "tabular-nums",
+							children: [words, " words"]
+						})
+					]
+				}) : /* @__PURE__ */ jsx("p", {
+					className: cn(mono, "fade-in blur-in-[2px] animate-in text-muted-foreground duration-300 motion-reduce:animate-none"),
+					children: meta
+				})]
+			}),
+			/* @__PURE__ */ jsx(ArrowUpRightIcon, { className: "text-muted-foreground size-3.5 opacity-0 transition-opacity group-hover:opacity-100" })
+		]
+	});
+}
+//#endregion
+export { ArtifactCard, artifact_card_exports };

package/dist/components/assistant-ui/elements/assistant-modal.aui.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+declare namespace assistant_modal_aui_d_exports {
+  export { AssistantModal };
+}
+export declare const AssistantModal: FC;
+//#endregion
+export { assistant_modal_aui_d_exports };