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

package/dist/components/assistant-ui/elements/shared-conversation.js

@@ -0,0 +1,56 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { inkButton, mono, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LinkIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/shared-conversation.tsx
+var shared_conversation_exports = /* @__PURE__ */ __exportAll({ SharedConversation: () => SharedConversation });
+function SharedConversation({ title, sharedBy, sharedAt, turns, onContinue, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "shared-conversation",
+		className: cn(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-2xl", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2.5 px-4 pt-3.5 pb-3",
+				children: [/* @__PURE__ */ jsx(LinkIcon, { className: "text-muted-foreground size-3.5 shrink-0" }), /* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-1 flex-col",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate text-[13.5px] font-medium",
+						children: title
+					}), /* @__PURE__ */ jsxs("span", {
+						className: cn(mono, "text-muted-foreground truncate"),
+						children: [
+							"shared by ",
+							sharedBy,
+							" · ",
+							sharedAt
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "border-foreground/[0.07] flex flex-col gap-2.5 border-t px-4 py-3.5",
+				children: turns.map((turn) => /* @__PURE__ */ jsx("div", {
+					className: cn("text-[13px] leading-relaxed", turn.role === "user" ? "bg-foreground/[0.05] ms-auto max-w-[85%] rounded-2xl px-3 py-2" : "text-muted-foreground"),
+					children: turn.text
+				}, turn.id))
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "border-foreground/[0.07] flex items-center gap-2 border-t px-4 py-3",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: "read only"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onContinue,
+					className: cn(inkButton, "ms-auto flex h-8 items-center rounded-full px-3.5 text-xs font-medium"),
+					children: "Continue in your own chat"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { SharedConversation, shared_conversation_exports };

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

@@ -0,0 +1,29 @@
+import { FC } from "react";
+import { SyntaxHighlighterProps } from "@assistant-ui/react-markdown";
+import { ShikiHighlighterProps } from "react-shiki";
+declare namespace shiki_highlighter_aui_d_exports {
+  export { HighlighterProps, SyntaxHighlighter };
+}
+/**
+ * Props for the SyntaxHighlighter component
+ */
+export type HighlighterProps = Omit<ShikiHighlighterProps, "children" | "theme"> & {
+  theme?: ShikiHighlighterProps["theme"];
+} & Pick<SyntaxHighlighterProps, "language" | "code"> & Partial<Pick<SyntaxHighlighterProps, "node" | "components">>;
+/**
+ * SyntaxHighlighter component, using react-shiki
+ * Use it by passing to `defaultComponents` in `markdown-text.tsx`
+ *
+ * Code highlights as it arrives, streaming included: re-highlighting is
+ * throttled, so settling is a recolor rather than a plain-to-colored flash.
+ *
+ * @example
+ * const defaultComponents = memoizeMarkdownComponents({
+ *   SyntaxHighlighter,
+ *   h1: //...
+ *   //...other elements...
+ * });
+ */
+export declare const SyntaxHighlighter: FC<HighlighterProps>;
+//#endregion
+export { shiki_highlighter_aui_d_exports };

package/dist/components/assistant-ui/elements/shiki-highlighter.aui.js

@@ -0,0 +1,31 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { SyntaxHighlighter as SyntaxHighlighter$1 } from "./shiki-highlighter.js";
+import { jsx } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+//#region src/components/assistant-ui/elements/shiki-highlighter.aui.tsx
+var shiki_highlighter_aui_exports = /* @__PURE__ */ __exportAll({ SyntaxHighlighter: () => SyntaxHighlighter });
+/**
+* SyntaxHighlighter component, using react-shiki
+* Use it by passing to `defaultComponents` in `markdown-text.tsx`
+*
+* Code highlights as it arrives, streaming included: re-highlighting is
+* throttled, so settling is a recolor rather than a plain-to-colored flash.
+*
+* @example
+* const defaultComponents = memoizeMarkdownComponents({
+*   SyntaxHighlighter,
+*   h1: //...
+*   //...other elements...
+* });
+*/
+const SyntaxHighlighter = ({ node: _node, components: _components, ...props }) => {
+	const isStreaming = useAuiState((s) => s.optional.part?.status.type === "running");
+	return /* @__PURE__ */ jsx(SyntaxHighlighter$1, {
+		...props,
+		streaming: isStreaming
+	});
+};
+SyntaxHighlighter.displayName = "SyntaxHighlighter";
+//#endregion
+export { SyntaxHighlighter, shiki_highlighter_aui_exports };

package/dist/components/assistant-ui/elements/shiki-highlighter.d.ts

@@ -0,0 +1,26 @@
+import { FC } from "react";
+import { ShikiHighlighterProps } from "react-shiki";
+declare namespace shiki_highlighter_d_exports {
+  export { SyntaxHighlighter, SyntaxHighlighterProps };
+}
+/**
+ * Props for the SyntaxHighlighter component
+ */
+export type SyntaxHighlighterProps = Omit<ShikiHighlighterProps, "children" | "theme"> & {
+  theme?: ShikiHighlighterProps["theme"];
+  code: string;
+  /** 1-based line numbers to highlight, styled by react-shiki across the full line width. */
+  highlightLines?: readonly number[] | undefined;
+  /** Tags the container while the part streams; code highlights as it arrives. */
+  streaming?: boolean;
+};
+/**
+ * SyntaxHighlighter component, using react-shiki
+ *
+ * Code highlights as it arrives, streaming included: re-highlighting is
+ * throttled by `delay`, so partial code recolors in place instead of
+ * flashing from plain to colored when the part settles.
+ */
+export declare const SyntaxHighlighter: FC<SyntaxHighlighterProps>;
+//#endregion
+export { shiki_highlighter_d_exports };

package/dist/components/assistant-ui/elements/shiki-highlighter.js

@@ -0,0 +1,49 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useShikiHighlighter } from "react-shiki";
+//#region src/components/assistant-ui/elements/shiki-highlighter.tsx
+var shiki_highlighter_exports = /* @__PURE__ */ __exportAll({ SyntaxHighlighter: () => SyntaxHighlighter });
+const containerClassName = "aui-shiki-base dark:scheme-dark [&_pre]:border-border/50 [&_pre]:bg-muted/30! [&_.line]:px-0! [&_pre]:overflow-x-auto [&_pre]:rounded-t-none [&_pre]:rounded-b-xl [&_pre]:border [&_pre]:border-t-0 [&_pre]:p-3.5 [&_pre]:text-[13px] [&_pre]:leading-relaxed";
+const PlainCode = ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) });
+const HighlightedCode = ({ code, language, theme, options }) => {
+	const highlighted = useShikiHighlighter(code, language, theme, {
+		...options,
+		defaultColor: "light-dark()"
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children: highlighted ?? /* @__PURE__ */ jsx(PlainCode, { code }) });
+};
+/**
+* SyntaxHighlighter component, using react-shiki
+*
+* Code highlights as it arrives, streaming included: re-highlighting is
+* throttled by `delay`, so partial code recolors in place instead of
+* flashing from plain to colored when the part settles.
+*/
+const SyntaxHighlighter = ({ code, language, theme = {
+	dark: "github-dark-default",
+	light: "github-light-default"
+}, className, style, addDefaultStyles: _addDefaultStyles, showLanguage: _showLanguage, delay = 150, streaming = false, highlightLines, ...options }) => {
+	const trimmed = code.trim();
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(containerClassName, streaming && "aui-shiki-streaming", className),
+		style,
+		children: /* @__PURE__ */ jsx(HighlightedCode, {
+			code: trimmed,
+			language,
+			theme,
+			options: highlightLines ? {
+				...options,
+				delay,
+				highlightLineNumbers: [...highlightLines]
+			} : {
+				...options,
+				delay
+			}
+		})
+	});
+};
+SyntaxHighlighter.displayName = "SyntaxHighlighter";
+//#endregion
+export { SyntaxHighlighter, shiki_highlighter_exports };

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

@@ -0,0 +1,24 @@
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+import { SourceMessagePartComponent } from "@assistant-ui/react";
+declare namespace sources_aui_d_exports {
+  export { Source, SourceIcon, SourceProps, SourceTitle, Sources, sourceVariants };
+}
+declare const sourceVariants: (props?: ({
+  variant?: "destructive" | "ghost" | "info" | "muted" | "outline" | "secondary" | "success" | "warning" | null | undefined;
+  size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function SourceIcon({ url, className, faviconUrl, ...props }: ComponentProps<"span"> & {
+  url: string;
+  faviconUrl?: ((domain: string) => string) | undefined;
+}): import("react").JSX.Element;
+declare function SourceTitle({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export type SourceProps = ComponentProps<"a"> & VariantProps<typeof sourceVariants>;
+declare function Source({ className, variant, size, target, rel, ...props }: SourceProps): import("react").JSX.Element;
+declare const Sources: SourceMessagePartComponent & {
+  Root: typeof Source;
+  Icon: typeof SourceIcon;
+  Title: typeof SourceTitle;
+};
+//#endregion
+export { Source, SourceIcon, SourceTitle, Sources, sourceVariants, sources_aui_d_exports };

package/dist/components/assistant-ui/elements/sources.aui.js

@@ -0,0 +1,121 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { hostOf, safeHref } from "../utils/href.js";
+import { memo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { FileTextIcon, GlobeIcon } from "lucide-react";
+import { cva } from "class-variance-authority";
+//#region src/components/assistant-ui/elements/sources.aui.tsx
+var sources_aui_exports = /* @__PURE__ */ __exportAll({
+	Source: () => Source,
+	SourceIcon: () => SourceIcon,
+	SourceTitle: () => SourceTitle,
+	Sources: () => Sources,
+	sourceVariants: () => sourceVariants
+});
+const sourceVariants = cva("inline-flex items-center justify-center gap-1 rounded-md text-xs font-medium transition-colors motion-reduce:transition-none [&_svg]:size-3 [&_svg]:shrink-0", {
+	variants: {
+		variant: {
+			outline: "border-input text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground border bg-transparent",
+			secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80",
+			muted: "bg-muted text-muted-foreground [a&]:hover:bg-muted/80 [a&]:hover:text-foreground",
+			ghost: "text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground bg-transparent",
+			info: "bg-blue-100 text-info dark:bg-info/50 dark:text-info [a&]:hover:bg-blue-100/80",
+			warning: "bg-amber-100 text-warning dark:bg-warning/50 dark:text-warning [a&]:hover:bg-amber-100/80",
+			success: "bg-emerald-100 text-success dark:bg-success/50 dark:text-success [a&]:hover:bg-emerald-100/80",
+			destructive: "bg-red-100 text-destructive dark:bg-destructive/50 dark:text-destructive [a&]:hover:bg-red-100/80"
+		},
+		size: {
+			sm: "px-1.5 py-0.5",
+			default: "px-2 py-1",
+			lg: "px-2.5 py-1.5 text-sm"
+		}
+	},
+	defaultVariants: {
+		variant: "outline",
+		size: "default"
+	}
+});
+function SourceIcon({ url, className, faviconUrl, ...props }) {
+	const domain = hostOf(url);
+	const src = faviconUrl === void 0 || domain === void 0 ? void 0 : faviconUrl(domain);
+	const [errorSrc, setErrorSrc] = useState(void 0);
+	if (src === void 0 || errorSrc === src) return /* @__PURE__ */ jsx("span", {
+		"data-slot": "source-icon-fallback",
+		className: cn("bg-muted flex size-3 shrink-0 items-center justify-center rounded-sm text-[10px] font-medium", faviconUrl === void 0 ? "text-muted-foreground" : void 0, className),
+		...props,
+		children: faviconUrl === void 0 ? /* @__PURE__ */ jsx(GlobeIcon, {
+			"aria-hidden": true,
+			className: "size-3"
+		}) : domain?.charAt(0).toUpperCase() || "?"
+	});
+	return /* @__PURE__ */ jsx("img", {
+		"data-slot": "source-icon",
+		src,
+		alt: "",
+		className: cn("size-3 shrink-0 rounded-sm", className),
+		onError: () => setErrorSrc(src),
+		...props,
+		ref: (el) => {
+			if (el?.complete && el.naturalWidth === 0) setErrorSrc(src);
+		}
+	});
+}
+function SourceTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "source-title",
+		className: cn("max-w-37.5 truncate", className),
+		...props
+	});
+}
+function DocumentSourceIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "source-document-icon",
+		className: cn("text-muted-foreground flex size-3 shrink-0 items-center justify-center", className),
+		...props,
+		children: /* @__PURE__ */ jsx(FileTextIcon, { className: "size-3" })
+	});
+}
+function Source({ className, variant, size, target = "_blank", rel = "noopener noreferrer", ...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		"data-slot": "source",
+		className: cn(sourceVariants({
+			variant,
+			size
+		}), "focus-visible:border-ring focus-visible:ring-ring/50 cursor-pointer outline-none focus-visible:ring-1", className),
+		target,
+		rel,
+		...props
+	});
+}
+const SourcesImpl = (part) => {
+	if (part.sourceType === "url" && part.url) {
+		const href = safeHref(part.url);
+		const domain = hostOf(part.url);
+		const displayTitle = part.title || domain || part.url;
+		const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SourceIcon, { url: part.url }), /* @__PURE__ */ jsx(SourceTitle, { children: displayTitle })] });
+		return href ? /* @__PURE__ */ jsx(Source, {
+			href,
+			className: "me-1.5 mt-2",
+			children: content
+		}) : /* @__PURE__ */ jsx("span", {
+			"data-slot": "source",
+			className: cn(sourceVariants(), "cursor-default", "me-1.5 mt-2"),
+			children: content
+		});
+	}
+	if (part.sourceType === "document") return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "source",
+		className: cn(sourceVariants(), "cursor-default", "me-1.5 mt-2"),
+		children: [/* @__PURE__ */ jsx(DocumentSourceIcon, {}), /* @__PURE__ */ jsx(SourceTitle, { children: part.title })]
+	});
+	return null;
+};
+const Sources = memo(SourcesImpl);
+Sources.displayName = "Sources";
+Sources.Root = Source;
+Sources.Icon = SourceIcon;
+Sources.Title = SourceTitle;
+//#endregion
+export { Source, SourceIcon, SourceTitle, Sources, sourceVariants, sources_aui_exports };

package/dist/components/assistant-ui/elements/sources.d.ts

@@ -0,0 +1,21 @@
+declare namespace sources_d_exports {
+  export { Source, Sources, SourcesProps };
+}
+export interface Source {
+  domain?: string | undefined;
+  title: string;
+  url?: string | undefined;
+  snippet?: string | undefined;
+  author?: string | undefined;
+  publishedAt?: string | undefined;
+}
+export interface SourcesProps {
+  sources: readonly Source[];
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  locale?: string | undefined;
+  className?: string | undefined;
+}
+export declare function Sources({ sources, open, onOpenChange, locale, className }: SourcesProps): import("react").JSX.Element;
+//#endregion
+export { sources_d_exports };

package/dist/components/assistant-ui/elements/sources.js

@@ -0,0 +1,109 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../ui/collapsible.js";
+import { cn } from "../../../lib/utils.js";
+import { collapsePanel, fieldInteractive, mono, paper } from "./surfaces.js";
+import { hostOf, safeHref } from "../utils/href.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/sources.tsx
+var sources_exports = /* @__PURE__ */ __exportAll({ Sources: () => Sources });
+const displayDomain = (source) => source.domain || hostOf(source.url);
+const formatPublishedAt = (publishedAt, locale) => {
+	if (!publishedAt) return void 0;
+	const date = new Date(publishedAt);
+	if (Number.isNaN(date.valueOf())) return void 0;
+	const options = {
+		month: "short",
+		year: "numeric"
+	};
+	try {
+		return new Intl.DateTimeFormat(locale, options).format(date);
+	} catch {
+		return new Intl.DateTimeFormat("en-US", options).format(date);
+	}
+};
+function Sources({ sources, open, onOpenChange, locale = "en-US", className }) {
+	const badgeDomains = sources.map(displayDomain).filter((domain) => domain !== void 0).slice(0, 3);
+	return /* @__PURE__ */ jsxs(Collapsible, {
+		"data-slot": "sources",
+		open,
+		onOpenChange,
+		className: cn("w-full max-w-sm", className),
+		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+			className: cn(fieldInteractive, "group/trigger text-muted-foreground hover:text-foreground/90 inline-flex w-fit items-center gap-1.5 rounded-full px-3.5 py-2 text-xs outline-none"),
+			children: [
+				badgeDomains.length > 0 ? /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "flex -space-x-1",
+					children: badgeDomains.map((domain, index) => /* @__PURE__ */ jsx("span", {
+						"data-slot": "sources-badge",
+						className: "bg-foreground/[0.08] text-muted-foreground ring-background dark:ring-popover flex size-4 items-center justify-center rounded-full text-[8px] font-medium ring-1",
+						children: domain.charAt(0).toUpperCase()
+					}, `${domain}-${index}`))
+				}) : null,
+				/* @__PURE__ */ jsx("span", { children: "Sources" }),
+				/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground tabular-nums"),
+					children: sources.length
+				}),
+				/* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3 opacity-60 transition-transform duration-200 ease-[cubic-bezier(0.32,0.72,0,1)] group-data-open/trigger:rotate-180 group-data-panel-open/trigger:rotate-180 motion-reduce:transition-none" })
+			]
+		}), /* @__PURE__ */ jsx(CollapsibleContent, {
+			className: cn(collapsePanel, "outline-none"),
+			children: /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-2 gap-2 pt-2.5",
+				children: sources.map((source, index) => {
+					const domain = displayDomain(source);
+					const href = safeHref(source.url);
+					const meta = [source.author, formatPublishedAt(source.publishedAt, locale)].filter((value) => Boolean(value)).join(" · ");
+					const cardClassName = cn(paper, "focus-visible:ring-foreground/20 flex flex-col gap-1.5 rounded-2xl p-3 transition-transform duration-150 outline-none hover:-translate-y-px focus-visible:ring-1 motion-reduce:transition-none");
+					const content = /* @__PURE__ */ jsxs(Fragment, { children: [domain ? /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "bg-foreground/[0.06] text-muted-foreground flex size-4 shrink-0 items-center justify-center rounded text-[9px] font-medium",
+							children: domain.charAt(0).toUpperCase()
+						}), /* @__PURE__ */ jsx("span", {
+							className: cn(mono, "text-muted-foreground truncate"),
+							children: domain
+						})]
+					}) : null, /* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 flex-col gap-1",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "text-foreground/90 line-clamp-2 text-[13px] leading-snug font-medium",
+								children: source.title
+							}),
+							source.snippet ? /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground line-clamp-2 text-xs leading-relaxed",
+								children: source.snippet
+							}) : null,
+							meta ? /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground truncate text-xs",
+								children: meta
+							}) : null
+						]
+					})] });
+					if (href) return /* @__PURE__ */ jsxs("a", {
+						"data-slot": "source-card",
+						href,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: cardClassName,
+						children: [content, /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "(opens in a new tab)"
+						})]
+					}, `${source.url ?? source.domain ?? source.title}-${index}`);
+					return /* @__PURE__ */ jsx("div", {
+						"data-slot": "source-card",
+						className: cardClassName,
+						children: content
+					}, `${source.url ?? source.domain ?? source.title}-${index}`);
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { Sources, sources_exports };

package/dist/components/assistant-ui/elements/speaker-identity.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from "react";
+declare namespace speaker_identity_d_exports {
+  export { SpeakerIdentity, SpeakerKind, SpeakerTurn };
+}
+export type SpeakerKind = "user" | "agent" | "subagent" | "tool";
+export interface SpeakerTurn {
+  id: string;
+  kind: SpeakerKind;
+  name: string;
+  detail?: string;
+  text: string;
+}
+export declare function SpeakerIdentity({ turns, className, ...props }: Omit<ComponentProps<"div">, "children" | "turns"> & {
+  turns: readonly SpeakerTurn[];
+}): import("react").JSX.Element;
+//#endregion
+export { speaker_identity_d_exports };

package/dist/components/assistant-ui/elements/speaker-identity.js

@@ -0,0 +1,45 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BotIcon, UserIcon, WrenchIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/speaker-identity.tsx
+var speaker_identity_exports = /* @__PURE__ */ __exportAll({ SpeakerIdentity: () => SpeakerIdentity });
+const TONE = {
+	user: "bg-foreground/[0.06] text-muted-foreground",
+	agent: "bg-info/12 text-info dark:bg-info/15 dark:text-info",
+	subagent: "bg-foreground/[0.06] text-muted-foreground",
+	tool: "bg-foreground/[0.04] text-muted-foreground"
+};
+function SpeakerIdentity({ turns, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "speaker-identity",
+		className: cn("flex w-full max-w-sm flex-col gap-3.5", className),
+		...props,
+		children: turns.map((turn) => /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-2.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: cn("flex size-6 shrink-0 items-center justify-center rounded-lg", TONE[turn.kind], turn.kind === "subagent" && "rounded-full"),
+				children: turn.kind === "user" ? /* @__PURE__ */ jsx(UserIcon, { className: "size-3" }) : turn.kind === "tool" ? /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3" }) : /* @__PURE__ */ jsx(BotIcon, { className: "size-3" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-0.5",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-baseline gap-1.5",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-[13px] font-medium",
+						children: turn.name
+					}), turn.detail && /* @__PURE__ */ jsx("span", {
+						className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground"),
+						children: turn.detail
+					})]
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-[13.5px] leading-relaxed break-words",
+					children: turn.text
+				})]
+			})]
+		}, turn.id))
+	});
+}
+//#endregion
+export { SpeakerIdentity, speaker_identity_exports };

package/dist/components/assistant-ui/elements/spec-sheet.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from "react";
+declare namespace spec_sheet_d_exports {
+  export { SpecRow, SpecSheet };
+}
+export interface SpecRow {
+  label: string;
+  value: string;
+  emphasis?: boolean;
+}
+export declare function SpecSheet({ title, subtitle, rows, visibleCount, className, ...props }: Omit<ComponentProps<"div">, "children" | "title" | "subtitle" | "rows" | "visibleCount"> & {
+  title: string;
+  subtitle?: string;
+  rows: readonly SpecRow[];
+  visibleCount: number;
+}): import("react").JSX.Element;
+//#endregion
+export { spec_sheet_d_exports };

package/dist/components/assistant-ui/elements/spec-sheet.js

@@ -0,0 +1,39 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { mono, paper } from "./surfaces.js";
+import { take } from "../utils/range.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/spec-sheet.tsx
+var spec_sheet_exports = /* @__PURE__ */ __exportAll({ SpecSheet: () => SpecSheet });
+function SpecSheet({ title, subtitle, rows, visibleCount, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "spec-sheet",
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-3 rounded-2xl p-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-0.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-[13.5px] font-medium",
+				children: title
+			}), subtitle && /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-xs",
+				children: subtitle
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col",
+			children: take(rows, visibleCount).map((row) => /* @__PURE__ */ jsxs("div", {
+				className: "border-foreground/[0.06] fade-in animate-in fill-mode-both flex items-baseline gap-3 border-t py-1.5 duration-300 first:border-t-0 first:pt-0",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground w-24 shrink-0"),
+					children: row.label
+				}), /* @__PURE__ */ jsx("span", {
+					className: cn("min-w-0 flex-1 text-end text-[13px] tabular-nums", row.emphasis ? "text-foreground/95 font-medium" : "text-muted-foreground"),
+					children: row.value
+				})]
+			}, row.label))
+		})]
+	});
+}
+//#endregion
+export { SpecSheet, spec_sheet_exports };

package/dist/components/assistant-ui/elements/stopped-run.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from "react";
+declare namespace stopped_run_d_exports {
+  export { StoppedRun };
+}
+export declare function StoppedRun({ words, reason, onContinue, onDiscard, className, ...props }: Omit<ComponentProps<"div">, "children" | "words" | "reason" | "onContinue" | "onDiscard"> & {
+  words: readonly string[];
+  reason: string;
+  onContinue?: () => void;
+  onDiscard?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { stopped_run_d_exports };

package/dist/components/assistant-ui/elements/stopped-run.js

@@ -0,0 +1,44 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon, SquareIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/stopped-run.tsx
+var stopped_run_exports = /* @__PURE__ */ __exportAll({ StoppedRun: () => StoppedRun });
+function StoppedRun({ words, reason, onContinue, onDiscard, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "stopped-run",
+		className: cn("flex w-full max-w-sm flex-col gap-3", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "text-foreground/80 text-[13.5px] leading-relaxed",
+			children: [words.join(" "), /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "bg-foreground/20 ms-1 inline-block h-[1em] w-[2px] translate-y-[0.15em] rounded-full"
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: cn(field, mono, "text-muted-foreground inline-flex items-center gap-1.5 rounded-full px-2.5 py-1"),
+					children: [/* @__PURE__ */ jsx(SquareIcon, { className: "size-2.5 fill-current" }), reason]
+				}),
+				/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: onContinue,
+					className: "text-muted-foreground hover:bg-foreground/[0.06] hover:text-foreground/95 ms-auto flex h-7 items-center gap-1 rounded-full px-2.5 text-xs font-medium transition-[background-color,color,scale] duration-150 active:scale-[0.96]",
+					children: ["Continue", /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-3" })]
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onDiscard,
+					className: "text-muted-foreground hover:bg-foreground/[0.06] hover:text-foreground/90 flex h-7 items-center rounded-full px-2.5 text-xs font-medium transition-[background-color,color,scale] duration-150 active:scale-[0.96]",
+					children: "Discard"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { StoppedRun, stopped_run_exports };