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

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

@@ -0,0 +1,70 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { MarkdownText } from "./markdown-text.js";
+import { ReasoningContent, ReasoningFade, ReasoningRoot as ReasoningRoot$1, ReasoningText, ReasoningTrigger, reasoningVariants } from "./reasoning.js";
+import { memo, useCallback, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuiState, useScrollLock } from "@assistant-ui/react";
+//#region src/components/assistant-ui/elements/reasoning.aui.tsx
+var reasoning_aui_exports = /* @__PURE__ */ __exportAll({
+	Reasoning: () => Reasoning,
+	ReasoningContent: () => ReasoningContent,
+	ReasoningFade: () => ReasoningFade,
+	ReasoningGroup: () => ReasoningGroup,
+	ReasoningRoot: () => ReasoningRoot,
+	ReasoningText: () => ReasoningText,
+	ReasoningTrigger: () => ReasoningTrigger,
+	reasoningVariants: () => reasoningVariants
+});
+/** `ReasoningRoot` with the thread viewport scroll locked during disclosure animations. */
+function ReasoningRoot({ ref, onAnimationStart, ...props }) {
+	const collapsibleRef = useRef(null);
+	const lockScroll = useScrollLock(collapsibleRef, 200);
+	const handleAnimationStart = useCallback(() => {
+		lockScroll();
+		onAnimationStart?.();
+	}, [lockScroll, onAnimationStart]);
+	const composedRef = useCallback((node) => {
+		collapsibleRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
+	return /* @__PURE__ */ jsx(ReasoningRoot$1, {
+		ref: composedRef,
+		onAnimationStart: handleAnimationStart,
+		...props
+	});
+}
+const ReasoningImpl = () => /* @__PURE__ */ jsx(MarkdownText, {});
+const ReasoningGroupImpl = ({ children, startIndex, endIndex }) => {
+	const isReasoningStreaming = useAuiState((s) => {
+		if (s.message.status?.type !== "running") return false;
+		for (let index = startIndex; index <= endIndex; index++) if (s.message.parts[index]?.status.type === "running") return true;
+		return false;
+	});
+	return /* @__PURE__ */ jsxs(ReasoningRoot, {
+		streaming: isReasoningStreaming,
+		children: [/* @__PURE__ */ jsx(ReasoningTrigger, { active: isReasoningStreaming }), /* @__PURE__ */ jsx(ReasoningContent, {
+			"aria-busy": isReasoningStreaming,
+			children: /* @__PURE__ */ jsx(ReasoningText, { children })
+		})]
+	});
+};
+const Reasoning = memo(ReasoningImpl);
+Reasoning.displayName = "Reasoning";
+Reasoning.Root = ReasoningRoot;
+Reasoning.Trigger = ReasoningTrigger;
+Reasoning.Content = ReasoningContent;
+Reasoning.Text = ReasoningText;
+Reasoning.Fade = ReasoningFade;
+/**
+* @deprecated This wrapper targets the legacy `components.ReasoningGroup`
+* prop on `<MessagePrimitive.Parts>`. Use `<MessagePrimitive.GroupedParts>`
+* with a `groupBy` returning `"group-reasoning"` and compose `ReasoningRoot`
+* / `ReasoningTrigger` / `ReasoningContent` / `ReasoningText` directly.
+* See `thread.aui.tsx` for an example.
+*/
+const ReasoningGroup = memo(ReasoningGroupImpl);
+ReasoningGroup.displayName = "ReasoningGroup";
+//#endregion
+export { Reasoning, ReasoningContent, ReasoningFade, ReasoningGroup, ReasoningRoot, ReasoningText, ReasoningTrigger, reasoningVariants, reasoning_aui_exports };

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

@@ -0,0 +1,38 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../ui/collapsible.js";
+import { VariantProps } from "class-variance-authority";
+declare namespace reasoning_d_exports {
+  export { ANIMATION_DURATION, ReasoningContent, ReasoningFade, ReasoningRoot, ReasoningRootProps, ReasoningText, ReasoningTrigger, reasoningVariants };
+}
+export declare const ANIMATION_DURATION = 200;
+declare const reasoningVariants: (props?: ({
+  variant?: "ghost" | "muted" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ReasoningRootProps = Omit<React.ComponentProps<typeof Collapsible>, "open" | "onOpenChange"> & VariantProps<typeof reasoningVariants> & {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  defaultOpen?: boolean;
+  /**
+   * Whether the reasoning is currently streaming. While `true` the
+   * disclosure is held open with a bottom-pinned live preview; when
+   * streaming ends it returns to `defaultOpen`, and the first manual
+   * toggle takes over the open/close state permanently. The live preview
+   * keeps following the newest tokens while the disclosure is open during
+   * streaming, even after a manual toggle, and pauses while the reader is
+   * scrolled up.
+   */
+  streaming?: boolean;
+  /** Called right before the disclosure animates, on toggle and on streaming transitions. */
+  onAnimationStart?: () => void;
+};
+declare function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen, streaming, onAnimationStart, children, ...props }: ReasoningRootProps): import("react").JSX.Element;
+declare function ReasoningFade({ side, className, ...props }: React.ComponentProps<"div"> & {
+  side?: "top" | "bottom";
+}): import("react").JSX.Element;
+declare function ReasoningTrigger({ active, duration, className, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
+  active?: boolean;
+  duration?: number;
+}): import("react").JSX.Element;
+declare function ReasoningContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react").JSX.Element;
+declare function ReasoningText({ className, children, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+//#endregion
+export { ReasoningContent, ReasoningFade, ReasoningRoot, ReasoningText, ReasoningTrigger, reasoningVariants, reasoning_d_exports };

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

@@ -0,0 +1,194 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../ui/collapsible.js";
+import { cn } from "../../../lib/utils.js";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BrainIcon, ChevronDownIcon } from "lucide-react";
+import { cva } from "class-variance-authority";
+//#region src/components/assistant-ui/elements/reasoning.tsx
+var reasoning_exports = /* @__PURE__ */ __exportAll({
+	ANIMATION_DURATION: () => 200,
+	ReasoningContent: () => ReasoningContent,
+	ReasoningFade: () => ReasoningFade,
+	ReasoningRoot: () => ReasoningRoot,
+	ReasoningText: () => ReasoningText,
+	ReasoningTrigger: () => ReasoningTrigger,
+	reasoningVariants: () => reasoningVariants
+});
+const ReasoningPreviewContext = createContext(false);
+const reasoningVariants = cva("aui-reasoning-root mb-4 w-full", {
+	variants: { variant: {
+		outline: "rounded-lg border px-3 py-2",
+		ghost: "",
+		muted: "bg-muted/50 rounded-lg px-3 py-2"
+	} },
+	defaultVariants: { variant: "outline" }
+});
+function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen = false, streaming, onAnimationStart, children, ...props }) {
+	const [initialOpen] = useState(defaultOpen);
+	const [userOpen, setUserOpen] = useState(null);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : userOpen ?? (streaming || initialOpen);
+	const isPreview = streaming === true && isOpen;
+	const prevStreamingRef = useRef(streaming);
+	useLayoutEffect(() => {
+		if (prevStreamingRef.current === streaming) return;
+		prevStreamingRef.current = streaming;
+		if (!isControlled && userOpen === null && !initialOpen) onAnimationStart?.();
+	}, [
+		streaming,
+		isControlled,
+		userOpen,
+		initialOpen,
+		onAnimationStart
+	]);
+	const handleOpenChange = useCallback((open) => {
+		onAnimationStart?.();
+		if (!isControlled) setUserOpen(open);
+		controlledOnOpenChange?.(open);
+	}, [
+		onAnimationStart,
+		isControlled,
+		controlledOnOpenChange
+	]);
+	return /* @__PURE__ */ jsx(Collapsible, {
+		"data-slot": "reasoning-root",
+		"data-variant": variant,
+		open: isOpen,
+		onOpenChange: handleOpenChange,
+		className: cn("group/reasoning-root", reasoningVariants({
+			variant,
+			className
+		})),
+		style: { "--animation-duration": `200ms` },
+		...props,
+		children: /* @__PURE__ */ jsx(ReasoningPreviewContext.Provider, {
+			value: isPreview,
+			children
+		})
+	});
+}
+function ReasoningFade({ side = "bottom", className, ...props }) {
+	if (side === "top") return /* @__PURE__ */ jsx("div", {
+		"data-slot": "reasoning-fade",
+		className: cn("aui-reasoning-fade pointer-events-none absolute inset-x-0 top-0 z-10 h-8", "bg-[linear-gradient(to_bottom,var(--color-background),transparent)]", "group-data-[variant=muted]/reasoning-root:bg-[linear-gradient(to_bottom,color-mix(in_oklab,var(--color-muted)_50%,var(--color-background)),transparent)]", "opacity-0 transition-opacity duration-(--animation-duration)", "group-has-[[data-scroll-top]]/collapsible-content:opacity-100", className),
+		...props
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "reasoning-fade",
+		className: cn("aui-reasoning-fade pointer-events-none absolute inset-x-0 bottom-0 z-10 h-8", "bg-[linear-gradient(to_top,var(--color-background),transparent)]", "group-data-[variant=muted]/reasoning-root:bg-[linear-gradient(to_top,color-mix(in_oklab,var(--color-muted)_50%,var(--color-background)),transparent)]", "opacity-0 transition-opacity duration-(--animation-duration)", "group-has-[[data-scroll-bottom]]/collapsible-content:opacity-100", className),
+		...props
+	});
+}
+function ReasoningTrigger({ active, duration, className, ...props }) {
+	const durationText = duration ? ` (${duration}s)` : "";
+	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		"data-slot": "reasoning-trigger",
+		className: cn("aui-reasoning-trigger group/trigger text-muted-foreground hover:text-foreground flex max-w-[75%] origin-left items-center gap-2 rounded-md px-1.5 py-1.5 text-sm outline-none transition-[color,scale] focus-visible:ring-[3px] focus-visible:ring-ring/50 active:scale-[0.98] -mx-1.5", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(BrainIcon, {
+				"data-slot": "reasoning-trigger-icon",
+				className: "aui-reasoning-trigger-icon size-4 shrink-0"
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				"data-slot": "reasoning-trigger-label",
+				className: cn("aui-reasoning-trigger-label-wrapper inline-block leading-none tabular-nums", active && "shimmer [--shimmer-color:var(--color-foreground)] dark:[--shimmer-color:initial] motion-reduce:animate-none"),
+				children: ["Reasoning", durationText]
+			}),
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				"data-slot": "reasoning-trigger-chevron",
+				className: cn("aui-reasoning-trigger-chevron mt-0.5 size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0")
+			})
+		]
+	});
+}
+function ReasoningContent({ className, children, ...props }) {
+	const isPreview = useContext(ReasoningPreviewContext);
+	return /* @__PURE__ */ jsxs(CollapsibleContent, {
+		"data-slot": "reasoning-content",
+		className: cn("aui-reasoning-content text-muted-foreground relative overflow-hidden text-sm outline-none", "group/collapsible-content ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:animate-none", "data-closed:animate-collapsible-up", "data-open:animate-collapsible-down", "data-closed:fill-mode-forwards", "data-closed:pointer-events-none", "[--tw-duration:var(--animation-duration)]", className),
+		...props,
+		children: [children, isPreview ? /* @__PURE__ */ jsx(ReasoningFade, {}) : null]
+	});
+}
+function ReasoningText({ className, children, ...props }) {
+	const isPreview = useContext(ReasoningPreviewContext);
+	const scrollRef = useRef(null);
+	const contentRef = useRef(null);
+	const [isScrolledDown, setIsScrolledDown] = useState(false);
+	useEffect(() => {
+		const el = scrollRef.current;
+		if (!el) return void 0;
+		const sync = () => {
+			const next = el.scrollTop > 1;
+			setIsScrolledDown((prev) => prev === next ? prev : next);
+		};
+		sync();
+		el.addEventListener("scroll", sync, { passive: true });
+		return () => el.removeEventListener("scroll", sync);
+	}, []);
+	useEffect(() => {
+		const scrollEl = scrollRef.current;
+		if (!scrollEl) return;
+		const update = () => {
+			scrollEl.toggleAttribute("data-scroll-top", scrollEl.scrollTop > 1);
+			scrollEl.toggleAttribute("data-scroll-bottom", scrollEl.scrollHeight - scrollEl.scrollTop - scrollEl.clientHeight > 1);
+		};
+		update();
+		scrollEl.addEventListener("scroll", update, { passive: true });
+		const observer = new ResizeObserver(update);
+		observer.observe(scrollEl);
+		if (contentRef.current) observer.observe(contentRef.current);
+		return () => {
+			scrollEl.removeEventListener("scroll", update);
+			observer.disconnect();
+		};
+	}, []);
+	useEffect(() => {
+		if (!isPreview) return;
+		const scrollEl = scrollRef.current;
+		const contentEl = contentRef.current;
+		if (!scrollEl || !contentEl) return;
+		let pinned = true;
+		let lastScrollTop = scrollEl.scrollTop;
+		let lastScrollHeight = scrollEl.scrollHeight;
+		const isAtBottom = () => Math.abs(scrollEl.scrollHeight - scrollEl.scrollTop - scrollEl.clientHeight) <= 1 || scrollEl.scrollHeight <= scrollEl.clientHeight;
+		const pin = () => {
+			if (!pinned) return;
+			scrollEl.scrollTop = scrollEl.scrollHeight;
+		};
+		const onScroll = () => {
+			if (isAtBottom()) pinned = true;
+			else if (scrollEl.scrollTop < lastScrollTop && scrollEl.scrollHeight === lastScrollHeight) pinned = false;
+			lastScrollTop = scrollEl.scrollTop;
+			lastScrollHeight = scrollEl.scrollHeight;
+		};
+		pin();
+		scrollEl.addEventListener("scroll", onScroll);
+		const observer = new ResizeObserver(pin);
+		observer.observe(contentEl);
+		return () => {
+			scrollEl.removeEventListener("scroll", onScroll);
+			observer.disconnect();
+		};
+	}, [isPreview]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: scrollRef,
+		"data-slot": "reasoning-text",
+		className: cn("aui-reasoning-text relative z-0 max-h-64 overflow-y-auto ps-6 pt-2 pb-2 leading-relaxed text-pretty", "transform-gpu transition-[transform,opacity] ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:animate-none", "group-data-open/collapsible-content:animate-in", "group-data-closed/collapsible-content:animate-out", "group-data-open/collapsible-content:fade-in-0", "group-data-closed/collapsible-content:fade-out-0", "group-data-open/collapsible-content:slide-in-from-top-4", "group-data-closed/collapsible-content:slide-out-to-top-4", "group-data-open/collapsible-content:blur-in-[2px]", "group-data-closed/collapsible-content:blur-out-[2px]", "group-data-open/collapsible-content:animation-duration-(--animation-duration)", "group-data-closed/collapsible-content:animation-duration-(--animation-duration)", className),
+		...props,
+		children: [isScrolledDown && /* @__PURE__ */ jsx(ReasoningFade, {
+			side: "top",
+			"aria-hidden": true,
+			className: "animate-none sticky top-0 -mb-8"
+		}), /* @__PURE__ */ jsx("div", {
+			ref: contentRef,
+			className: "aui-reasoning-text-content space-y-4",
+			children
+		})]
+	});
+}
+//#endregion
+export { ReasoningContent, ReasoningFade, ReasoningRoot, ReasoningText, ReasoningTrigger, reasoningVariants, reasoning_exports };

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

@@ -0,0 +1,16 @@
+import { ComponentProps, ReactNode } from "react";
+declare namespace recommendation_card_d_exports {
+  export { RecommendationCard, RecommendationState };
+}
+export type RecommendationState = "idle" | "accepted";
+export declare function RecommendationCard({ state, question, children, confidenceLabel, acceptedLabel, onAccept, onAlternatives, className, ...props }: Omit<ComponentProps<"div">, "state" | "question" | "children" | "confidenceLabel" | "acceptedLabel" | "onAccept" | "onAlternatives"> & {
+  state: RecommendationState;
+  question: string;
+  children: ReactNode;
+  confidenceLabel: string;
+  acceptedLabel: string;
+  onAccept?: () => void;
+  onAlternatives?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { recommendation_card_d_exports };

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

@@ -0,0 +1,65 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { inkButton, mono, paper } from "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/recommendation-card.tsx
+var recommendation_card_exports = /* @__PURE__ */ __exportAll({ RecommendationCard: () => RecommendationCard });
+const CONFIDENCE_BARS = [
+	0,
+	1,
+	2
+];
+function RecommendationCard({ state, question, children, confidenceLabel, acceptedLabel, onAccept, onAlternatives, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "recommendation-card",
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-3 rounded-[20px] p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium",
+				children: question
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-[13px] leading-relaxed",
+				children
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex h-8 items-center justify-between",
+				children: state === "idle" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "flex items-end gap-0.5",
+						"aria-hidden": true,
+						children: CONFIDENCE_BARS.map((bar) => /* @__PURE__ */ jsx("span", {
+							className: "w-1 rounded-full bg-success/70",
+							style: { height: 6 + bar * 3 }
+						}, bar))
+					}), /* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-muted-foreground"),
+						children: confidenceLabel
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onAlternatives,
+						className: "text-muted-foreground hover:bg-foreground/[0.06] hover:text-foreground/90 h-8 rounded-full px-3.5 text-xs font-medium transition-[background-color,color,scale] duration-150 active:scale-[0.96]",
+						children: "Alternatives"
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onAccept,
+						className: cn(inkButton, "flex h-8 items-center rounded-full px-3.5 text-xs font-medium"),
+						children: "Accept"
+					})]
+				})] }) : /* @__PURE__ */ jsxs("div", {
+					className: "fade-in animate-in text-muted-foreground flex items-center gap-2 text-xs duration-300",
+					children: [/* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5 text-success" }), acceptedLabel]
+				}, "accepted")
+			})
+		]
+	});
+}
+//#endregion
+export { RecommendationCard, recommendation_card_exports };

package/dist/components/assistant-ui/elements/regenerate-menu.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps } from "react";
+declare namespace regenerate_menu_d_exports {
+  export { RegenerateMenu, RegenerateOption };
+}
+export interface RegenerateOption {
+  id: string;
+  label: string;
+  detail: string;
+}
+export declare function RegenerateMenu({ options, open, currentId, onOpenChange, onPick, className, ...props }: Omit<ComponentProps<"div">, "children" | "options" | "open" | "currentId" | "onOpenChange" | "onPick"> & {
+  options: readonly RegenerateOption[];
+  open: boolean;
+  currentId: string;
+  onOpenChange?: (open: boolean) => void;
+  onPick?: (id: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+export { regenerate_menu_d_exports };

package/dist/components/assistant-ui/elements/regenerate-menu.js

@@ -0,0 +1,46 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { RefreshCwIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/regenerate-menu.tsx
+var regenerate_menu_exports = /* @__PURE__ */ __exportAll({ RegenerateMenu: () => RegenerateMenu });
+function RegenerateMenu({ options, open, currentId, onOpenChange, onPick, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "regenerate-menu",
+		className: cn("flex w-full max-w-sm flex-col gap-2", className),
+		...props,
+		children: [onOpenChange && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-expanded": open,
+			"aria-label": "Regenerate with a different model",
+			onClick: () => onOpenChange(!open),
+			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]", "size-7 self-start", open && "bg-foreground/[0.06] text-foreground/90"),
+			children: /* @__PURE__ */ jsx(RefreshCwIcon, { className: "size-3.5" })
+		}), open && /* @__PURE__ */ jsx("div", {
+			className: cn("bg-popover border border-border shadow-lg", "fade-in zoom-in-95 slide-in-from-top-1 animate-in flex flex-col gap-0.5 rounded-2xl p-1.5 duration-200"),
+			children: options.map((option) => {
+				const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate text-[13px]",
+					children: option.label
+				}), /* @__PURE__ */ jsx("span", {
+					className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground shrink-0"),
+					children: option.id === currentId ? "current" : option.detail
+				})] });
+				const className = onPick ? "hover:bg-foreground/[0.05] flex items-baseline gap-2 rounded-xl px-2.5 py-1.5 text-start transition-colors" : "flex items-baseline gap-2 rounded-xl px-2.5 py-1.5 text-start";
+				return onPick ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => onPick(option.id),
+					className,
+					children: content
+				}, option.id) : /* @__PURE__ */ jsx("div", {
+					className,
+					children: content
+				}, option.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { RegenerateMenu, regenerate_menu_exports };

package/dist/components/assistant-ui/elements/research-report.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+declare namespace research_report_d_exports {
+  export { ReportSection, ResearchReport, SectionState };
+}
+export type SectionState = "pending" | "writing" | "done";
+export interface ReportSection {
+  id: string;
+  heading: string;
+  state: SectionState;
+  sources: number;
+  preview?: string;
+}
+export declare function ResearchReport({ title, sections, sourcesRead, className, ...props }: Omit<ComponentProps<"div">, "children" | "title" | "sections" | "sourcesRead"> & {
+  title: string;
+  sections: readonly ReportSection[];
+  sourcesRead: number;
+}): import("react").JSX.Element;
+//#endregion
+export { research_report_d_exports };

package/dist/components/assistant-ui/elements/research-report.js

@@ -0,0 +1,63 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { mono, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, Loader2Icon } from "lucide-react";
+//#region src/components/assistant-ui/elements/research-report.tsx
+var research_report_exports = /* @__PURE__ */ __exportAll({ ResearchReport: () => ResearchReport });
+function ResearchReport({ title, sections, sourcesRead, className, ...props }) {
+	const done = sections.filter((section) => section.state === "done").length;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "research-report",
+		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-1",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-[13.5px] font-medium",
+				children: title
+			}), /* @__PURE__ */ jsxs("span", {
+				className: cn(mono, "text-muted-foreground tabular-nums"),
+				children: [
+					done,
+					"/",
+					sections.length,
+					" sections · ",
+					sourcesRead,
+					" sources read"
+				]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col",
+			children: sections.map((section) => /* @__PURE__ */ jsxs("div", {
+				className: "border-foreground/[0.06] flex flex-col gap-1 border-t py-2 first:border-t-0 first:pt-0",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "flex size-3.5 shrink-0 items-center justify-center",
+							children: section.state === "done" ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-muted-foreground size-3" }) : section.state === "writing" ? /* @__PURE__ */ jsx(Loader2Icon, { className: "text-muted-foreground size-3 animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "bg-foreground/15 size-1.5 rounded-full"
+							})
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: cn("min-w-0 flex-1 truncate text-[13px]", section.state === "pending" ? "text-muted-foreground" : "text-foreground/85"),
+							children: section.heading
+						}),
+						section.sources > 0 && /* @__PURE__ */ jsxs("span", {
+							className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground shrink-0"),
+							children: [section.sources, " src"]
+						})
+					]
+				}), section.preview && /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground fade-in animate-in ps-5.5 text-xs leading-relaxed duration-300",
+					children: section.preview
+				})]
+			}, section.id))
+		})]
+	});
+}
+//#endregion
+export { ResearchReport, research_report_exports };

package/dist/components/assistant-ui/elements/retrieval-chunks.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+declare namespace retrieval_chunks_d_exports {
+  export { RetrievalChunk, RetrievalChunks };
+}
+export interface RetrievalChunk {
+  id: string;
+  source: string;
+  locator: string;
+  score: number;
+  text: string;
+}
+export declare function RetrievalChunks({ query, chunks, visibleCount, searching, className, ...props }: Omit<ComponentProps<"div">, "children" | "query" | "chunks" | "visibleCount" | "searching"> & {
+  query: string;
+  chunks: readonly RetrievalChunk[];
+  visibleCount: number;
+  searching: boolean;
+}): import("react").JSX.Element;
+//#endregion
+export { retrieval_chunks_d_exports };

package/dist/components/assistant-ui/elements/retrieval-chunks.js

@@ -0,0 +1,86 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ShimmerLabel, field, mono, paper } from "./surfaces.js";
+import { announced, pct, take } from "../utils/range.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DatabaseIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/retrieval-chunks.tsx
+var retrieval_chunks_exports = /* @__PURE__ */ __exportAll({ RetrievalChunks: () => RetrievalChunks });
+function RetrievalChunks({ query, chunks, visibleCount, searching, className, ...props }) {
+	const matches = take(chunks, visibleCount);
+	const skeletons = searching ? Math.max(0, 2 - visibleCount) : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "retrieval-chunks",
+		className: cn("flex w-full max-w-sm flex-col gap-2.5", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				className: cn(field, "text-muted-foreground inline-flex w-fit items-center gap-1.5 rounded-full px-3.5 py-2 text-xs"),
+				children: [/* @__PURE__ */ jsx(DatabaseIcon, { className: "text-muted-foreground size-3" }), query]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground text-xs",
+				children: searching ? /* @__PURE__ */ jsx(ShimmerLabel, {
+					className: "relative inline-block leading-none",
+					children: "Retrieving"
+				}) : /* @__PURE__ */ jsxs("span", {
+					className: "fade-in animate-in duration-300",
+					children: [chunks.length, " passages above threshold"]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-col gap-1.5", (searching || chunks.length > 0) && "min-h-[7rem]"),
+				children: [matches.map((chunk) => /* @__PURE__ */ jsxs("div", {
+					className: cn(paper, "fade-in slide-in-from-bottom-1 animate-in fill-mode-both flex flex-col gap-1.5 rounded-2xl px-3.5 py-2.5 duration-300"),
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-baseline gap-2",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "text-foreground/90 min-w-0 flex-1 truncate text-[13px] font-medium",
+									children: chunk.source
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: cn(mono, "text-muted-foreground shrink-0"),
+									children: chunk.locator
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: cn(mono, "shrink-0 tabular-nums", chunk.score >= .8 ? "text-success dark:text-success" : "text-muted-foreground"),
+									children: chunk.score.toFixed(2)
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground line-clamp-2 text-xs leading-relaxed",
+							children: chunk.text
+						}),
+						/* @__PURE__ */ jsx("span", {
+							role: "meter",
+							"aria-label": `${chunk.source} relevance score`,
+							"aria-valuemin": 0,
+							"aria-valuemax": 100,
+							"aria-valuenow": announced(pct(chunk.score, 1)),
+							"aria-valuetext": `${chunk.score.toFixed(2)} of 1.00`,
+							className: "bg-foreground/[0.06] h-[2px] w-full overflow-hidden rounded-full",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "block h-full rounded-full bg-info/70 transition-[width] duration-500 dark:bg-info/70",
+								style: { width: `${pct(chunk.score, 1)}%` }
+							})
+						})
+					]
+				}, chunk.id)), Array.from({ length: skeletons }, (_, index) => /* @__PURE__ */ jsxs("div", {
+					"aria-hidden": true,
+					className: cn(paper, "flex flex-col gap-2 rounded-2xl px-3.5 py-2.5"),
+					children: [
+						/* @__PURE__ */ jsx("span", { className: "bg-foreground/[0.07] h-3 w-1/2 animate-pulse rounded-full motion-reduce:animate-none" }),
+						/* @__PURE__ */ jsx("span", { className: "bg-foreground/[0.07] h-2.5 w-full animate-pulse rounded-full motion-reduce:animate-none" }),
+						/* @__PURE__ */ jsx("span", { className: "bg-foreground/[0.07] h-2.5 w-5/6 animate-pulse rounded-full motion-reduce:animate-none" })
+					]
+				}, `skeleton-${index}`))]
+			})
+		]
+	});
+}
+//#endregion
+export { RetrievalChunks, retrieval_chunks_exports };