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

package/dist/components/assistant-ui/elements/document-reference.js

@@ -0,0 +1,62 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FileTextIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/document-reference.tsx
+var document_reference_exports = /* @__PURE__ */ __exportAll({ DocumentReference: () => DocumentReference });
+function DocumentReference({ title, pages, anchors, activePage, onJump, className, ...props }) {
+	const currentIndex = anchors.findIndex((anchor) => anchor.page === activePage);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "document-reference",
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-3 rounded-2xl p-3.5", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "bg-foreground/[0.05] text-muted-foreground flex size-8 shrink-0 items-center justify-center rounded-lg",
+				children: /* @__PURE__ */ jsx(FileTextIcon, { className: "size-3.5" })
+			}), /* @__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"),
+					children: [
+						pages,
+						" pages · ",
+						anchors.length,
+						" cited"
+					]
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-1.5",
+			children: anchors.map((anchor, i) => {
+				const className = cn("flex flex-col gap-1 rounded-xl px-2.5 py-2 text-start transition-colors", onJump && "focus-visible:ring-ring/40 outline-none focus-visible:ring-1 focus-visible:ring-inset", anchor.page === activePage && onJump ? field : onJump ? "hover:bg-foreground/[0.035] focus-visible:bg-foreground/[0.035]" : void 0);
+				const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: ["p. ", anchor.page]
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground border-foreground/15 border-s-2 ps-2 text-xs leading-relaxed break-words",
+					children: anchor.quote
+				})] });
+				return onJump ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-current": i === currentIndex || void 0,
+					onClick: () => onJump(anchor.page),
+					className,
+					children: content
+				}, `${anchor.page}-${i}`) : /* @__PURE__ */ jsx("div", {
+					"aria-current": i === currentIndex || void 0,
+					className,
+					children: content
+				}, `${anchor.page}-${i}`);
+			})
+		})]
+	});
+}
+//#endregion
+export { DocumentReference, document_reference_exports };

package/dist/components/assistant-ui/elements/draft-restore.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from "react";
+declare namespace draft_restore_d_exports {
+  export { DraftRestore };
+}
+export declare function DraftRestore({ draft, savedAt, onRestore, onDiscard, className, ...props }: Omit<ComponentProps<"div">, "children" | "draft" | "savedAt" | "onRestore" | "onDiscard"> & {
+  draft: string;
+  savedAt: string;
+  onRestore?: () => void;
+  onDiscard?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { draft_restore_d_exports };

package/dist/components/assistant-ui/elements/draft-restore.js

@@ -0,0 +1,43 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ghostButton, mono, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PencilLineIcon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/draft-restore.tsx
+var draft_restore_exports = /* @__PURE__ */ __exportAll({ DraftRestore: () => DraftRestore });
+function DraftRestore({ draft, savedAt, onRestore, onDiscard, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "draft-restore",
+		className: cn(paper, "fade-in slide-in-from-bottom-1 animate-in flex w-full max-w-sm items-center gap-2.5 rounded-2xl py-2 pr-2 pl-3.5 duration-300", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(PencilLineIcon, { 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: "text-muted-foreground truncate text-[13px]",
+					children: draft
+				}), /* @__PURE__ */ jsxs("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: ["unsent draft · ", savedAt]
+				})]
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onRestore,
+				className: "text-muted-foreground hover:bg-foreground/[0.06] hover:text-foreground/95 shrink-0 rounded-full px-2.5 py-1 text-xs font-medium transition-[background-color,color,scale] duration-150 active:scale-[0.96]",
+				children: "Restore"
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": "Discard the draft",
+				onClick: onDiscard,
+				className: cn(ghostButton, "size-7 shrink-0"),
+				children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
+			})
+		]
+	});
+}
+//#endregion
+export { DraftRestore, draft_restore_exports };

package/dist/components/assistant-ui/elements/edit-message.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+declare namespace edit_message_d_exports {
+  export { EditMessage };
+}
+export declare function EditMessage({ value, discardedReplies, editing, onValueChange, onSave, onCancel, onStartEdit, className, ...props }: Omit<ComponentProps<"div">, "children" | "value" | "discardedReplies" | "editing" | "onValueChange" | "onSave" | "onCancel" | "onStartEdit"> & {
+  value: string;
+  discardedReplies: number;
+  editing: boolean;
+  onValueChange?: (value: string) => void;
+  onSave?: () => void;
+  onCancel?: () => void;
+  onStartEdit?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { edit_message_d_exports };

package/dist/components/assistant-ui/elements/edit-message.js

@@ -0,0 +1,63 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, inkButton, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangleIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/edit-message.tsx
+var edit_message_exports = /* @__PURE__ */ __exportAll({ EditMessage: () => EditMessage });
+function EditMessage({ value, discardedReplies, editing, onValueChange, onSave, onCancel, onStartEdit, className, ...props }) {
+	if (!editing) return /* @__PURE__ */ jsx("div", {
+		"data-slot": "edit-message",
+		className: cn("flex w-full max-w-sm justify-end", className),
+		...props,
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onStartEdit,
+			className: cn(field, "hover:bg-foreground/[0.07] max-w-[85%] rounded-2xl px-3.5 py-2.5 text-start text-[13.5px] transition-colors"),
+			children: value
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "edit-message",
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-3 rounded-[20px] p-3.5", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("textarea", {
+				value,
+				onChange: (event) => onValueChange?.(event.target.value),
+				rows: 2,
+				"aria-label": "Edit your message",
+				className: cn(field, "text-foreground/90 focus-visible:ring-foreground/20 resize-none rounded-xl px-3 py-2.5 text-[13.5px] leading-relaxed outline-none focus-visible:ring-1")
+			}),
+			discardedReplies > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 text-warning dark:text-warning",
+				children: [/* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ jsxs("span", {
+					className: cn("font-mono text-[11px] tracking-tight", "tabular-nums"),
+					children: [
+						"sending discards ",
+						discardedReplies,
+						" ",
+						discardedReplies === 1 ? "reply" : "replies"
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-end gap-2",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onCancel,
+					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: "Cancel"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onSave,
+					className: cn(inkButton, "flex h-8 items-center rounded-full px-3.5 text-xs font-medium"),
+					children: "Send"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { EditMessage, edit_message_exports };

package/dist/components/assistant-ui/elements/elicitation-form.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from "react";
+declare namespace elicitation_form_d_exports {
+  export { ElicitationField, ElicitationForm, ElicitationState };
+}
+export type ElicitationState = "request" | "accepted" | "declined";
+export interface ElicitationField {
+  name: string;
+  label: string;
+  value: string;
+  kind: "text" | "choice" | "toggle";
+  options?: readonly string[];
+  required?: boolean;
+}
+export declare function ElicitationForm({ server, message, fields, state, onAccept, onDecline, className, ...props }: Omit<ComponentProps<"div">, "children" | "server" | "message" | "fields" | "state" | "onAccept" | "onDecline"> & {
+  server: string;
+  message: string;
+  fields: readonly ElicitationField[];
+  state: ElicitationState;
+  onAccept?: () => void;
+  onDecline?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { elicitation_form_d_exports };

package/dist/components/assistant-ui/elements/elicitation-form.js

@@ -0,0 +1,112 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, inkButton, mono, paper } from "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, PlugIcon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/elicitation-form.tsx
+var elicitation_form_exports = /* @__PURE__ */ __exportAll({ ElicitationForm: () => ElicitationForm });
+function ElicitationForm({ server, message, fields, state, onAccept, onDecline, className, ...props }) {
+	const settled = state !== "request";
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "elicitation-form",
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-3.5 rounded-[20px] p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "bg-foreground/[0.05] text-muted-foreground flex size-7 shrink-0 items-center justify-center rounded-lg",
+						children: /* @__PURE__ */ jsx(PlugIcon, { className: "size-3.5" })
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 flex-1 truncate text-[13.5px] font-medium",
+						children: server
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: cn(mono, "text-muted-foreground flex shrink-0 items-center gap-1.5"),
+						children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": true,
+							className: cn("size-1.5 rounded-full", state === "request" ? "bg-warning" : state === "accepted" ? "bg-success" : "bg-foreground/40")
+						}), state === "request" ? "needs input" : state === "accepted" ? "sent" : "declined"]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs leading-relaxed",
+				children: message
+			}),
+			settled ? /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-2.5",
+				children: fields.map((item) => /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: cn(mono, "text-muted-foreground"),
+						children: [item.label, item.required && /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: " *"
+						})]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-foreground/80 text-xs",
+						children: item.kind === "toggle" ? item.value === "true" ? "On" : "Off" : item.value
+					})]
+				}, item.name))
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-2.5",
+				children: fields.map((item) => /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: cn(mono, "text-muted-foreground"),
+						children: [item.label, item.required && /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: " *"
+						})]
+					}), item.kind === "choice" ? /* @__PURE__ */ jsx("div", {
+						className: "flex flex-wrap gap-1.5",
+						children: item.options?.map((option) => /* @__PURE__ */ jsx("span", {
+							className: cn("rounded-full px-2.5 py-1 text-xs transition-colors", option === item.value ? "bg-foreground text-background" : cn(field, "text-muted-foreground")),
+							children: option
+						}, option))
+					}) : item.kind === "toggle" ? /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": true,
+							className: cn("flex h-4 w-7 items-center rounded-full p-0.5 transition-colors duration-200", item.value === "true" ? "bg-foreground/80" : "bg-foreground/15"),
+							children: /* @__PURE__ */ jsx("span", { className: cn("bg-background size-3 rounded-full transition-transform duration-200 motion-reduce:transition-none", item.value === "true" && "translate-x-3") })
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground text-xs",
+							children: item.value === "true" ? "On" : "Off"
+						})]
+					}) : /* @__PURE__ */ jsx("span", {
+						className: cn(field, "text-foreground/80 rounded-lg px-2.5 py-1.5 text-xs"),
+						children: item.value
+					})]
+				}, item.name))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex h-8 items-center justify-end gap-2",
+				children: state === "request" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onDecline,
+					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: "Decline"
+				}), /* @__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: "Send"
+				})] }) : /* @__PURE__ */ jsx("span", {
+					className: "fade-in animate-in text-muted-foreground flex items-center gap-2 text-xs duration-300",
+					children: state === "accepted" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5 text-success" }),
+						"Sent to ",
+						server
+					] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(XIcon, { className: "text-muted-foreground size-3.5" }), "Declined"] })
+				}, state)
+			})
+		]
+	});
+}
+//#endregion
+export { ElicitationForm, elicitation_form_exports };

package/dist/components/assistant-ui/elements/empty-state.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from "react";
+declare namespace empty_state_d_exports {
+  export { EmptyState, EmptyStateComposer, EmptyStateGreeting, EmptyStateSuggestion, EmptyStateSuggestions };
+}
+export declare function EmptyState({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function EmptyStateGreeting({ className, ...props }: ComponentProps<"h2">): import("react").JSX.Element;
+export declare function EmptyStateSuggestions({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function EmptyStateSuggestion({ index, className, style, ...props }: ComponentProps<"button"> & {
+  index?: number;
+}): import("react").JSX.Element;
+export declare function EmptyStateComposer({ placeholder, onSend, className, style, ...props }: Omit<ComponentProps<"div">, "children" | "placeholder"> & {
+  placeholder: string;
+  onSend?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { empty_state_d_exports };

package/dist/components/assistant-ui/elements/empty-state.js

@@ -0,0 +1,71 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { inkButton, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowUpIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/empty-state.tsx
+var empty_state_exports = /* @__PURE__ */ __exportAll({
+	EmptyState: () => EmptyState,
+	EmptyStateComposer: () => EmptyStateComposer,
+	EmptyStateGreeting: () => EmptyStateGreeting,
+	EmptyStateSuggestion: () => EmptyStateSuggestion,
+	EmptyStateSuggestions: () => EmptyStateSuggestions
+});
+function EmptyState({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-state",
+		className: cn("flex w-full max-w-md flex-col items-center gap-7", className),
+		...props
+	});
+}
+function EmptyStateGreeting({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h2", {
+		"data-slot": "empty-state-greeting",
+		className: cn("fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-center text-2xl font-medium tracking-tight duration-500 motion-reduce:animate-none", className),
+		...props
+	});
+}
+function EmptyStateSuggestions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-state-suggestions",
+		className: cn("flex flex-wrap justify-center gap-2", className),
+		...props
+	});
+}
+function EmptyStateSuggestion({ index = 0, className, style, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-slot": "empty-state-suggestion",
+		style: {
+			animationDelay: `${120 + index * 70}ms`,
+			...style
+		},
+		className: cn(paper, "fade-in slide-in-from-bottom-2 animate-in fill-mode-both focus-visible:ring-foreground/20 rounded-full px-4 py-2 text-[13px] transition-transform duration-500 outline-none hover:-translate-y-px focus-visible:ring-1 active:scale-[0.96] motion-reduce:animate-none", className),
+		...props
+	});
+}
+function EmptyStateComposer({ placeholder, onSend, className, style, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "empty-state-composer",
+		style: {
+			animationDelay: "360ms",
+			...style
+		},
+		className: cn(paper, "fade-in slide-in-from-bottom-2 animate-in fill-mode-both flex h-13 w-full items-center justify-between rounded-full py-2 ps-5 pe-2.5 duration-500 motion-reduce:animate-none", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground text-[15px]",
+			children: placeholder
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Send",
+			onClick: onSend,
+			disabled: !onSend,
+			className: cn(inkButton, "flex size-8 items-center justify-center rounded-full disabled:pointer-events-none disabled:opacity-30"),
+			children: /* @__PURE__ */ jsx(ArrowUpIcon, { className: "size-4" })
+		})]
+	});
+}
+//#endregion
+export { EmptyState, EmptyStateComposer, EmptyStateGreeting, EmptyStateSuggestion, EmptyStateSuggestions, empty_state_exports };

package/dist/components/assistant-ui/elements/error-state.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+declare namespace error_state_d_exports {
+  export { ErrorState, ErrorStateProps };
+}
+export interface ErrorStateProps extends Omit<ComponentProps<"div">, "children" | "role"> {
+  title: string;
+  detail: string;
+  retrying: boolean;
+  onRetry: () => void;
+}
+export declare function ErrorState({ title, detail, retrying, onRetry, className, ...props }: ErrorStateProps): import("react").JSX.Element;
+//#endregion
+export { error_state_d_exports };

package/dist/components/assistant-ui/elements/error-state.js

@@ -0,0 +1,52 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ShimmerLabel } from "./surfaces.js";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleAlertIcon, RefreshCwIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/error-state.tsx
+var error_state_exports = /* @__PURE__ */ __exportAll({ ErrorState: () => ErrorState });
+function ErrorState({ title, detail, retrying, onRetry, className, ...props }) {
+	const retryRef = useRef(null);
+	const wasRetrying = useRef(false);
+	useEffect(() => {
+		if (wasRetrying.current && !retrying) retryRef.current?.focus();
+		wasRetrying.current = retrying;
+	}, [retrying]);
+	if (retrying) return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "error-state",
+		role: "status",
+		className: cn("fade-in animate-in flex w-full max-w-sm items-center gap-2.5 text-sm duration-300 motion-reduce:animate-none", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(RefreshCwIcon, { className: "text-muted-foreground size-3.5 shrink-0 animate-spin motion-reduce:animate-none" }), /* @__PURE__ */ jsx(ShimmerLabel, {
+			className: "text-muted-foreground relative inline-block",
+			children: "Retrying"
+		})]
+	}, "retrying");
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "error-state",
+		role: "alert",
+		className: cn("fade-in animate-in flex w-full max-w-sm items-start gap-2.5 rounded-2xl bg-destructive/[0.06] px-4 py-3 text-sm duration-300 motion-reduce:animate-none dark:bg-destructive/10", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(CircleAlertIcon, { className: "mt-0.5 size-4 shrink-0 text-destructive/80" }),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+				className: "font-medium text-destructive dark:text-destructive",
+				children: title
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-0.5 text-[13px] leading-snug text-destructive/80 dark:text-destructive/80",
+				children: detail
+			})] }),
+			/* @__PURE__ */ jsxs("button", {
+				ref: retryRef,
+				type: "button",
+				onClick: onRetry,
+				className: "ms-auto flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium text-destructive transition-colors hover:bg-destructive/10 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:text-destructive",
+				children: [/* @__PURE__ */ jsx(RefreshCwIcon, { className: "size-3" }), "Retry"]
+			})
+		]
+	}, "error");
+}
+//#endregion
+export { ErrorState, error_state_exports };

package/dist/components/assistant-ui/elements/feedback-dialog.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+declare namespace feedback_dialog_d_exports {
+  export { FeedbackDialog };
+}
+export declare function FeedbackDialog({ reasons, selected, note, sent, onToggleReason, onNoteChange, onSubmit, className, ...props }: Omit<ComponentProps<"div">, "children" | "reasons" | "selected" | "note" | "sent" | "onToggleReason" | "onNoteChange" | "onSubmit"> & {
+  reasons: readonly string[];
+  selected: readonly string[];
+  note: string;
+  sent: boolean;
+  onToggleReason?: (reason: string) => void;
+  onNoteChange?: (note: string) => void;
+  onSubmit?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { feedback_dialog_d_exports };

package/dist/components/assistant-ui/elements/feedback-dialog.js

@@ -0,0 +1,77 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ThumbsDownIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/feedback-dialog.tsx
+var feedback_dialog_exports = /* @__PURE__ */ __exportAll({ FeedbackDialog: () => FeedbackDialog });
+function FeedbackDialog({ reasons, selected, note, sent, onToggleReason, onNoteChange, onSubmit, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "feedback-dialog",
+		className: cn(paper, "flex w-full max-w-sm rounded-[20px] p-4", sent ? "items-center gap-2.5 text-[13.5px]" : "flex-col gap-3", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			role: "status",
+			className: sent ? "fade-in animate-in flex items-center gap-2.5 duration-300" : "sr-only",
+			children: sent && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0 text-success" }), "Thanks. That helps us tune the model."] })
+		}), sent ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "bg-foreground/[0.05] text-muted-foreground flex size-7 shrink-0 items-center justify-center rounded-lg",
+						children: /* @__PURE__ */ jsx(ThumbsDownIcon, { className: "size-3.5" })
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-[13.5px] font-medium",
+						children: "What went wrong?"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-muted-foreground ms-auto"),
+						children: "optional"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-1.5",
+				children: reasons.map((reason) => {
+					const active = selected.includes(reason);
+					const className = cn("rounded-full px-2.5 py-1 text-xs transition-[background-color,color,scale] duration-150", onToggleReason && "active:scale-[0.96]", active ? "bg-foreground text-background" : cn(field, "text-muted-foreground", onToggleReason && "hover:text-foreground/90"));
+					return onToggleReason ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-pressed": active,
+						onClick: () => onToggleReason(reason),
+						className,
+						children: reason
+					}, reason) : active && /* @__PURE__ */ jsx("span", {
+						role: "button",
+						"aria-disabled": "true",
+						"aria-pressed": active,
+						className,
+						children: reason
+					}, reason);
+				})
+			}),
+			onNoteChange ? /* @__PURE__ */ jsx("textarea", {
+				value: note,
+				onChange: (event) => onNoteChange(event.target.value),
+				rows: 2,
+				placeholder: "Anything else?",
+				"aria-label": "Anything else?",
+				className: cn(field, "text-foreground/80 placeholder:text-muted-foreground focus-visible:ring-foreground/20 resize-none rounded-xl px-3 py-2 text-xs outline-none focus-visible:ring-1")
+			}) : note.trim() !== "" ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs leading-relaxed",
+				children: note
+			}) : null,
+			onSubmit && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onSubmit,
+				className: cn("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 justify-center self-end rounded-full px-3.5 text-xs font-medium"),
+				children: "Send feedback"
+			})
+		] })]
+	});
+}
+//#endregion
+export { FeedbackDialog, feedback_dialog_exports };

package/dist/components/assistant-ui/elements/file-tree.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps } from "react";
+declare namespace file_tree_d_exports {
+  export { FileTree, FileTreeNode };
+}
+export interface FileTreeNode {
+  path: string;
+  name: string;
+  depth: number;
+  kind: "folder" | "file";
+  additions?: number;
+  deletions?: number;
+}
+export declare function FileTree({ nodes, visibleCount, totalAdditions, totalDeletions, className, ...props }: Omit<ComponentProps<"div">, "children" | "nodes" | "visibleCount" | "totalAdditions" | "totalDeletions"> & {
+  nodes: readonly FileTreeNode[];
+  visibleCount: number;
+  totalAdditions: number;
+  totalDeletions: number;
+}): import("react").JSX.Element;
+//#endregion
+export { file_tree_d_exports };