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

package/dist/components/assistant-ui/elements/reviewable-diff.d.ts

@@ -0,0 +1,21 @@
+import { DiffLine } from "./code-diff.js";
+import { ComponentProps } from "react";
+declare namespace reviewable_diff_d_exports {
+  export { DiffHunk, HunkDecision, ReviewableDiff };
+}
+export type HunkDecision = "pending" | "kept" | "discarded";
+export interface DiffHunk {
+  id: string;
+  range: string;
+  decision: HunkDecision;
+  lines: readonly DiffLine[];
+}
+export declare function ReviewableDiff({ filename, hunks, onKeep, onDiscard, onApply, className, ...props }: Omit<ComponentProps<"div">, "children" | "filename" | "hunks" | "onKeep" | "onDiscard" | "onApply"> & {
+  filename: string;
+  hunks: readonly DiffHunk[];
+  onKeep?: (id: string) => void;
+  onDiscard?: (id: string) => void;
+  onApply?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { reviewable_diff_d_exports };

package/dist/components/assistant-ui/elements/reviewable-diff.js

@@ -0,0 +1,104 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { codeScroll, codeSurface, mono, paper } from "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/reviewable-diff.tsx
+var reviewable_diff_exports = /* @__PURE__ */ __exportAll({ ReviewableDiff: () => ReviewableDiff });
+const GUTTER = {
+	context: "",
+	added: "+",
+	removed: "−"
+};
+function ReviewableDiff({ filename, hunks, onKeep, onDiscard, onApply, className, ...props }) {
+	const kept = hunks.filter((hunk) => hunk.decision === "kept").length;
+	const pending = hunks.filter((hunk) => hunk.decision === "pending").length;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "reviewable-diff",
+		className: cn(paper, "flex w-full max-w-md flex-col overflow-hidden rounded-2xl", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between px-4 pt-3 pb-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-mono text-xs",
+					children: filename
+				}), /* @__PURE__ */ jsxs("span", {
+					className: cn(mono, "text-muted-foreground tabular-nums"),
+					children: [
+						kept,
+						" of ",
+						hunks.length,
+						" kept"
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col",
+				children: hunks.map((hunk) => /* @__PURE__ */ jsxs("div", {
+					className: "border-foreground/[0.06] border-t",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 px-4 py-1.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: cn(mono, "text-muted-foreground"),
+							children: hunk.range
+						}), /* @__PURE__ */ jsx("span", {
+							className: "ms-auto flex items-center gap-1",
+							children: hunk.decision === "pending" && (onKeep || onDiscard) ? /* @__PURE__ */ jsxs(Fragment, { children: [onDiscard && /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								"aria-label": `Discard hunk ${hunk.range}`,
+								onClick: () => onDiscard(hunk.id),
+								className: "text-muted-foreground hover:bg-foreground/[0.06] hover:text-foreground/90 flex h-6 items-center gap-1 rounded-full px-2 text-[11px] font-medium transition-[background-color,color,scale] duration-150 active:scale-[0.96]",
+								children: [/* @__PURE__ */ jsx(XIcon, { className: "size-3" }), "Discard"]
+							}), onKeep && /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								"aria-label": `Keep hunk ${hunk.range}`,
+								onClick: () => onKeep(hunk.id),
+								className: "flex h-6 items-center gap-1 rounded-full bg-success/12 px-2 text-[11px] font-medium text-success transition-[background-color,scale] duration-150 hover:bg-success/20 active:scale-[0.96] dark:text-success",
+								children: [/* @__PURE__ */ jsx(CheckIcon, { className: "size-3" }), "Keep"]
+							})] }) : /* @__PURE__ */ jsx("span", {
+								className: cn(mono, "fade-in animate-in duration-300", hunk.decision === "kept" ? "text-success dark:text-success" : "text-muted-foreground"),
+								children: hunk.decision
+							})
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: cn(codeScroll, "pb-1.5 font-mono text-xs"),
+						children: /* @__PURE__ */ jsx("div", {
+							className: codeSurface,
+							children: hunk.lines.map((line, i) => {
+								const body = line.text.trimStart();
+								const indent = line.text.slice(0, line.text.length - body.length);
+								return /* @__PURE__ */ jsxs("div", {
+									className: cn("flex px-4 py-0.5 leading-relaxed whitespace-pre", (line.kind === "context" || hunk.decision === "discarded") && "text-muted-foreground", hunk.decision !== "discarded" && line.kind === "added" && "bg-success/10 text-success dark:text-success", hunk.decision !== "discarded" && line.kind === "removed" && "bg-destructive/10 text-destructive dark:text-destructive"),
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "w-4 shrink-0 select-none",
+										children: GUTTER[line.kind]
+									}), /* @__PURE__ */ jsxs("span", { children: [indent, /* @__PURE__ */ jsx("span", {
+										className: cn(hunk.decision === "discarded" && line.kind !== "context" && "line-through"),
+										children: body
+									})] })]
+								}, `${hunk.id}-${i}`);
+							})
+						})
+					})]
+				}, hunk.id))
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "border-foreground/[0.06] flex items-center justify-between border-t px-4 py-2.5",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: pending > 0 ? `${pending} left to review` : "All reviewed"
+				}), onApply && /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					disabled: pending > 0,
+					onClick: onApply,
+					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-7 items-center rounded-full px-3 text-xs font-medium disabled:pointer-events-none disabled:opacity-30"),
+					children: ["Apply ", kept]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { ReviewableDiff, reviewable_diff_exports };

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

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+declare namespace schedule_card_d_exports {
+  export { ScheduleCard, ScheduleRun };
+}
+export interface ScheduleRun {
+  id: string;
+  at: string;
+  ok: boolean;
+}
+export declare function ScheduleCard({ name, cadence, nextRun, enabled, history, onToggle, className, ...props }: Omit<ComponentProps<"div">, "children" | "name" | "cadence" | "nextRun" | "enabled" | "history" | "onToggle"> & {
+  name: string;
+  cadence: string;
+  nextRun: string;
+  enabled: boolean;
+  history: readonly ScheduleRun[];
+  onToggle?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { schedule_card_d_exports };

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

@@ -0,0 +1,80 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ClockIcon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/schedule-card.tsx
+var schedule_card_exports = /* @__PURE__ */ __exportAll({ ScheduleCard: () => ScheduleCard });
+function ScheduleCard({ name, cadence, nextRun, enabled, history, onToggle, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "schedule-card",
+		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 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(ClockIcon, { 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: name
+						}), /* @__PURE__ */ jsx("span", {
+							className: cn(mono, "text-muted-foreground"),
+							children: cadence
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						role: "switch",
+						"aria-checked": enabled,
+						"aria-label": `${enabled ? "Pause" : "Resume"} ${name}`,
+						onClick: onToggle,
+						className: cn("flex h-5 w-9 shrink-0 items-center rounded-full p-0.5 transition-colors duration-200", enabled ? "bg-foreground/80" : "bg-foreground/15"),
+						children: /* @__PURE__ */ jsx("span", { className: cn("size-4 rounded-full transition-transform duration-200 motion-reduce:transition-none", enabled ? "bg-background" : "bg-background dark:bg-foreground", enabled && "translate-x-4") })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn(field, "flex items-baseline gap-2 rounded-xl px-3 py-2"),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: "next"
+				}), /* @__PURE__ */ jsx("span", {
+					className: cn("text-[13px]", enabled ? "text-foreground/80" : "text-muted-foreground"),
+					children: enabled ? nextRun : "paused"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: "recent runs"
+				}), history.length === 0 ? /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-xs",
+					children: "No runs yet"
+				}) : history.map((run) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-baseline gap-2",
+					children: [
+						run.ok ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3 shrink-0 translate-y-0.5 text-success" }) : /* @__PURE__ */ jsx(XIcon, { className: "size-3 shrink-0 translate-y-0.5 text-destructive" }),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground min-w-0 flex-1 truncate text-xs",
+							children: run.at
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: cn(mono, "text-muted-foreground shrink-0"),
+							children: run.ok ? "ok" : "failed"
+						})
+					]
+				}, run.id))]
+			})
+		]
+	});
+}
+//#endregion
+export { ScheduleCard, schedule_card_exports };

package/dist/components/assistant-ui/elements/score-breakdown.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+declare namespace score_breakdown_d_exports {
+  export { ScoreBreakdown, ScoreCriterion };
+}
+export interface ScoreCriterion {
+  label: string;
+  score: number;
+  weight: number;
+  note?: string;
+}
+export declare function ScoreBreakdown({ verdict, total, outOf, criteria, visibleCount, className, ...props }: Omit<ComponentProps<"div">, "children" | "verdict" | "total" | "outOf" | "criteria" | "visibleCount"> & {
+  verdict: string;
+  total: number;
+  outOf: number;
+  criteria: readonly ScoreCriterion[];
+  visibleCount: number;
+}): import("react").JSX.Element;
+//#endregion
+export { score_breakdown_d_exports };

package/dist/components/assistant-ui/elements/score-breakdown.js

@@ -0,0 +1,107 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { mono, paper } from "./surfaces.js";
+import { announced, pct, take } from "../utils/range.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/score-breakdown.tsx
+var score_breakdown_exports = /* @__PURE__ */ __exportAll({ ScoreBreakdown: () => ScoreBreakdown });
+function ScoreBreakdown({ verdict, total, outOf, criteria, visibleCount, className, ...props }) {
+	const shown = take(criteria, visibleCount);
+	const grading = shown.length < criteria.length;
+	const ratio = outOf === 0 ? 0 : total / outOf;
+	const band = ratio >= .75 ? {
+		dot: "bg-success",
+		text: "text-success dark:text-success"
+	} : ratio >= .5 ? {
+		dot: "bg-warning",
+		text: "text-warning dark:text-warning"
+	} : {
+		dot: "bg-destructive",
+		text: "text-destructive dark:text-destructive"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "score-breakdown",
+		"aria-busy": grading || void 0,
+		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 items-baseline gap-2",
+			children: [
+				grading ? /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "bg-foreground/10 h-6 w-10 animate-pulse self-center rounded-md"
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-2xl font-medium tracking-tight tabular-nums",
+					children: total.toFixed(1)
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: cn(mono, "text-muted-foreground tabular-nums"),
+					children: ["/ ", outOf]
+				}),
+				grading ? /* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground ms-auto flex items-center gap-1.5 text-xs font-medium",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							"aria-hidden": true,
+							className: "bg-muted-foreground/50 size-1.5 animate-pulse rounded-full"
+						}),
+						"Grading ",
+						shown.length,
+						" of ",
+						criteria.length
+					]
+				}) : /* @__PURE__ */ jsxs("span", {
+					className: cn("ms-auto flex items-center gap-1.5 text-xs font-medium", band.text),
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: cn("size-1.5 rounded-full", band.dot)
+					}), verdict]
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-2",
+			children: shown.map((criterion) => /* @__PURE__ */ jsxs("div", {
+				className: "fade-in slide-in-from-bottom-1 animate-in fill-mode-both flex flex-col gap-1 duration-300",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-baseline gap-2",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "text-foreground/75 min-w-0 flex-1 truncate text-[13px]",
+								children: criterion.label
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: cn(mono, "text-muted-foreground shrink-0"),
+								children: ["×", criterion.weight]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: cn(mono, "text-muted-foreground shrink-0 tabular-nums"),
+								children: criterion.score.toFixed(1)
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("span", {
+						role: "meter",
+						"aria-label": `${criterion.label} score`,
+						"aria-valuemin": 0,
+						"aria-valuemax": 100,
+						"aria-valuenow": announced(pct(criterion.score, outOf)),
+						"aria-valuetext": `${criterion.score.toFixed(1)} of ${outOf}`,
+						className: "bg-foreground/[0.06] h-[3px] w-full overflow-hidden rounded-full",
+						children: /* @__PURE__ */ jsx("span", {
+							className: "block h-full rounded-full bg-info transition-[width] duration-500 motion-reduce:transition-none dark:bg-info",
+							style: { width: `${pct(criterion.score, outOf)}%` }
+						})
+					}),
+					criterion.note && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-xs leading-relaxed break-words",
+						children: criterion.note
+					})
+				]
+			}, criterion.label))
+		})]
+	});
+}
+//#endregion
+export { ScoreBreakdown, score_breakdown_exports };

package/dist/components/assistant-ui/elements/scroll-anchor.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+declare namespace scroll_anchor_d_exports {
+  export { ScrollAnchor, ScrollAnchorMessage };
+}
+export interface ScrollAnchorMessage {
+  role: "user" | "assistant";
+  text: string;
+}
+export declare function ScrollAnchor({ messages, paused, onSettled, className, ...props }: Omit<ComponentProps<"div">, "children" | "messages" | "paused" | "onSettled"> & {
+  messages: ScrollAnchorMessage[];
+  paused?: boolean;
+  onSettled?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { scroll_anchor_d_exports };

package/dist/components/assistant-ui/elements/scroll-anchor.js

@@ -0,0 +1,104 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, paper } from "./surfaces.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/scroll-anchor.tsx
+var scroll_anchor_exports = /* @__PURE__ */ __exportAll({ ScrollAnchor: () => ScrollAnchor });
+const INITIAL_COUNT = 3;
+const APPEND_MS = 1300;
+function ScrollAnchor({ messages, paused = false, onSettled, className, ...props }) {
+	const viewportRef = useRef(null);
+	const [count, setCount] = useState(INITIAL_COUNT);
+	const [pinned, setPinned] = useState(true);
+	const [seenCount, setSeenCount] = useState(INITIAL_COUNT);
+	useEffect(() => {
+		if (paused) return;
+		const id = setInterval(() => {
+			setCount((current) => {
+				if (current >= messages.length) return current;
+				return current + 1;
+			});
+		}, APPEND_MS);
+		return () => clearInterval(id);
+	}, [messages.length, paused]);
+	useEffect(() => {
+		if (count >= messages.length && pinned) onSettled?.();
+	}, [
+		count,
+		pinned,
+		messages.length,
+		onSettled
+	]);
+	useEffect(() => {
+		if (count === 4) {
+			setPinned(false);
+			setSeenCount(count);
+			const viewport = viewportRef.current;
+			if (viewport) viewport.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			});
+		}
+	}, [count]);
+	useEffect(() => {
+		if (!pinned) return;
+		const viewport = viewportRef.current;
+		if (viewport) viewport.scrollTo({ top: viewport.scrollHeight });
+	}, [count, pinned]);
+	const jump = useCallback(() => {
+		const viewport = viewportRef.current;
+		if (viewport) viewport.scrollTo({
+			top: viewport.scrollHeight,
+			behavior: "smooth"
+		});
+		setPinned(true);
+		setSeenCount(count);
+	}, [count]);
+	useEffect(() => {
+		if (paused || pinned || count - seenCount < 2) return;
+		const id = setTimeout(jump, 2400);
+		return () => clearTimeout(id);
+	}, [
+		paused,
+		pinned,
+		count,
+		seenCount,
+		jump
+	]);
+	const newCount = pinned ? 0 : count - seenCount;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "scroll-anchor",
+		className: cn(paper, "relative h-64 w-full max-w-sm overflow-hidden rounded-2xl", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				ref: viewportRef,
+				className: "flex h-full flex-col gap-2.5 overflow-y-hidden scroll-smooth p-4",
+				children: messages.slice(0, count).map((message, i) => /* @__PURE__ */ jsx("div", {
+					className: cn("fade-in slide-in-from-bottom-1 animate-in text-xs leading-relaxed duration-300 motion-reduce:animate-none", message.role === "user" ? cn(field, "max-w-[85%] self-end rounded-2xl px-3 py-1.5") : "text-muted-foreground self-start"),
+					children: message.text
+				}, i))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"aria-hidden": true,
+				className: "from-background dark:from-popover pointer-events-none absolute inset-x-0 top-0 h-6 bg-gradient-to-b to-transparent"
+			}),
+			!pinned && newCount > 0 && /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: jump,
+				className: cn("bg-popover border border-border shadow-lg", "fade-in slide-in-from-bottom-2 animate-in absolute inset-x-0 bottom-3 mx-auto flex w-fit items-center gap-1.5 rounded-full px-3.5 py-1.5 text-xs transition-transform duration-200 hover:-translate-y-px"),
+				children: [
+					/* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-3 opacity-60" }),
+					newCount,
+					" new ",
+					newCount === 1 ? "message" : "messages"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { ScrollAnchor, scroll_anchor_exports };

package/dist/components/assistant-ui/elements/settings-panel.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from "react";
+declare namespace settings_panel_d_exports {
+  export { SettingToggle, SettingsPanel };
+}
+export interface SettingToggle {
+  key: string;
+  label: string;
+  detail: string;
+  on: boolean;
+}
+export declare function SettingsPanel({ model, models, systemPrompt, temperature, toggles, onModelChange, onSystemPromptChange, onTemperatureChange, onToggle, className, ...props }: Omit<ComponentProps<"div">, "children" | "model" | "models" | "systemPrompt" | "temperature" | "toggles" | "onModelChange" | "onSystemPromptChange" | "onTemperatureChange" | "onToggle"> & {
+  model: string;
+  models: readonly string[];
+  systemPrompt: string;
+  temperature: number;
+  toggles: readonly SettingToggle[];
+  onModelChange?: (model: string) => void;
+  onSystemPromptChange?: (prompt: string) => void;
+  onTemperatureChange?: (temperature: number) => void;
+  onToggle?: (key: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+export { settings_panel_d_exports };

package/dist/components/assistant-ui/elements/settings-panel.js

@@ -0,0 +1,108 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { clamp } from "../utils/range.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/settings-panel.tsx
+var settings_panel_exports = /* @__PURE__ */ __exportAll({ SettingsPanel: () => SettingsPanel });
+function SettingsPanel({ model, models, systemPrompt, temperature, toggles, onModelChange, onSystemPromptChange, onTemperatureChange, onToggle, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "settings-panel",
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-4 rounded-[20px] p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: "model"
+				}), /* @__PURE__ */ jsx("div", {
+					className: cn(field, "flex gap-0.5 rounded-full p-0.5"),
+					children: models.map((option) => {
+						const className = cn("flex-1 rounded-full py-1 text-center text-xs font-medium transition-[background-color,color,scale] duration-150", onModelChange && "active:scale-[0.97]", option === model ? "bg-background text-foreground/90" : onModelChange ? "text-muted-foreground hover:text-muted-foreground" : "text-muted-foreground");
+						return onModelChange ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-pressed": option === model,
+							onClick: () => onModelChange(option),
+							className,
+							children: option
+						}, option) : /* @__PURE__ */ jsx("span", {
+							"aria-current": option === model ? "true" : void 0,
+							className,
+							children: option
+						}, option);
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cn(mono, "text-muted-foreground"),
+					children: "system prompt"
+				}), /* @__PURE__ */ jsx("textarea", {
+					value: systemPrompt,
+					onChange: (event) => onSystemPromptChange?.(event.target.value),
+					rows: 3,
+					"aria-label": "System prompt",
+					className: cn(field, "text-foreground/80 focus-visible:ring-foreground/20 resize-none rounded-xl px-3 py-2 text-xs leading-relaxed outline-none focus-visible:ring-1")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-baseline justify-between",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-muted-foreground"),
+						children: "temperature"
+					}), /* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-muted-foreground tabular-nums"),
+						children: clamp(temperature, 0, 2).toFixed(1)
+					})]
+				}), /* @__PURE__ */ jsx("input", {
+					type: "range",
+					min: 0,
+					max: 2,
+					step: .1,
+					value: clamp(temperature, 0, 2),
+					"aria-label": "Temperature",
+					onChange: (event) => onTemperatureChange?.(Number(event.target.value)),
+					className: "accent-foreground/80 h-1 w-full cursor-pointer"
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-2.5",
+				children: toggles.map((toggle) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "flex min-w-0 flex-1 flex-col",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate text-[13px]",
+							children: toggle.label
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground truncate text-xs",
+							children: toggle.detail
+						})]
+					}), onToggle ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						role: "switch",
+						"aria-checked": toggle.on,
+						"aria-label": toggle.label,
+						onClick: () => onToggle(toggle.key),
+						className: cn("flex h-5 w-9 shrink-0 items-center rounded-full p-0.5 transition-colors duration-200", toggle.on ? "bg-foreground/80" : "bg-foreground/15"),
+						children: /* @__PURE__ */ jsx("span", { className: cn("size-4 rounded-full transition-transform duration-200 motion-reduce:transition-none", toggle.on ? "bg-background" : "bg-background dark:bg-foreground", toggle.on && "translate-x-4") })
+					}) : /* @__PURE__ */ jsx("span", {
+						role: "switch",
+						"aria-checked": toggle.on,
+						"aria-disabled": "true",
+						"aria-label": toggle.label,
+						className: cn("flex h-5 w-9 shrink-0 items-center rounded-full p-0.5 opacity-50 cursor-not-allowed", toggle.on ? "bg-foreground/80" : "bg-foreground/15"),
+						children: /* @__PURE__ */ jsx("span", { className: cn("size-4 rounded-full", toggle.on ? "bg-background" : "bg-background dark:bg-foreground", toggle.on && "translate-x-4") })
+					})]
+				}, toggle.key))
+			})
+		]
+	});
+}
+//#endregion
+export { SettingsPanel, settings_panel_exports };

package/dist/components/assistant-ui/elements/shared-conversation.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps } from "react";
+declare namespace shared_conversation_d_exports {
+  export { SharedConversation, SharedTurn };
+}
+export interface SharedTurn {
+  id: string;
+  role: "user" | "assistant";
+  text: string;
+}
+export declare function SharedConversation({ title, sharedBy, sharedAt, turns, onContinue, className, ...props }: Omit<ComponentProps<"div">, "children" | "title" | "sharedBy" | "sharedAt" | "turns" | "onContinue"> & {
+  title: string;
+  sharedBy: string;
+  sharedAt: string;
+  turns: readonly SharedTurn[];
+  onContinue?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { shared_conversation_d_exports };