@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/composed/rich-chat-input.js

@@ -1,40 +1,41 @@
 "use client";
 import { computePosition as e, flip$1 as t, offset$1 as n, shift$1 as r } from "../_chunks/primitives-internal.js";
 import { durations as i } from "../ui/lib/motion.js";
-import { cn as a } from "../ui/lib/utils.js";
-import { Spinner as o } from "../ui/spinner.js";
-import { Icon as s } from "../ui/icon.js";
-import { useIsMobile as c } from "../hooks/use-mobile.js";
-import { Button as l } from "../ui/button.js";
-import { Dialog as u, DialogContent as d, DialogFooter as f, DialogHeader as p, DialogTitle as m } from "../ui/dialog.js";
-import { SplitButton as h } from "../ui/split-button.js";
-import { ToggleGroup as g, ToggleGroupItem as _ } from "../ui/toggle-group.js";
-import { TruncatedText as v } from "../ui/truncated-text.js";
-import { MENTION_TOKEN_CLASS as y } from "../_chunks/mention.js";
-import { EmojiNode as b } from "./extensions/emoji-node.js";
-import { createEmojiSuggestion as x } from "../_chunks/emoji-suggestion.js";
-import { FileAttachment as ee, createSuggestionRenderer as S } from "../_chunks/mention-suggestion.js";
-import { CalendarGrid as C, useCalendar as w } from "../_chunks/use-calendar.js";
+import { MotionPreference as a } from "../_chunks/motion-preference.js";
+import { cn as o } from "../ui/lib/utils.js";
+import { Spinner as s } from "../ui/spinner.js";
+import { Icon as c } from "../ui/icon.js";
+import { useIsMobile as l } from "../hooks/use-mobile.js";
+import { Button as u } from "../ui/button.js";
+import { Dialog as d, DialogContent as f, DialogFooter as p, DialogHeader as m, DialogTitle as h } from "../ui/dialog.js";
+import { SplitButton as g } from "../ui/split-button.js";
+import { ToggleGroup as _, ToggleGroupItem as v } from "../ui/toggle-group.js";
+import { TruncatedText as y } from "../ui/truncated-text.js";
+import { MENTION_TOKEN_CLASS as b } from "../_chunks/mention.js";
+import { EmojiNode as x } from "./extensions/emoji-node.js";
+import { createEmojiSuggestion as ee } from "../_chunks/emoji-suggestion.js";
+import { FileAttachment as S, createSuggestionRenderer as C } from "../_chunks/mention-suggestion.js";
+import { CalendarGrid as te, useCalendar as w } from "../_chunks/use-calendar.js";
 import * as T from "react";
 import { useCallback as E, useEffect as D, useRef as O, useState as k } from "react";
-import { Fragment as te, jsx as A, jsxs as j } from "react/jsx-runtime";
-import * as ne from "react-dom";
-import { IconAt as M, IconBlockquote as re, IconBold as ie, IconCalendarEvent as N, IconChevronDown as ae, IconClock as oe, IconCode as se, IconFile as ce, IconHighlight as le, IconItalic as ue, IconLink as de, IconList as P, IconListNumbers as fe, IconMicrophone as pe, IconMoodSmile as me, IconPencil as he, IconPlayerPause as ge, IconPlayerPlay as _e, IconPlus as ve, IconSend as ye, IconSlash as be, IconSquare as xe, IconStrikethrough as F, IconTextSize as Se, IconTrash as Ce, IconUnderline as I, IconX as L } from "@tabler/icons-react";
-import { AnimatePresence as R, motion as z, useReducedMotion as we } from "framer-motion";
-import Te from "@tiptap/extension-highlight";
-import Ee from "@tiptap/extension-image";
-import De from "@tiptap/extension-mention";
-import { CharacterCount as Oe, Placeholder as ke } from "@tiptap/extensions";
-import { EditorContent as Ae, Extension as je, useEditor as Me, useEditorState as B } from "@tiptap/react";
-import { BubbleMenu as Ne } from "@tiptap/react/menus";
-import Pe from "@tiptap/starter-kit";
-import { Extension as Fe } from "@tiptap/core";
-import V from "@tiptap/suggestion";
-import { PluginKey as Ie } from "@tiptap/pm/state";
-import { createRoot as Le } from "react-dom/client";
+import { Fragment as ne, jsx as A, jsxs as j } from "react/jsx-runtime";
+import * as re from "react-dom";
+import { IconAt as ie, IconBlockquote as M, IconBold as ae, IconCalendarEvent as N, IconChevronDown as oe, IconClock as se, IconCode as ce, IconFile as le, IconHighlight as ue, IconItalic as de, IconLink as fe, IconList as P, IconListNumbers as pe, IconMicrophone as me, IconMoodSmile as he, IconPencil as ge, IconPlayerPause as _e, IconPlayerPlay as ve, IconPlus as ye, IconSend as be, IconSlash as xe, IconSquare as Se, IconStrikethrough as F, IconTextSize as Ce, IconTrash as we, IconUnderline as I, IconX as L } from "@tabler/icons-react";
+import { AnimatePresence as Te, motion as R, useReducedMotion as Ee } from "framer-motion";
+import De from "@tiptap/extension-highlight";
+import Oe from "@tiptap/extension-image";
+import ke from "@tiptap/extension-mention";
+import { CharacterCount as Ae, Placeholder as je } from "@tiptap/extensions";
+import { EditorContent as Me, Extension as Ne, useEditor as Pe, useEditorState as z } from "@tiptap/react";
+import { BubbleMenu as Fe } from "@tiptap/react/menus";
+import Ie from "@tiptap/starter-kit";
+import { Extension as Le } from "@tiptap/core";
+import B from "@tiptap/suggestion";
+import { PluginKey as Re } from "@tiptap/pm/state";
+import { createRoot as ze } from "react-dom/client";
 //#region src/composed/extensions/slash-command.tsx
-var H = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
-	let [i, o] = T.useState(0), s = T.useMemo(() => {
+var V = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
+	let [i, a] = T.useState(0), s = T.useMemo(() => {
 		let n = t.toLowerCase(), r = [];
 		return e.forEach((e, t) => {
 			e.commands.forEach((e) => {
@@ -45,7 +46,7 @@ var H = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
 			});
 		}), r;
 	}, [e, t]);
-	if (T.useEffect(() => o(0), [s]), T.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (o((e) => (e + s.length - 1) % s.length), !0) : e.key === "ArrowDown" ? (o((e) => (e + 1) % s.length), !0) : e.key === "Enter" ? (s[i] && n(s[i].command), !0) : !1 })), !s.length) return null;
+	if (T.useEffect(() => a(0), [s]), T.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (a((e) => (e + s.length - 1) % s.length), !0) : e.key === "ArrowDown" ? (a((e) => (e + 1) % s.length), !0) : e.key === "Enter" ? (s[i] && n(s[i].command), !0) : !1 })), !s.length) return null;
 	let c = [], l = 0;
 	for (let t of s) {
 		let n = e[t.groupIndex].label, r = c[c.length - 1];
@@ -77,7 +78,7 @@ var H = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
 						role: "option",
 						"aria-selected": t === i,
 						onClick: () => n(e),
-						className: a("flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-left cursor-pointer", t === i ? "bg-surface-raised-hover" : "hover:bg-surface-raised-hover"),
+						className: o("flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-left cursor-pointer", t === i ? "bg-surface-panel-hover" : "hover:bg-surface-panel-hover"),
 						children: [r && /* @__PURE__ */ A("span", {
 							className: "flex h-4 w-4 shrink-0 items-center justify-center text-surface-fg-muted",
 							children: /* @__PURE__ */ A(r, { className: "h-4 w-4" })
@@ -97,15 +98,15 @@ var H = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
 		}, e.label))
 	});
 });
-H.displayName = "SlashCommandList";
-function Re(e) {
+V.displayName = "SlashCommandList";
+function Be(e) {
 	return () => {
 		let t = null, n = null, r = null;
 		return {
 			onStart: (i) => {
 				n = document.createElement("div"), n.style.position = "absolute", n.style.zIndex = "1400";
 				let a = i.clientRect?.();
-				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = Le(n), t.render(/* @__PURE__ */ A(H, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = ze(n), t.render(/* @__PURE__ */ A(V, {
 					ref: (e) => {
 						r = e;
 					},
@@ -117,7 +118,7 @@ function Re(e) {
 			onUpdate: (i) => {
 				if (!t || !n) return;
 				let a = i.clientRect?.();
-				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), t.render(/* @__PURE__ */ A(H, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), t.render(/* @__PURE__ */ A(V, {
 					ref: (e) => {
 						r = e;
 					},
@@ -133,13 +134,13 @@ function Re(e) {
 		};
 	};
 }
-function ze(e) {
+function Ve(e) {
 	let t = e.flatMap((e) => e.commands);
-	return Fe.create({
+	return Le.create({
 		name: "slashCommand",
 		addProseMirrorPlugins() {
-			return [V({
-				pluginKey: new Ie("slashCommand"),
+			return [B({
+				pluginKey: new Re("slashCommand"),
 				editor: this.editor,
 				char: "/",
 				startOfLine: !0,
@@ -152,18 +153,18 @@ function ze(e) {
 				command: ({ editor: e, range: t, props: n }) => {
 					e.chain().focus().deleteRange(t).run(), n.action(e);
 				},
-				render: Re(e)
+				render: Be(e)
 			})];
 		}
 	});
 }
 //#endregion
 //#region src/composed/rich-chat-input/attachment-strip.tsx
-function Be(e) {
+function He(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Ve({ attachments: e, onRemoveAttachment: t }) {
-	return /* @__PURE__ */ A(z.div, {
+function Ue({ attachments: e, onRemoveAttachment: t }) {
+	return /* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(R.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -190,9 +191,9 @@ function Ve({ attachments: e, onRemoveAttachment: t }) {
 			role: "list",
 			"aria-label": "Attachments",
 			className: "flex gap-ds-02 overflow-x-auto px-ds-04 py-ds-02b border-b border-surface-border",
-			children: /* @__PURE__ */ A(R, {
+			children: /* @__PURE__ */ A(Te, {
 				initial: !1,
-				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ j(z.div, {
+				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ j(R.div, {
 					role: "listitem",
 					"aria-label": `Image: ${e.name}`,
 					layout: !0,
@@ -233,19 +234,19 @@ function Ve({ attachments: e, onRemoveAttachment: t }) {
 							className: "absolute -top-1 -right-1 h-ico-sm w-ico-sm rounded-pill bg-error-9 text-error-fg flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-fast-02",
 							"aria-label": `Remove ${e.name}`,
 							title: "Remove",
-							children: /* @__PURE__ */ A(s, {
+							children: /* @__PURE__ */ A(c, {
 								icon: L,
 								size: "xs"
 							})
 						}),
 						e.uploading && /* @__PURE__ */ A("div", {
 							className: "absolute inset-0 rounded-control bg-surface-overlay/50 flex items-center justify-center",
-							children: /* @__PURE__ */ A(o, { size: "sm" })
+							children: /* @__PURE__ */ A(s, { size: "sm" })
 						})
 					]
-				}, e.id) : /* @__PURE__ */ j(z.div, {
+				}, e.id) : /* @__PURE__ */ j(R.div, {
 					role: "listitem",
-					"aria-label": `File: ${e.name}, ${Be(e.size)}`,
+					"aria-label": `File: ${e.name}, ${He(e.size)}`,
 					layout: !0,
 					initial: {
 						scale: 0,
@@ -272,28 +273,28 @@ function Ve({ attachments: e, onRemoveAttachment: t }) {
 						},
 						opacity: { duration: i.fast02 }
 					},
-					className: "flex items-center gap-ds-02 shrink-0 rounded-control bg-surface-raised px-ds-03 py-ds-01 group",
+					className: "flex items-center gap-ds-02 shrink-0 rounded-control bg-surface-panel px-ds-03 py-ds-01 group",
 					children: [
-						/* @__PURE__ */ A(s, {
-							icon: ce,
+						/* @__PURE__ */ A(c, {
+							icon: le,
 							size: "xs",
 							className: "text-surface-fg-muted"
 						}),
-						/* @__PURE__ */ A(v, {
+						/* @__PURE__ */ A(y, {
 							mode: "middle",
 							className: "max-w-[120px] text-caption text-surface-fg-muted",
 							children: e.name
 						}),
 						/* @__PURE__ */ A("span", {
 							className: "text-caption text-surface-fg-subtle",
-							children: Be(e.size)
+							children: He(e.size)
 						}),
 						/* @__PURE__ */ A("button", {
 							onClick: () => t(e.id),
 							className: "text-surface-fg-subtle hover:text-error-11 opacity-0 group-hover:opacity-100 transition-opacity duration-fast-02",
 							"aria-label": `Remove ${e.name}`,
 							title: "Remove",
-							children: /* @__PURE__ */ A(s, {
+							children: /* @__PURE__ */ A(c, {
 								icon: L,
 								size: "xs"
 							})
@@ -302,11 +303,11 @@ function Ve({ attachments: e, onRemoveAttachment: t }) {
 				}, e.id))
 			})
 		})
-	});
+	}) });
 }
 //#endregion
 //#region src/composed/rich-chat-input/audio-waveform.tsx
-var U = T.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r = 0, barWidth: i = 3, barGap: o = 2, barCount: s = 40, height: c = 32, className: l, ...u }, d) {
+var H = T.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r = 0, barWidth: i = 3, barGap: a = 2, barCount: s = 40, height: c = 32, className: l, ...u }, d) {
 	let [f, p] = T.useState(() => Array(s).fill(.05)), m = T.useRef(0), h = T.useRef(f);
 	T.useEffect(() => {
 		if (e !== "live" || !t) return;
@@ -341,13 +342,13 @@ var U = T.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 		n,
 		s
 	]);
-	let g = s * (i + o) - o, _ = T.useMemo(() => f.map((t, n) => {
-		let a = Math.max(2, t * c), l = n * (i + o), u = (c - a) / 2, d = e === "static" && r > 0 && n / s <= r;
+	let g = s * (i + a) - a, _ = T.useMemo(() => f.map((t, n) => {
+		let o = Math.max(2, t * c), l = n * (i + a), u = (c - o) / 2, d = e === "static" && r > 0 && n / s <= r;
 		return /* @__PURE__ */ A("rect", {
 			x: l,
 			y: u,
 			width: i,
-			height: a,
+			height: o,
 			rx: i / 2,
 			fill: d ? "var(--color-accent-9)" : "var(--color-surface-border)"
 		}, n);
@@ -356,7 +357,7 @@ var U = T.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 		r,
 		e,
 		i,
-		o,
+		a,
 		s,
 		c
 	]);
@@ -366,24 +367,24 @@ var U = T.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 		viewBox: `0 0 ${g} ${c}`,
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
-		className: a("shrink-0", l),
+		className: o("shrink-0", l),
 		...u,
 		children: _
 	});
 });
-U.displayName = "AudioWaveform";
+H.displayName = "AudioWaveform";
 //#endregion
 //#region src/composed/rich-chat-input/audio-player.tsx
-var He = [
+var We = [
 	1,
 	1.5,
 	2
 ];
-function Ue(e) {
+function Ge(e) {
 	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-var We = T.forwardRef(function({ src: e, duration: t, waveformData: n, className: r, ...i }, o) {
-	let s = T.useRef(null), c = T.useRef(null), [u, d] = T.useState(!1), [f, p] = T.useState(0), [m, h] = T.useState(0), [g, _] = T.useState(null), v = T.useMemo(() => {
+var Ke = T.forwardRef(function({ src: e, duration: t, waveformData: n, className: r, ...i }, a) {
+	let s = T.useRef(null), c = T.useRef(null), [l, d] = T.useState(!1), [f, p] = T.useState(0), [m, h] = T.useState(0), [g, _] = T.useState(null), v = T.useMemo(() => {
 		if (typeof e == "string") return e;
 		let t = URL.createObjectURL(e);
 		return _(t), t;
@@ -402,8 +403,8 @@ var We = T.forwardRef(function({ src: e, duration: t, waveformData: n, className
 	}, []);
 	let y = T.useCallback(() => {
 		let e = s.current;
-		e && (u ? (e.pause(), d(!1)) : (e.play(), d(!0)));
-	}, [u]), b = T.useCallback((e) => {
+		e && (l ? (e.pause(), d(!1)) : (e.play(), d(!0)));
+	}, [l]), b = T.useCallback((e) => {
 		(e.key === " " || e.key === "Enter") && (e.preventDefault(), y());
 	}, [y]), x = T.useCallback((e) => {
 		let n = s.current, r = c.current;
@@ -411,14 +412,14 @@ var We = T.forwardRef(function({ src: e, duration: t, waveformData: n, className
 		let i = r.getBoundingClientRect(), a = e.clientX - i.left;
 		n.currentTime = Math.max(0, Math.min(1, a / i.width)) * t, p(n.currentTime);
 	}, [t]), ee = T.useCallback(() => {
-		let e = (m + 1) % He.length;
-		h(e), s.current && (s.current.playbackRate = He[e]);
-	}, [m]), S = t > 0 ? f / t : 0, C = He[m];
+		let e = (m + 1) % We.length;
+		h(e), s.current && (s.current.playbackRate = We[e]);
+	}, [m]), S = t > 0 ? f / t : 0, C = We[m];
 	return /* @__PURE__ */ j("div", {
-		ref: o,
+		ref: a,
 		role: "group",
 		"aria-label": "Voice message player",
-		className: a("flex items-center gap-ds-03", r),
+		className: o("flex items-center gap-ds-03", r),
 		...i,
 		children: [
 			/* @__PURE__ */ A("audio", {
@@ -426,22 +427,22 @@ var We = T.forwardRef(function({ src: e, duration: t, waveformData: n, className
 				src: v,
 				preload: "metadata"
 			}),
-			/* @__PURE__ */ A(l, {
+			/* @__PURE__ */ A(u, {
 				type: "button",
 				variant: "solid",
 				shape: "pill",
 				size: "icon-sm",
 				onClick: y,
 				onKeyDown: b,
-				"aria-label": u ? "Pause voice message" : "Play voice message",
+				"aria-label": l ? "Pause voice message" : "Play voice message",
 				className: "shrink-0 active:scale-95",
-				children: A(u ? ge : _e, {
+				children: A(l ? _e : ve, {
 					size: 16,
 					stroke: 2,
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ A(U, {
+			/* @__PURE__ */ A(H, {
 				ref: c,
 				mode: "static",
 				data: n,
@@ -452,32 +453,32 @@ var We = T.forwardRef(function({ src: e, duration: t, waveformData: n, className
 			/* @__PURE__ */ j("span", {
 				className: "text-caption tabular-nums text-surface-fg-subtle whitespace-nowrap",
 				children: [
-					Ue(f),
+					Ge(f),
 					" / ",
-					Ue(t)
+					Ge(t)
 				]
 			}),
 			/* @__PURE__ */ j("button", {
 				type: "button",
 				onClick: ee,
 				"aria-label": `Playback speed ${C}x`,
-				className: "shrink-0 text-body-xs bg-surface-raised rounded-pill px-ds-02 py-[1px] hover:bg-surface-raised-hover tabular-nums transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+				className: "shrink-0 text-body-xs bg-surface-panel rounded-pill px-ds-02 py-[1px] hover:bg-surface-panel-hover tabular-nums transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
 				children: [C, "x"]
 			})
 		]
 	});
 });
-We.displayName = "AudioPlayer";
+Ke.displayName = "AudioPlayer";
 //#endregion
 //#region src/composed/rich-chat-input/chat-toolbar.tsx
-var Ge = T.createContext(null);
-function W() {
-	let e = T.useContext(Ge);
+var qe = T.createContext(null);
+function U() {
+	let e = T.useContext(qe);
 	if (!e) throw Error("Toolbar primitives must be used inside <ChatToolbar>");
 	return e;
 }
-function G({ onClick: e, isActive: t, disabled: n, title: r, children: i, className: o }) {
-	let { disabled: s } = W();
+function W({ onClick: e, isActive: t, disabled: n, title: r, children: i, className: a }) {
+	let { disabled: s } = U();
 	return /* @__PURE__ */ A("button", {
 		type: "button",
 		onClick: e,
@@ -485,235 +486,235 @@ function G({ onClick: e, isActive: t, disabled: n, title: r, children: i, classN
 		title: r,
 		"aria-label": r,
 		"aria-pressed": t,
-		className: a("inline-flex h-ds-xs-plus items-center justify-center rounded-control touch-target", !o?.includes("w-") && "w-ds-xs-plus", "transition-[color,background-color,transform] duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover hover:text-surface-fg", "active:scale-95", "disabled:pointer-events-none disabled:opacity-action-disabled", t ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle", o),
+		className: o("inline-flex h-ds-xs-plus items-center justify-center rounded-control touch-target", !a?.includes("w-") && "w-ds-xs-plus", "transition-[color,background-color,transform] duration-fast-01 ease-productive-standard", "hover:bg-surface-panel-hover hover:text-surface-fg", "active:scale-95", "disabled:pointer-events-none disabled:opacity-action-disabled", t ? "bg-surface-panel-hover text-accent-11" : "text-surface-fg-subtle", a),
 		children: i
 	});
 }
-function K() {
+function G() {
 	return /* @__PURE__ */ A("div", { className: "h-4 w-px bg-surface-border-subtle mx-ds-01" });
 }
-function q({ children: e, className: t }) {
+function K({ children: e, className: t }) {
 	return /* @__PURE__ */ A("div", {
-		className: a("flex items-center gap-ds-01", t),
+		className: o("flex items-center gap-ds-01", t),
 		children: e
 	});
 }
-function Ke() {
-	let { editor: e } = W(), { isActive: t } = B({
+function Je() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("bold") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleBold().run(),
 		isActive: t,
 		title: "Bold",
-		children: /* @__PURE__ */ A(s, {
-			icon: ie,
+		children: /* @__PURE__ */ A(c, {
+			icon: ae,
 			size: "xs"
 		})
 	});
 }
-function qe() {
-	let { editor: e } = W(), { isActive: t } = B({
+function Ye() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("italic") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleItalic().run(),
 		isActive: t,
 		title: "Italic",
-		children: /* @__PURE__ */ A(s, {
-			icon: ue,
+		children: /* @__PURE__ */ A(c, {
+			icon: de,
 			size: "xs"
 		})
 	});
 }
-function Je() {
-	let { editor: e } = W(), { isActive: t } = B({
+function Xe() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("underline") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleUnderline().run(),
 		isActive: t,
 		title: "Underline",
-		children: /* @__PURE__ */ A(s, {
+		children: /* @__PURE__ */ A(c, {
 			icon: I,
 			size: "xs"
 		})
 	});
 }
-function Ye() {
-	let { editor: e } = W(), { isActive: t } = B({
+function Ze() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("strike") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleStrike().run(),
 		isActive: t,
 		title: "Strikethrough",
-		children: /* @__PURE__ */ A(s, {
+		children: /* @__PURE__ */ A(c, {
 			icon: F,
 			size: "xs"
 		})
 	});
 }
-function Xe() {
-	let { editor: e } = W(), { isActive: t } = B({
+function Qe() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("highlight") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleHighlight().run(),
 		isActive: t,
 		title: "Highlight",
-		children: /* @__PURE__ */ A(s, {
-			icon: le,
+		children: /* @__PURE__ */ A(c, {
+			icon: ue,
 			size: "xs"
 		})
 	});
 }
-function Ze() {
-	let { editor: e } = W(), { isActive: t } = B({
+function $e() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("code") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleCode().run(),
 		isActive: t,
 		title: "Inline code",
-		children: /* @__PURE__ */ A(s, {
-			icon: se,
+		children: /* @__PURE__ */ A(c, {
+			icon: ce,
 			size: "xs"
 		})
 	});
 }
-function Qe() {
-	let { editor: e } = W(), { isActive: t } = B({
+function et() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("bulletList") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleBulletList().run(),
 		isActive: t,
 		title: "Bullet list",
-		children: /* @__PURE__ */ A(s, {
+		children: /* @__PURE__ */ A(c, {
 			icon: P,
 			size: "xs"
 		})
 	});
 }
-function $e() {
-	let { editor: e } = W(), { isActive: t } = B({
+function tt() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("orderedList") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleOrderedList().run(),
 		isActive: t,
 		title: "Ordered list",
-		children: /* @__PURE__ */ A(s, {
-			icon: fe,
+		children: /* @__PURE__ */ A(c, {
+			icon: pe,
 			size: "xs"
 		})
 	});
 }
-function et() {
-	let { editor: e } = W(), { isActive: t } = B({
+function nt() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("blockquote") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().toggleBlockquote().run(),
 		isActive: t,
 		title: "Quote",
-		children: /* @__PURE__ */ A(s, {
-			icon: re,
+		children: /* @__PURE__ */ A(c, {
+			icon: M,
 			size: "xs"
 		})
 	});
 }
-function tt() {
-	let { editor: e } = W(), { isActive: t } = B({
+function q() {
+	let { editor: e } = U(), { isActive: t } = z({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("link") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ A(W, {
 		onClick: () => {
 			let t = window.prompt("URL");
 			t && e.chain().focus().setLink({ href: t }).run();
 		},
 		isActive: t,
 		title: "Link",
-		children: /* @__PURE__ */ A(s, {
-			icon: de,
+		children: /* @__PURE__ */ A(c, {
+			icon: fe,
 			size: "xs"
 		})
 	});
 }
-function nt() {
-	let { editor: e } = W();
-	return /* @__PURE__ */ A(G, {
+function rt() {
+	let { editor: e } = U();
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().insertContent("@").run(),
 		title: "Mention",
-		children: /* @__PURE__ */ A(s, {
-			icon: M,
+		children: /* @__PURE__ */ A(c, {
+			icon: ie,
 			size: "xs"
 		})
 	});
 }
 function J() {
-	let { editor: e } = W();
-	return /* @__PURE__ */ A(G, {
+	let { editor: e } = U();
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().insertContent(":").run(),
 		title: "Emoji",
-		children: /* @__PURE__ */ A(s, {
-			icon: me,
+		children: /* @__PURE__ */ A(c, {
+			icon: he,
 			size: "xs"
 		})
 	});
 }
-function rt() {
-	let { editor: e } = W();
-	return /* @__PURE__ */ A(G, {
+function it() {
+	let { editor: e } = U();
+	return /* @__PURE__ */ A(W, {
 		onClick: () => e.chain().focus().insertContent("/").run(),
 		title: "Slash command",
-		children: /* @__PURE__ */ A(s, {
-			icon: be,
+		children: /* @__PURE__ */ A(c, {
+			icon: xe,
 			size: "xs"
 		})
 	});
 }
 function Y({ items: e, isMobile: t, hasMentions: n, hasSlashCommands: r }) {
 	let i = (t) => !e || e.includes(t);
-	return /* @__PURE__ */ j(te, { children: [
-		!t && /* @__PURE__ */ j(q, { children: [
-			i("bold") && /* @__PURE__ */ A(Ke, {}),
-			i("italic") && /* @__PURE__ */ A(qe, {}),
-			i("underline") && /* @__PURE__ */ A(Je, {}),
-			i("strike") && /* @__PURE__ */ A(Ye, {}),
-			i("highlight") && /* @__PURE__ */ A(Xe, {})
+	return /* @__PURE__ */ j(ne, { children: [
+		!t && /* @__PURE__ */ j(K, { children: [
+			i("bold") && /* @__PURE__ */ A(Je, {}),
+			i("italic") && /* @__PURE__ */ A(Ye, {}),
+			i("underline") && /* @__PURE__ */ A(Xe, {}),
+			i("strike") && /* @__PURE__ */ A(Ze, {}),
+			i("highlight") && /* @__PURE__ */ A(Qe, {})
 		] }),
-		!t && /* @__PURE__ */ A(K, {}),
-		!t && /* @__PURE__ */ j(q, { children: [i("bulletList") && /* @__PURE__ */ A(Qe, {}), i("orderedList") && /* @__PURE__ */ A($e, {})] }),
-		!t && (i("blockquote") || i("link") || i("code")) && /* @__PURE__ */ A(K, {}),
-		!t && /* @__PURE__ */ j(q, { children: [
-			i("blockquote") && /* @__PURE__ */ A(et, {}),
-			i("link") && /* @__PURE__ */ A(tt, {}),
-			i("code") && /* @__PURE__ */ A(Ze, {})
+		!t && /* @__PURE__ */ A(G, {}),
+		!t && /* @__PURE__ */ j(K, { children: [i("bulletList") && /* @__PURE__ */ A(et, {}), i("orderedList") && /* @__PURE__ */ A(tt, {})] }),
+		!t && (i("blockquote") || i("link") || i("code")) && /* @__PURE__ */ A(G, {}),
+		!t && /* @__PURE__ */ j(K, { children: [
+			i("blockquote") && /* @__PURE__ */ A(nt, {}),
+			i("link") && /* @__PURE__ */ A(q, {}),
+			i("code") && /* @__PURE__ */ A($e, {})
 		] }),
-		!t && (n || r) && /* @__PURE__ */ A(K, {}),
-		/* @__PURE__ */ j(q, { children: [
-			n && i("mention") && /* @__PURE__ */ A(nt, {}),
+		!t && (n || r) && /* @__PURE__ */ A(G, {}),
+		/* @__PURE__ */ j(K, { children: [
+			n && i("mention") && /* @__PURE__ */ A(rt, {}),
 			i("emoji") && /* @__PURE__ */ A(J, {}),
-			r && i("slash") && /* @__PURE__ */ A(rt, {})
+			r && i("slash") && /* @__PURE__ */ A(it, {})
 		] })
 	] });
 }
-function it({ editor: e, toolbar: t, isMobile: n, hasMentions: r, hasSlashCommands: i, disabled: a }) {
+function at({ editor: e, toolbar: t, isMobile: n, hasMentions: r, hasSlashCommands: i, disabled: a }) {
 	if (t === !1) return null;
 	let o = typeof t != "boolean" && !Array.isArray(t), s = Array.isArray(t) ? t : null;
-	return /* @__PURE__ */ A(Ge.Provider, {
+	return /* @__PURE__ */ A(qe.Provider, {
 		value: {
 			editor: e,
 			disabled: a
@@ -733,7 +734,7 @@ function it({ editor: e, toolbar: t, isMobile: n, hasMentions: r, hasSlashComman
 }
 //#endregion
 //#region src/composed/rich-chat-input/recording-overlay.tsx
-function at(e) {
+function ot(e) {
 	let t = Math.floor(e / 60), n = Math.floor(e % 60);
 	return {
 		minutes: String(t),
@@ -741,27 +742,27 @@ function at(e) {
 		secs: n.toString().padStart(2, "0")
 	};
 }
-function ot({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
-	let i = we();
+function st({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
+	let i = Ee();
 	T.useEffect(() => {
 		let e = (e) => {
 			e.key === "Escape" && r();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [r]);
-	let o = n != null && n > 0 && e >= n - 10, s = n != null && n > 0 && e >= n - 5, c = s ? "animate-[pulse_500ms_ease-in-out_infinite]" : "animate-[pulse_1s_ease-in-out_infinite]", l = at(e), u = s ? "text-error-11" : o ? "text-warning-11" : "text-surface-fg";
+	let a = n != null && n > 0 && e >= n - 10, s = n != null && n > 0 && e >= n - 5, c = s ? "animate-[pulse_500ms_ease-in-out_infinite]" : "animate-[pulse_1s_ease-in-out_infinite]", l = ot(e), u = s ? "text-error-11" : a ? "text-warning-11" : "text-surface-fg";
 	return /* @__PURE__ */ j("div", {
 		role: "status",
 		"aria-live": "polite",
 		"aria-label": "Recording voice message",
-		className: "absolute inset-0 flex items-center gap-ds-03 px-ds-04 py-ds-03 bg-surface-raised-hover rounded-surface z-10",
+		className: "absolute inset-0 flex items-center gap-ds-03 px-ds-04 py-ds-03 bg-surface-panel-hover rounded-surface z-10",
 		children: [
 			/* @__PURE__ */ A("span", {
-				className: a("w-ds-02b h-ds-02b shrink-0 rounded-pill bg-error-9", i ? "opacity-100" : c),
+				className: o("w-ds-02b h-ds-02b shrink-0 rounded-pill bg-error-9", i ? "opacity-100" : c),
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ j("span", {
-				className: a("text-body-sm font-mono tabular-nums whitespace-nowrap", u),
+				className: o("text-body-sm font-mono tabular-nums whitespace-nowrap", u),
 				"aria-label": `${l.minutes} minutes ${l.secs} seconds`,
 				children: [
 					l.minutes,
@@ -775,7 +776,7 @@ function ot({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
 			}),
 			/* @__PURE__ */ A("div", {
 				className: "flex-1 min-w-0 overflow-hidden",
-				children: /* @__PURE__ */ A(U, {
+				children: /* @__PURE__ */ A(H, {
 					mode: "live",
 					analyserNode: t,
 					height: 24,
@@ -786,11 +787,11 @@ function ot({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
 		]
 	});
 }
-ot.displayName = "RecordingOverlay";
+st.displayName = "RecordingOverlay";
 //#endregion
 //#region src/composed/rich-chat-input/reply-banner.tsx
-function st({ author: e, preview: t, onDismiss: n }) {
-	return /* @__PURE__ */ A(z.div, {
+function ct({ author: e, preview: t, onDismiss: n }) {
+	return /* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(R.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -836,20 +837,20 @@ function st({ author: e, preview: t, onDismiss: n }) {
 			}), /* @__PURE__ */ A("button", {
 				type: "button",
 				onClick: n,
-				className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-hover", "transition-colors duration-fast-01 ease-productive-standard", "active:scale-95"),
+				className: o("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-panel-hover", "transition-colors duration-fast-01 ease-productive-standard", "active:scale-95"),
 				"aria-label": "Cancel reply",
 				title: "Cancel reply",
-				children: /* @__PURE__ */ A(s, {
+				children: /* @__PURE__ */ A(c, {
 					icon: L,
 					size: "xs"
 				})
 			})]
 		})
-	});
+	}) });
 }
 //#endregion
 //#region src/composed/rich-chat-input/schedule-send.tsx
-function ct() {
+function lt() {
 	let e = /* @__PURE__ */ new Date(), t = e.getHours(), n = [], r = (t, n = 0) => {
 		let r = new Date(e);
 		return r.setDate(r.getDate() + n), r.setHours(t, 0, 0, 0), r;
@@ -897,7 +898,7 @@ function ct() {
 		date: a
 	}), n;
 }
-function lt({ value: e, onChange: t }) {
+function ut({ value: e, onChange: t }) {
 	let n = e.getHours() % 12 || 12, r = e.getMinutes(), i = e.getHours() >= 12, a = (n) => {
 		let r = new Date(e);
 		r.setHours(i ? n % 12 + 12 : n % 12), t(r);
@@ -914,7 +915,7 @@ function lt({ value: e, onChange: t }) {
 			/* @__PURE__ */ A("select", {
 				value: n,
 				onChange: (e) => a(Number(e.target.value)),
-				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
+				className: "h-ds-sm rounded-control border border-surface-border-interactive bg-surface-panel-hover px-ds-02 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
 				"aria-label": "Hour",
 				children: Array.from({ length: 12 }, (e, t) => t + 1).map((e) => /* @__PURE__ */ A("option", {
 					value: e,
@@ -928,24 +929,24 @@ function lt({ value: e, onChange: t }) {
 			/* @__PURE__ */ A("select", {
 				value: r - r % 5,
 				onChange: (e) => o(Number(e.target.value)),
-				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
+				className: "h-ds-sm rounded-control border border-surface-border-interactive bg-surface-panel-hover px-ds-02 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
 				"aria-label": "Minute",
 				children: Array.from({ length: 12 }, (e, t) => t * 5).map((e) => /* @__PURE__ */ A("option", {
 					value: e,
 					children: String(e).padStart(2, "0")
 				}, e))
 			}),
-			/* @__PURE__ */ j(g, {
+			/* @__PURE__ */ j(_, {
 				type: "single",
 				value: i ? "PM" : "AM",
 				onValueChange: (e) => {
 					e === "AM" ? s(!1) : e === "PM" && s(!0);
 				},
 				size: "sm",
-				children: [/* @__PURE__ */ A(_, {
+				children: [/* @__PURE__ */ A(v, {
 					value: "AM",
 					children: "AM"
-				}), /* @__PURE__ */ A(_, {
+				}), /* @__PURE__ */ A(v, {
 					value: "PM",
 					children: "PM"
 				})]
@@ -975,28 +976,28 @@ function X({ value: e, onChange: t, minDate: n }) {
 				value: a,
 				min: s,
 				onChange: o,
-				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-03 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
+				className: "h-ds-sm rounded-control border border-surface-border-interactive bg-surface-panel-hover px-ds-03 text-body-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
 			})]
 		}), /* @__PURE__ */ j("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ A("span", {
 				className: "text-caption font-medium text-surface-fg-subtle",
 				children: "Time"
-			}), /* @__PURE__ */ A(lt, {
+			}), /* @__PURE__ */ A(ut, {
 				value: i,
 				onChange: t
 			})]
 		})]
 	});
 }
-function ut({ value: e, onChange: t, minDate: n }) {
+function dt({ value: e, onChange: t, minDate: n }) {
 	let r = /* @__PURE__ */ new Date(), i = e ?? (() => {
 		let e = new Date(r);
 		return e.setHours(e.getHours() + 1, 0, 0, 0), e;
 	})(), { currentMonth: a, goToPreviousMonth: o, goToNextMonth: s } = w(i);
 	return /* @__PURE__ */ j("div", {
 		className: "space-y-ds-03",
-		children: [/* @__PURE__ */ A(C, {
+		children: [/* @__PURE__ */ A(te, {
 			currentMonth: a,
 			selected: i,
 			onSelect: (e) => {
@@ -1013,15 +1014,15 @@ function ut({ value: e, onChange: t, minDate: n }) {
 			children: [/* @__PURE__ */ A("span", {
 				className: "text-caption font-medium text-surface-fg-subtle",
 				children: "Time"
-			}), /* @__PURE__ */ A(lt, {
+			}), /* @__PURE__ */ A(ut, {
 				value: i,
 				onChange: t
 			})]
 		})]
 	});
 }
-function dt({ onSchedule: e, onClose: t, onOpenDialog: n }) {
-	let [r, i] = T.useState(!1), [a, o] = T.useState(null), c = T.useMemo(() => ct(), []), u = (n) => {
+function ft({ onSchedule: e, onClose: t, onOpenDialog: n }) {
+	let [r, i] = T.useState(!1), [a, o] = T.useState(null), s = T.useMemo(() => lt(), []), l = (n) => {
 		e(n), t();
 	};
 	return r ? /* @__PURE__ */ j("div", {
@@ -1033,12 +1034,12 @@ function dt({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 				children: [/* @__PURE__ */ A("p", {
 					className: "text-body-sm font-medium text-surface-fg",
 					children: "Pick date & time"
-				}), /* @__PURE__ */ A(l, {
+				}), /* @__PURE__ */ A(u, {
 					variant: "ghost",
 					size: "icon-xs",
 					onClick: () => i(!1),
 					"aria-label": "Back to presets",
-					children: /* @__PURE__ */ A(s, {
+					children: /* @__PURE__ */ A(c, {
 						icon: L,
 						size: "sm"
 					})
@@ -1051,7 +1052,7 @@ function dt({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 			}),
 			/* @__PURE__ */ A("div", {
 				className: "mt-ds-03 flex justify-end",
-				children: /* @__PURE__ */ A(l, {
+				children: /* @__PURE__ */ A(u, {
 					variant: "solid",
 					size: "sm",
 					onClick: () => {
@@ -1070,34 +1071,34 @@ function dt({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 				className: "px-ds-03 py-ds-01 text-caption font-medium text-surface-fg-subtle",
 				children: "Schedule send"
 			}),
-			c.map((e, t) => /* @__PURE__ */ j(l, {
+			s.map((e, t) => /* @__PURE__ */ j(u, {
 				variant: "ghost",
 				fullWidth: !0,
-				onClick: () => u(e.date),
-				children: [/* @__PURE__ */ A(s, {
-					icon: oe,
+				onClick: () => l(e.date),
+				children: [/* @__PURE__ */ A(c, {
+					icon: se,
 					size: "sm",
 					className: "shrink-0 text-surface-fg-muted"
 				}), e.label]
 			}, t)),
 			/* @__PURE__ */ A("div", { className: "mx-ds-02 my-ds-02 h-px bg-surface-border" }),
-			/* @__PURE__ */ j(l, {
+			/* @__PURE__ */ j(u, {
 				variant: "ghost",
 				fullWidth: !0,
 				onClick: () => i(!0),
-				children: [/* @__PURE__ */ A(s, {
+				children: [/* @__PURE__ */ A(c, {
 					icon: N,
 					size: "sm",
 					className: "shrink-0 text-accent-11"
 				}), "Pick date & time..."]
 			}),
-			n && /* @__PURE__ */ j(l, {
+			n && /* @__PURE__ */ j(u, {
 				variant: "ghost",
 				fullWidth: !0,
 				onClick: () => {
 					n(), t();
 				},
-				children: [/* @__PURE__ */ A(s, {
+				children: [/* @__PURE__ */ A(c, {
 					icon: N,
 					size: "sm",
 					className: "shrink-0 text-surface-fg-muted"
@@ -1106,29 +1107,29 @@ function dt({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 		]
 	});
 }
-function ft({ open: e, onOpenChange: t, onSchedule: n, initialDate: r }) {
+function pt({ open: e, onOpenChange: t, onSchedule: n, initialDate: r }) {
 	let [i, a] = T.useState(r ?? null);
 	return T.useEffect(() => {
 		e && a(r ?? null);
-	}, [e, r]), /* @__PURE__ */ A(u, {
+	}, [e, r]), /* @__PURE__ */ A(d, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ j(d, {
+		children: /* @__PURE__ */ j(f, {
 			className: "sm:max-w-[380px]",
 			children: [
-				/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: r ? "Reschedule message" : "Schedule send" }) }),
-				/* @__PURE__ */ A(ut, {
+				/* @__PURE__ */ A(m, { children: /* @__PURE__ */ A(h, { children: r ? "Reschedule message" : "Schedule send" }) }),
+				/* @__PURE__ */ A(dt, {
 					value: i,
 					onChange: a,
 					minDate: /* @__PURE__ */ new Date()
 				}),
-				/* @__PURE__ */ j(f, {
+				/* @__PURE__ */ j(p, {
 					className: "gap-ds-02",
-					children: [/* @__PURE__ */ A(l, {
+					children: [/* @__PURE__ */ A(u, {
 						variant: "soft",
 						onClick: () => t(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ A(l, {
+					}), /* @__PURE__ */ A(u, {
 						variant: "solid",
 						onClick: () => {
 							i && i > /* @__PURE__ */ new Date() && (n(i), t(!1));
@@ -1154,8 +1155,8 @@ function Z(e) {
 		day: "numeric"
 	})} at ${a}`;
 }
-function pt({ date: e, onClear: t, onEdit: n }) {
-	return /* @__PURE__ */ A(z.div, {
+function mt({ date: e, onClear: t, onEdit: n }) {
+	return /* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(R.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -1173,8 +1174,8 @@ function pt({ date: e, onClear: t, onEdit: n }) {
 		children: /* @__PURE__ */ j("div", {
 			className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b text-body-xs text-accent-11 bg-accent-2 border-b border-accent-4",
 			children: [
-				/* @__PURE__ */ A(s, {
-					icon: oe,
+				/* @__PURE__ */ A(c, {
+					icon: se,
 					size: "xs",
 					className: "shrink-0"
 				}),
@@ -1182,38 +1183,38 @@ function pt({ date: e, onClear: t, onEdit: n }) {
 					className: "min-w-0 flex-1 truncate",
 					children: ["Scheduled for ", Z(e)]
 				}),
-				n && /* @__PURE__ */ A(l, {
+				n && /* @__PURE__ */ A(u, {
 					variant: "soft",
 					size: "icon-xs",
 					className: "shrink-0",
 					onClick: n,
 					"aria-label": "Edit schedule",
-					children: /* @__PURE__ */ A(s, {
-						icon: he,
+					children: /* @__PURE__ */ A(c, {
+						icon: ge,
 						size: "xs"
 					})
 				}),
-				/* @__PURE__ */ A(l, {
+				/* @__PURE__ */ A(u, {
 					variant: "soft",
 					size: "icon-xs",
 					className: "shrink-0",
 					onClick: t,
 					"aria-label": "Cancel schedule",
-					children: /* @__PURE__ */ A(s, {
+					children: /* @__PURE__ */ A(c, {
 						icon: L,
 						size: "xs"
 					})
 				})
 			]
 		})
-	});
+	}) });
 }
 //#endregion
 //#region src/composed/rich-chat-input/use-voice-recorder.ts
-function mt() {
+function ht() {
 	return typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/webm;codecs=opus") ? "audio/webm;codecs=opus" : typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/mp4") ? "audio/mp4" : "";
 }
-function ht(e) {
+function gt(e) {
 	let { maxDuration: t, onComplete: n } = e, [r, i] = k("idle"), [a, o] = k(0), [s, c] = k(null), [l, u] = k([]), d = O(null), f = O(null), p = O(null), m = O([]), h = O(null), g = O(null), _ = O(null), v = O(null), y = O(0), b = O([]), x = O(!1), ee = O(n);
 	ee.current = n;
 	let S = E(() => {
@@ -1222,7 +1223,7 @@ function ht(e) {
 		if (typeof MediaRecorder > "u") throw Error("MediaRecorder is not supported in this browser. Voice recording requires a modern browser with MediaRecorder support.");
 		let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
 		p.current = e;
-		let n = mt(), r = n ? new MediaRecorder(e, { mimeType: n }) : new MediaRecorder(e);
+		let n = ht(), r = n ? new MediaRecorder(e, { mimeType: n }) : new MediaRecorder(e);
 		d.current = r, m.current = [], x.current = !1;
 		let a = new AudioContext();
 		f.current = a;
@@ -1250,13 +1251,13 @@ function ht(e) {
 		}, 100), t !== void 0 && t > 0 && (_.current = setTimeout(() => {
 			d.current && d.current.state !== "inactive" && d.current.stop();
 		}, t * 1e3)), i("recording");
-	}, [t, S]), w = E(() => {
+	}, [t, S]), te = E(() => {
 		d.current && d.current.state !== "inactive" && (x.current = !1, d.current.stop());
-	}, []), T = E(() => {
+	}, []), w = E(() => {
 		d.current && d.current.state !== "inactive" ? (x.current = !0, d.current.stop()) : (S(), i("idle"), o(0), u([]));
-	}, [S]), te = E(() => {
+	}, [S]), T = E(() => {
 		d.current && d.current.state === "recording" && (d.current.pause(), h.current !== null && (clearInterval(h.current), h.current = null), g.current !== null && (clearInterval(g.current), g.current = null), i("paused"));
-	}, []), A = E(() => {
+	}, []), ne = E(() => {
 		if (d.current && d.current.state === "paused") {
 			d.current.resume(), h.current = setInterval(() => {
 				y.current += 1, o((e) => e + 1);
@@ -1281,15 +1282,15 @@ function ht(e) {
 		analyserNode: s,
 		waveformData: l,
 		start: C,
-		stop: w,
-		cancel: T,
-		pause: te,
-		resume: A
+		stop: te,
+		cancel: w,
+		pause: T,
+		resume: ne
 	};
 }
 //#endregion
 //#region src/composed/rich-chat-input.tsx
-var gt = {
+var _t = {
 	compact: {
 		minHeight: 44,
 		maxHeight: 256,
@@ -1314,7 +1315,7 @@ var gt = {
 		showToolbar: !1,
 		toolbarPosition: "top"
 	}
-}, _t = [
+}, vt = [
 	"prose prose-sm max-w-none focus:outline-hidden",
 	"font-body text-body-md leading-relaxed text-surface-fg",
 	"[&_p.is-editor-empty:first-child]:relative",
@@ -1323,13 +1324,13 @@ var gt = {
 	"[&_p:last-child]:mb-0",
 	"[&_ul]:ml-ds-04 [&_ul]:list-disc [&_ol]:ml-ds-04 [&_ol]:list-decimal",
 	"[&_li]:text-surface-fg",
-	"[&_code]:rounded [&_code]:bg-surface-raised [&_code]:px-ds-02 [&_code]:py-[1px] [&_code]:text-body-md [&_code]:text-accent-11",
+	"[&_code]:rounded [&_code]:bg-surface-panel [&_code]:px-ds-02 [&_code]:py-[1px] [&_code]:text-body-md [&_code]:text-accent-11",
 	"[&_strong]:font-semibold [&_strong]:text-surface-fg",
 	"[&_mark]:rounded-xs [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
 	"[&_a]:text-accent-11 [&_a]:underline",
-	y
+	b
 ].join(" ");
-function vt({ options: e }) {
+function yt({ options: e }) {
 	let [t, n] = T.useState(!1), r = T.useRef(null);
 	return T.useEffect(() => {
 		if (!t) return;
@@ -1346,9 +1347,9 @@ function vt({ options: e }) {
 			title: "More send options",
 			"aria-label": "More send options",
 			"aria-expanded": t,
-			className: a("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg", "transition-colors duration-fast-01 ease-productive-standard", t && "bg-surface-raised-hover text-surface-fg"),
-			children: /* @__PURE__ */ A(s, {
-				icon: ae,
+			className: o("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:bg-surface-panel-hover hover:text-surface-fg", "transition-colors duration-fast-01 ease-productive-standard", t && "bg-surface-panel-hover text-surface-fg"),
+			children: /* @__PURE__ */ A(c, {
+				icon: oe,
 				size: "xs"
 			})
 		}), t && /* @__PURE__ */ j("div", {
@@ -1361,14 +1362,14 @@ function vt({ options: e }) {
 				onClick: () => {
 					e.onSelect(), n(!1);
 				},
-				className: "flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-body-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
+				className: "flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-body-sm text-surface-fg hover:bg-surface-panel-hover transition-colors duration-fast-01",
 				children: [e.icon && /* @__PURE__ */ A(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
 			}, t))]
 		})]
 	});
 }
-var yt = T.lazy(() => import("./emoji-picker.js").then((e) => ({ default: e.EmojiPicker })));
-function bt({ onSelect: e, onClose: t }) {
+var bt = T.lazy(() => import("./emoji-picker.js").then((e) => ({ default: e.EmojiPicker })));
+function xt({ onSelect: e, onClose: t }) {
 	let n = T.useRef(null);
 	T.useEffect(() => {
 		let e = (e) => {
@@ -1392,7 +1393,7 @@ function bt({ onSelect: e, onClose: t }) {
 		ref: n,
 		children: /* @__PURE__ */ A(T.Suspense, {
 			fallback: r,
-			children: /* @__PURE__ */ A(yt, { onSelect: e })
+			children: /* @__PURE__ */ A(bt, { onSelect: e })
 		})
 	});
 }
@@ -1403,12 +1404,12 @@ function Q({ onClick: e, isActive: t = !1, title: n, children: r }) {
 		title: n,
 		"aria-label": n,
 		"aria-pressed": t,
-		className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", t ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
+		className: o("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-panel-hover", t ? "bg-surface-panel-hover text-accent-11" : "text-surface-fg-subtle"),
 		children: r
 	});
 }
-function xt({ editor: e }) {
-	let t = B({
+function St({ editor: e }) {
+	let t = z({
 		editor: e,
 		selector: ({ editor: e }) => ({
 			isBold: e.isActive("bold"),
@@ -1419,7 +1420,7 @@ function xt({ editor: e }) {
 			isCode: e.isActive("code")
 		})
 	});
-	return /* @__PURE__ */ j(Ne, {
+	return /* @__PURE__ */ j(Fe, {
 		editor: e,
 		className: "flex gap-ds-01 rounded-surface bg-surface-overlay p-ds-02 shadow-floating",
 		children: [
@@ -1427,8 +1428,8 @@ function xt({ editor: e }) {
 				onClick: () => e.chain().focus().toggleBold().run(),
 				isActive: t.isBold,
 				title: "Bold",
-				children: /* @__PURE__ */ A(s, {
-					icon: ie,
+				children: /* @__PURE__ */ A(c, {
+					icon: ae,
 					size: "xs"
 				})
 			}),
@@ -1436,8 +1437,8 @@ function xt({ editor: e }) {
 				onClick: () => e.chain().focus().toggleItalic().run(),
 				isActive: t.isItalic,
 				title: "Italic",
-				children: /* @__PURE__ */ A(s, {
-					icon: ue,
+				children: /* @__PURE__ */ A(c, {
+					icon: de,
 					size: "xs"
 				})
 			}),
@@ -1445,7 +1446,7 @@ function xt({ editor: e }) {
 				onClick: () => e.chain().focus().toggleUnderline().run(),
 				isActive: t.isUnderline,
 				title: "Underline",
-				children: /* @__PURE__ */ A(s, {
+				children: /* @__PURE__ */ A(c, {
 					icon: I,
 					size: "xs"
 				})
@@ -1454,7 +1455,7 @@ function xt({ editor: e }) {
 				onClick: () => e.chain().focus().toggleStrike().run(),
 				isActive: t.isStrike,
 				title: "Strikethrough",
-				children: /* @__PURE__ */ A(s, {
+				children: /* @__PURE__ */ A(c, {
 					icon: F,
 					size: "xs"
 				})
@@ -1463,8 +1464,8 @@ function xt({ editor: e }) {
 				onClick: () => e.chain().focus().toggleHighlight().run(),
 				isActive: t.isHighlight,
 				title: "Highlight",
-				children: /* @__PURE__ */ A(s, {
-					icon: le,
+				children: /* @__PURE__ */ A(c, {
+					icon: ue,
 					size: "xs"
 				})
 			}),
@@ -1472,19 +1473,19 @@ function xt({ editor: e }) {
 				onClick: () => e.chain().focus().toggleCode().run(),
 				isActive: t.isCode,
 				title: "Code",
-				children: /* @__PURE__ */ A(s, {
-					icon: se,
+				children: /* @__PURE__ */ A(c, {
+					icon: ce,
 					size: "xs"
 				})
 			})
 		]
 	});
 }
-var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message...", disabled: d = !1, content: f = "", variant: p = "compact", enterBehavior: m = "send", maxLength: g, charCountDisplay: _ = "near-limit", mentions: v, onMentionSearch: y, onMentionSelect: C, onFileUpload: w, onImageUpload: E, slashCommands: D, onVoiceRecord: O, onTranscribe: k, maxDuration: te, replyTo: M, onTyping: re, onEmpty: ie, isStreaming: N = !1, onCancel: ae, leadingSlot: se, trailingSlot: ce, disclaimer: le, toolbar: ue = !0, sendOptions: de, onSchedule: P, actionButton: fe, emojiSet: he = "native", className: ge, ..._e }, be) {
-	let [F, I] = T.useState("idle"), [L, we] = T.useState(!1), [Ne, Fe] = T.useState(!1), [V, Ie] = T.useState(null), [Le, H] = T.useState(!1), [Re, Be] = T.useState(!1), [U, He] = T.useState(0), Ue = T.useRef(null), Ge = T.useRef(null);
+var Ct = T.forwardRef(function({ onSubmit: s, placeholder: d = "Type a message...", disabled: f = !1, content: p = "", variant: m = "compact", enterBehavior: h = "send", maxLength: _, charCountDisplay: v = "near-limit", mentions: y, onMentionSearch: b, onMentionSelect: te, onFileUpload: w, onImageUpload: E, slashCommands: D, onVoiceRecord: O, onTranscribe: k, maxDuration: ne, replyTo: ie, onTyping: M, onEmpty: ae, isStreaming: N = !1, onCancel: oe, leadingSlot: ce, trailingSlot: le, disclaimer: ue, toolbar: de = !0, sendOptions: fe, onSchedule: P, actionButton: pe, emojiSet: ge = "native", className: _e, ...ve }, xe) {
+	let [F, I] = T.useState("idle"), [L, Ee] = T.useState(!1), [Fe, Le] = T.useState(!1), [B, Re] = T.useState(null), [ze, V] = T.useState(!1), [Be, He] = T.useState(!1), [H, We] = T.useState(0), Ge = T.useRef(null), qe = T.useRef(null);
 	T.useEffect(() => {
-		if (!Ne || !Ue.current || !Ge.current) return;
-		let i = Ue.current, a = Ge.current, o = () => {
+		if (!Fe || !Ge.current || !qe.current) return;
+		let i = Ge.current, a = qe.current, o = () => {
 			e(i, a, {
 				placement: "top-end",
 				middleware: [
@@ -1502,17 +1503,17 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 		return o(), window.addEventListener("scroll", o, !0), window.addEventListener("resize", o), () => {
 			window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", o);
 		};
-	}, [Ne]);
-	let [W, G] = T.useState([]), [K, q] = T.useState(null), [Ke, qe] = T.useState(!1), Je = T.useRef(null), Ye = T.useRef(null), Xe = T.useRef(void 0), Ze = T.useRef(void 0), Qe = T.useRef(m);
-	Qe.current = m;
-	let $e = T.useRef(C);
-	$e.current = C;
-	let et = T.useRef(v);
-	et.current = v;
-	let tt = T.useRef(y);
-	tt.current = y;
-	let nt = c(), J = gt[p], rt = J.maxHeight, Y = ht({
-		maxDuration: te,
+	}, [Fe]);
+	let [U, W] = T.useState([]), [G, K] = T.useState(null), [Je, Ye] = T.useState(!1), Xe = T.useRef(null), Ze = T.useRef(null), Qe = T.useRef(void 0), $e = T.useRef(void 0), et = T.useRef(h);
+	et.current = h;
+	let tt = T.useRef(te);
+	tt.current = te;
+	let nt = T.useRef(y);
+	nt.current = y;
+	let q = T.useRef(b);
+	q.current = b;
+	let rt = l(), J = _t[m], it = J.maxHeight, Y = gt({
+		maxDuration: ne,
 		onComplete: async (e, t, n) => {
 			if (O?.(e, t), k) {
 				let n = await k(e, t);
@@ -1521,23 +1522,23 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 					return;
 				}
 			}
-			q({
+			K({
 				blob: e,
 				duration: t,
 				waveformData: n
 			}), I("review");
 		}
-	}), at = T.useCallback(() => {
+	}), ot = T.useCallback(() => {
 		Y.start(), I("recording");
-	}, [Y]), ct = T.useCallback(() => {
-		Y.stop();
 	}, [Y]), lt = T.useCallback(() => {
+		Y.stop();
+	}, [Y]), ut = T.useCallback(() => {
 		Y.cancel(), I("idle");
-	}, [Y]), X = Me({
+	}, [Y]), X = Pe({
 		immediatelyRender: !1,
 		extensions: T.useMemo(() => {
 			let e = [
-				Pe.configure({
+				Ie.configure({
 					heading: !1,
 					horizontalRule: !1,
 					codeBlock: !1,
@@ -1547,98 +1548,98 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 						HTMLAttributes: { class: "text-accent-11 underline" }
 					}
 				}),
-				ke.configure({ placeholder: u }),
-				Te.configure({ multicolor: !1 }),
-				Ee,
-				Oe.configure({ limit: g || void 0 }),
-				ee,
-				b,
-				x(),
-				je.create({
+				je.configure({ placeholder: d }),
+				De.configure({ multicolor: !1 }),
+				Oe,
+				Ae.configure({ limit: _ || void 0 }),
+				S,
+				x,
+				ee(),
+				Ne.create({
 					name: "enterToSend",
 					addKeyboardShortcuts() {
 						return {
-							Enter: () => Qe.current === "send" ? (Ze.current?.(), !0) : !1,
-							"Shift-Enter": () => Qe.current === "send" ? (this.editor.commands.splitBlock(), !0) : !1,
-							"Mod-Enter": () => (Ze.current?.(), !0)
+							Enter: () => et.current === "send" ? ($e.current?.(), !0) : !1,
+							"Shift-Enter": () => et.current === "send" ? (this.editor.commands.splitBlock(), !0) : !1,
+							"Mod-Enter": () => ($e.current?.(), !0)
 						};
 					}
 				})
 			];
-			return (v || y) && e.push(De.configure({
+			return (y || b) && e.push(ke.configure({
 				HTMLAttributes: { class: "mention" },
 				suggestion: {
 					items: async ({ query: e }) => {
-						if (tt.current) return await tt.current(e);
-						let t = et.current;
+						if (q.current) return await q.current(e);
+						let t = nt.current;
 						return t ? t.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [];
 					},
-					render: S((e) => $e.current?.(e))
+					render: C((e) => tt.current?.(e))
 				}
-			})), D && e.push(ze(D)), e;
+			})), D && e.push(Ve(D)), e;
 		}, [
-			u,
-			g,
-			he,
-			!!v,
+			d,
+			_,
+			ge,
 			!!y,
+			!!b,
 			!!D
 		]),
-		content: f || void 0,
-		editable: !d,
+		content: p || void 0,
+		editable: !f,
 		editorProps: {
-			attributes: { class: _t },
+			attributes: { class: vt },
 			handlePaste: (e, t) => {
 				let n = Array.from(t.clipboardData?.files ?? []);
 				return n.length > 0 ? (n.forEach(Z), !0) : !1;
 			}
 		}
-	}), ut = T.useCallback(() => {
+	}), dt = T.useCallback(() => {
 		if (!X) return;
-		let e = !X.isEmpty, t = W.length > 0, n = !!K;
+		let e = !X.isEmpty, t = U.length > 0, n = !!G;
 		if (!e && !t && !n || N) return;
 		let r = {
 			html: e ? X.getHTML() : "",
 			plainText: e ? X.getText() : ""
 		};
-		t && (r.attachments = W.filter((e) => !e.uploading && e.url).map((e) => ({
+		t && (r.attachments = U.filter((e) => !e.uploading && e.url).map((e) => ({
 			url: e.url,
 			name: e.name,
 			size: e.size,
 			type: e.type
 		}))), n && (r.voiceNote = {
-			blob: K.blob,
-			duration: K.duration
-		}), V && P ? P(r, V) : o(r), X.commands.clearContent(), G([]), q(null), Ie(null), I("idle");
+			blob: G.blob,
+			duration: G.duration
+		}), B && P ? P(r, B) : s(r), X.commands.clearContent(), W([]), K(null), Re(null), I("idle");
 	}, [
 		X,
-		W,
-		K,
+		U,
+		G,
 		N,
-		o,
+		s,
 		P,
-		V
+		B
 	]);
-	Ze.current = ut, T.useEffect(() => {
-		if (!X || !re) return;
+	$e.current = dt, T.useEffect(() => {
+		if (!X || !M) return;
 		let e = () => {
-			re(!0), clearTimeout(Xe.current), Xe.current = setTimeout(() => re(!1), 2e3);
+			M(!0), clearTimeout(Qe.current), Qe.current = setTimeout(() => M(!1), 2e3);
 		};
 		return X.on("update", e), () => {
-			X.off("update", e), clearTimeout(Xe.current);
+			X.off("update", e), clearTimeout(Qe.current);
 		};
-	}, [X, re]), T.useEffect(() => {
-		if (!X || !ie) return;
+	}, [X, M]), T.useEffect(() => {
+		if (!X || !ae) return;
 		let e = () => {
-			ie(X.isEmpty);
+			ae(X.isEmpty);
 		};
 		return X.on("update", e), e(), () => {
 			X.off("update", e);
 		};
-	}, [X, ie]);
+	}, [X, ae]);
 	let Z = T.useCallback(async (e) => {
 		let t = Math.random().toString(36).slice(2), n = e.type.startsWith("image/");
-		G((r) => [...r, {
+		W((r) => [...r, {
 			id: t,
 			name: e.name,
 			size: e.size,
@@ -1648,14 +1649,14 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 		try {
 			if (n && E) {
 				let n = await E(e);
-				G((e) => e.map((e) => e.id === t ? {
+				W((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n,
 					uploading: !1
 				} : e));
 			} else if (w) {
 				let n = await w(e);
-				G((e) => e.map((e) => e.id === t ? {
+				W((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n.url,
 					name: n.name,
@@ -1664,24 +1665,24 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 				} : e));
 			} else if (n) {
 				let n = URL.createObjectURL(e);
-				G((e) => e.map((e) => e.id === t ? {
+				W((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n,
 					uploading: !1
 				} : e));
-			} else G((e) => e.filter((e) => e.id !== t));
+			} else W((e) => e.filter((e) => e.id !== t));
 		} catch {
-			G((e) => e.filter((e) => e.id !== t));
+			W((e) => e.filter((e) => e.id !== t));
 		}
-	}, [w, E]), mt = T.useCallback((e) => {
-		G((t) => t.filter((t) => t.id !== e));
-	}, []), yt = T.useCallback((e) => {
-		e.preventDefault(), qe(!1), Array.from(e.dataTransfer.files).forEach(Z);
+	}, [w, E]), ht = T.useCallback((e) => {
+		W((t) => t.filter((t) => t.id !== e));
+	}, []), bt = T.useCallback((e) => {
+		e.preventDefault(), Ye(!1), Array.from(e.dataTransfer.files).forEach(Z);
 	}, [Z]), Q = T.useCallback((e) => {
 		Array.from(e.target.files || []).forEach(Z), e.target.value = "";
-	}, [Z]), St = T.useCallback(() => {
-		q(null), I("idle");
-	}, []), Ct = B({
+	}, [Z]), Ct = T.useCallback(() => {
+		K(null), I("idle");
+	}, []), wt = z({
 		editor: X,
 		selector: ({ editor: e }) => e ? { editorIsEmpty: e.isEmpty } : null
 	})?.editorIsEmpty ?? !0;
@@ -1689,126 +1690,126 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 		if (!X) return;
 		let e = () => {
 			let e = X.state.doc.textBetween(0, X.state.doc.content.size, void 0, " ");
-			He(e.length);
+			We(e.length);
 		};
 		return e(), X.on("update", e), () => {
 			X.off("update", e);
 		};
 	}, [X]);
-	let wt = !Ct || W.length > 0 || !!K, Tt = L || F === "review" || p === "expanded", $ = "icon-md";
-	return /* @__PURE__ */ j("div", {
-		ref: be,
-		className: a("border-t border-surface-border-subtle px-ds-05 py-ds-04", "flex items-center gap-ds-03", ge),
-		..._e,
+	let Tt = !wt || U.length > 0 || !!G, Et = L || F === "review" || m === "expanded", $ = "icon-md";
+	return /* @__PURE__ */ A(a, { children: /* @__PURE__ */ j("div", {
+		ref: xe,
+		className: o("border-t border-surface-border-subtle px-ds-05 py-ds-04", "flex items-center gap-ds-03", _e),
+		...ve,
 		children: [
-			fe !== !1 && (fe ?? (w || E ? /* @__PURE__ */ A(l, {
+			pe !== !1 && (pe ?? (w || E ? /* @__PURE__ */ A(u, {
 				variant: "solid",
 				size: "icon-md",
-				onClick: () => Je.current?.click(),
+				onClick: () => Xe.current?.click(),
 				title: "Attach",
 				"aria-label": "Attach file",
 				className: "shrink-0",
-				children: /* @__PURE__ */ A(s, {
-					icon: ve,
+				children: /* @__PURE__ */ A(c, {
+					icon: ye,
 					size: "md"
 				})
 			}) : null)),
 			/* @__PURE__ */ j("div", {
 				role: "region",
 				"aria-label": "Message composer",
-				className: a("flex-1 min-w-0 overflow-hidden rounded-surface border border-surface-border-strong bg-surface-raised-hover", "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard", "hover:bg-surface-raised-active", "focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-accent-9", F === "recording" && "border-error-7/30", Ke && "border-dashed border-accent-7 bg-accent-2", d && "opacity-action-disabled cursor-not-allowed"),
-				onFocus: () => Be(!0),
+				className: o("flex-1 min-w-0 overflow-hidden rounded-surface border border-surface-border-interactive bg-surface-panel-hover", "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard", "hover:bg-surface-panel-active", "focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-accent-9", F === "recording" && "border-error-7/30", Je && "border-dashed border-accent-7 bg-accent-2", f && "opacity-action-disabled cursor-not-allowed"),
+				onFocus: () => He(!0),
 				onBlur: (e) => {
-					e.currentTarget.contains(e.relatedTarget) || Be(!1);
+					e.currentTarget.contains(e.relatedTarget) || He(!1);
 				},
 				onDragOver: (e) => {
-					e.preventDefault(), qe(!0);
+					e.preventDefault(), Ye(!0);
 				},
-				onDragLeave: () => qe(!1),
-				onDrop: yt,
+				onDragLeave: () => Ye(!1),
+				onDrop: bt,
 				children: [
-					se,
-					/* @__PURE__ */ A(R, { children: M && /* @__PURE__ */ A(st, {
-						author: M.author,
-						preview: M.preview,
-						onDismiss: M.onDismiss
+					ce,
+					/* @__PURE__ */ A(Te, { children: ie && /* @__PURE__ */ A(ct, {
+						author: ie.author,
+						preview: ie.preview,
+						onDismiss: ie.onDismiss
 					}, "reply") }),
-					/* @__PURE__ */ A(R, { children: V && /* @__PURE__ */ A(pt, {
-						date: V,
-						onEdit: () => H(!0),
-						onClear: () => Ie(null)
+					/* @__PURE__ */ A(Te, { children: B && /* @__PURE__ */ A(mt, {
+						date: B,
+						onEdit: () => V(!0),
+						onClear: () => Re(null)
 					}, "schedule") }),
-					/* @__PURE__ */ A(R, { children: W.length > 0 && /* @__PURE__ */ A(Ve, {
-						attachments: W,
-						onRemoveAttachment: mt
+					/* @__PURE__ */ A(Te, { children: U.length > 0 && /* @__PURE__ */ A(Ue, {
+						attachments: U,
+						onRemoveAttachment: ht
 					}, "attachments") }),
 					J.toolbarPosition === "top" && X && /* @__PURE__ */ A("div", {
-						className: a("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", L ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+						className: o("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", L ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
 						children: /* @__PURE__ */ A("div", {
 							className: "overflow-hidden",
-							children: /* @__PURE__ */ A(it, {
+							children: /* @__PURE__ */ A(at, {
 								editor: X,
-								toolbar: ue,
+								toolbar: de,
 								isMobile: !1,
-								hasMentions: !!(v || y),
+								hasMentions: !!(y || b),
 								hasSlashCommands: !!D,
-								disabled: d
+								disabled: f
 							})
 						})
 					}),
 					/* @__PURE__ */ j("div", {
 						className: "relative",
-						children: [F === "recording" && /* @__PURE__ */ A(ot, {
+						children: [F === "recording" && /* @__PURE__ */ A(st, {
 							duration: Y.duration,
 							analyserNode: Y.analyserNode,
-							maxDuration: te,
-							onCancel: lt
+							maxDuration: ne,
+							onCancel: ut
 						}), /* @__PURE__ */ j("div", {
-							ref: Ye,
-							className: a("flex items-center px-ds-04 py-ds-03 cursor-text [&_.tiptap]:w-full [&_.tiptap]:outline-hidden", F === "recording" && "invisible"),
+							ref: Ze,
+							className: o("flex items-center px-ds-04 py-ds-03 cursor-text [&_.tiptap]:w-full [&_.tiptap]:outline-hidden", F === "recording" && "invisible"),
 							style: {
 								minHeight: J.minHeight,
-								maxHeight: rt,
+								maxHeight: it,
 								overflowY: "auto"
 							},
 							onClick: () => X?.commands.focus(),
 							children: [/* @__PURE__ */ A("div", {
 								className: "flex-1 min-w-0",
-								children: /* @__PURE__ */ A(Ae, { editor: X })
+								children: /* @__PURE__ */ A(Me, { editor: X })
 							}), X && F !== "recording" && /* @__PURE__ */ j("div", {
 								className: "flex items-center gap-ds-01 shrink-0 ml-ds-03",
 								children: [/* @__PURE__ */ A("button", {
 									type: "button",
-									onClick: () => we((e) => !e),
+									onClick: () => Ee((e) => !e),
 									title: L ? "Hide formatting" : "Show formatting",
 									"aria-label": L ? "Hide formatting" : "Show formatting",
 									"aria-pressed": L,
-									className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", L ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
-									children: /* @__PURE__ */ A(s, {
-										icon: Se,
+									className: o("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-panel-hover", L ? "bg-surface-panel-hover text-accent-11" : "text-surface-fg-subtle"),
+									children: /* @__PURE__ */ A(c, {
+										icon: Ce,
 										size: "xs"
 									})
 								}), /* @__PURE__ */ j("div", {
 									className: "relative",
 									children: [/* @__PURE__ */ A("button", {
-										ref: Ue,
+										ref: Ge,
 										type: "button",
-										onClick: () => Fe((e) => !e),
+										onClick: () => Le((e) => !e),
 										title: "Emoji",
 										"aria-label": "Emoji",
-										className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target transition-colors duration-fast-01", Ne ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
-										children: /* @__PURE__ */ A(s, {
-											icon: me,
+										className: o("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target transition-colors duration-fast-01", Fe ? "bg-surface-panel-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-panel-hover hover:text-surface-fg"),
+										children: /* @__PURE__ */ A(c, {
+											icon: he,
 											size: "xs"
 										})
-									}), Ne && ne.createPortal(/* @__PURE__ */ A("div", {
-										ref: Ge,
+									}), Fe && re.createPortal(/* @__PURE__ */ A("div", {
+										ref: qe,
 										className: "absolute z-popover",
 										style: {
 											top: 0,
 											left: 0
 										},
-										children: /* @__PURE__ */ A(bt, {
+										children: /* @__PURE__ */ A(xt, {
 											onSelect: ({ id: e, native: t }) => {
 												X.chain().focus().insertContent({
 													type: "emojiNode",
@@ -1816,64 +1817,64 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 														id: e,
 														native: t
 													}
-												}).run(), Fe(!1);
+												}).run(), Le(!1);
 											},
-											onClose: () => Fe(!1)
+											onClose: () => Le(!1)
 										})
 									}), document.body)]
 								})]
 							})]
 						})]
 					}),
-					F === "review" && K && /* @__PURE__ */ j("div", {
+					F === "review" && G && /* @__PURE__ */ j("div", {
 						className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b border-b border-surface-border",
-						children: [/* @__PURE__ */ A(We, {
-							src: K.blob,
-							duration: K.duration,
-							waveformData: K.waveformData,
+						children: [/* @__PURE__ */ A(Ke, {
+							src: G.blob,
+							duration: G.duration,
+							waveformData: G.waveformData,
 							className: "flex-1"
-						}), /* @__PURE__ */ A(l, {
+						}), /* @__PURE__ */ A(u, {
 							variant: "ghost",
 							size: "icon-sm",
-							onClick: St,
+							onClick: Ct,
 							"aria-label": "Discard voice note",
 							title: "Discard voice note",
 							className: "text-surface-fg-subtle hover:text-error-11",
-							children: /* @__PURE__ */ A(s, {
-								icon: Ce,
+							children: /* @__PURE__ */ A(c, {
+								icon: we,
 								size: "sm"
 							})
 						})]
 					}),
-					nt && X && !Ct && /* @__PURE__ */ A(xt, { editor: X }),
+					rt && X && !wt && /* @__PURE__ */ A(St, { editor: X }),
 					J.toolbarPosition === "bottom" && X && /* @__PURE__ */ A("div", {
-						className: a("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", Tt ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+						className: o("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", Et ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
 						children: /* @__PURE__ */ A("div", {
 							className: "overflow-hidden",
-							children: /* @__PURE__ */ A(it, {
+							children: /* @__PURE__ */ A(at, {
 								editor: X,
-								toolbar: ue,
-								isMobile: nt,
-								hasMentions: !!(v || y),
+								toolbar: de,
+								isMobile: rt,
+								hasMentions: !!(y || b),
 								hasSlashCommands: !!D,
-								disabled: d
+								disabled: f
 							})
 						})
 					}),
-					g && _ !== "hidden" && (() => {
-						let e = U / g;
-						return _ === "always" || _ === "focus" && Re || (_ === "near-limit" || !_) && e >= .8 || e >= 1 ? /* @__PURE__ */ j("div", {
-							className: a("flex justify-end px-ds-04 pb-ds-02 text-body-xs tabular-nums transition-opacity duration-fast-01", e >= 1 ? "text-error-11 font-medium" : e >= .9 ? "text-warning-11" : "text-surface-fg-subtle"),
+					_ && v !== "hidden" && (() => {
+						let e = H / _;
+						return v === "always" || v === "focus" && Be || (v === "near-limit" || !v) && e >= .8 || e >= 1 ? /* @__PURE__ */ j("div", {
+							className: o("flex justify-end px-ds-04 pb-ds-02 text-body-xs tabular-nums transition-opacity duration-fast-01", e >= 1 ? "text-error-11 font-medium" : e >= .9 ? "text-warning-11" : "text-surface-fg-subtle"),
 							children: [
-								U,
+								H,
 								"/",
-								g
+								_
 							]
 						}) : null;
 					})(),
-					ce,
+					le,
 					/* @__PURE__ */ A("input", {
-						ref: Je,
+						ref: Xe,
 						type: "file",
 						multiple: !0,
 						className: "hidden",
@@ -1883,11 +1884,11 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 			}),
 			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-ds-02 shrink-0",
-				children: [de && de.length > 0 && F !== "recording" && /* @__PURE__ */ A(vt, { options: de }), /* @__PURE__ */ j(R, {
+				children: [fe && fe.length > 0 && F !== "recording" && /* @__PURE__ */ A(yt, { options: fe }), /* @__PURE__ */ j(Te, {
 					mode: "popLayout",
 					initial: !1,
 					children: [
-						F === "recording" && /* @__PURE__ */ j(z.div, {
+						F === "recording" && /* @__PURE__ */ j(R.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1902,31 +1903,31 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 							},
 							transition: { duration: i.moderate01 },
 							className: "flex items-center gap-ds-02",
-							children: [/* @__PURE__ */ A(l, {
+							children: [/* @__PURE__ */ A(u, {
 								variant: "soft",
 								size: $,
-								onClick: lt,
+								onClick: ut,
 								"aria-label": "Cancel recording",
 								title: "Cancel recording",
 								className: "text-surface-fg-subtle hover:text-error-11",
-								children: /* @__PURE__ */ A(s, {
-									icon: Ce,
+								children: /* @__PURE__ */ A(c, {
+									icon: we,
 									size: "md"
 								})
-							}), /* @__PURE__ */ A(l, {
+							}), /* @__PURE__ */ A(u, {
 								variant: "solid",
 								size: $,
 								color: "error",
-								onClick: ct,
+								onClick: lt,
 								"aria-label": "Stop recording",
 								title: "Stop recording",
-								children: /* @__PURE__ */ A(s, {
-									icon: xe,
+								children: /* @__PURE__ */ A(c, {
+									icon: Se,
 									size: "md"
 								})
 							})]
 						}, "recording"),
-						N && F !== "recording" && /* @__PURE__ */ A(z.div, {
+						N && F !== "recording" && /* @__PURE__ */ A(R.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1940,20 +1941,20 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ A(u, {
 								variant: "solid",
 								size: $,
 								color: "error",
-								onClick: ae,
+								onClick: oe,
 								"aria-label": "Stop",
 								title: "Stop",
-								children: /* @__PURE__ */ A(s, {
-									icon: xe,
+								children: /* @__PURE__ */ A(c, {
+									icon: Se,
 									size: "md"
 								})
 							})
 						}, "streaming"),
-						!N && F !== "recording" && wt && P && /* @__PURE__ */ A(z.div, {
+						!N && F !== "recording" && Tt && P && /* @__PURE__ */ A(R.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1967,23 +1968,23 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(h, {
-								onClick: ut,
-								disabled: d,
-								"aria-label": V ? "Schedule send" : "Send",
+							children: /* @__PURE__ */ A(g, {
+								onClick: dt,
+								disabled: f,
+								"aria-label": B ? "Schedule send" : "Send",
 								size: $,
-								dropdownContent: /* @__PURE__ */ A(dt, {
-									onSchedule: (e) => Ie(e),
+								dropdownContent: /* @__PURE__ */ A(ft, {
+									onSchedule: (e) => Re(e),
 									onClose: () => {},
-									onOpenDialog: () => H(!0)
+									onOpenDialog: () => V(!0)
 								}),
-								children: /* @__PURE__ */ A(s, {
-									icon: V ? oe : ye,
+								children: /* @__PURE__ */ A(c, {
+									icon: B ? se : be,
 									size: "md"
 								})
 							})
 						}, "split-send"),
-						!N && F !== "recording" && wt && !P && /* @__PURE__ */ A(z.div, {
+						!N && F !== "recording" && Tt && !P && /* @__PURE__ */ A(R.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1997,20 +1998,20 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ A(u, {
 								variant: "solid",
 								size: $,
-								onClick: ut,
-								disabled: d,
+								onClick: dt,
+								disabled: f,
 								"aria-label": "Send",
 								title: "Send",
-								children: /* @__PURE__ */ A(s, {
-									icon: ye,
+								children: /* @__PURE__ */ A(c, {
+									icon: be,
 									size: "md"
 								})
 							})
 						}, "send"),
-						!N && F !== "recording" && !wt && O && /* @__PURE__ */ A(z.div, {
+						!N && F !== "recording" && !Tt && O && /* @__PURE__ */ A(R.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -2024,19 +2025,19 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ A(u, {
 								variant: "soft",
 								size: $,
-								onClick: at,
+								onClick: ot,
 								"aria-label": "Record voice message",
 								title: "Record voice message",
-								children: /* @__PURE__ */ A(s, {
-									icon: pe,
+								children: /* @__PURE__ */ A(c, {
+									icon: me,
 									size: "md"
 								})
 							})
 						}, "mic"),
-						!N && F !== "recording" && !wt && !O && /* @__PURE__ */ A(z.div, {
+						!N && F !== "recording" && !Tt && !O && /* @__PURE__ */ A(R.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -2050,14 +2051,14 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ A(u, {
 								variant: "solid",
 								size: $,
 								disabled: !0,
 								"aria-label": "Send",
 								title: "Send",
-								children: /* @__PURE__ */ A(s, {
-									icon: ye,
+								children: /* @__PURE__ */ A(c, {
+									icon: be,
 									size: "md"
 								})
 							})
@@ -2065,19 +2066,19 @@ var St = T.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 					]
 				})]
 			}),
-			le && /* @__PURE__ */ A("p", {
-				className: "mt-ds-02 text-center text-caption text-surface-fg-subtle/50",
-				children: le
+			ue && /* @__PURE__ */ A("p", {
+				className: "mt-ds-02 text-center text-caption text-surface-fg-subtle",
+				children: ue
 			}),
-			P && /* @__PURE__ */ A(ft, {
-				open: Le,
-				onOpenChange: H,
-				onSchedule: (e) => Ie(e),
-				initialDate: V
+			P && /* @__PURE__ */ A(pt, {
+				open: ze,
+				onOpenChange: V,
+				onSchedule: (e) => Re(e),
+				initialDate: B
 			})
 		]
-	});
+	}) });
 });
-St.displayName = "RichChatInput";
+Ct.displayName = "RichChatInput";
 //#endregion
-export { We as AudioPlayer, U as AudioWaveform, et as BlockquoteButton, Ke as BoldButton, Qe as BulletListButton, Ze as CodeButton, J as EmojiButton, Xe as HighlightButton, qe as ItalicButton, tt as LinkButton, nt as MentionButton, $e as OrderedListButton, St as RichChatInput, rt as SlashCommandButton, Ye as StrikeButton, G as ToolbarButton, K as ToolbarDivider, q as ToolbarGroup, Je as UnderlineButton, ht as useVoiceRecorder };
+export { Ke as AudioPlayer, H as AudioWaveform, nt as BlockquoteButton, Je as BoldButton, et as BulletListButton, $e as CodeButton, J as EmojiButton, Qe as HighlightButton, Ye as ItalicButton, q as LinkButton, rt as MentionButton, tt as OrderedListButton, Ct as RichChatInput, it as SlashCommandButton, Ze as StrikeButton, W as ToolbarButton, G as ToolbarDivider, K as ToolbarGroup, Xe as UnderlineButton, gt as useVoiceRecorder };