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

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

@@ -0,0 +1,104 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { paper } from "./surfaces.js";
+import { Children, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Ban, CheckIcon, ChevronRightIcon, Loader2Icon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/task-card.tsx
+var task_card_exports = /* @__PURE__ */ __exportAll({
+	TaskCard: () => TaskCard,
+	TaskStateIcon: () => TaskStateIcon
+});
+const isRenderable = (node) => node !== void 0 && node !== null && node !== false && node !== true;
+function TaskStateIcon({ state, className }) {
+	if (state === "done") return /* @__PURE__ */ jsx(CheckIcon, {
+		"aria-hidden": true,
+		className: cn("size-3.5 shrink-0 text-success", className)
+	});
+	if (state === "failed") return /* @__PURE__ */ jsx(XIcon, {
+		"aria-hidden": true,
+		className: cn("text-destructive size-3.5 shrink-0", className)
+	});
+	if (state === "cancelled") return /* @__PURE__ */ jsx(Ban, {
+		"aria-hidden": true,
+		className: cn("text-muted-foreground size-3.5 shrink-0", className)
+	});
+	if (state === "working") return /* @__PURE__ */ jsx(Loader2Icon, {
+		"aria-hidden": true,
+		className: cn("text-muted-foreground size-3.5 shrink-0 animate-spin motion-reduce:animate-none", className)
+	});
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: cn("border-foreground/35 m-1 size-1.5 shrink-0 rounded-full border", className)
+	});
+}
+function TaskCard({ label, meta, state, elapsed, actions, result, open, onOpenChange, children, className, ...props }) {
+	const hasTranscript = Children.toArray(children).length > 0;
+	const inert = open !== void 0 && onOpenChange === void 0;
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+	const isOpen = open ?? uncontrolledOpen;
+	const toggle = () => {
+		const next = !isOpen;
+		if (open === void 0) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "task-card",
+		"data-state": state,
+		className: cn(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-2xl", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"aria-expanded": hasTranscript ? isOpen : void 0,
+				disabled: !hasTranscript || inert,
+				onClick: toggle,
+				className: "hover:enabled:bg-foreground/[0.03] focus-visible:ring-ring/50 flex items-center gap-2.5 rounded-md px-3.5 py-2.5 text-start transition-colors outline-none focus-visible:ring-2 focus-visible:ring-inset disabled:cursor-default",
+				children: [
+					/* @__PURE__ */ jsx(TaskStateIcon, { state }),
+					/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: state
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 flex-1 truncate text-[13.5px]",
+						children: label
+					}),
+					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
+					}),
+					elapsed !== void 0 && /* @__PURE__ */ jsx("span", {
+						className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground shrink-0 tabular-nums"),
+						children: elapsed
+					}),
+					hasTranscript ? /* @__PURE__ */ jsx(ChevronRightIcon, {
+						"aria-hidden": true,
+						className: cn("text-muted-foreground size-3 shrink-0 transition-transform duration-200 motion-reduce:transition-none", isOpen && "rotate-90")
+					}) : /* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "size-3 shrink-0"
+					})
+				]
+			}),
+			isRenderable(actions) && /* @__PURE__ */ jsx("div", {
+				"data-slot": "task-card-actions",
+				className: "border-border/60 border-t px-3.5 py-2.5",
+				children: actions
+			}),
+			hasTranscript && isOpen && /* @__PURE__ */ jsx("div", {
+				"data-slot": "task-card-transcript",
+				className: "border-border/60 flex flex-col gap-2 border-t px-3.5 py-2.5",
+				children
+			}),
+			isRenderable(result) && /* @__PURE__ */ jsx("div", {
+				"data-slot": "task-card-result",
+				className: "border-border/60 text-muted-foreground border-t px-3.5 py-2 text-xs leading-relaxed",
+				children: result
+			})
+		]
+	});
+}
+//#endregion
+export { TaskCard, TaskStateIcon, task_card_exports };

package/dist/components/assistant-ui/elements/terminal-block.d.ts

@@ -0,0 +1,27 @@
+import { ComponentProps } from "react";
+declare namespace terminal_block_d_exports {
+  export { AnsiColor, AnsiSegment, TerminalBlock, parseAnsi };
+}
+export type AnsiColor = 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97;
+export type AnsiSegment = {
+  text: string;
+  color?: AnsiColor | undefined;
+  bold: boolean;
+  dim: boolean;
+};
+export declare function parseAnsi(line: string): AnsiSegment[];
+export declare function TerminalBlock({ command, lines, visibleCount, done, variant, exitCode: exitCodeProp, stderr, cwd, durationMs, truncated, maxCollapsedLines, className, ...props }: Omit<ComponentProps<"div">, "children" | "command" | "lines" | "visibleCount" | "done" | "variant" | "exitCode" | "stderr" | "cwd" | "durationMs" | "truncated" | "maxCollapsedLines"> & {
+  command: string;
+  lines: readonly string[];
+  visibleCount: number;
+  done: boolean;
+  variant?: "paper" | "ink" | undefined;
+  exitCode?: number | undefined;
+  stderr?: readonly string[] | undefined;
+  cwd?: string | undefined;
+  durationMs?: number | undefined;
+  truncated?: boolean | undefined;
+  maxCollapsedLines?: number | undefined;
+}): import("react").JSX.Element;
+//#endregion
+export { terminal_block_d_exports };

package/dist/components/assistant-ui/elements/terminal-block.js

@@ -0,0 +1,266 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { useCopyToClipboard } from "../../../hooks/use-copy-to-clipboard.js";
+import { ghostButton, mono, paper } from "./surfaces.js";
+import { clamp, take } from "../utils/range.js";
+import { useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CopyIcon, Loader2Icon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/terminal-block.tsx
+var terminal_block_exports = /* @__PURE__ */ __exportAll({
+	TerminalBlock: () => TerminalBlock,
+	parseAnsi: () => parseAnsi
+});
+const ANSI_COLORS = /* @__PURE__ */ new Set([
+	30,
+	31,
+	32,
+	33,
+	34,
+	35,
+	36,
+	37,
+	90,
+	91,
+	92,
+	93,
+	94,
+	95,
+	96,
+	97
+]);
+const findCsiEnd = (line, start) => {
+	for (let index = start; index < line.length; index += 1) {
+		const code = line.charCodeAt(index);
+		if (code >= 64 && code <= 126) return index;
+	}
+	return line.length;
+};
+const findStringEnd = (line, start, bell) => {
+	for (let index = start; index < line.length; index += 1) {
+		if (bell && line[index] === "\x07") return index + 1;
+		if (line[index] === "\x1B" && line[index + 1] === "\\") return index + 2;
+	}
+	return line.length;
+};
+const applySgr = (value, state) => {
+	const parts = value.split(";");
+	for (let index = 0; index < parts.length; index += 1) {
+		const part = parts[index];
+		const code = part === "" ? 0 : Number(part);
+		if (code === 38 || code === 48) index += parts[index + 1] === "2" ? 4 : parts[index + 1] === "5" ? 2 : 1;
+		else if (code === 0) {
+			state.color = void 0;
+			state.bold = false;
+			state.dim = false;
+		} else if (code === 1) state.bold = true;
+		else if (code === 2) state.dim = true;
+		else if (code === 22) {
+			state.bold = false;
+			state.dim = false;
+		} else if (code === 39) state.color = void 0;
+		else if (ANSI_COLORS.has(code)) state.color = code;
+	}
+};
+function parseAnsi(line) {
+	const state = {
+		color: void 0,
+		bold: false,
+		dim: false
+	};
+	const segments = [];
+	let index = 0;
+	const append = (text) => {
+		if (text === "") return;
+		const previous = segments[segments.length - 1];
+		if (previous && previous.color === state.color && previous.bold === state.bold && previous.dim === state.dim) {
+			previous.text += text;
+			return;
+		}
+		segments.push({
+			text,
+			...state
+		});
+	};
+	while (index < line.length) {
+		const escape = line.indexOf("\x1B", index);
+		const c1Offset = line.slice(index).search(/[\u009b\u009d]/);
+		const c1 = c1Offset === -1 ? -1 : index + c1Offset;
+		const next = escape === -1 ? c1 : c1 === -1 ? escape : Math.min(escape, c1);
+		if (next === -1) {
+			append(line.slice(index));
+			break;
+		}
+		append(line.slice(index, next));
+		const csi = line[next] === "›" || line[next + 1] === "[";
+		const osc = line[next] === "" || line[next + 1] === "]";
+		if (csi) {
+			const start = next + (line[next] === "\x1B" ? 2 : 1);
+			const end = findCsiEnd(line, start);
+			if (end === line.length) break;
+			if (line[end] === "m") applySgr(line.slice(start, end), state);
+			index = end + 1;
+		} else if (osc) index = findStringEnd(line, next + (line[next] === "\x1B" ? 2 : 1), true);
+		else if (line[next] === "\x1B" && [
+			"P",
+			"^",
+			"_"
+		].includes(line[next + 1] ?? "")) index = findStringEnd(line, next + 2, false);
+		else index = line[next] === "\x1B" && [
+			"(",
+			")",
+			"*",
+			"+",
+			"-",
+			".",
+			"/"
+		].includes(line[next + 1] ?? "") ? next + 3 : next + 2;
+	}
+	return segments;
+}
+const ansiColor = (color, ink) => {
+	return (ink ? {
+		30: "text-background/70 dark:text-muted-foreground",
+		31: "text-red-400 dark:text-red-400",
+		32: "text-emerald-400 dark:text-emerald-400",
+		33: "text-amber-300 dark:text-amber-300",
+		34: "text-blue-400 dark:text-blue-400",
+		35: "text-fuchsia-400 dark:text-fuchsia-400",
+		36: "text-cyan-300 dark:text-cyan-300",
+		37: "text-background/90 dark:text-foreground/90",
+		90: "text-background/60 dark:text-muted-foreground",
+		91: "text-red-400 dark:text-red-400",
+		92: "text-emerald-400 dark:text-emerald-400",
+		93: "text-amber-300 dark:text-amber-300",
+		94: "text-blue-400 dark:text-blue-400",
+		95: "text-fuchsia-400 dark:text-fuchsia-400",
+		96: "text-cyan-300 dark:text-cyan-300",
+		97: "text-background/90 dark:text-foreground/90"
+	} : {
+		30: "text-muted-foreground",
+		31: "text-red-600 dark:text-red-400",
+		32: "text-emerald-700 dark:text-emerald-400",
+		33: "text-amber-600 dark:text-amber-400",
+		34: "text-blue-600 dark:text-blue-400",
+		35: "text-fuchsia-600 dark:text-fuchsia-400",
+		36: "text-cyan-600 dark:text-cyan-400",
+		37: "text-foreground/85",
+		90: "text-muted-foreground",
+		91: "text-red-500 dark:text-red-400",
+		92: "text-emerald-500 dark:text-emerald-400",
+		93: "text-amber-500 dark:text-amber-400",
+		94: "text-blue-500 dark:text-blue-400",
+		95: "text-fuchsia-500 dark:text-fuchsia-400",
+		96: "text-cyan-500 dark:text-cyan-400",
+		97: "text-foreground/85"
+	})[color];
+};
+const formatDuration = (durationMs) => {
+	const duration = Math.floor(clamp(durationMs, 0, Number.MAX_SAFE_INTEGER));
+	if (duration < 1e3) return `${duration}ms`;
+	if (duration < 6e4) {
+		const seconds = Math.round(duration / 100) / 10;
+		return `${Number.isInteger(seconds) ? seconds : seconds.toFixed(1)}s`;
+	}
+	const minutes = Math.floor(duration / 6e4);
+	const seconds = Math.floor(duration % 6e4 / 1e3);
+	return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
+};
+const plainText = (line) => parseAnsi(line).map((segment) => segment.text).join("");
+function TerminalBlock({ command, lines, visibleCount, done, variant = "paper", exitCode: exitCodeProp, stderr, cwd, durationMs, truncated, maxCollapsedLines, className, ...props }) {
+	const ink = variant === "ink";
+	const exitCode = exitCodeProp ?? 0;
+	const failed = done && exitCode !== 0;
+	const state = !done ? "running" : failed ? "failed" : "done";
+	const output = [...lines.map((line) => ({
+		line,
+		stderr: false
+	})), ...(stderr ?? []).map((line) => ({
+		line,
+		stderr: true
+	}))];
+	const revealedLines = take(output, visibleCount);
+	const collapsedLines = Math.floor(clamp(maxCollapsedLines ?? revealedLines.length, 0, revealedLines.length));
+	const canCollapse = done && maxCollapsedLines !== void 0 && revealedLines.length > collapsedLines;
+	const [expanded, setExpanded] = useState(false);
+	const displayedLines = canCollapse && !expanded ? take(revealedLines, collapsedLines) : revealedLines;
+	const outputId = useId();
+	const { isCopied, copyToClipboard } = useCopyToClipboard();
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(ink ? "bg-foreground dark:bg-popover" : paper, "w-full max-w-md overflow-hidden rounded-2xl font-mono text-xs", className),
+		...props,
+		"data-slot": "terminal-block",
+		"data-state": state,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-3 px-4 pt-3 pb-1.5",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: cn("min-w-0 break-all", ink ? "text-background/90 dark:text-foreground/90" : "text-foreground/90"),
+				children: [cwd ? /* @__PURE__ */ jsxs("span", {
+					className: cn(ink ? "text-background/60 dark:text-muted-foreground" : "text-muted-foreground"),
+					children: [
+						cwd,
+						" $",
+						" "
+					]
+				}) : null, command]
+			}), done ? /* @__PURE__ */ jsxs("div", {
+				className: "flex shrink-0 items-center gap-1",
+				children: [
+					failed ? /* @__PURE__ */ jsx(XIcon, { className: "size-3 text-red-600 dark:text-red-400" }) : /* @__PURE__ */ jsx(CheckIcon, { className: "size-3 text-emerald-500" }),
+					/* @__PURE__ */ jsxs("span", {
+						className: cn(mono, failed ? "text-red-600 dark:text-red-400" : ink ? "text-background/60 dark:text-muted-foreground" : "text-muted-foreground"),
+						children: ["exit ", exitCode]
+					}),
+					durationMs !== void 0 ? /* @__PURE__ */ jsx("span", {
+						className: cn(mono, ink ? "text-background/60 dark:text-muted-foreground" : "text-muted-foreground"),
+						children: formatDuration(durationMs)
+					}) : null,
+					output.length > 0 ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": "Copy output",
+						onClick: () => copyToClipboard(output.map(({ line }) => plainText(line)).join("\n")),
+						className: cn(ghostButton, "size-6", ink && "text-background/60 hover:text-background dark:text-muted-foreground dark:hover:text-foreground"),
+						children: isCopied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5" })
+					}) : null
+				]
+			}) : /* @__PURE__ */ jsx(Loader2Icon, { className: cn("size-3 animate-spin motion-reduce:animate-none", ink ? "text-background/35 dark:text-muted-foreground" : "text-muted-foreground") })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn("flex min-h-[6.5rem] flex-col gap-1 px-4 pt-1 pb-3.5", ink ? "text-background/60 dark:text-muted-foreground" : "text-muted-foreground"),
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					id: outputId,
+					className: "flex flex-col gap-1",
+					children: displayedLines.map(({ line, stderr: isStderr }, index) => {
+						const isLast = index === revealedLines.length - 1;
+						return /* @__PURE__ */ jsx("div", {
+							className: cn("fade-in animate-in fill-mode-both break-words whitespace-pre-wrap duration-300 motion-reduce:animate-none", isStderr ? "text-red-600 dark:text-red-400" : isLast && (ink ? "text-background/90 dark:text-foreground/90" : "text-foreground/90")),
+							children: parseAnsi(line).map((segment, segmentIndex) => /* @__PURE__ */ jsx("span", {
+								className: cn(!isStderr && segment.color !== void 0 && ansiColor(segment.color, ink), segment.bold && "font-bold", segment.dim && (ink ? "text-background/60 dark:text-muted-foreground" : "text-muted-foreground")),
+								children: segment.text
+							}, segmentIndex))
+						}, `${index}-${line}`);
+					})
+				}),
+				truncated && !(canCollapse && !expanded) ? /* @__PURE__ */ jsx("span", {
+					className: cn(mono, ink ? "text-background/60 dark:text-muted-foreground" : "text-muted-foreground"),
+					children: "… the rest of the output was not kept"
+				}) : null,
+				canCollapse ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-expanded": expanded,
+					"aria-controls": outputId,
+					onClick: () => setExpanded((value) => !value),
+					className: cn(ghostButton, "-ml-2 h-7 self-start px-2 text-xs", ink && "text-background/60 hover:text-background dark:text-muted-foreground dark:hover:text-foreground"),
+					children: expanded ? "Show less" : `Show all ${revealedLines.length} lines`
+				}) : null,
+				!done && /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: cn("inline-block h-3 w-1.5 animate-pulse bg-current motion-reduce:animate-none", ink ? "text-background/70 dark:text-muted-foreground" : "text-muted-foreground")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { TerminalBlock, parseAnsi, terminal_block_exports };

package/dist/components/assistant-ui/elements/thinking-indicator.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+declare namespace thinking_indicator_d_exports {
+  export { ThinkingIndicator };
+}
+export declare function ThinkingIndicator({ label, elapsed, className, ...props }: Omit<ComponentProps<"div">, "children" | "label" | "elapsed"> & {
+  label: string;
+  elapsed?: string;
+}): import("react").JSX.Element;
+//#endregion
+export { thinking_indicator_d_exports };

package/dist/components/assistant-ui/elements/thinking-indicator.js

@@ -0,0 +1,30 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ShimmerLabel } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/thinking-indicator.tsx
+var thinking_indicator_exports = /* @__PURE__ */ __exportAll({ ThinkingIndicator: () => ThinkingIndicator });
+function ThinkingIndicator({ label, elapsed, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "thinking-indicator",
+		className: cn("text-muted-foreground flex items-center gap-2.5 text-sm", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "size-1.5 shrink-0 animate-pulse rounded-full bg-info motion-reduce:animate-none dark:bg-info"
+			}),
+			/* @__PURE__ */ jsx(ShimmerLabel, {
+				className: "fade-in slide-in-from-bottom-1 animate-in shimmer-color-foreground relative inline-block leading-none duration-300",
+				children: label
+			}, label),
+			elapsed !== void 0 && /* @__PURE__ */ jsx("span", {
+				className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground tabular-nums"),
+				children: elapsed
+			})
+		]
+	});
+}
+//#endregion
+export { ThinkingIndicator, thinking_indicator_exports };

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

@@ -0,0 +1,39 @@
+import { ButtonProps } from "../../ui/button.js";
+import { ComponentPropsWithoutRef, FC } from "react";
+import { ThreadListPrimitive } from "@assistant-ui/react";
+declare namespace thread_list_aui_d_exports {
+  export { ThreadList, ThreadListGroup, ThreadListItem, ThreadListItems, ThreadListNew, ThreadListRoot, ThreadListSearch, useThreadListGroups };
+}
+export declare const ThreadList: FC;
+export declare const ThreadListSearch: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "ref">, "onChange" | "value"> & {
+  value: string;
+  onValueChange: (value: string) => void;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ThreadListRoot: FC<ComponentPropsWithoutRef<typeof ThreadListPrimitive.Root>>;
+export declare const ThreadListItems: FC<ComponentPropsWithoutRef<"div"> & {
+  searchQuery?: string;
+}>;
+export type ThreadListGroup = {
+  label: string;
+  indices: number[];
+};
+/**
+ * Filters the thread list by title and buckets the matches by last activity
+ * (Today, Yesterday, Earlier). `groups` is null when no thread carries a
+ * date, in which case `filteredIndices` keeps the runtime order.
+ */
+export declare const useThreadListGroups: (searchQuery?: string) => {
+  threadIds: readonly string[];
+  filteredIndices: number[];
+  groups: null;
+} | {
+  threadIds: readonly string[];
+  filteredIndices: number[];
+  groups: ThreadListGroup[];
+};
+export declare const ThreadListNew: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & {
+  labelClassName?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ThreadListItem: FC;
+//#endregion
+export { thread_list_aui_d_exports };