@lettuceai/crisp 1.1.0 → 1.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Children as e, Fragment as t, cloneElement as n, createContext as r, createElement as i, forwardRef as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m, useSyncExternalStore as h } from "react";
 import { AnimatePresence as g, Reorder as _, animate as v, motion as y, useDragControls as b, useMotionValue as x, usePresence as S, useReducedMotion as C, useTransform as w } from "framer-motion";
-import { AlertTriangle as T, ArrowDown as E, ArrowLeft as D, ArrowUp as O, ArrowUpDown as k, Brain as A, CalendarDays as ee, Camera as j, Check as M, CheckCircle2 as te, ChevronDown as N, ChevronLeft as P, ChevronRight as F, ChevronsRight as I, Clapperboard as L, ClipboardPaste as ne, Copy as R, CornerDownLeft as re, Cpu as ie, Download as ae, ExternalLink as oe, Eye as se, EyeOff as ce, Globe as le, GripVertical as ue, Info as z, Layers as de, Loader2 as fe, Mic as pe, Minus as me, MoreHorizontal as he, PanelLeftClose as ge, Pause as _e, Pin as ve, Pipette as ye, Play as be, Plus as B, RotateCcw as xe, Search as Se, Sparkles as Ce, Square as we, ThumbsDown as Te, ThumbsUp as Ee, Trash2 as De, Upload as Oe, WifiOff as ke, X as V, XCircle as Ae, ZoomIn as je, ZoomOut as Me } from "lucide-react";
+import { AlertTriangle as T, ArrowDown as E, ArrowLeft as D, ArrowUp as O, ArrowUpDown as k, Brain as A, CalendarDays as ee, Camera as j, Check as M, CheckCircle2 as te, ChevronDown as N, ChevronLeft as P, ChevronRight as F, ChevronsRight as ne, Clapperboard as re, ClipboardPaste as I, Copy as L, CornerDownLeft as ie, Cpu as R, Download as z, ExternalLink as ae, Eye as oe, EyeOff as se, Globe as ce, GripVertical as le, Info as ue, Layers as de, Loader2 as B, Mic as fe, Minus as pe, MoreHorizontal as me, PanelLeftClose as he, Pause as ge, Pin as _e, Pipette as ve, Play as ye, Plus as be, RotateCcw as xe, Search as Se, Sparkles as Ce, Square as we, ThumbsDown as Te, ThumbsUp as Ee, Trash2 as De, Upload as Oe, WifiOff as ke, X as V, XCircle as Ae, ZoomIn as je, ZoomOut as Me } from "lucide-react";
 import { clsx as Ne } from "clsx";
 import { twMerge as Pe } from "tailwind-merge";
 import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
@@ -393,7 +393,7 @@ function q() {
 //#region src/components/Alert.tsx
 var mt = {
 	info: {
-		icon: z,
+		icon: ue,
 		iconClass: "text-info",
 		bar: "bg-info"
 	},
@@ -564,12 +564,12 @@ var X = G("w-full rounded-xl border border-line bg-fill text-base text-fg placeh
 		className: "relative",
 		children: [
 			e && /* @__PURE__ */ U("span", {
-				className: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-fg-3",
+				className: "pointer-events-none absolute inset-y-0 left-3.5 flex items-center text-fg-3",
 				children: e
 			}),
 			s,
 			t && /* @__PURE__ */ U("span", {
-				className: "absolute right-2 top-1/2 -translate-y-1/2",
+				className: "absolute inset-y-0 right-2 flex items-center",
 				children: t
 			})
 		]
@@ -833,7 +833,7 @@ function Nt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, show
 						onClick: r,
 						"aria-label": i ?? s.navCreate,
 						className: G("flex items-center justify-center rounded-full bg-accent text-on-accent shadow-raised", a ? "h-11 w-11" : "h-10 w-10"),
-						children: /* @__PURE__ */ U(B, {
+						children: /* @__PURE__ */ U(be, {
 							size: 20,
 							strokeWidth: 2.5
 						})
@@ -884,7 +884,7 @@ function Pt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge
 				onClick: r,
 				"aria-label": i ?? s.navCreate,
 				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-accent text-on-accent transition-colors hover:bg-accent/90",
-				children: /* @__PURE__ */ U(B, {
+				children: /* @__PURE__ */ U(be, {
 					size: 20,
 					strokeWidth: 2.5
 				})
@@ -970,7 +970,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 						className: "flex h-10 w-full shrink-0 items-center overflow-hidden rounded-xl bg-accent text-on-accent transition-colors hover:bg-accent/90",
 						children: [/* @__PURE__ */ U("span", {
 							className: Rt,
-							children: /* @__PURE__ */ U(B, {
+							children: /* @__PURE__ */ U(be, {
 								size: 18,
 								strokeWidth: 2.5
 							})
@@ -1018,7 +1018,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 								animate: { rotate: h ? 0 : 180 },
 								transition: m ? { duration: 0 } : K.sidebar,
 								className: "flex",
-								children: /* @__PURE__ */ U(ge, {
+								children: /* @__PURE__ */ U(he, {
 									size: 18,
 									className: o === "right" ? "-scale-x-100" : void 0
 								})
@@ -1071,7 +1071,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 		type: "button",
 		onClick: r,
 		className: "flex h-10 w-full items-center gap-2.5 rounded-xl bg-accent px-3 text-base font-medium text-on-accent transition-colors hover:bg-accent/90",
-		children: [/* @__PURE__ */ U(B, {
+		children: [/* @__PURE__ */ U(be, {
 			size: 18,
 			strokeWidth: 2.5
 		}), i ?? f.navCreate]
@@ -1084,7 +1084,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 			onClick: r,
 			"aria-label": i ?? f.navCreate,
 			className: G("flex h-11 w-11 shrink-0 items-center justify-center bg-accent text-on-accent transition-colors hover:bg-accent/90", c ? "rounded-full" : "rounded-xl"),
-			children: /* @__PURE__ */ U(B, {
+			children: /* @__PURE__ */ U(be, {
 				size: 20,
 				strokeWidth: 2.5
 			})
@@ -1224,13 +1224,13 @@ function Gt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions:
 				onClick: w,
 				"aria-label": v ? c.audioItemPause(e) : c.audioItemPlay(e),
 				className: G("touch-target flex h-11 w-11 shrink-0 items-center justify-center rounded-full", "bg-accent text-on-accent transition-transform motion-instant active:scale-95"),
-				children: g ? /* @__PURE__ */ U(fe, {
+				children: g ? /* @__PURE__ */ U(B, {
 					size: 18,
 					className: "animate-spin"
-				}) : v ? /* @__PURE__ */ U(_e, {
+				}) : v ? /* @__PURE__ */ U(ge, {
 					size: 18,
 					fill: "currentColor"
-				}) : /* @__PURE__ */ U(be, {
+				}) : /* @__PURE__ */ U(ye, {
 					size: 18,
 					fill: "currentColor",
 					className: "ml-0.5"
@@ -1379,7 +1379,7 @@ var Zt = {
 	danger: "bg-danger/15 text-danger",
 	offline: "bg-fill-3 text-fg-2"
 }, Qt = {
-	info: /* @__PURE__ */ U(z, { size: 16 }),
+	info: /* @__PURE__ */ U(ue, { size: 16 }),
 	warning: /* @__PURE__ */ U(T, { size: 16 }),
 	danger: /* @__PURE__ */ U(Ae, { size: 16 }),
 	offline: /* @__PURE__ */ U(ke, { size: 16 })
@@ -1579,7 +1579,7 @@ function un({ items: e, maxVisible: n = 1, className: r }) {
 				type: "button",
 				"aria-label": i.breadcrumbMore(c.length),
 				className: "tap-target flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg",
-				children: /* @__PURE__ */ U(he, { size: 14 })
+				children: /* @__PURE__ */ U(me, { size: 14 })
 			}) }), /* @__PURE__ */ U(an, { children: c.map((e) => /* @__PURE__ */ U(on, {
 				icon: e.icon,
 				onSelect: e.onClick,
@@ -1631,7 +1631,7 @@ var Z = {
 		...u,
 		children: [n && /* @__PURE__ */ U("span", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ U(fe, {
+			children: /* @__PURE__ */ U(B, {
 				size: mn[t],
 				className: "animate-spin"
 			})
@@ -2294,7 +2294,7 @@ function Bn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...
 		leading: s ? /* @__PURE__ */ U(M, {
 			size: 16,
 			className: "text-accent"
-		}) : /* @__PURE__ */ U(R, { size: 16 }),
+		}) : /* @__PURE__ */ U(L, { size: 16 }),
 		className: G(i),
 		...a,
 		children: s ? r ?? o.copyButtonCopied : t
@@ -2305,7 +2305,7 @@ function Bn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...
 		children: s ? /* @__PURE__ */ U(M, {
 			size: 16,
 			className: "text-accent"
-		}) : /* @__PURE__ */ U(R, { size: 16 })
+		}) : /* @__PURE__ */ U(L, { size: 16 })
 	});
 }
 //#endregion
@@ -2541,7 +2541,7 @@ function $n({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth:
 		o,
 		s,
 		u
-	]), qe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
+	]), typeof document > "u" ? null : qe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
 		ref: d,
 		id: c,
 		role: "dialog",
@@ -2629,7 +2629,7 @@ function nr({ value: e, onChange: t, swatches: n = er, disabled: r, id: i, class
 				className: "mt-3 flex items-center gap-2",
 				children: [/* @__PURE__ */ W("label", {
 					className: "relative flex h-9 w-9 shrink-0 cursor-pointer items-center justify-center rounded-lg border border-line bg-fill text-fg-3 hover:text-fg",
-					children: [/* @__PURE__ */ U(ye, { size: 16 }), /* @__PURE__ */ U("input", {
+					children: [/* @__PURE__ */ U(ve, { size: 16 }), /* @__PURE__ */ U("input", {
 						type: "color",
 						value: e,
 						onChange: (e) => t(e.target.value),
@@ -2659,7 +2659,7 @@ var rr = {
 	lg: 24
 };
 function ir({ size: e = "md", label: t, className: n }) {
-	return /* @__PURE__ */ U(fe, {
+	return /* @__PURE__ */ U(B, {
 		size: rr[e],
 		role: t ? "status" : void 0,
 		"aria-label": t,
@@ -2892,7 +2892,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
 	}, C = (e) => {
 		e.key === "Escape" && (e.preventDefault(), t(!1)), e.key === "ArrowDown" && (e.preventDefault(), h((e) => (e + 1) % Math.max(1, b.length))), e.key === "ArrowUp" && (e.preventDefault(), h((e) => (e - 1 + b.length) % Math.max(1, b.length))), e.key === "Enter" && b[d] && (e.preventDefault(), S(b[d]));
 	}, w = -1;
-	return qe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
+	return typeof document > "u" ? null : qe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
 		className: "fixed inset-0 z-[95] flex items-start justify-center p-4 pt-[12vh]",
 		children: [/* @__PURE__ */ U(y.div, {
 			initial: { opacity: 0 },
@@ -2982,7 +2982,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
 								})]
 							}),
 							e.shortcut && /* @__PURE__ */ U(lr, { children: e.shortcut }),
-							t && /* @__PURE__ */ U(re, {
+							t && /* @__PURE__ */ U(ie, {
 								size: 14,
 								className: "shrink-0 text-fg-4"
 							})
@@ -3082,11 +3082,11 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 			size: 18,
 			strokeWidth: 2.5
 		}),
-		busy: /* @__PURE__ */ U(fe, {
+		busy: /* @__PURE__ */ U(B, {
 			size: 18,
 			className: "animate-spin"
 		}),
-		continue: /* @__PURE__ */ U(I, { size: 18 })
+		continue: /* @__PURE__ */ U(ne, { size: 18 })
 	};
 	return /* @__PURE__ */ W("div", {
 		className: G("space-y-2", b),
@@ -3129,7 +3129,7 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 							size: "md",
 							onClick: o,
 							disabled: f || d || w,
-							children: /* @__PURE__ */ U(B, { size: 18 })
+							children: /* @__PURE__ */ U(be, { size: 18 })
 						}),
 						w && u ? /* @__PURE__ */ U(hr, {
 							elapsedMs: u.elapsedMs,
@@ -3160,7 +3160,7 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 							disabled: u.transcribing,
 							"aria-label": u.transcribing ? x.composerTranscribing : x.composerStopAndTranscribe,
 							className: "touch-target control-md flex w-10 shrink-0 items-center justify-center rounded-full bg-accent text-on-accent disabled:opacity-70",
-							children: u.transcribing ? /* @__PURE__ */ U(fe, {
+							children: u.transcribing ? /* @__PURE__ */ U(B, {
 								size: 18,
 								className: "animate-spin"
 							}) : /* @__PURE__ */ U(M, {
@@ -3173,7 +3173,7 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 							size: "md",
 							onClick: u.onStart,
 							disabled: f || d || u.disabled,
-							children: /* @__PURE__ */ U(pe, { size: 16 })
+							children: /* @__PURE__ */ U(fe, { size: 16 })
 						})),
 						!w && /* @__PURE__ */ U(y.button, {
 							type: "button",
@@ -3356,36 +3356,38 @@ function Sr({ onExit: e, children: t }) {
 		});
 	}, [n]), /* @__PURE__ */ U(H, { children: t });
 }
-function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, rightAction: a, closeButton: o, footer: s, placement: c = "bottom", size: f = "md", detents: h, defaultDetent: _ = 0, className: b, children: S }) {
-	let { strings: T } = q(), E = u(), D = u(), O = p(null), k = p(null), A = Ot(), ee = C(), [j, M] = m(_), te = Et(), N = !!Tt().portal, P = N ? "%" : "dvh";
-	gr(e, t, O, { lockScroll: !N }), l(() => {
-		e && M(_);
-	}, [e, _]);
-	let F = c === "auto" ? A ? "bottom" : "side" : c, I = F === "bottom", L = h?.length ? h : null, ne = L ? `${Math.round(L[Math.min(j, L.length - 1)] * 100)}${P}` : void 0, R = x(0), re = p(0), ie = p(null), ae = p(!1), oe = p(null), [se, ce] = m(!1), le = w(R, (e) => Math.max(0, e)), ue = w(R, (e) => {
-		let t = re.current;
+function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, rightAction: a, closeButton: o, dismissible: s = !0, footer: c, placement: f = "bottom", size: h = "md", detents: _, defaultDetent: b = 0, className: S, children: T }) {
+	let { strings: E } = q(), D = u(), O = u(), k = p(null), A = p(null), ee = Ot(), j = C(), [M, te] = m(b), N = Et(), P = !!Tt().portal, F = P ? "%" : "dvh", ne = () => {
+		s && t();
+	};
+	gr(e, ne, k, { lockScroll: !P }), l(() => {
+		e && te(b);
+	}, [e, b]);
+	let re = f === "auto" ? ee ? "bottom" : "side" : f, I = re === "bottom", L = _?.length ? _ : null, ie = L ? `${Math.round(L[Math.min(M, L.length - 1)] * 100)}${F}` : void 0, R = x(0), z = p(0), ae = p(null), oe = p(!1), se = p(null), [ce, le] = m(!1), ue = w(R, (e) => Math.max(0, e)), de = w(R, (e) => {
+		let t = z.current;
 		return t ? 1 - Math.min(1, Math.max(0, e / t)) : 0;
-	}), z = (e, t, n = 0) => (ie.current?.stop(), ie.current = v(R, e, ee ? { duration: 0 } : {
+	}), B = (e, t, n = 0) => (ae.current?.stop(), ae.current = v(R, e, j ? { duration: 0 } : {
 		...t,
 		velocity: n
-	}), ie.current), de = p(!1);
-	I && e && !de.current && (ae.current = !1, R.jump(br)), de.current = e, d(() => {
+	}), ae.current), fe = p(!1);
+	I && e && !fe.current && (oe.current = !1, R.jump(br)), fe.current = e, d(() => {
 		if (!e || !I) return;
-		let t = O.current;
+		let t = k.current;
 		if (!t) return;
-		re.current = t.offsetHeight, R.jump(re.current), z(0, K.sheetIn);
+		z.current = t.offsetHeight, R.jump(z.current), B(0, K.sheetIn);
 		let n = new ResizeObserver(() => {
-			re.current = t.offsetHeight;
-			let e = k.current;
-			ce(!!(e && e.scrollHeight > e.clientHeight + 1));
+			z.current = t.offsetHeight;
+			let e = A.current;
+			le(!!(e && e.scrollHeight > e.clientHeight + 1));
 		});
-		return n.observe(t), k.current && n.observe(k.current), () => n.disconnect();
+		return n.observe(t), A.current && n.observe(A.current), () => n.disconnect();
 	}, [e, I]);
-	let fe = (e) => {
-		ae.current = !0, z(re.current, K.sheetOut, Math.max(0, e)).finished.then(() => {
-			ae.current && t();
+	let pe = (e) => {
+		oe.current = !0, B(z.current, K.sheetOut, Math.max(0, e)).finished.then(() => {
+			oe.current && t();
 		});
-	}, pe = (e, t) => {
-		I && e.button === 0 && !ae.current && (t && e.target.closest("input, textarea, select, [contenteditable='true'], [data-no-drag]") || (oe.current = {
+	}, me = (e, t) => {
+		I && e.button === 0 && !oe.current && (t && e.target.closest("input, textarea, select, [contenteditable='true'], [data-no-drag]") || (se.current = {
 			pointerId: e.pointerId,
 			startY: e.clientY,
 			fromBody: t,
@@ -3396,44 +3398,44 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				y: e.clientY
 			}]
 		}));
-	}, me = (e) => {
-		let t = oe.current;
+	}, he = (e) => {
+		let t = se.current;
 		if (!t || t.pointerId !== e.pointerId) return;
 		let n = e.clientY - t.startY;
 		if (!t.active) {
 			if (Math.abs(n) < xr) return;
-			let r = k.current;
-			if (t.fromBody && se && (n < 0 || (r?.scrollTop ?? 0) > 0)) {
-				oe.current = null;
+			let r = A.current;
+			if (t.fromBody && ce && (n < 0 || (r?.scrollTop ?? 0) > 0)) {
+				se.current = null;
 				return;
 			}
-			t.active = !0, ie.current?.stop(), e.currentTarget.setPointerCapture(e.pointerId);
+			t.active = !0, ae.current?.stop(), e.currentTarget.setPointerCapture(e.pointerId);
 		}
 		for (t.dy = n, R.set(Math.max(0, n)), t.samples.push({
 			t: e.timeStamp,
 			y: e.clientY
 		}); t.samples.length > 2 && e.timeStamp - t.samples[0].t > 60;) t.samples.shift();
-	}, he = (e) => {
-		let t = oe.current;
-		if (oe.current = null, !t || !t.active || t.pointerId !== e.pointerId) return;
-		let n = t.samples[0], r = t.samples[t.samples.length - 1], i = Math.max(1, r.t - n.t), a = (r.y - n.y) / i * 1e3, o = R.get(), s = re.current || 1, c = a > 500, l = a < -500, u = o > Math.min(s * .25, 160);
-		if (L && (l || t.dy < -40) && j < L.length - 1) {
-			M((e) => Math.min(e + 1, L.length - 1)), z(0, K.sheetSettle, a);
+	}, ge = (e) => {
+		let t = se.current;
+		if (se.current = null, !t || !t.active || t.pointerId !== e.pointerId) return;
+		let n = t.samples[0], r = t.samples[t.samples.length - 1], i = Math.max(1, r.t - n.t), a = (r.y - n.y) / i * 1e3, o = R.get(), c = z.current || 1, l = a > 500, u = a < -500, d = o > Math.min(c * .25, 160);
+		if (L && (u || t.dy < -40) && M < L.length - 1) {
+			te((e) => Math.min(e + 1, L.length - 1)), B(0, K.sheetSettle, a);
 			return;
 		}
-		if ((c || u) && a > -200) {
-			L && j > 0 ? (M((e) => Math.max(e - 1, 0)), z(0, K.sheetSettle, a)) : fe(a);
+		if ((l || d) && a > -200) {
+			L && M > 0 ? (te((e) => Math.max(e - 1, 0)), B(0, K.sheetSettle, a)) : s ? pe(a) : B(0, K.sheetSettle, a);
 			return;
 		}
-		z(0, K.sheetSettle, a);
-	}, ge = (e) => I ? {
-		onPointerDown: (t) => pe(t, e),
-		onPointerMove: me,
-		onPointerUp: he,
-		onPointerCancel: he
-	} : {}, _e = o ?? !I, ve = "flex flex-col overflow-hidden border-line bg-surface-2 outline-none", ye = /* @__PURE__ */ W("div", {
+		B(0, K.sheetSettle, a);
+	}, _e = (e) => I ? {
+		onPointerDown: (t) => me(t, e),
+		onPointerMove: he,
+		onPointerUp: ge,
+		onPointerCancel: ge
+	} : {}, ve = s && (o ?? !I), ye = "flex flex-col overflow-hidden border-line bg-surface-2 outline-none", be = /* @__PURE__ */ W("div", {
 		className: G("shrink-0", I && "cursor-grab touch-none select-none active:cursor-grabbing"),
-		...ge(!1),
+		..._e(!1),
 		children: [
 			I && /* @__PURE__ */ U("div", {
 				className: "flex justify-center pb-1 pt-2.5",
@@ -3452,25 +3454,25 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 					/* @__PURE__ */ W("div", {
 						className: "min-w-0 flex-1",
 						children: [n && /* @__PURE__ */ U("h2", {
-							id: E,
+							id: D,
 							className: "truncate text-lg font-semibold text-fg",
 							children: n
 						}), r && /* @__PURE__ */ U("p", {
-							id: D,
+							id: O,
 							className: "mt-0.5 text-sm text-fg-3",
 							children: r
 						})]
 					}),
 					/* @__PURE__ */ W("div", {
 						className: "flex shrink-0 items-center gap-1",
-						children: [a, /* @__PURE__ */ U(J, {
-							label: T.sheetClose,
+						children: [a, s && /* @__PURE__ */ U(J, {
+							label: E.sheetClose,
 							shape: "round",
 							variant: "secondary",
 							size: "sm",
-							onClick: t,
+							onClick: ne,
 							"data-modal-chrome": !0,
-							className: G(!_e && "sr-only focus-visible:not-sr-only"),
+							className: G(!ve && "sr-only focus-visible:not-sr-only"),
 							children: /* @__PURE__ */ U(V, { size: 14 })
 						})]
 					})
@@ -3478,51 +3480,51 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 			}),
 			/* @__PURE__ */ U("div", { className: "h-px bg-line" })
 		]
-	}), be = /* @__PURE__ */ U("div", {
-		ref: k,
-		...ge(!0),
-		className: G("scrollbar-thin min-h-0 overflow-y-auto overscroll-contain px-5 py-4", L ? "flex-1" : "shrink", I && !se && "touch-none [&_input]:touch-auto [&_textarea]:touch-auto"),
-		children: S
-	}), B = {
+	}), xe = /* @__PURE__ */ U("div", {
+		ref: A,
+		..._e(!0),
+		className: G("scrollbar-thin min-h-0 overflow-y-auto overscroll-contain px-5 py-4", L ? "flex-1" : "shrink", I && !ce && "touch-none [&_input]:touch-auto [&_textarea]:touch-auto"),
+		children: T
+	}), Se = {
 		role: "dialog",
 		"aria-modal": !0,
-		"aria-labelledby": n ? E : void 0,
-		"aria-describedby": r ? D : void 0,
+		"aria-labelledby": n ? D : void 0,
+		"aria-describedby": r ? O : void 0,
 		tabIndex: -1
-	}, xe = null;
-	if (e && I) xe = /* @__PURE__ */ U(Sr, {
-		onExit: () => z(re.current, K.sheetOut).finished,
+	}, Ce = null;
+	if (e && I) Ce = /* @__PURE__ */ U(Sr, {
+		onExit: () => B(z.current, K.sheetOut).finished,
 		children: /* @__PURE__ */ W("div", {
 			className: "fixed inset-0 z-50",
 			children: [/* @__PURE__ */ U(y.div, {
 				className: "absolute inset-0 bg-black/50",
-				style: { opacity: ue },
-				onClick: t
+				style: { opacity: de },
+				onClick: ne
 			}), /* @__PURE__ */ W(y.div, {
-				ref: O,
-				...B,
+				ref: k,
+				...Se,
 				style: {
-					y: le,
-					height: ne,
+					y: ue,
+					height: ie,
 					boxShadow: "var(--shadow-sheet), 0 120px 0 0 var(--color-surface-2)",
 					transition: L ? "height 0.4s cubic-bezier(0.32, 0.72, 0, 1)" : void 0
 				},
-				className: G(ve, "absolute inset-x-0 bottom-0 mx-auto w-full rounded-t-2xl border border-b-0 will-change-transform", "pb-[var(--safe-bottom)]", !L && (N ? "max-h-[85%]" : "max-h-[85dvh]"), yr[f], b),
+				className: G(ye, "absolute inset-x-0 bottom-0 mx-auto w-full rounded-t-2xl border border-b-0 will-change-transform", "pb-[var(--safe-bottom)]", !L && (P ? "max-h-[85%]" : "max-h-[85dvh]"), yr[h], S),
 				children: [
-					ye,
 					be,
-					s && /* @__PURE__ */ U("div", {
+					xe,
+					c && /* @__PURE__ */ U("div", {
 						className: "shrink-0 border-t border-line px-5 py-3",
-						children: s
+						children: c
 					})
 				]
 			})]
 		})
 	}, "bottom");
 	else if (e) {
-		let e = F === "side", n = /* @__PURE__ */ W(y.div, {
-			ref: O,
-			...B,
+		let e = re === "side", t = /* @__PURE__ */ W(y.div, {
+			ref: k,
+			...Se,
 			initial: e ? { x: "100%" } : {
 				opacity: 0,
 				scale: .97,
@@ -3543,17 +3545,17 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				transition: K.instant
 			},
 			transition: e ? K.sheetIn : K.settle,
-			className: G(ve, e ? G("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pb-[var(--safe-bottom)]", _r[f]) : G("relative z-50 w-full rounded-2xl border shadow-raised", N ? "max-h-[85%]" : "max-h-[85dvh]", vr[f]), b),
+			className: G(ye, e ? G("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pb-[var(--safe-bottom)]", _r[h]) : G("relative z-50 w-full rounded-2xl border shadow-raised", P ? "max-h-[85%]" : "max-h-[85dvh]", vr[h]), S),
 			children: [
-				ye,
 				be,
-				s && /* @__PURE__ */ U("div", {
+				xe,
+				c && /* @__PURE__ */ U("div", {
 					className: "shrink-0 border-t border-line px-5 py-3",
-					children: s
+					children: c
 				})
 			]
 		});
-		xe = /* @__PURE__ */ W(y.div, {
+		Ce = /* @__PURE__ */ W(y.div, {
 			className: "fixed inset-0 z-50",
 			children: [/* @__PURE__ */ U(y.div, {
 				className: "absolute inset-0 bg-black/50",
@@ -3561,14 +3563,14 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
 				transition: K.quick,
-				onClick: t
-			}), e ? n : /* @__PURE__ */ U("div", {
+				onClick: ne
+			}), e ? t : /* @__PURE__ */ U("div", {
 				className: "pointer-events-none absolute inset-0 flex items-center justify-center p-4 [&>*]:pointer-events-auto",
-				children: n
+				children: t
 			})]
-		}, F);
+		}, re);
 	}
-	return te ? qe(/* @__PURE__ */ U(g, { children: xe }), te) : null;
+	return N ? qe(/* @__PURE__ */ U(g, { children: Ce }), N) : null;
 }
 var wr = Cr, Tr = null;
 function Er(e) {
@@ -3676,7 +3678,7 @@ function Or({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, cl
 		onPointerUp: h,
 		onPointerCancel: h,
 		children: a
-	}), qe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
+	}), typeof document < "u" && qe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
 		ref: u,
 		role: "menu",
 		initial: {
@@ -3824,7 +3826,7 @@ var Nr = {
 };
 function Pr({ open: e, onClose: t, title: n, description: r, footer: i, size: a = "md", dismissible: o = !0, className: s, children: c }) {
 	let { strings: l } = q(), d = u(), f = u(), m = p(null);
-	return gr(e, t, m), qe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
+	return gr(e, t, m), typeof document > "u" ? null : qe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
 		className: "fixed inset-0 z-50 flex items-end justify-center p-4 sm:items-center",
 		children: [/* @__PURE__ */ U(y.div, {
 			className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
@@ -4123,7 +4125,7 @@ function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size
 		children: [
 			/* @__PURE__ */ U("span", {
 				className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", _ ? "border-accent/30 bg-accent/12 text-accent" : v ? "border-danger/30 bg-danger/12 text-danger" : "border-line bg-fill-2 text-fg-3"),
-				children: _ ? /* @__PURE__ */ U(M, { size: 18 }) : v ? /* @__PURE__ */ U(T, { size: 18 }) : n === "verifying" ? /* @__PURE__ */ U(ir, { size: "md" }) : /* @__PURE__ */ U(ae, { size: 18 })
+				children: _ ? /* @__PURE__ */ U(M, { size: 18 }) : v ? /* @__PURE__ */ U(T, { size: 18 }) : n === "verifying" ? /* @__PURE__ */ U(ir, { size: "md" }) : /* @__PURE__ */ U(z, { size: 18 })
 			}),
 			/* @__PURE__ */ W("div", {
 				className: "min-w-0 flex-1 space-y-1.5",
@@ -4159,19 +4161,19 @@ function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size
 						label: p.downloadPause(e),
 						size: "sm",
 						onClick: c,
-						children: /* @__PURE__ */ U(_e, { size: 16 })
+						children: /* @__PURE__ */ U(ge, { size: 16 })
 					}),
 					n === "paused" && l && /* @__PURE__ */ U(J, {
 						label: p.downloadResume(e),
 						size: "sm",
 						onClick: l,
-						children: /* @__PURE__ */ U(be, { size: 16 })
+						children: /* @__PURE__ */ U(ye, { size: 16 })
 					}),
 					v && d && /* @__PURE__ */ U(J, {
 						label: p.downloadRetry(e),
 						size: "sm",
 						onClick: d,
-						children: /* @__PURE__ */ U(ae, { size: 16 })
+						children: /* @__PURE__ */ U(z, { size: 16 })
 					}),
 					!_ && u && /* @__PURE__ */ U(J, {
 						label: p.downloadCancel(e),
@@ -4517,7 +4519,7 @@ function oi({ images: e, index: t, onIndexChange: n }) {
 		d
 	]), l(() => {
 		o || a(1);
-	}, [o]), qe(/* @__PURE__ */ U(g, { children: o && c && /* @__PURE__ */ W(y.div, {
+	}, [o]), typeof document > "u" ? null : qe(/* @__PURE__ */ U(g, { children: o && c && /* @__PURE__ */ W(y.div, {
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": c.alt,
@@ -4929,7 +4931,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 			l && /* @__PURE__ */ W("span", {
 				className: "inline-flex shrink-0 items-center gap-1 text-2xs text-info",
 				"aria-label": _.messagePinned,
-				children: [/* @__PURE__ */ U(ve, { size: 12 }), _.messagePinned]
+				children: [/* @__PURE__ */ U(_e, { size: 12 }), _.messagePinned]
 			})
 		]
 	}), F = /* @__PURE__ */ W(y.div, {
@@ -4981,7 +4983,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 				]
 			})
 		]
-	}), I = /* @__PURE__ */ W("div", {
+	}), ne = /* @__PURE__ */ W("div", {
 		...O ? k.handlers : {},
 		className: G("group/message flex w-full gap-2", c === "start" || c === "only" ? "mt-5 first:mt-0" : "mt-1", b ? "flex-row-reverse" : "flex-row", g),
 		children: [te ? /* @__PURE__ */ U(Jt, {
@@ -4992,7 +4994,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 		}) : j && v.avatar !== "hidden" && C ? /* @__PURE__ */ U("span", {
 			"aria-hidden": "true",
 			className: G("mt-0.5 flex shrink-0 items-center justify-center border border-line bg-fill text-fg-3", v.avatar === "rounded" ? "rounded-lg" : "rounded-full", v.avatarSize === "small" ? "h-6 w-6" : v.avatarSize === "large" ? "h-10 w-10" : "h-8 w-8"),
-			children: U(e === "scene" ? L : z, { size: 14 })
+			children: U(e === "scene" ? re : ue, { size: 14 })
 		}) : v.avatar !== "hidden" && /* @__PURE__ */ U("span", {
 			className: G("shrink-0", v.avatarSize === "small" ? "w-6" : v.avatarSize === "large" ? "w-10" : "w-8"),
 			"aria-hidden": "true"
@@ -5017,13 +5019,13 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 					}), l && /* @__PURE__ */ W("span", {
 						className: "inline-flex shrink-0 items-center gap-1 text-2xs text-info",
 						"aria-label": _.messagePinned,
-						children: [/* @__PURE__ */ U(ve, { size: 12 }), _.messagePinned]
+						children: [/* @__PURE__ */ U(_e, { size: 12 }), _.messagePinned]
 					})]
 				})
 			]
 		})]
 	});
-	return !d || p ? I : /* @__PURE__ */ W(H, { children: [I, /* @__PURE__ */ U(Cr, {
+	return !d || p ? ne : /* @__PURE__ */ W(H, { children: [ne, /* @__PURE__ */ U(Cr, {
 		open: T,
 		onClose: () => E(!1),
 		title: f ?? _.messageMenuTitle,
@@ -5203,7 +5205,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 				children: [
 					/* @__PURE__ */ U("span", {
 						className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", C ? "border-accent/30 bg-accent/12 text-accent" : w ? "border-danger/30 bg-danger/12 text-danger" : "border-line bg-fill-2 text-fg-3"),
-						children: C ? /* @__PURE__ */ U(M, { size: 18 }) : w ? /* @__PURE__ */ U(T, { size: 18 }) : b.status === "verifying" ? /* @__PURE__ */ U(ir, { size: "md" }) : /* @__PURE__ */ U(ae, { size: 18 })
+						children: C ? /* @__PURE__ */ U(M, { size: 18 }) : w ? /* @__PURE__ */ U(T, { size: 18 }) : b.status === "verifying" ? /* @__PURE__ */ U(ir, { size: "md" }) : /* @__PURE__ */ U(z, { size: 18 })
 					}),
 					/* @__PURE__ */ W("div", {
 						className: "min-w-0 flex-1 space-y-1.5",
@@ -5239,13 +5241,13 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 								label: p.downloadPause(e),
 								size: "sm",
 								onClick: r,
-								children: /* @__PURE__ */ U(_e, { size: 16 })
+								children: /* @__PURE__ */ U(ge, { size: 16 })
 							}),
 							b.status === "paused" && i && /* @__PURE__ */ U(J, {
 								label: p.downloadResume(e),
 								size: "sm",
 								onClick: i,
-								children: /* @__PURE__ */ U(be, { size: 16 })
+								children: /* @__PURE__ */ U(ye, { size: 16 })
 							}),
 							!C && a && /* @__PURE__ */ U(J, {
 								label: p.downloadCancel(e),
@@ -5329,7 +5331,7 @@ function Pi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step
 				disabled: s || e <= n,
 				"aria-label": u.numberInputDecrease,
 				className: "touch-target flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg disabled:pointer-events-none disabled:opacity-30",
-				children: /* @__PURE__ */ U(me, { size: 16 })
+				children: /* @__PURE__ */ U(pe, { size: 16 })
 			}),
 			/* @__PURE__ */ U("input", {
 				ref: f,
@@ -5356,7 +5358,7 @@ function Pi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step
 				disabled: s || e >= r,
 				"aria-label": u.numberInputIncrease,
 				className: "touch-target flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg disabled:pointer-events-none disabled:opacity-30",
-				children: /* @__PURE__ */ U(B, { size: 16 })
+				children: /* @__PURE__ */ U(be, { size: 16 })
 			})
 		]
 	});
@@ -6126,7 +6128,7 @@ function ta({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", ico
 				className: "mt-1 truncate text-2xl font-semibold tabular-nums text-fg",
 				children: t
 			}),
-			n && /* @__PURE__ */ U("p", {
+			n && /* @__PURE__ */ U("div", {
 				className: "mt-0.5 truncate text-sm text-fg-3",
 				children: n
 			})
@@ -6234,9 +6236,10 @@ function ia({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a })
 		className: G("relative inline-flex h-6 w-11 shrink-0 items-center rounded-full p-0.5", "transition-colors motion-quick", e ? "bg-accent" : "bg-fill-3 hover:bg-line-3", n && "cursor-not-allowed opacity-40", i),
 		children: /* @__PURE__ */ U(y.span, {
 			"aria-hidden": "true",
-			layout: !0,
+			initial: !1,
+			animate: { x: e ? 20 : 0 },
 			transition: K.snap,
-			className: G("block h-5 w-5 rounded-full bg-knob shadow-sm ring-1 ring-inset ring-black/5", e && "ml-auto")
+			className: "block h-5 w-5 rounded-full bg-knob shadow-sm ring-1 ring-inset ring-black/5"
 		})
 	});
 }
@@ -7044,7 +7047,7 @@ function Ha({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onC
 						onClick: n,
 						"aria-label": s.titleBarMinimize,
 						className: "flex h-9 w-11 items-center justify-center text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg",
-						children: /* @__PURE__ */ U(me, { size: 14 })
+						children: /* @__PURE__ */ U(pe, { size: 14 })
 					}),
 					r && /* @__PURE__ */ U("button", {
 						type: "button",
@@ -7068,7 +7071,7 @@ function Ha({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onC
 //#endregion
 //#region src/components/Toast.tsx
 var Ua = {
-	info: /* @__PURE__ */ U(z, {
+	info: /* @__PURE__ */ U(ue, {
 		size: 16,
 		className: "text-info"
 	}),
@@ -7169,7 +7172,7 @@ function Ja({ id: e, title: t, description: n, progress: r, duration: i }) {
 				"aria-hidden": "true",
 				className: "absolute inset-y-0 left-0 w-0.5 bg-accent"
 			}),
-			/* @__PURE__ */ U(fe, {
+			/* @__PURE__ */ U(B, {
 				size: 16,
 				className: "shrink-0 animate-spin text-fg-3"
 			}),
@@ -7346,7 +7349,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 		left: "50%",
 		transform: "translate(-50%, -50%)"
 	};
-	return qe(/* @__PURE__ */ U(g, { children: t && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(y.div, {
+	return typeof document > "u" ? null : qe(/* @__PURE__ */ U(g, { children: t && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(y.div, {
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
@@ -7791,7 +7794,7 @@ var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
 					size: "sm",
 					disabled: o,
 					onClick: h,
-					children: /* @__PURE__ */ U(ne, { size: Z.sm })
+					children: /* @__PURE__ */ U(I, { size: Z.sm })
 				}),
 				e && /* @__PURE__ */ U(J, {
 					label: l.secretInputClear,
@@ -7806,7 +7809,7 @@ var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
 					active: d,
 					disabled: o,
 					onClick: () => f((e) => !e),
-					children: U(d ? ce : se, { size: Z.sm })
+					children: U(d ? se : oe, { size: Z.sm })
 				})
 			]
 		})]
@@ -7859,7 +7862,7 @@ function ho({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, cl
 		},
 		onPointerDown: (e) => l.start(e),
 		className: "tap-target flex h-8 w-6 shrink-0 cursor-grab touch-none items-center justify-center rounded-md text-fg-4 hover:bg-fill-2 hover:text-fg-2 active:cursor-grabbing",
-		children: /* @__PURE__ */ U(ue, { size: Z.md })
+		children: /* @__PURE__ */ U(le, { size: Z.md })
 	});
 	return /* @__PURE__ */ U(_.Item, {
 		value: e,
@@ -8071,7 +8074,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 		label: e.name,
 		description: e.meta,
 		group: e.provider,
-		icon: e.local ? /* @__PURE__ */ U(ie, { size: Z.md }) : /* @__PURE__ */ U(le, { size: Z.md }),
+		icon: e.local ? /* @__PURE__ */ U(R, { size: Z.md }) : /* @__PURE__ */ U(ce, { size: Z.md }),
 		meta: /* @__PURE__ */ W("span", {
 			className: "flex items-center gap-1",
 			children: [bo(e, u), e.id === i && /* @__PURE__ */ U(ut, {
@@ -8103,7 +8106,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 		children: [
 			/* @__PURE__ */ U("span", {
 				className: "shrink-0 text-fg-3",
-				children: g?.local ? /* @__PURE__ */ U(ie, { size: Z.md }) : /* @__PURE__ */ U(le, { size: Z.md })
+				children: g?.local ? /* @__PURE__ */ U(R, { size: Z.md }) : /* @__PURE__ */ U(ce, { size: Z.md })
 			}),
 			/* @__PURE__ */ U("span", {
 				className: G("min-w-0 flex-1 truncate", !g && "text-fg-4"),
@@ -8128,7 +8131,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 			children: [v.map((r) => /* @__PURE__ */ U(ci, {
 				label: r,
 				children: e.filter((e) => e.provider === r).map((e) => /* @__PURE__ */ U(pi, {
-					icon: e.local ? /* @__PURE__ */ U(ie, { size: Z.lg }) : /* @__PURE__ */ U(le, { size: Z.lg }),
+					icon: e.local ? /* @__PURE__ */ U(R, { size: Z.lg }) : /* @__PURE__ */ U(ce, { size: Z.lg }),
 					tone: e.local ? "accent" : "info",
 					title: e.name,
 					description: /* @__PURE__ */ W("span", {
@@ -8182,7 +8185,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
 						src: a,
 						alt: "",
 						className: "h-4 w-4 rounded-sm object-contain"
-					}) : /* @__PURE__ */ U(le, { size: Z.xs })
+					}) : /* @__PURE__ */ U(ce, { size: Z.xs })
 				}), /* @__PURE__ */ W("div", {
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ U("p", {
@@ -8207,7 +8210,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
 				target: "_blank",
 				rel: "noopener noreferrer",
 				className: "inline-flex items-center gap-1.5 text-xs font-medium text-accent hover:underline",
-				children: [/* @__PURE__ */ U("span", { children: s.citationVisit }), /* @__PURE__ */ U(oe, { size: 12 })]
+				children: [/* @__PURE__ */ U("span", { children: s.citationVisit }), /* @__PURE__ */ U(ae, { size: 12 })]
 			})
 		]
 	});
@@ -8273,7 +8276,7 @@ function Co({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText:
 					} catch {}
 				},
 				className: G(l && "text-accent"),
-				children: U(l ? M : R, { size: Z.xs })
+				children: U(l ? M : L, { size: Z.xs })
 			}),
 			a && /* @__PURE__ */ U(J, {
 				size: "sm",