@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0

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

@@ -1,28 +1,28 @@
 "use client";
 import { ln as e, mn as t, pn as n, un as r } from "./primitives.js";
-import { a as i, c as a, n as o } from "./framer.js";
-import { durations as s } from "../ui/lib/motion.js";
-import { cn as c } from "../ui/lib/utils.js";
-import { Spinner as l } from "../ui/spinner.js";
-import { Icon as u } from "../ui/icon.js";
-import { useIsMobile as d } from "../hooks/use-mobile.js";
-import { Button as f } from "../ui/button.js";
-import { Dialog as p, DialogContent as m, DialogFooter as h, DialogHeader as g, DialogTitle as _ } from "../ui/dialog.js";
-import { SplitButton as v } from "../ui/split-button.js";
-import { emojiDataLoaders as y } from "../composed/emoji-picker.js";
-import { c as b, d as x, g as ee, h as S, i as C, l as te, m as ne, n as re, o as ie, r as w, s as ae, t as T, y as oe } from "./tiptap.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 { emojiDataLoaders as g } from "../composed/emoji-picker.js";
+import { n as _, t as v } from "./use-calendar.js";
+import { a as y, c as b, d as x, g as S, h as C, i as w, l as ee, m as te, n as ne, o as re, s as ie, u as ae, y as oe } from "./tiptap.js";
 import { a as se, i as ce, n as le, o as ue, r as de, t as fe } from "./mention-suggestion.js";
 import { useColorMode as pe } from "../hooks/use-color-mode.js";
-import { n as me, t as E } from "./use-calendar.js";
-import * as D from "react";
-import { useCallback as O, useEffect as he, useRef as k, useState as A } from "react";
-import { Fragment as ge, jsx as j, jsxs as M } from "react/jsx-runtime";
-import * as _e from "react-dom";
-import { IconAt as ve, IconBlockquote as N, IconBold as ye, IconCalendarEvent as be, IconChevronDown as xe, IconClock as Se, IconCode as Ce, IconFile as we, IconHighlight as Te, IconItalic as P, IconLink as Ee, IconList as F, IconListNumbers as De, IconMicrophone as Oe, IconMoodSmile as ke, IconPencil as Ae, IconPlayerPause as je, IconPlayerPlay as I, IconPlus as Me, IconSend as Ne, IconSlash as L, IconSquare as Pe, IconStrikethrough as R, IconTextSize as Fe, IconTrash as Ie, IconUnderline as Le, IconX as z } from "@tabler/icons-react";
+import * as T from "react";
+import { useCallback as E, useEffect as me, useRef as D, useState as O } from "react";
+import { Fragment as he, jsx as k, jsxs as A } from "react/jsx-runtime";
+import * as ge from "react-dom";
+import { IconAt as _e, IconBlockquote as ve, IconBold as j, IconCalendarEvent as ye, IconChevronDown as be, IconClock as xe, IconCode as Se, IconFile as Ce, IconHighlight as we, IconItalic as Te, IconLink as M, IconList as Ee, IconListNumbers as N, IconMicrophone as De, IconMoodSmile as Oe, IconPencil as ke, IconPlayerPause as Ae, IconPlayerPlay as je, IconPlus as Me, IconSend as Ne, IconSlash as P, IconSquare as Pe, IconStrikethrough as F, IconTextSize as Fe, IconTrash as Ie, IconUnderline as I, IconX as L } from "@tabler/icons-react";
+import { AnimatePresence as R, motion as z, useReducedMotion as Le } from "framer-motion";
 import { createRoot as Re } from "react-dom/client";
 //#region src/composed/extensions/slash-command.tsx
-var B = D.forwardRef(({ groups: e, query: t, command: n }, r) => {
-	let [i, a] = D.useState(0), o = D.useMemo(() => {
+var B = T.forwardRef(({ groups: e, query: t, command: n }, r) => {
+	let [i, o] = T.useState(0), s = T.useMemo(() => {
 		let n = t.toLowerCase(), r = [];
 		return e.forEach((e, t) => {
 			e.commands.forEach((e) => {
@@ -33,48 +33,48 @@ var B = D.forwardRef(({ groups: e, query: t, command: n }, r) => {
 			});
 		}), r;
 	}, [e, t]);
-	if (D.useEffect(() => a(0), [o]), D.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (a((e) => (e + o.length - 1) % o.length), !0) : e.key === "ArrowDown" ? (a((e) => (e + 1) % o.length), !0) : e.key === "Enter" ? (o[i] && n(o[i].command), !0) : !1 })), !o.length) return null;
-	let s = [], l = 0;
-	for (let t of o) {
-		let n = e[t.groupIndex].label, r = s[s.length - 1];
+	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;
+	let c = [], l = 0;
+	for (let t of s) {
+		let n = e[t.groupIndex].label, r = c[c.length - 1];
 		(!r || r.label !== n) && (r = {
 			label: n,
 			items: []
-		}, s.push(r)), r.items.push({
+		}, c.push(r)), r.items.push({
 			command: t.command,
 			flatIndex: l
 		}), l++;
 	}
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ k("div", {
 		role: "listbox",
 		"aria-label": "Slash commands",
 		className: "z-popover max-h-[320px] min-w-[220px] overflow-x-hidden overflow-y-auto rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
-		children: s.map((e, t) => /* @__PURE__ */ M("div", {
+		children: c.map((e, t) => /* @__PURE__ */ A("div", {
 			role: "group",
 			"aria-label": e.label,
 			children: [
-				t > 0 && /* @__PURE__ */ j("div", { className: "my-ds-01 border-t border-surface-border" }),
-				/* @__PURE__ */ j("div", {
+				t > 0 && /* @__PURE__ */ k("div", { className: "my-ds-01 border-t border-surface-border" }),
+				/* @__PURE__ */ k("div", {
 					className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
 					children: e.label
 				}),
 				e.items.map(({ command: e, flatIndex: t }) => {
 					let r = e.icon;
-					return /* @__PURE__ */ M("button", {
+					return /* @__PURE__ */ A("button", {
 						type: "button",
 						role: "option",
 						"aria-selected": t === i,
 						onClick: () => n(e),
-						className: c("flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 text-left cursor-pointer", t === i ? "bg-surface-raised-hover" : "hover:bg-surface-raised-hover"),
-						children: [r && /* @__PURE__ */ j("span", {
+						className: a("flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 text-left cursor-pointer", t === i ? "bg-surface-raised-hover" : "hover:bg-surface-raised-hover"),
+						children: [r && /* @__PURE__ */ k("span", {
 							className: "flex h-4 w-4 shrink-0 items-center justify-center text-surface-fg-muted",
-							children: /* @__PURE__ */ j(r, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ M("div", {
+							children: /* @__PURE__ */ k(r, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ A("div", {
 							className: "flex flex-col",
-							children: [/* @__PURE__ */ j("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-ds-sm text-surface-fg",
 								children: e.label
-							}), e.description && /* @__PURE__ */ j("span", {
+							}), e.description && /* @__PURE__ */ k("span", {
 								className: "text-ds-xs text-surface-fg-subtle",
 								children: e.description
 							})]
@@ -93,7 +93,7 @@ function ze(e) {
 			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 = Re(n), t.render(/* @__PURE__ */ j(B, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = Re(n), t.render(/* @__PURE__ */ k(B, {
 					ref: (e) => {
 						r = e;
 					},
@@ -105,7 +105,7 @@ function ze(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__ */ j(B, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), t.render(/* @__PURE__ */ k(B, {
 					ref: (e) => {
 						r = e;
 					},
@@ -123,10 +123,10 @@ function ze(e) {
 }
 function Be(e) {
 	let t = e.flatMap((e) => e.commands);
-	return ee.create({
+	return S.create({
 		name: "slashCommand",
 		addProseMirrorPlugins() {
-			return [w({
+			return [ae({
 				pluginKey: new oe("slashCommand"),
 				editor: this.editor,
 				char: "/",
@@ -146,430 +146,12 @@ function Be(e) {
 	});
 }
 //#endregion
-//#region src/composed/rich-chat-input/reply-banner.tsx
-function Ve({ author: e, preview: t, onDismiss: n }) {
-	return /* @__PURE__ */ j(i.div, {
-		initial: {
-			height: 0,
-			opacity: 0
-		},
-		animate: {
-			height: "auto",
-			opacity: 1
-		},
-		exit: {
-			height: 0,
-			opacity: 0
-		},
-		transition: {
-			duration: s.moderate02,
-			ease: [
-				.2,
-				0,
-				.38,
-				.9
-			]
-		},
-		className: "overflow-hidden",
-		children: /* @__PURE__ */ M("div", {
-			role: "status",
-			"aria-label": `Replying to ${e}`,
-			className: "flex items-center gap-ds-03 border-b border-surface-border px-ds-04 py-ds-02b",
-			children: [/* @__PURE__ */ M("div", {
-				className: "flex-1 min-w-0",
-				children: [
-					/* @__PURE__ */ M("span", {
-						className: "text-ds-sm font-semibold text-surface-fg",
-						children: ["Replying to ", e]
-					}),
-					/* @__PURE__ */ j("span", {
-						className: "mx-ds-02 text-surface-fg-subtle",
-						children: "·"
-					}),
-					/* @__PURE__ */ j("span", {
-						className: "text-ds-sm text-surface-fg-muted truncate",
-						children: t
-					})
-				]
-			}), /* @__PURE__ */ j("button", {
-				type: "button",
-				onClick: n,
-				className: c("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md 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"),
-				"aria-label": "Cancel reply",
-				title: "Cancel reply",
-				children: /* @__PURE__ */ j(u, {
-					icon: z,
-					size: "xs"
-				})
-			})]
-		})
-	});
-}
-//#endregion
-//#region src/composed/rich-chat-input/schedule-send.tsx
-function He() {
-	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;
-	}, i = (t) => {
-		let n = new Date(e), r = n.getDay(), i = r === 0 ? 1 : r === 1 ? 7 : 8 - r;
-		return n.setDate(n.getDate() + i), n.setHours(t, 0, 0, 0), n;
-	};
-	t < 9 ? (n.push({
-		label: "Later this morning · 9:00 AM",
-		date: r(9)
-	}), n.push({
-		label: "This afternoon · 1:00 PM",
-		date: r(13)
-	}), n.push({
-		label: "This evening · 6:00 PM",
-		date: r(18)
-	})) : t < 13 ? (n.push({
-		label: "This afternoon · 1:00 PM",
-		date: r(13)
-	}), n.push({
-		label: "This evening · 6:00 PM",
-		date: r(18)
-	}), n.push({
-		label: "Tomorrow morning · 9:00 AM",
-		date: r(9, 1)
-	})) : t < 18 ? (n.push({
-		label: "This evening · 6:00 PM",
-		date: r(18)
-	}), n.push({
-		label: "Tomorrow morning · 9:00 AM",
-		date: r(9, 1)
-	}), n.push({
-		label: "Tomorrow afternoon · 1:00 PM",
-		date: r(13, 1)
-	})) : (n.push({
-		label: "Tomorrow morning · 9:00 AM",
-		date: r(9, 1)
-	}), n.push({
-		label: "Tomorrow afternoon · 1:00 PM",
-		date: r(13, 1)
-	}));
-	let a = i(9);
-	return a.getTime() - e.getTime() > 2880 * 60 * 1e3 && n.push({
-		label: "Next Monday · 9:00 AM",
-		date: a
-	}), n;
-}
-function Ue({ 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);
-	}, o = (n) => {
-		let r = new Date(e);
-		r.setMinutes(n), t(r);
-	}, s = (n) => {
-		let r = new Date(e), i = r.getHours();
-		n && i < 12 ? r.setHours(i + 12) : !n && i >= 12 && r.setHours(i - 12), t(r);
-	};
-	return /* @__PURE__ */ M("div", {
-		className: "flex items-center gap-ds-02",
-		children: [
-			/* @__PURE__ */ j("select", {
-				value: n,
-				onChange: (e) => a(Number(e.target.value)),
-				className: "h-ds-sm rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-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__ */ j("option", {
-					value: e,
-					children: e
-				}, e))
-			}),
-			/* @__PURE__ */ j("span", {
-				className: "text-ds-sm text-surface-fg-subtle font-medium",
-				children: ":"
-			}),
-			/* @__PURE__ */ j("select", {
-				value: r - r % 5,
-				onChange: (e) => o(Number(e.target.value)),
-				className: "h-ds-sm rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-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__ */ j("option", {
-					value: e,
-					children: String(e).padStart(2, "0")
-				}, e))
-			}),
-			/* @__PURE__ */ M("div", {
-				className: "inline-flex rounded-ds-md border border-surface-border-strong overflow-hidden",
-				children: [/* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: () => s(!1),
-					className: c("px-ds-02b py-ds-01 text-ds-xs font-medium transition-colors duration-fast-01", i ? "bg-surface-raised text-surface-fg-subtle hover:bg-surface-raised-hover" : "bg-accent-9 text-white"),
-					children: "AM"
-				}), /* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: () => s(!0),
-					className: c("px-ds-02b py-ds-01 text-ds-xs font-medium transition-colors duration-fast-01", i ? "bg-accent-9 text-white" : "bg-surface-raised text-surface-fg-subtle hover:bg-surface-raised-hover"),
-					children: "PM"
-				})]
-			})
-		]
-	});
-}
-function We({ 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;
-	})(), a = `${i.getFullYear()}-${String(i.getMonth() + 1).padStart(2, "0")}-${String(i.getDate()).padStart(2, "0")}`, o = (e) => {
-		let n = e.target.value.split("-");
-		if (n.length !== 3) return;
-		let r = new Date(i);
-		r.setFullYear(Number(n[0]), Number(n[1]) - 1, Number(n[2])), t(r);
-	}, s = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : void 0;
-	return /* @__PURE__ */ M("div", {
-		className: "space-y-ds-03",
-		children: [/* @__PURE__ */ M("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ j("span", {
-				className: "text-ds-xs font-medium text-surface-fg-subtle",
-				children: "Date"
-			}), /* @__PURE__ */ j("input", {
-				type: "date",
-				value: a,
-				min: s,
-				onChange: o,
-				className: "h-ds-sm rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-03 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
-			})]
-		}), /* @__PURE__ */ M("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ j("span", {
-				className: "text-ds-xs font-medium text-surface-fg-subtle",
-				children: "Time"
-			}), /* @__PURE__ */ j(Ue, {
-				value: i,
-				onChange: t
-			})]
-		})]
-	});
-}
-function Ge({ 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 } = E(i);
-	return /* @__PURE__ */ M("div", {
-		className: "space-y-ds-03",
-		children: [/* @__PURE__ */ j(me, {
-			currentMonth: a,
-			selected: i,
-			onSelect: (e) => {
-				let n = new Date(e);
-				n.setHours(i.getHours(), i.getMinutes(), 0, 0), t(n);
-			},
-			onMonthChange: (e) => {
-				e < a ? o() : s();
-			},
-			minDate: n,
-			className: "w-full"
-		}), /* @__PURE__ */ M("div", {
-			className: "flex items-center justify-between border-t border-surface-border pt-ds-03",
-			children: [/* @__PURE__ */ j("span", {
-				className: "text-ds-xs font-medium text-surface-fg-subtle",
-				children: "Time"
-			}), /* @__PURE__ */ j(Ue, {
-				value: i,
-				onChange: t
-			})]
-		})]
-	});
-}
-function Ke({ onSchedule: e, onClose: t, onOpenDialog: n }) {
-	let [r, i] = D.useState(!1), [a, o] = D.useState(null), s = D.useMemo(() => He(), []), c = (n) => {
-		e(n), t();
-	};
-	return r ? /* @__PURE__ */ M("div", {
-		className: "p-ds-04",
-		style: { minWidth: 270 },
-		children: [
-			/* @__PURE__ */ M("div", {
-				className: "mb-ds-03 flex items-center justify-between",
-				children: [/* @__PURE__ */ j("p", {
-					className: "text-ds-sm font-medium text-surface-fg",
-					children: "Pick date & time"
-				}), /* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: () => i(!1),
-					className: "inline-flex items-center justify-center rounded-ds-md p-ds-01 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg transition-colors",
-					"aria-label": "Back to presets",
-					children: /* @__PURE__ */ j(u, {
-						icon: z,
-						size: "sm"
-					})
-				})]
-			}),
-			/* @__PURE__ */ j(We, {
-				value: a,
-				onChange: o,
-				minDate: /* @__PURE__ */ new Date()
-			}),
-			/* @__PURE__ */ j("div", {
-				className: "mt-ds-03 flex justify-end",
-				children: /* @__PURE__ */ j(f, {
-					variant: "solid",
-					size: "sm",
-					onClick: () => {
-						a && a > /* @__PURE__ */ new Date() && (e(a), t(), o(null), i(!1));
-					},
-					disabled: !a || a <= /* @__PURE__ */ new Date(),
-					children: "Confirm"
-				})
-			})
-		]
-	}) : /* @__PURE__ */ M("div", {
-		className: "p-ds-02",
-		style: { minWidth: 260 },
-		children: [
-			/* @__PURE__ */ j("p", {
-				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
-				children: "Schedule send"
-			}),
-			s.map((e, t) => /* @__PURE__ */ M("button", {
-				type: "button",
-				onClick: () => c(e.date),
-				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
-				children: [/* @__PURE__ */ j(u, {
-					icon: Se,
-					size: "sm",
-					className: "shrink-0 text-surface-fg-muted"
-				}), e.label]
-			}, t)),
-			/* @__PURE__ */ j("div", { className: "mx-ds-02 my-ds-02 h-px bg-surface-border" }),
-			/* @__PURE__ */ M("button", {
-				type: "button",
-				onClick: () => i(!0),
-				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
-				children: [/* @__PURE__ */ j(u, {
-					icon: be,
-					size: "sm",
-					className: "shrink-0 text-accent-11"
-				}), "Pick date & time..."]
-			}),
-			n && /* @__PURE__ */ M("button", {
-				type: "button",
-				onClick: () => {
-					n(), t();
-				},
-				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
-				children: [/* @__PURE__ */ j(u, {
-					icon: be,
-					size: "sm",
-					className: "shrink-0 text-surface-fg-muted"
-				}), "Open full picker..."]
-			})
-		]
-	});
-}
-function qe({ open: e, onOpenChange: t, onSchedule: n, initialDate: r }) {
-	let [i, a] = D.useState(r ?? null);
-	return D.useEffect(() => {
-		e && a(r ?? null);
-	}, [e, r]), /* @__PURE__ */ j(p, {
-		open: e,
-		onOpenChange: t,
-		children: /* @__PURE__ */ M(m, {
-			className: "sm:max-w-[380px]",
-			children: [
-				/* @__PURE__ */ j(g, { children: /* @__PURE__ */ j(_, { children: r ? "Reschedule message" : "Schedule send" }) }),
-				/* @__PURE__ */ j(Ge, {
-					value: i,
-					onChange: a,
-					minDate: /* @__PURE__ */ new Date()
-				}),
-				/* @__PURE__ */ M(h, {
-					className: "gap-ds-02",
-					children: [/* @__PURE__ */ j(f, {
-						variant: "soft",
-						onClick: () => t(!1),
-						children: "Cancel"
-					}), /* @__PURE__ */ j(f, {
-						variant: "solid",
-						onClick: () => {
-							i && i > /* @__PURE__ */ new Date() && (n(i), t(!1));
-						},
-						disabled: !i || i <= /* @__PURE__ */ new Date(),
-						children: r ? "Reschedule" : "Schedule"
-					})]
-				})
-			]
-		})
-	});
-}
-function Je(e) {
-	let t = /* @__PURE__ */ new Date(), n = new Date(t);
-	n.setDate(n.getDate() + 1);
-	let r = e.toDateString() === t.toDateString(), i = e.toDateString() === n.toDateString(), a = e.toLocaleTimeString(void 0, {
-		hour: "numeric",
-		minute: "2-digit"
-	});
-	return r ? `Today at ${a}` : i ? `Tomorrow at ${a}` : `${e.toLocaleDateString(void 0, {
-		weekday: "short",
-		month: "short",
-		day: "numeric"
-	})} at ${a}`;
-}
-function Ye({ date: e, onClear: t, onEdit: n }) {
-	return /* @__PURE__ */ j(i.div, {
-		initial: {
-			height: 0,
-			opacity: 0
-		},
-		animate: {
-			height: "auto",
-			opacity: 1
-		},
-		exit: {
-			height: 0,
-			opacity: 0
-		},
-		transition: { duration: s.moderate01 },
-		className: "overflow-hidden",
-		children: /* @__PURE__ */ M("div", {
-			className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b text-ds-xs text-accent-11 bg-accent-2 border-b border-accent-4",
-			children: [
-				/* @__PURE__ */ j(u, {
-					icon: Se,
-					size: "xs",
-					className: "shrink-0"
-				}),
-				/* @__PURE__ */ M("span", {
-					className: "flex-1 truncate",
-					children: ["Scheduled for ", Je(e)]
-				}),
-				n && /* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: n,
-					className: "inline-flex shrink-0 items-center justify-center rounded-ds-sm p-ds-01 hover:bg-accent-3 transition-colors",
-					"aria-label": "Edit schedule",
-					children: /* @__PURE__ */ j(u, {
-						icon: Ae,
-						size: "xs"
-					})
-				}),
-				/* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: t,
-					className: "inline-flex shrink-0 items-center justify-center rounded-ds-sm p-ds-01 hover:bg-accent-3 transition-colors",
-					"aria-label": "Cancel schedule",
-					children: /* @__PURE__ */ j(u, {
-						icon: z,
-						size: "xs"
-					})
-				})
-			]
-		})
-	});
-}
-//#endregion
 //#region src/composed/rich-chat-input/attachment-strip.tsx
-function Xe(e) {
+function Ve(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Ze({ attachments: e, onRemoveAttachment: t }) {
-	return /* @__PURE__ */ j(i.div, {
+function He({ attachments: e, onRemoveAttachment: t }) {
+	return /* @__PURE__ */ k(z.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -583,7 +165,7 @@ function Ze({ attachments: e, onRemoveAttachment: t }) {
 			opacity: 0
 		},
 		transition: {
-			duration: s.moderate02,
+			duration: i.moderate02,
 			ease: [
 				.2,
 				0,
@@ -592,13 +174,13 @@ function Ze({ attachments: e, onRemoveAttachment: t }) {
 			]
 		},
 		className: "overflow-hidden",
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ k("div", {
 			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__ */ j(a, {
+			children: /* @__PURE__ */ k(R, {
 				initial: !1,
-				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ M(i.div, {
+				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ A(z.div, {
 					role: "listitem",
 					"aria-label": `Image: ${e.name}`,
 					layout: !0,
@@ -625,33 +207,33 @@ function Ze({ attachments: e, onRemoveAttachment: t }) {
 							stiffness: 400,
 							damping: 30
 						},
-						opacity: { duration: s.fast02 }
+						opacity: { duration: i.fast02 }
 					},
 					className: "relative h-12 w-12 shrink-0 group",
 					children: [
-						/* @__PURE__ */ j("img", {
+						/* @__PURE__ */ k("img", {
 							src: e.url,
 							alt: e.name,
 							className: "h-full w-full rounded-ds-md object-cover"
 						}),
-						/* @__PURE__ */ j("button", {
+						/* @__PURE__ */ k("button", {
 							onClick: () => t(e.id),
 							className: "absolute -top-1 -right-1 h-ico-sm w-ico-sm rounded-full 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__ */ j(u, {
-								icon: z,
+							children: /* @__PURE__ */ k(s, {
+								icon: L,
 								size: "xs"
 							})
 						}),
-						e.uploading && /* @__PURE__ */ j("div", {
+						e.uploading && /* @__PURE__ */ k("div", {
 							className: "absolute inset-0 rounded-ds-md bg-surface-overlay/50 flex items-center justify-center",
-							children: /* @__PURE__ */ j(l, { size: "sm" })
+							children: /* @__PURE__ */ k(o, { size: "sm" })
 						})
 					]
-				}, e.id) : /* @__PURE__ */ M(i.div, {
+				}, e.id) : /* @__PURE__ */ A(z.div, {
 					role: "listitem",
-					"aria-label": `File: ${e.name}, ${Xe(e.size)}`,
+					"aria-label": `File: ${e.name}, ${Ve(e.size)}`,
 					layout: !0,
 					initial: {
 						scale: 0,
@@ -676,30 +258,30 @@ function Ze({ attachments: e, onRemoveAttachment: t }) {
 							stiffness: 400,
 							damping: 30
 						},
-						opacity: { duration: s.fast02 }
+						opacity: { duration: i.fast02 }
 					},
 					className: "flex items-center gap-ds-02 shrink-0 rounded-ds-md bg-surface-raised px-ds-03 py-ds-01 group",
 					children: [
-						/* @__PURE__ */ j(u, {
-							icon: we,
+						/* @__PURE__ */ k(s, {
+							icon: Ce,
 							size: "xs",
 							className: "text-surface-fg-muted"
 						}),
-						/* @__PURE__ */ j("span", {
+						/* @__PURE__ */ k("span", {
 							className: "text-ds-xs text-surface-fg-muted truncate max-w-[120px]",
 							children: e.name
 						}),
-						/* @__PURE__ */ j("span", {
+						/* @__PURE__ */ k("span", {
 							className: "text-ds-xs text-surface-fg-subtle",
-							children: Xe(e.size)
+							children: Ve(e.size)
 						}),
-						/* @__PURE__ */ j("button", {
+						/* @__PURE__ */ k("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__ */ j(u, {
-								icon: z,
+							children: /* @__PURE__ */ k(s, {
+								icon: L,
 								size: "xs"
 							})
 						})
@@ -711,14 +293,14 @@ function Ze({ attachments: e, onRemoveAttachment: t }) {
 }
 //#endregion
 //#region src/composed/rich-chat-input/audio-waveform.tsx
-var V = D.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r = 0, barWidth: i = 3, barGap: a = 2, barCount: o = 40, height: s = 32, className: l, ...u }, d) {
-	let [f, p] = D.useState(() => Array(o).fill(.05)), m = D.useRef(0), h = D.useRef(f);
-	D.useEffect(() => {
+var V = 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) {
+	let [f, p] = T.useState(() => Array(s).fill(.05)), m = T.useRef(0), h = T.useRef(f);
+	T.useEffect(() => {
 		if (e !== "live" || !t) return;
 		let n = new Uint8Array(t.frequencyBinCount), r = () => {
 			t.getByteFrequencyData(n);
-			let e = Math.floor(n.length / o), i = Array(o);
-			for (let t = 0; t < o; t++) {
+			let e = Math.floor(n.length / s), i = Array(s);
+			for (let t = 0; t < s; t++) {
 				let r = 0;
 				for (let i = 0; i < e; i++) r += n[t * e + i];
 				let a = r / (e * 255);
@@ -730,12 +312,12 @@ var V = D.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 	}, [
 		e,
 		t,
-		o
-	]), D.useEffect(() => {
-		if (!(e !== "static" || !n)) if (n.length === o) p(n);
+		s
+	]), T.useEffect(() => {
+		if (!(e !== "static" || !n)) if (n.length === s) p(n);
 		else {
-			let e = Array(o), t = n.length / o;
-			for (let r = 0; r < o; r++) {
+			let e = Array(s), t = n.length / s;
+			for (let r = 0; r < s; r++) {
 				let i = Math.floor(r * t);
 				e[r] = n[Math.min(i, n.length - 1)];
 			}
@@ -744,15 +326,15 @@ var V = D.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 	}, [
 		e,
 		n,
-		o
+		s
 	]);
-	let g = o * (i + a) - a, _ = D.useMemo(() => f.map((t, n) => {
-		let c = Math.max(2, t * s), l = n * (i + a), u = (s - c) / 2, d = e === "static" && r > 0 && n / o <= r;
-		return /* @__PURE__ */ j("rect", {
+	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;
+		return /* @__PURE__ */ k("rect", {
 			x: l,
 			y: u,
 			width: i,
-			height: c,
+			height: a,
 			rx: i / 2,
 			fill: d ? "var(--color-accent-9)" : "var(--color-surface-border)"
 		}, n);
@@ -761,445 +343,863 @@ var V = D.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 		r,
 		e,
 		i,
-		a,
 		o,
-		s
+		s,
+		c
 	]);
-	return /* @__PURE__ */ j("svg", {
+	return /* @__PURE__ */ k("svg", {
 		ref: d,
-		height: s,
-		viewBox: `0 0 ${g} ${s}`,
+		height: c,
+		viewBox: `0 0 ${g} ${c}`,
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
-		className: c("shrink-0", l),
+		className: a("shrink-0", l),
 		...u,
 		children: _
 	});
 });
 V.displayName = "AudioWaveform";
 //#endregion
-//#region src/composed/rich-chat-input/recording-overlay.tsx
-function Qe(e) {
-	let t = Math.floor(e / 60), n = Math.floor(e % 60);
-	return {
-		minutes: String(t),
-		separator: ":",
-		secs: n.toString().padStart(2, "0")
-	};
+//#region src/composed/rich-chat-input/audio-player.tsx
+var Ue = [
+	1,
+	1.5,
+	2
+];
+function We(e) {
+	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-function $e({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
-	let i = o();
-	D.useEffect(() => {
-		let e = (e) => {
-			e.key === "Escape" && r();
+var Ge = T.forwardRef(function({ src: e, duration: t, waveformData: n, className: r, ...i }, o) {
+	let s = T.useRef(null), c = T.useRef(null), [l, u] = T.useState(!1), [d, f] = T.useState(0), [p, m] = T.useState(0), [h, g] = T.useState(null), _ = T.useMemo(() => {
+		if (typeof e == "string") return e;
+		let t = URL.createObjectURL(e);
+		return g(t), t;
+	}, [e]);
+	T.useEffect(() => () => {
+		h && URL.revokeObjectURL(h);
+	}, [h]), T.useEffect(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = () => f(e.currentTime), n = () => {
+			u(!1), f(0);
 		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [r]);
-	let a = n != null && n > 0 && e >= n - 10, s = n != null && n > 0 && e >= n - 5, l = s ? "animate-[pulse_500ms_ease-in-out_infinite]" : "animate-[pulse_1s_ease-in-out_infinite]", u = Qe(e), d = s ? "text-error-11" : a ? "text-warning-11" : "text-surface-fg";
-	return /* @__PURE__ */ M("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-ds-lg z-10",
+		return e.addEventListener("timeupdate", t), e.addEventListener("ended", n), () => {
+			e.removeEventListener("timeupdate", t), e.removeEventListener("ended", n);
+		};
+	}, []);
+	let v = T.useCallback(() => {
+		let e = s.current;
+		e && (l ? (e.pause(), u(!1)) : (e.play(), u(!0)));
+	}, [l]), y = T.useCallback((e) => {
+		(e.key === " " || e.key === "Enter") && (e.preventDefault(), v());
+	}, [v]), b = T.useCallback((e) => {
+		let n = s.current, r = c.current;
+		if (!n || !r || t <= 0) return;
+		let i = r.getBoundingClientRect(), a = e.clientX - i.left;
+		n.currentTime = Math.max(0, Math.min(1, a / i.width)) * t, f(n.currentTime);
+	}, [t]), x = T.useCallback(() => {
+		let e = (p + 1) % Ue.length;
+		m(e), s.current && (s.current.playbackRate = Ue[e]);
+	}, [p]), S = t > 0 ? d / t : 0, C = Ue[p];
+	return /* @__PURE__ */ A("div", {
+		ref: o,
+		role: "group",
+		"aria-label": "Voice message player",
+		className: a("flex items-center gap-ds-03", r),
+		...i,
 		children: [
-			/* @__PURE__ */ j("span", {
-				className: c("w-ds-02b h-ds-02b shrink-0 rounded-ds-full bg-error-9", i ? "opacity-100" : l),
-				"aria-hidden": "true"
+			/* @__PURE__ */ k("audio", {
+				ref: s,
+				src: _,
+				preload: "metadata"
+			}),
+			/* @__PURE__ */ k("button", {
+				type: "button",
+				onClick: v,
+				onKeyDown: y,
+				"aria-label": l ? "Pause voice message" : "Play voice message",
+				className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-full bg-accent-9 text-accent-fg hover:bg-accent-10 active:scale-95 transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+				children: k(l ? Ae : je, {
+					size: 16,
+					stroke: 2,
+					"aria-hidden": "true"
+				})
 			}),
-			/* @__PURE__ */ M("span", {
-				className: c("text-ds-sm font-mono tabular-nums whitespace-nowrap", d),
-				"aria-label": `${u.minutes} minutes ${u.secs} seconds`,
+			/* @__PURE__ */ k(V, {
+				ref: c,
+				mode: "static",
+				data: n,
+				progress: S,
+				className: "cursor-pointer",
+				onClick: b
+			}),
+			/* @__PURE__ */ A("span", {
+				className: "text-ds-xs tabular-nums text-surface-fg-subtle whitespace-nowrap",
 				children: [
-					u.minutes,
-					/* @__PURE__ */ j("span", {
-						className: i ? void 0 : "animate-[blink_1s_step-end_infinite]",
-						"aria-hidden": "true",
-						children: u.separator
-					}),
-					u.secs
+					We(d),
+					" / ",
+					We(t)
 				]
 			}),
-			/* @__PURE__ */ j("div", {
-				className: "flex-1 min-w-0 overflow-hidden",
-				children: /* @__PURE__ */ j(V, {
-					mode: "live",
-					analyserNode: t,
-					height: 24,
-					barCount: 60,
-					className: "w-full"
-				})
+			/* @__PURE__ */ A("button", {
+				type: "button",
+				onClick: x,
+				"aria-label": `Playback speed ${C}x`,
+				className: "shrink-0 text-ds-xs bg-surface-raised rounded-ds-full 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",
+				children: [C, "x"]
 			})
 		]
 	});
-}
-$e.displayName = "RecordingOverlay";
+});
+Ge.displayName = "AudioPlayer";
 //#endregion
 //#region src/composed/rich-chat-input/chat-toolbar.tsx
-var H = D.createContext(null);
-function U() {
-	let e = D.useContext(H);
+var Ke = T.createContext(null);
+function H() {
+	let e = T.useContext(Ke);
 	if (!e) throw Error("Toolbar primitives must be used inside <ChatToolbar>");
 	return e;
 }
-function W({ onClick: e, isActive: t, disabled: n, title: r, children: i, className: a }) {
-	let { disabled: o } = U();
-	return /* @__PURE__ */ j("button", {
+function U({ onClick: e, isActive: t, disabled: n, title: r, children: i, className: o }) {
+	let { disabled: s } = H();
+	return /* @__PURE__ */ k("button", {
 		type: "button",
 		onClick: e,
-		disabled: n ?? o,
+		disabled: n ?? s,
 		title: r,
 		"aria-label": r,
 		"aria-pressed": t,
-		className: c("inline-flex h-ds-xs-plus items-center justify-center rounded-ds-md touch-target", !a?.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", a),
+		className: a("inline-flex h-ds-xs-plus items-center justify-center rounded-ds-md 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),
 		children: i
 	});
 }
-function G() {
-	return /* @__PURE__ */ j("div", { className: "h-4 w-px bg-surface-border-subtle mx-ds-01" });
+function W() {
+	return /* @__PURE__ */ k("div", { className: "h-4 w-px bg-surface-border-subtle mx-ds-01" });
 }
-function K({ children: e, className: t }) {
-	return /* @__PURE__ */ j("div", {
-		className: c("flex items-center gap-ds-01", t),
+function G({ children: e, className: t }) {
+	return /* @__PURE__ */ k("div", {
+		className: a("flex items-center gap-ds-01", t),
 		children: e
 	});
 }
-function et() {
-	let { editor: e } = U(), { isActive: t } = S({
+function K() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("bold") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleBold().run(),
 		isActive: t,
 		title: "Bold",
-		children: /* @__PURE__ */ j(u, {
-			icon: ye,
+		children: /* @__PURE__ */ k(s, {
+			icon: j,
 			size: "xs"
 		})
 	});
 }
-function tt() {
-	let { editor: e } = U(), { isActive: t } = S({
+function q() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("italic") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleItalic().run(),
 		isActive: t,
 		title: "Italic",
-		children: /* @__PURE__ */ j(u, {
-			icon: P,
+		children: /* @__PURE__ */ k(s, {
+			icon: Te,
 			size: "xs"
 		})
 	});
 }
-function nt() {
-	let { editor: e } = U(), { isActive: t } = S({
+function qe() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("underline") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleUnderline().run(),
 		isActive: t,
 		title: "Underline",
-		children: /* @__PURE__ */ j(u, {
-			icon: Le,
+		children: /* @__PURE__ */ k(s, {
+			icon: I,
 			size: "xs"
 		})
 	});
 }
-function rt() {
-	let { editor: e } = U(), { isActive: t } = S({
+function Je() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("strike") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleStrike().run(),
 		isActive: t,
 		title: "Strikethrough",
-		children: /* @__PURE__ */ j(u, {
-			icon: R,
+		children: /* @__PURE__ */ k(s, {
+			icon: F,
 			size: "xs"
 		})
 	});
 }
-function it() {
-	let { editor: e } = U(), { isActive: t } = S({
+function Ye() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("highlight") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleHighlight().run(),
 		isActive: t,
 		title: "Highlight",
-		children: /* @__PURE__ */ j(u, {
-			icon: Te,
+		children: /* @__PURE__ */ k(s, {
+			icon: we,
 			size: "xs"
 		})
 	});
 }
-function at() {
-	let { editor: e } = U(), { isActive: t } = S({
+function Xe() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("code") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleCode().run(),
 		isActive: t,
 		title: "Inline code",
-		children: /* @__PURE__ */ j(u, {
-			icon: Ce,
+		children: /* @__PURE__ */ k(s, {
+			icon: Se,
 			size: "xs"
 		})
 	});
 }
-function ot() {
-	let { editor: e } = U(), { isActive: t } = S({
+function Ze() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("bulletList") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleBulletList().run(),
 		isActive: t,
 		title: "Bullet list",
-		children: /* @__PURE__ */ j(u, {
-			icon: F,
+		children: /* @__PURE__ */ k(s, {
+			icon: Ee,
 			size: "xs"
 		})
 	});
 }
-function q() {
-	let { editor: e } = U(), { isActive: t } = S({
+function Qe() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("orderedList") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleOrderedList().run(),
 		isActive: t,
 		title: "Ordered list",
-		children: /* @__PURE__ */ j(u, {
-			icon: De,
+		children: /* @__PURE__ */ k(s, {
+			icon: N,
 			size: "xs"
 		})
 	});
 }
-function st() {
-	let { editor: e } = U(), { isActive: t } = S({
+function $e() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("blockquote") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => e.chain().focus().toggleBlockquote().run(),
 		isActive: t,
 		title: "Quote",
-		children: /* @__PURE__ */ j(u, {
-			icon: N,
+		children: /* @__PURE__ */ k(s, {
+			icon: ve,
 			size: "xs"
 		})
 	});
 }
-function J() {
-	let { editor: e } = U(), { isActive: t } = S({
+function et() {
+	let { editor: e } = H(), { isActive: t } = C({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("link") })
 	});
-	return /* @__PURE__ */ j(W, {
+	return /* @__PURE__ */ k(U, {
 		onClick: () => {
 			let t = window.prompt("URL");
 			t && e.chain().focus().setLink({ href: t }).run();
 		},
 		isActive: t,
 		title: "Link",
-		children: /* @__PURE__ */ j(u, {
-			icon: Ee,
+		children: /* @__PURE__ */ k(s, {
+			icon: M,
+			size: "xs"
+		})
+	});
+}
+function tt() {
+	let { editor: e } = H();
+	return /* @__PURE__ */ k(U, {
+		onClick: () => e.chain().focus().insertContent("@").run(),
+		title: "Mention",
+		children: /* @__PURE__ */ k(s, {
+			icon: _e,
+			size: "xs"
+		})
+	});
+}
+function J() {
+	let { editor: e } = H();
+	return /* @__PURE__ */ k(U, {
+		onClick: () => e.chain().focus().insertContent(":").run(),
+		title: "Emoji",
+		children: /* @__PURE__ */ k(s, {
+			icon: Oe,
+			size: "xs"
+		})
+	});
+}
+function nt() {
+	let { editor: e } = H();
+	return /* @__PURE__ */ k(U, {
+		onClick: () => e.chain().focus().insertContent("/").run(),
+		title: "Slash command",
+		children: /* @__PURE__ */ k(s, {
+			icon: P,
 			size: "xs"
 		})
 	});
 }
-function ct() {
-	let { editor: e } = U();
-	return /* @__PURE__ */ j(W, {
-		onClick: () => e.chain().focus().insertContent("@").run(),
-		title: "Mention",
-		children: /* @__PURE__ */ j(u, {
-			icon: ve,
-			size: "xs"
-		})
+function Y({ items: e, isMobile: t, hasMentions: n, hasSlashCommands: r }) {
+	let i = (t) => !e || e.includes(t);
+	return /* @__PURE__ */ A(he, { children: [
+		!t && /* @__PURE__ */ A(G, { children: [
+			i("bold") && /* @__PURE__ */ k(K, {}),
+			i("italic") && /* @__PURE__ */ k(q, {}),
+			i("underline") && /* @__PURE__ */ k(qe, {}),
+			i("strike") && /* @__PURE__ */ k(Je, {}),
+			i("highlight") && /* @__PURE__ */ k(Ye, {})
+		] }),
+		!t && /* @__PURE__ */ k(W, {}),
+		!t && /* @__PURE__ */ A(G, { children: [i("bulletList") && /* @__PURE__ */ k(Ze, {}), i("orderedList") && /* @__PURE__ */ k(Qe, {})] }),
+		!t && (i("blockquote") || i("link") || i("code")) && /* @__PURE__ */ k(W, {}),
+		!t && /* @__PURE__ */ A(G, { children: [
+			i("blockquote") && /* @__PURE__ */ k($e, {}),
+			i("link") && /* @__PURE__ */ k(et, {}),
+			i("code") && /* @__PURE__ */ k(Xe, {})
+		] }),
+		!t && (n || r) && /* @__PURE__ */ k(W, {}),
+		/* @__PURE__ */ A(G, { children: [
+			n && i("mention") && /* @__PURE__ */ k(tt, {}),
+			i("emoji") && /* @__PURE__ */ k(J, {}),
+			r && i("slash") && /* @__PURE__ */ k(nt, {})
+		] })
+	] });
+}
+function rt({ 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__ */ k(Ke.Provider, {
+		value: {
+			editor: e,
+			disabled: a
+		},
+		children: /* @__PURE__ */ k("div", {
+			role: "toolbar",
+			"aria-label": "Text formatting",
+			className: "flex flex-wrap items-center gap-ds-01 border-t border-surface-border px-ds-04 py-ds-02b",
+			children: o ? t : /* @__PURE__ */ k(Y, {
+				items: s,
+				isMobile: n,
+				hasMentions: r,
+				hasSlashCommands: i
+			})
+		})
+	});
+}
+//#endregion
+//#region src/composed/rich-chat-input/recording-overlay.tsx
+function it(e) {
+	let t = Math.floor(e / 60), n = Math.floor(e % 60);
+	return {
+		minutes: String(t),
+		separator: ":",
+		secs: n.toString().padStart(2, "0")
+	};
+}
+function at({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
+	let i = Le();
+	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 = it(e), u = s ? "text-error-11" : o ? "text-warning-11" : "text-surface-fg";
+	return /* @__PURE__ */ A("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-ds-lg z-10",
+		children: [
+			/* @__PURE__ */ k("span", {
+				className: a("w-ds-02b h-ds-02b shrink-0 rounded-ds-full bg-error-9", i ? "opacity-100" : c),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ A("span", {
+				className: a("text-ds-sm font-mono tabular-nums whitespace-nowrap", u),
+				"aria-label": `${l.minutes} minutes ${l.secs} seconds`,
+				children: [
+					l.minutes,
+					/* @__PURE__ */ k("span", {
+						className: i ? void 0 : "animate-[blink_1s_step-end_infinite]",
+						"aria-hidden": "true",
+						children: l.separator
+					}),
+					l.secs
+				]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "flex-1 min-w-0 overflow-hidden",
+				children: /* @__PURE__ */ k(V, {
+					mode: "live",
+					analyserNode: t,
+					height: 24,
+					barCount: 60,
+					className: "w-full"
+				})
+			})
+		]
+	});
+}
+at.displayName = "RecordingOverlay";
+//#endregion
+//#region src/composed/rich-chat-input/reply-banner.tsx
+function ot({ author: e, preview: t, onDismiss: n }) {
+	return /* @__PURE__ */ k(z.div, {
+		initial: {
+			height: 0,
+			opacity: 0
+		},
+		animate: {
+			height: "auto",
+			opacity: 1
+		},
+		exit: {
+			height: 0,
+			opacity: 0
+		},
+		transition: {
+			duration: i.moderate02,
+			ease: [
+				.2,
+				0,
+				.38,
+				.9
+			]
+		},
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ A("div", {
+			role: "status",
+			"aria-label": `Replying to ${e}`,
+			className: "flex items-center gap-ds-03 border-b border-surface-border px-ds-04 py-ds-02b",
+			children: [/* @__PURE__ */ A("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ A("span", {
+						className: "text-ds-sm font-semibold text-surface-fg",
+						children: ["Replying to ", e]
+					}),
+					/* @__PURE__ */ k("span", {
+						className: "mx-ds-02 text-surface-fg-subtle",
+						children: "·"
+					}),
+					/* @__PURE__ */ k("span", {
+						className: "text-ds-sm text-surface-fg-muted truncate",
+						children: t
+					})
+				]
+			}), /* @__PURE__ */ k("button", {
+				type: "button",
+				onClick: n,
+				className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md 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"),
+				"aria-label": "Cancel reply",
+				title: "Cancel reply",
+				children: /* @__PURE__ */ k(s, {
+					icon: L,
+					size: "xs"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/composed/rich-chat-input/schedule-send.tsx
+function st() {
+	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;
+	}, i = (t) => {
+		let n = new Date(e), r = n.getDay(), i = r === 0 ? 1 : r === 1 ? 7 : 8 - r;
+		return n.setDate(n.getDate() + i), n.setHours(t, 0, 0, 0), n;
+	};
+	t < 9 ? (n.push({
+		label: "Later this morning · 9:00 AM",
+		date: r(9)
+	}), n.push({
+		label: "This afternoon · 1:00 PM",
+		date: r(13)
+	}), n.push({
+		label: "This evening · 6:00 PM",
+		date: r(18)
+	})) : t < 13 ? (n.push({
+		label: "This afternoon · 1:00 PM",
+		date: r(13)
+	}), n.push({
+		label: "This evening · 6:00 PM",
+		date: r(18)
+	}), n.push({
+		label: "Tomorrow morning · 9:00 AM",
+		date: r(9, 1)
+	})) : t < 18 ? (n.push({
+		label: "This evening · 6:00 PM",
+		date: r(18)
+	}), n.push({
+		label: "Tomorrow morning · 9:00 AM",
+		date: r(9, 1)
+	}), n.push({
+		label: "Tomorrow afternoon · 1:00 PM",
+		date: r(13, 1)
+	})) : (n.push({
+		label: "Tomorrow morning · 9:00 AM",
+		date: r(9, 1)
+	}), n.push({
+		label: "Tomorrow afternoon · 1:00 PM",
+		date: r(13, 1)
+	}));
+	let a = i(9);
+	return a.getTime() - e.getTime() > 2880 * 60 * 1e3 && n.push({
+		label: "Next Monday · 9:00 AM",
+		date: a
+	}), n;
+}
+function ct({ value: e, onChange: t }) {
+	let n = e.getHours() % 12 || 12, r = e.getMinutes(), i = e.getHours() >= 12, o = (n) => {
+		let r = new Date(e);
+		r.setHours(i ? n % 12 + 12 : n % 12), t(r);
+	}, s = (n) => {
+		let r = new Date(e);
+		r.setMinutes(n), t(r);
+	}, c = (n) => {
+		let r = new Date(e), i = r.getHours();
+		n && i < 12 ? r.setHours(i + 12) : !n && i >= 12 && r.setHours(i - 12), t(r);
+	};
+	return /* @__PURE__ */ A("div", {
+		className: "flex items-center gap-ds-02",
+		children: [
+			/* @__PURE__ */ k("select", {
+				value: n,
+				onChange: (e) => o(Number(e.target.value)),
+				className: "h-ds-sm rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-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__ */ k("option", {
+					value: e,
+					children: e
+				}, e))
+			}),
+			/* @__PURE__ */ k("span", {
+				className: "text-ds-sm text-surface-fg-subtle font-medium",
+				children: ":"
+			}),
+			/* @__PURE__ */ k("select", {
+				value: r - r % 5,
+				onChange: (e) => s(Number(e.target.value)),
+				className: "h-ds-sm rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-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__ */ k("option", {
+					value: e,
+					children: String(e).padStart(2, "0")
+				}, e))
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "inline-flex rounded-ds-md border border-surface-border-strong overflow-hidden",
+				children: [/* @__PURE__ */ k("button", {
+					type: "button",
+					onClick: () => c(!1),
+					className: a("px-ds-02b py-ds-01 text-ds-xs font-medium transition-colors duration-fast-01", i ? "bg-surface-raised text-surface-fg-subtle hover:bg-surface-raised-hover" : "bg-accent-9 text-white"),
+					children: "AM"
+				}), /* @__PURE__ */ k("button", {
+					type: "button",
+					onClick: () => c(!0),
+					className: a("px-ds-02b py-ds-01 text-ds-xs font-medium transition-colors duration-fast-01", i ? "bg-accent-9 text-white" : "bg-surface-raised text-surface-fg-subtle hover:bg-surface-raised-hover"),
+					children: "PM"
+				})]
+			})
+		]
+	});
+}
+function X({ 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;
+	})(), a = `${i.getFullYear()}-${String(i.getMonth() + 1).padStart(2, "0")}-${String(i.getDate()).padStart(2, "0")}`, o = (e) => {
+		let n = e.target.value.split("-");
+		if (n.length !== 3) return;
+		let r = new Date(i);
+		r.setFullYear(Number(n[0]), Number(n[1]) - 1, Number(n[2])), t(r);
+	}, s = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : void 0;
+	return /* @__PURE__ */ A("div", {
+		className: "space-y-ds-03",
+		children: [/* @__PURE__ */ A("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ k("span", {
+				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				children: "Date"
+			}), /* @__PURE__ */ k("input", {
+				type: "date",
+				value: a,
+				min: s,
+				onChange: o,
+				className: "h-ds-sm rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-03 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
+			})]
+		}), /* @__PURE__ */ A("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ k("span", {
+				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				children: "Time"
+			}), /* @__PURE__ */ k(ct, {
+				value: i,
+				onChange: t
+			})]
+		})]
+	});
+}
+function lt({ 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 } = v(i);
+	return /* @__PURE__ */ A("div", {
+		className: "space-y-ds-03",
+		children: [/* @__PURE__ */ k(_, {
+			currentMonth: a,
+			selected: i,
+			onSelect: (e) => {
+				let n = new Date(e);
+				n.setHours(i.getHours(), i.getMinutes(), 0, 0), t(n);
+			},
+			onMonthChange: (e) => {
+				e < a ? o() : s();
+			},
+			minDate: n,
+			className: "w-full"
+		}), /* @__PURE__ */ A("div", {
+			className: "flex items-center justify-between border-t border-surface-border pt-ds-03",
+			children: [/* @__PURE__ */ k("span", {
+				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				children: "Time"
+			}), /* @__PURE__ */ k(ct, {
+				value: i,
+				onChange: t
+			})]
+		})]
 	});
 }
-function lt() {
-	let { editor: e } = U();
-	return /* @__PURE__ */ j(W, {
-		onClick: () => e.chain().focus().insertContent(":").run(),
-		title: "Emoji",
-		children: /* @__PURE__ */ j(u, {
-			icon: ke,
-			size: "xs"
-		})
+function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
+	let [r, i] = T.useState(!1), [a, o] = T.useState(null), c = T.useMemo(() => st(), []), u = (n) => {
+		e(n), t();
+	};
+	return r ? /* @__PURE__ */ A("div", {
+		className: "p-ds-04",
+		style: { minWidth: 270 },
+		children: [
+			/* @__PURE__ */ A("div", {
+				className: "mb-ds-03 flex items-center justify-between",
+				children: [/* @__PURE__ */ k("p", {
+					className: "text-ds-sm font-medium text-surface-fg",
+					children: "Pick date & time"
+				}), /* @__PURE__ */ k("button", {
+					type: "button",
+					onClick: () => i(!1),
+					className: "inline-flex items-center justify-center rounded-ds-md p-ds-01 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg transition-colors",
+					"aria-label": "Back to presets",
+					children: /* @__PURE__ */ k(s, {
+						icon: L,
+						size: "sm"
+					})
+				})]
+			}),
+			/* @__PURE__ */ k(X, {
+				value: a,
+				onChange: o,
+				minDate: /* @__PURE__ */ new Date()
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "mt-ds-03 flex justify-end",
+				children: /* @__PURE__ */ k(l, {
+					variant: "solid",
+					size: "sm",
+					onClick: () => {
+						a && a > /* @__PURE__ */ new Date() && (e(a), t(), o(null), i(!1));
+					},
+					disabled: !a || a <= /* @__PURE__ */ new Date(),
+					children: "Confirm"
+				})
+			})
+		]
+	}) : /* @__PURE__ */ A("div", {
+		className: "p-ds-02",
+		style: { minWidth: 260 },
+		children: [
+			/* @__PURE__ */ k("p", {
+				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
+				children: "Schedule send"
+			}),
+			c.map((e, t) => /* @__PURE__ */ A("button", {
+				type: "button",
+				onClick: () => u(e.date),
+				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
+				children: [/* @__PURE__ */ k(s, {
+					icon: xe,
+					size: "sm",
+					className: "shrink-0 text-surface-fg-muted"
+				}), e.label]
+			}, t)),
+			/* @__PURE__ */ k("div", { className: "mx-ds-02 my-ds-02 h-px bg-surface-border" }),
+			/* @__PURE__ */ A("button", {
+				type: "button",
+				onClick: () => i(!0),
+				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
+				children: [/* @__PURE__ */ k(s, {
+					icon: ye,
+					size: "sm",
+					className: "shrink-0 text-accent-11"
+				}), "Pick date & time..."]
+			}),
+			n && /* @__PURE__ */ A("button", {
+				type: "button",
+				onClick: () => {
+					n(), t();
+				},
+				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
+				children: [/* @__PURE__ */ k(s, {
+					icon: ye,
+					size: "sm",
+					className: "shrink-0 text-surface-fg-muted"
+				}), "Open full picker..."]
+			})
+		]
 	});
 }
-function ut() {
-	let { editor: e } = U();
-	return /* @__PURE__ */ j(W, {
-		onClick: () => e.chain().focus().insertContent("/").run(),
-		title: "Slash command",
-		children: /* @__PURE__ */ j(u, {
-			icon: L,
-			size: "xs"
+function dt({ 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__ */ k(u, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ A(d, {
+			className: "sm:max-w-[380px]",
+			children: [
+				/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(m, { children: r ? "Reschedule message" : "Schedule send" }) }),
+				/* @__PURE__ */ k(lt, {
+					value: i,
+					onChange: a,
+					minDate: /* @__PURE__ */ new Date()
+				}),
+				/* @__PURE__ */ A(f, {
+					className: "gap-ds-02",
+					children: [/* @__PURE__ */ k(l, {
+						variant: "soft",
+						onClick: () => t(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ k(l, {
+						variant: "solid",
+						onClick: () => {
+							i && i > /* @__PURE__ */ new Date() && (n(i), t(!1));
+						},
+						disabled: !i || i <= /* @__PURE__ */ new Date(),
+						children: r ? "Reschedule" : "Schedule"
+					})]
+				})
+			]
 		})
 	});
 }
-function Y({ items: e, isMobile: t, hasMentions: n, hasSlashCommands: r }) {
-	let i = (t) => !e || e.includes(t);
-	return /* @__PURE__ */ M(ge, { children: [
-		!t && /* @__PURE__ */ M(K, { children: [
-			i("bold") && /* @__PURE__ */ j(et, {}),
-			i("italic") && /* @__PURE__ */ j(tt, {}),
-			i("underline") && /* @__PURE__ */ j(nt, {}),
-			i("strike") && /* @__PURE__ */ j(rt, {}),
-			i("highlight") && /* @__PURE__ */ j(it, {})
-		] }),
-		!t && /* @__PURE__ */ j(G, {}),
-		!t && /* @__PURE__ */ M(K, { children: [i("bulletList") && /* @__PURE__ */ j(ot, {}), i("orderedList") && /* @__PURE__ */ j(q, {})] }),
-		!t && (i("blockquote") || i("link") || i("code")) && /* @__PURE__ */ j(G, {}),
-		!t && /* @__PURE__ */ M(K, { children: [
-			i("blockquote") && /* @__PURE__ */ j(st, {}),
-			i("link") && /* @__PURE__ */ j(J, {}),
-			i("code") && /* @__PURE__ */ j(at, {})
-		] }),
-		!t && (n || r) && /* @__PURE__ */ j(G, {}),
-		/* @__PURE__ */ M(K, { children: [
-			n && i("mention") && /* @__PURE__ */ j(ct, {}),
-			i("emoji") && /* @__PURE__ */ j(lt, {}),
-			r && i("slash") && /* @__PURE__ */ j(ut, {})
-		] })
-	] });
+function Z(e) {
+	let t = /* @__PURE__ */ new Date(), n = new Date(t);
+	n.setDate(n.getDate() + 1);
+	let r = e.toDateString() === t.toDateString(), i = e.toDateString() === n.toDateString(), a = e.toLocaleTimeString(void 0, {
+		hour: "numeric",
+		minute: "2-digit"
+	});
+	return r ? `Today at ${a}` : i ? `Tomorrow at ${a}` : `${e.toLocaleDateString(void 0, {
+		weekday: "short",
+		month: "short",
+		day: "numeric"
+	})} at ${a}`;
 }
-function dt({ 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__ */ j(H.Provider, {
-		value: {
-			editor: e,
-			disabled: a
+function ft({ date: e, onClear: t, onEdit: n }) {
+	return /* @__PURE__ */ k(z.div, {
+		initial: {
+			height: 0,
+			opacity: 0
 		},
-		children: /* @__PURE__ */ j("div", {
-			role: "toolbar",
-			"aria-label": "Text formatting",
-			className: "flex flex-wrap items-center gap-ds-01 border-t border-surface-border px-ds-04 py-ds-02b",
-			children: o ? t : /* @__PURE__ */ j(Y, {
-				items: s,
-				isMobile: n,
-				hasMentions: r,
-				hasSlashCommands: i
-			})
+		animate: {
+			height: "auto",
+			opacity: 1
+		},
+		exit: {
+			height: 0,
+			opacity: 0
+		},
+		transition: { duration: i.moderate01 },
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ A("div", {
+			className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b text-ds-xs text-accent-11 bg-accent-2 border-b border-accent-4",
+			children: [
+				/* @__PURE__ */ k(s, {
+					icon: xe,
+					size: "xs",
+					className: "shrink-0"
+				}),
+				/* @__PURE__ */ A("span", {
+					className: "flex-1 truncate",
+					children: ["Scheduled for ", Z(e)]
+				}),
+				n && /* @__PURE__ */ k("button", {
+					type: "button",
+					onClick: n,
+					className: "inline-flex shrink-0 items-center justify-center rounded-ds-sm p-ds-01 hover:bg-accent-3 transition-colors",
+					"aria-label": "Edit schedule",
+					children: /* @__PURE__ */ k(s, {
+						icon: ke,
+						size: "xs"
+					})
+				}),
+				/* @__PURE__ */ k("button", {
+					type: "button",
+					onClick: t,
+					className: "inline-flex shrink-0 items-center justify-center rounded-ds-sm p-ds-01 hover:bg-accent-3 transition-colors",
+					"aria-label": "Cancel schedule",
+					children: /* @__PURE__ */ k(s, {
+						icon: L,
+						size: "xs"
+					})
+				})
+			]
 		})
 	});
 }
 //#endregion
-//#region src/composed/rich-chat-input/audio-player.tsx
-var X = [
-	1,
-	1.5,
-	2
-];
-function Z(e) {
-	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
-}
-var ft = D.forwardRef(function({ src: e, duration: t, waveformData: n, className: r, ...i }, a) {
-	let o = D.useRef(null), s = D.useRef(null), [l, u] = D.useState(!1), [d, f] = D.useState(0), [p, m] = D.useState(0), [h, g] = D.useState(null), _ = D.useMemo(() => {
-		if (typeof e == "string") return e;
-		let t = URL.createObjectURL(e);
-		return g(t), t;
-	}, [e]);
-	D.useEffect(() => () => {
-		h && URL.revokeObjectURL(h);
-	}, [h]), D.useEffect(() => {
-		let e = o.current;
-		if (!e) return;
-		let t = () => f(e.currentTime), n = () => {
-			u(!1), f(0);
-		};
-		return e.addEventListener("timeupdate", t), e.addEventListener("ended", n), () => {
-			e.removeEventListener("timeupdate", t), e.removeEventListener("ended", n);
-		};
-	}, []);
-	let v = D.useCallback(() => {
-		let e = o.current;
-		e && (l ? (e.pause(), u(!1)) : (e.play(), u(!0)));
-	}, [l]), y = D.useCallback((e) => {
-		(e.key === " " || e.key === "Enter") && (e.preventDefault(), v());
-	}, [v]), b = D.useCallback((e) => {
-		let n = o.current, r = s.current;
-		if (!n || !r || t <= 0) return;
-		let i = r.getBoundingClientRect(), a = e.clientX - i.left;
-		n.currentTime = Math.max(0, Math.min(1, a / i.width)) * t, f(n.currentTime);
-	}, [t]), x = D.useCallback(() => {
-		let e = (p + 1) % X.length;
-		m(e), o.current && (o.current.playbackRate = X[e]);
-	}, [p]), ee = t > 0 ? d / t : 0, S = X[p];
-	return /* @__PURE__ */ M("div", {
-		ref: a,
-		role: "group",
-		"aria-label": "Voice message player",
-		className: c("flex items-center gap-ds-03", r),
-		...i,
-		children: [
-			/* @__PURE__ */ j("audio", {
-				ref: o,
-				src: _,
-				preload: "metadata"
-			}),
-			/* @__PURE__ */ j("button", {
-				type: "button",
-				onClick: v,
-				onKeyDown: y,
-				"aria-label": l ? "Pause voice message" : "Play voice message",
-				className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-full bg-accent-9 text-accent-fg hover:bg-accent-10 active:scale-95 transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-				children: j(l ? je : I, {
-					size: 16,
-					stroke: 2,
-					"aria-hidden": "true"
-				})
-			}),
-			/* @__PURE__ */ j(V, {
-				ref: s,
-				mode: "static",
-				data: n,
-				progress: ee,
-				className: "cursor-pointer",
-				onClick: b
-			}),
-			/* @__PURE__ */ M("span", {
-				className: "text-ds-xs tabular-nums text-surface-fg-subtle whitespace-nowrap",
-				children: [
-					Z(d),
-					" / ",
-					Z(t)
-				]
-			}),
-			/* @__PURE__ */ M("button", {
-				type: "button",
-				onClick: x,
-				"aria-label": `Playback speed ${S}x`,
-				className: "shrink-0 text-ds-xs bg-surface-raised rounded-ds-full 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",
-				children: [S, "x"]
-			})
-		]
-	});
-});
-ft.displayName = "AudioPlayer";
-//#endregion
 //#region src/composed/rich-chat-input/use-voice-recorder.ts
 function pt() {
 	return typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/webm;codecs=opus") ? "audio/webm;codecs=opus" : typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/mp4") ? "audio/mp4" : "";
 }
 function mt(e) {
-	let { maxDuration: t, onComplete: n } = e, [r, i] = A("idle"), [a, o] = A(0), [s, c] = A(null), [l, u] = A([]), d = k(null), f = k(null), p = k(null), m = k([]), h = k(null), g = k(null), _ = k(null), v = k(null), y = k(0), b = k([]), x = k(!1), ee = k(n);
-	ee.current = n;
-	let S = O(() => {
+	let { maxDuration: t, onComplete: n } = e, [r, i] = O("idle"), [a, o] = O(0), [s, c] = O(null), [l, u] = O([]), d = D(null), f = D(null), p = D(null), m = D([]), h = D(null), g = D(null), _ = D(null), v = D(null), y = D(0), b = D([]), x = D(!1), S = D(n);
+	S.current = n;
+	let C = E(() => {
 		h.current !== null && (clearInterval(h.current), h.current = null), g.current !== null && (clearInterval(g.current), g.current = null), _.current !== null && (clearTimeout(_.current), _.current = null), p.current &&= (p.current.getTracks().forEach((e) => e.stop()), null), f.current &&= (f.current.close().catch(() => {}), null), v.current = null, c(null), d.current = null, m.current = [];
-	}, []), C = O(async () => {
+	}, []), w = E(async () => {
 		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;
@@ -1211,33 +1211,33 @@ function mt(e) {
 		l.fftSize = 256, l.smoothingTimeConstant = .7, s.connect(l), v.current = l, c(l), r.ondataavailable = (e) => {
 			e.data.size > 0 && m.current.push(e.data);
 		}, r.onstop = () => {
-			if (x.current) S(), i("idle"), o(0), u([]);
+			if (x.current) C(), i("idle"), o(0), u([]);
 			else {
 				let e = new Blob(m.current, { type: r.mimeType || "audio/webm" }), t = y.current, n = b.current;
-				S(), i("idle"), o(0), u([]), ee.current(e, t, n);
+				C(), i("idle"), o(0), u([]), S.current(e, t, n);
 			}
 		}, r.start(), o(0), y.current = 0, h.current = setInterval(() => {
 			y.current += 1, o((e) => e + 1);
 		}, 1e3);
-		let C = new Uint8Array(l.frequencyBinCount);
+		let w = new Uint8Array(l.frequencyBinCount);
 		u([]), b.current = [], g.current = setInterval(() => {
 			if (v.current) {
-				v.current.getByteFrequencyData(C);
+				v.current.getByteFrequencyData(w);
 				let e = 0;
-				for (let t = 0; t < C.length; t++) e += C[t];
-				let t = e / C.length / 255;
+				for (let t = 0; t < w.length; t++) e += w[t];
+				let t = e / w.length / 255;
 				b.current = [...b.current, t], u((e) => [...e, t]);
 			}
 		}, 100), t !== void 0 && t > 0 && (_.current = setTimeout(() => {
 			d.current && d.current.state !== "inactive" && d.current.stop();
 		}, t * 1e3)), i("recording");
-	}, [t, S]), te = O(() => {
+	}, [t, C]), ee = E(() => {
 		d.current && d.current.state !== "inactive" && (x.current = !1, d.current.stop());
-	}, []), ne = O(() => {
-		d.current && d.current.state !== "inactive" ? (x.current = !0, d.current.stop()) : (S(), i("idle"), o(0), u([]));
-	}, [S]), re = O(() => {
+	}, []), te = E(() => {
+		d.current && d.current.state !== "inactive" ? (x.current = !0, d.current.stop()) : (C(), i("idle"), o(0), u([]));
+	}, [C]), ne = 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"));
-	}, []), ie = O(() => {
+	}, []), re = E(() => {
 		if (d.current && d.current.state === "paused") {
 			d.current.resume(), h.current = setInterval(() => {
 				y.current += 1, o((e) => e + 1);
@@ -1254,18 +1254,18 @@ function mt(e) {
 			}, 100), i("recording");
 		}
 	}, []);
-	return he(() => () => {
+	return me(() => () => {
 		h.current !== null && clearInterval(h.current), g.current !== null && clearInterval(g.current), _.current !== null && clearTimeout(_.current), d.current && d.current.state !== "inactive" && d.current.stop(), p.current && p.current.getTracks().forEach((e) => e.stop()), f.current && f.current.close().catch(() => {});
 	}, []), {
 		state: r,
 		duration: a,
 		analyserNode: s,
 		waveformData: l,
-		start: C,
-		stop: te,
-		cancel: ne,
-		pause: re,
-		resume: ie
+		start: w,
+		stop: ee,
+		cancel: te,
+		pause: ne,
+		resume: re
 	};
 }
 //#endregion
@@ -1306,77 +1306,77 @@ var ht = {
 	"[&_li]:text-surface-fg",
 	"[&_code]:rounded [&_code]:bg-surface-raised [&_code]:px-ds-02 [&_code]:py-[1px] [&_code]:text-ds-md [&_code]:text-accent-11",
 	"[&_strong]:font-semibold [&_strong]:text-surface-fg",
-	"[[&_mark]:rounded-sm_mark]:rounded-xs [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
+	"[&_mark]:rounded-xs [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
 	"[&_a]:text-accent-11 [&_a]:underline",
 	"[&_.mention]:rounded-ds-sm [&_.mention]:bg-accent-2 [&_.mention]:px-ds-02 [&_.mention]:py-[1px] [&_.mention]:font-medium [&_.mention]:text-accent-11"
 ].join(" ");
 function _t({ options: e }) {
-	let [t, n] = D.useState(!1), r = D.useRef(null);
-	return D.useEffect(() => {
+	let [t, n] = T.useState(!1), r = T.useRef(null);
+	return T.useEffect(() => {
 		if (!t) return;
 		let e = (e) => {
 			r.current && !r.current.contains(e.target) && n(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [t]), /* @__PURE__ */ M("div", {
+	}, [t]), /* @__PURE__ */ A("div", {
 		ref: r,
 		className: "relative",
-		children: [/* @__PURE__ */ j("button", {
+		children: [/* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => n((e) => !e),
 			title: "More send options",
 			"aria-label": "More send options",
 			"aria-expanded": t,
-			className: c("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-ds-md 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__ */ j(u, {
-				icon: xe,
+			className: a("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-ds-md 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__ */ k(s, {
+				icon: be,
 				size: "xs"
 			})
-		}), t && /* @__PURE__ */ M("div", {
+		}), t && /* @__PURE__ */ A("div", {
 			className: "absolute bottom-full right-0 mb-ds-02 min-w-[200px] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating z-popover",
-			children: [/* @__PURE__ */ j("p", {
+			children: [/* @__PURE__ */ k("p", {
 				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Send options"
-			}), e.map((e, t) => /* @__PURE__ */ M("button", {
+			}), e.map((e, t) => /* @__PURE__ */ A("button", {
 				type: "button",
 				onClick: () => {
 					e.onSelect(), n(!1);
 				},
 				className: "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
-				children: [e.icon && /* @__PURE__ */ j(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
+				children: [e.icon && /* @__PURE__ */ k(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
 			}, t))]
 		})]
 	});
 }
-var vt = D.lazy(() => import("@emoji-mart/react"));
+var vt = T.lazy(() => import("@emoji-mart/react"));
 function yt({ set: e = "native", onSelect: t, onClose: n }) {
-	let [r, i] = D.useState(null), { colorMode: a } = pe(), o = D.useRef(null);
-	D.useEffect(() => {
-		(y[e] ?? y.native)().then((e) => i(e.default));
-	}, [e]), D.useEffect(() => {
+	let [r, i] = T.useState(null), { colorMode: a } = pe(), o = T.useRef(null);
+	T.useEffect(() => {
+		(g[e] ?? g.native)().then((e) => i(e.default));
+	}, [e]), T.useEffect(() => {
 		let e = (e) => {
 			o.current && !o.current.contains(e.target) && n();
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [n]), D.useEffect(() => {
+	}, [n]), T.useEffect(() => {
 		let e = (e) => {
 			e.key === "Escape" && n();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [n]);
-	let s = /* @__PURE__ */ j("div", {
+	let s = /* @__PURE__ */ k("div", {
 		className: "flex h-[350px] w-[352px] items-center justify-center rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
-		children: /* @__PURE__ */ j("span", {
+		children: /* @__PURE__ */ k("span", {
 			className: "text-ds-sm text-surface-fg-subtle",
 			children: "Loading..."
 		})
 	});
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ k("div", {
 		ref: o,
 		className: "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating overflow-hidden",
-		children: r ? /* @__PURE__ */ j(D.Suspense, {
+		children: r ? /* @__PURE__ */ k(T.Suspense, {
 			fallback: s,
-			children: /* @__PURE__ */ j(vt, {
+			children: /* @__PURE__ */ k(vt, {
 				data: r,
 				set: e,
 				onEmojiSelect: (e) => t({
@@ -1391,18 +1391,18 @@ function yt({ set: e = "native", onSelect: t, onClose: n }) {
 	});
 }
 function Q({ onClick: e, isActive: t = !1, title: n, children: r }) {
-	return /* @__PURE__ */ j("button", {
+	return /* @__PURE__ */ k("button", {
 		type: "button",
 		onClick: e,
 		title: n,
 		"aria-label": n,
 		"aria-pressed": t,
-		className: c("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md 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: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md 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"),
 		children: r
 	});
 }
 function bt({ editor: e }) {
-	let t = S({
+	let t = C({
 		editor: e,
 		selector: ({ editor: e }) => ({
 			isBold: e.isActive("bold"),
@@ -1413,72 +1413,72 @@ function bt({ editor: e }) {
 			isCode: e.isActive("code")
 		})
 	});
-	return /* @__PURE__ */ M(T, {
+	return /* @__PURE__ */ A(w, {
 		editor: e,
 		className: "flex gap-ds-01 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
 		children: [
-			/* @__PURE__ */ j(Q, {
+			/* @__PURE__ */ k(Q, {
 				onClick: () => e.chain().focus().toggleBold().run(),
 				isActive: t.isBold,
 				title: "Bold",
-				children: /* @__PURE__ */ j(u, {
-					icon: ye,
+				children: /* @__PURE__ */ k(s, {
+					icon: j,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ j(Q, {
+			/* @__PURE__ */ k(Q, {
 				onClick: () => e.chain().focus().toggleItalic().run(),
 				isActive: t.isItalic,
 				title: "Italic",
-				children: /* @__PURE__ */ j(u, {
-					icon: P,
+				children: /* @__PURE__ */ k(s, {
+					icon: Te,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ j(Q, {
+			/* @__PURE__ */ k(Q, {
 				onClick: () => e.chain().focus().toggleUnderline().run(),
 				isActive: t.isUnderline,
 				title: "Underline",
-				children: /* @__PURE__ */ j(u, {
-					icon: Le,
+				children: /* @__PURE__ */ k(s, {
+					icon: I,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ j(Q, {
+			/* @__PURE__ */ k(Q, {
 				onClick: () => e.chain().focus().toggleStrike().run(),
 				isActive: t.isStrike,
 				title: "Strikethrough",
-				children: /* @__PURE__ */ j(u, {
-					icon: R,
+				children: /* @__PURE__ */ k(s, {
+					icon: F,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ j(Q, {
+			/* @__PURE__ */ k(Q, {
 				onClick: () => e.chain().focus().toggleHighlight().run(),
 				isActive: t.isHighlight,
 				title: "Highlight",
-				children: /* @__PURE__ */ j(u, {
-					icon: Te,
+				children: /* @__PURE__ */ k(s, {
+					icon: we,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ j(Q, {
+			/* @__PURE__ */ k(Q, {
 				onClick: () => e.chain().focus().toggleCode().run(),
 				isActive: t.isCode,
 				title: "Code",
-				children: /* @__PURE__ */ j(u, {
-					icon: Ce,
+				children: /* @__PURE__ */ k(s, {
+					icon: Se,
 					size: "xs"
 				})
 			})
 		]
 	});
 }
-var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message...", disabled: p = !1, content: m = "", variant: h = "compact", enterBehavior: g = "send", maxLength: _, charCountDisplay: y = "near-limit", mentions: w, onMentionSearch: T, onMentionSelect: oe, onFileUpload: pe, onImageUpload: me, slashCommands: E, onVoiceRecord: O, onTranscribe: he, maxDuration: k, replyTo: A, onTyping: ge, onEmpty: ve, isStreaming: N = !1, onCancel: ye, leadingSlot: be, trailingSlot: xe, disclaimer: Ce, toolbar: we = !0, sendOptions: Te, onSchedule: P, actionButton: Ee, emojiSet: F = "native", className: De, ...Ae }, je) {
-	let [I, L] = D.useState("idle"), [R, Le] = D.useState(!1), [z, Re] = D.useState(!1), [B, ze] = D.useState(null), [He, Ue] = D.useState(!1), [We, Ge] = D.useState(!1), [Je, Xe] = D.useState(0), V = D.useRef(null), Qe = D.useRef(null);
-	D.useEffect(() => {
-		if (!z || !V.current || !Qe.current) return;
-		let i = V.current, a = Qe.current, o = () => {
+var xt = 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: w, onMentionSelect: ae, onFileUpload: oe, onImageUpload: pe, slashCommands: E, onVoiceRecord: me, onTranscribe: D, maxDuration: O, replyTo: he, onTyping: _e, onEmpty: ve, isStreaming: j = !1, onCancel: ye, leadingSlot: be, trailingSlot: Se, disclaimer: Ce, toolbar: we = !0, sendOptions: Te, onSchedule: M, actionButton: Ee, emojiSet: N = "native", className: ke, ...Ae }, je) {
+	let [P, F] = T.useState("idle"), [I, L] = T.useState(!1), [Le, Re] = T.useState(!1), [B, ze] = T.useState(null), [Ve, V] = T.useState(!1), [Ue, We] = T.useState(!1), [Ke, H] = T.useState(0), U = T.useRef(null), W = T.useRef(null);
+	T.useEffect(() => {
+		if (!Le || !U.current || !W.current) return;
+		let i = U.current, a = W.current, o = () => {
 			e(i, a, {
 				placement: "top-end",
 				middleware: [
@@ -1496,36 +1496,36 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 		return o(), window.addEventListener("scroll", o, !0), window.addEventListener("resize", o), () => {
 			window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", o);
 		};
-	}, [z]);
-	let [H, U] = D.useState([]), [W, G] = D.useState(null), [K, et] = D.useState(!1), tt = D.useRef(null), nt = D.useRef(null), rt = D.useRef(void 0), it = D.useRef(void 0), at = D.useRef(g);
-	at.current = g;
-	let ot = d(), q = ht[h], st = q.maxHeight, J = mt({
-		maxDuration: k,
+	}, [Le]);
+	let [G, K] = T.useState([]), [q, qe] = 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(m);
+	et.current = m;
+	let tt = c(), J = ht[p], nt = J.maxHeight, Y = mt({
+		maxDuration: O,
 		onComplete: async (e, t, n) => {
-			if (O?.(e, t), he) {
-				let n = await he(e, t);
+			if (me?.(e, t), D) {
+				let n = await D(e, t);
 				if (n != null) {
-					Y?.chain().focus().insertContent(n).run(), L("idle");
+					X?.chain().focus().insertContent(n).run(), F("idle");
 					return;
 				}
 			}
-			G({
+			qe({
 				blob: e,
 				duration: t,
 				waveformData: n
-			}), L("review");
+			}), F("review");
 		}
-	}), ct = D.useCallback(() => {
-		J.start(), L("recording");
-	}, [J]), lt = D.useCallback(() => {
-		J.stop();
-	}, [J]), ut = D.useCallback(() => {
-		J.cancel(), L("idle");
-	}, [J]), Y = ne({
+	}), it = T.useCallback(() => {
+		Y.start(), F("recording");
+	}, [Y]), st = T.useCallback(() => {
+		Y.stop();
+	}, [Y]), ct = T.useCallback(() => {
+		Y.cancel(), F("idle");
+	}, [Y]), X = te({
 		immediatelyRender: !1,
-		extensions: D.useMemo(() => {
+		extensions: T.useMemo(() => {
 			let e = [
-				ae.configure({
+				ne.configure({
 					heading: !1,
 					horizontalRule: !1,
 					codeBlock: !1,
@@ -1535,41 +1535,41 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 						HTMLAttributes: { class: "text-accent-11 underline" }
 					}
 				}),
-				te.configure({ placeholder: l }),
-				ie.configure({ multicolor: !1 }),
-				C,
-				b.configure({ limit: _ || void 0 }),
-				ue,
-				de,
-				le(F),
-				ee.create({
+				re.configure({ placeholder: u }),
+				ee.configure({ multicolor: !1 }),
+				b,
+				y.configure({ limit: g || void 0 }),
+				le,
+				ce,
+				de(N),
+				S.create({
 					name: "enterToSend",
 					addKeyboardShortcuts() {
 						return {
-							Enter: () => at.current === "send" ? (it.current?.(), !0) : !1,
-							"Shift-Enter": () => at.current === "send" ? (this.editor.commands.splitBlock(), !0) : !1,
-							"Mod-Enter": () => (it.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 (w || T) && e.push(re.configure({
+			return (v || w) && e.push(ie.configure({
 				HTMLAttributes: { class: "mention" },
 				suggestion: {
-					items: async ({ query: e }) => T ? await T(e) : w ? w.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [],
-					render: fe(oe)
+					items: async ({ query: e }) => w ? await w(e) : v ? v.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [],
+					render: fe(ae)
 				}
 			})), E && e.push(Be(E)), e;
 		}, [
-			l,
-			_,
-			F,
+			u,
+			g,
+			N,
+			!!v,
 			!!w,
-			!!T,
 			!!E
 		]),
-		content: m || void 0,
-		editable: !p,
+		content: f || void 0,
+		editable: !d,
 		editorProps: {
 			attributes: { class: gt },
 			handlePaste: (e, t) => {
@@ -1577,52 +1577,52 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 				return n.length > 0 ? (n.forEach(Z), !0) : !1;
 			}
 		}
-	}), X = D.useCallback(() => {
-		if (!Y) return;
-		let e = !Y.isEmpty, t = H.length > 0, n = !!W;
-		if (!e && !t && !n || N) return;
+	}), lt = T.useCallback(() => {
+		if (!X) return;
+		let e = !X.isEmpty, t = G.length > 0, n = !!q;
+		if (!e && !t && !n || j) return;
 		let r = {
-			html: e ? Y.getHTML() : "",
-			plainText: e ? Y.getText() : ""
+			html: e ? X.getHTML() : "",
+			plainText: e ? X.getText() : ""
 		};
-		t && (r.attachments = H.filter((e) => !e.uploading && e.url).map((e) => ({
+		t && (r.attachments = G.filter((e) => !e.uploading && e.url).map((e) => ({
 			url: e.url,
 			name: e.name,
 			size: e.size,
 			type: e.type
 		}))), n && (r.voiceNote = {
-			blob: W.blob,
-			duration: W.duration
-		}), B && P ? P(r, B) : o(r), Y.commands.clearContent(), U([]), G(null), ze(null), L("idle");
+			blob: q.blob,
+			duration: q.duration
+		}), B && M ? M(r, B) : o(r), X.commands.clearContent(), K([]), qe(null), ze(null), F("idle");
 	}, [
-		Y,
-		H,
-		W,
-		N,
+		X,
+		G,
+		q,
+		j,
 		o,
-		P,
+		M,
 		B
 	]);
-	it.current = X, D.useEffect(() => {
-		if (!Y || !ge) return;
+	$e.current = lt, T.useEffect(() => {
+		if (!X || !_e) return;
 		let e = () => {
-			ge(!0), clearTimeout(rt.current), rt.current = setTimeout(() => ge(!1), 2e3);
+			_e(!0), clearTimeout(Qe.current), Qe.current = setTimeout(() => _e(!1), 2e3);
 		};
-		return Y.on("update", e), () => {
-			Y.off("update", e), clearTimeout(rt.current);
+		return X.on("update", e), () => {
+			X.off("update", e), clearTimeout(Qe.current);
 		};
-	}, [Y, ge]), D.useEffect(() => {
-		if (!Y || !ve) return;
+	}, [X, _e]), T.useEffect(() => {
+		if (!X || !ve) return;
 		let e = () => {
-			ve(Y.isEmpty);
+			ve(X.isEmpty);
 		};
-		return Y.on("update", e), e(), () => {
-			Y.off("update", e);
+		return X.on("update", e), e(), () => {
+			X.off("update", e);
 		};
-	}, [Y, ve]);
-	let Z = D.useCallback(async (e) => {
+	}, [X, ve]);
+	let Z = T.useCallback(async (e) => {
 		let t = Math.random().toString(36).slice(2), n = e.type.startsWith("image/");
-		U((r) => [...r, {
+		K((r) => [...r, {
 			id: t,
 			name: e.name,
 			size: e.size,
@@ -1630,16 +1630,16 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 			uploading: !0
 		}]);
 		try {
-			if (n && me) {
-				let n = await me(e);
-				U((e) => e.map((e) => e.id === t ? {
+			if (n && pe) {
+				let n = await pe(e);
+				K((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n,
 					uploading: !1
 				} : e));
-			} else if (pe) {
-				let n = await pe(e);
-				U((e) => e.map((e) => e.id === t ? {
+			} else if (oe) {
+				let n = await oe(e);
+				K((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n.url,
 					name: n.name,
@@ -1648,163 +1648,163 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 				} : e));
 			} else if (n) {
 				let n = URL.createObjectURL(e);
-				U((e) => e.map((e) => e.id === t ? {
+				K((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n,
 					uploading: !1
 				} : e));
-			} else U((e) => e.filter((e) => e.id !== t));
+			} else K((e) => e.filter((e) => e.id !== t));
 		} catch {
-			U((e) => e.filter((e) => e.id !== t));
+			K((e) => e.filter((e) => e.id !== t));
 		}
-	}, [pe, me]), pt = D.useCallback((e) => {
-		U((t) => t.filter((t) => t.id !== e));
-	}, []), vt = D.useCallback((e) => {
-		e.preventDefault(), et(!1), Array.from(e.dataTransfer.files).forEach(Z);
-	}, [Z]), Q = D.useCallback((e) => {
+	}, [oe, pe]), pt = T.useCallback((e) => {
+		K((t) => t.filter((t) => t.id !== e));
+	}, []), vt = 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]), xt = D.useCallback(() => {
-		G(null), L("idle");
-	}, []), St = S({
-		editor: Y,
+	}, [Z]), xt = T.useCallback(() => {
+		qe(null), F("idle");
+	}, []), St = C({
+		editor: X,
 		selector: ({ editor: e }) => e ? { editorIsEmpty: e.isEmpty } : null
 	})?.editorIsEmpty ?? !0;
-	D.useEffect(() => {
-		if (!Y) return;
+	T.useEffect(() => {
+		if (!X) return;
 		let e = () => {
-			Xe(Y.state.doc.textBetween(0, Y.state.doc.content.size, void 0, " ").length);
+			H(X.state.doc.textBetween(0, X.state.doc.content.size, void 0, " ").length);
 		};
-		return e(), Y.on("update", e), () => {
-			Y.off("update", e);
+		return e(), X.on("update", e), () => {
+			X.off("update", e);
 		};
-	}, [Y]);
-	let Ct = !St || H.length > 0 || !!W, wt = R || I === "review" || h === "expanded", $ = "icon-md";
-	return /* @__PURE__ */ M("div", {
+	}, [X]);
+	let Ct = !St || G.length > 0 || !!q, wt = I || P === "review" || p === "expanded", $ = "icon-md";
+	return /* @__PURE__ */ A("div", {
 		ref: je,
-		className: c("border-t border-surface-border-subtle px-ds-05 py-ds-04", "flex items-center gap-ds-03", De),
+		className: a("border-t border-surface-border-subtle px-ds-05 py-ds-04", "flex items-center gap-ds-03", ke),
 		...Ae,
 		children: [
-			Ee !== !1 && (Ee ?? (pe || me ? /* @__PURE__ */ j(f, {
+			Ee !== !1 && (Ee ?? (oe || pe ? /* @__PURE__ */ k(l, {
 				variant: "solid",
 				size: "icon-md",
-				onClick: () => tt.current?.click(),
+				onClick: () => Xe.current?.click(),
 				title: "Attach",
 				"aria-label": "Attach file",
 				className: "shrink-0",
-				children: /* @__PURE__ */ j(u, {
+				children: /* @__PURE__ */ k(s, {
 					icon: Me,
 					size: "md"
 				})
 			}) : null)),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ A("div", {
 				role: "region",
 				"aria-label": "Message composer",
-				className: c("flex-1 min-w-0 overflow-hidden rounded-ds-lg 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", I === "recording" && "border-error-7/30", K && "border-dashed border-accent-7 bg-accent-2", p && "opacity-action-disabled cursor-not-allowed"),
-				onFocus: () => Ge(!0),
+				className: a("flex-1 min-w-0 overflow-hidden rounded-ds-lg 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", P === "recording" && "border-error-7/30", Je && "border-dashed border-accent-7 bg-accent-2", d && "opacity-action-disabled cursor-not-allowed"),
+				onFocus: () => We(!0),
 				onBlur: (e) => {
-					e.currentTarget.contains(e.relatedTarget) || Ge(!1);
+					e.currentTarget.contains(e.relatedTarget) || We(!1);
 				},
 				onDragOver: (e) => {
-					e.preventDefault(), et(!0);
+					e.preventDefault(), Ye(!0);
 				},
-				onDragLeave: () => et(!1),
+				onDragLeave: () => Ye(!1),
 				onDrop: vt,
 				children: [
 					be,
-					/* @__PURE__ */ j(a, { children: A && /* @__PURE__ */ j(Ve, {
-						author: A.author,
-						preview: A.preview,
-						onDismiss: A.onDismiss
+					/* @__PURE__ */ k(R, { children: he && /* @__PURE__ */ k(ot, {
+						author: he.author,
+						preview: he.preview,
+						onDismiss: he.onDismiss
 					}, "reply") }),
-					/* @__PURE__ */ j(a, { children: B && /* @__PURE__ */ j(Ye, {
+					/* @__PURE__ */ k(R, { children: B && /* @__PURE__ */ k(ft, {
 						date: B,
-						onEdit: () => Ue(!0),
+						onEdit: () => V(!0),
 						onClear: () => ze(null)
 					}, "schedule") }),
-					/* @__PURE__ */ j(a, { children: H.length > 0 && /* @__PURE__ */ j(Ze, {
-						attachments: H,
+					/* @__PURE__ */ k(R, { children: G.length > 0 && /* @__PURE__ */ k(He, {
+						attachments: G,
 						onRemoveAttachment: pt
 					}, "attachments") }),
-					q.toolbarPosition === "top" && Y && /* @__PURE__ */ j("div", {
-						className: c("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", R ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
-						children: /* @__PURE__ */ j("div", {
+					J.toolbarPosition === "top" && X && /* @__PURE__ */ k("div", {
+						className: a("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", I ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+						children: /* @__PURE__ */ k("div", {
 							className: "overflow-hidden",
-							children: /* @__PURE__ */ j(dt, {
-								editor: Y,
+							children: /* @__PURE__ */ k(rt, {
+								editor: X,
 								toolbar: we,
 								isMobile: !1,
-								hasMentions: !!(w || T),
+								hasMentions: !!(v || w),
 								hasSlashCommands: !!E,
-								disabled: p
+								disabled: d
 							})
 						})
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ A("div", {
 						className: "relative",
-						children: [I === "recording" && /* @__PURE__ */ j($e, {
-							duration: J.duration,
-							analyserNode: J.analyserNode,
-							maxDuration: k,
-							onCancel: ut
-						}), /* @__PURE__ */ M("div", {
-							ref: nt,
-							className: c("flex items-center px-ds-04 py-ds-03 cursor-text [&_.tiptap]:w-full [&_.tiptap]:outline-hidden", I === "recording" && "invisible"),
+						children: [P === "recording" && /* @__PURE__ */ k(at, {
+							duration: Y.duration,
+							analyserNode: Y.analyserNode,
+							maxDuration: O,
+							onCancel: ct
+						}), /* @__PURE__ */ A("div", {
+							ref: Ze,
+							className: a("flex items-center px-ds-04 py-ds-03 cursor-text [&_.tiptap]:w-full [&_.tiptap]:outline-hidden", P === "recording" && "invisible"),
 							style: {
-								minHeight: q.minHeight,
-								maxHeight: st,
+								minHeight: J.minHeight,
+								maxHeight: nt,
 								overflowY: "auto"
 							},
-							onClick: () => Y?.commands.focus(),
-							children: [/* @__PURE__ */ j("div", {
+							onClick: () => X?.commands.focus(),
+							children: [/* @__PURE__ */ k("div", {
 								className: "flex-1 min-w-0",
-								children: /* @__PURE__ */ j(x, { editor: Y })
-							}), Y && I !== "recording" && /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ k(x, { editor: X })
+							}), X && P !== "recording" && /* @__PURE__ */ A("div", {
 								className: "flex items-center gap-ds-01 shrink-0 ml-ds-03",
-								children: [/* @__PURE__ */ j("button", {
+								children: [/* @__PURE__ */ k("button", {
 									type: "button",
-									onClick: () => Le((e) => !e),
-									title: R ? "Hide formatting" : "Show formatting",
-									"aria-label": R ? "Hide formatting" : "Show formatting",
-									"aria-pressed": R,
-									className: c("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", R ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
-									children: /* @__PURE__ */ j(u, {
+									onClick: () => L((e) => !e),
+									title: I ? "Hide formatting" : "Show formatting",
+									"aria-label": I ? "Hide formatting" : "Show formatting",
+									"aria-pressed": I,
+									className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", I ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
+									children: /* @__PURE__ */ k(s, {
 										icon: Fe,
 										size: "xs"
 									})
-								}), /* @__PURE__ */ M("div", {
+								}), /* @__PURE__ */ A("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ j("button", {
-										ref: V,
+									children: [/* @__PURE__ */ k("button", {
+										ref: U,
 										type: "button",
 										onClick: () => Re((e) => !e),
 										title: "Emoji",
 										"aria-label": "Emoji",
-										className: c("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target transition-colors duration-fast-01", z ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
-										children: /* @__PURE__ */ j(u, {
-											icon: ke,
+										className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target transition-colors duration-fast-01", Le ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
+										children: /* @__PURE__ */ k(s, {
+											icon: Oe,
 											size: "xs"
 										})
-									}), z && _e.createPortal(/* @__PURE__ */ j("div", {
-										ref: Qe,
+									}), Le && ge.createPortal(/* @__PURE__ */ k("div", {
+										ref: W,
 										className: "absolute z-popover",
 										style: {
 											top: 0,
 											left: 0
 										},
-										children: /* @__PURE__ */ j(yt, {
-											set: F,
+										children: /* @__PURE__ */ k(yt, {
+											set: N,
 											onSelect: async ({ id: e, native: t }) => {
-												let n = se(await ce(F), e);
-												n ? Y.chain().focus().insertContent({
+												let n = ue(await se(N), e);
+												n ? X.chain().focus().insertContent({
 													type: "emojiNode",
 													attrs: {
 														id: e,
 														native: n.native,
-														set: F,
+														set: N,
 														x: n.x,
 														y: n.y
 													}
-												}).run() : Y.chain().focus().insertContent(t).run(), Re(!1);
+												}).run() : X.chain().focus().insertContent(t).run(), Re(!1);
 											},
 											onClose: () => Re(!1)
 										})
@@ -1813,55 +1813,55 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 							})]
 						})]
 					}),
-					I === "review" && W && /* @__PURE__ */ M("div", {
+					P === "review" && q && /* @__PURE__ */ A("div", {
 						className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b border-b border-surface-border",
-						children: [/* @__PURE__ */ j(ft, {
-							src: W.blob,
-							duration: W.duration,
-							waveformData: W.waveformData,
+						children: [/* @__PURE__ */ k(Ge, {
+							src: q.blob,
+							duration: q.duration,
+							waveformData: q.waveformData,
 							className: "flex-1"
-						}), /* @__PURE__ */ j(f, {
+						}), /* @__PURE__ */ k(l, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: xt,
 							"aria-label": "Discard voice note",
 							title: "Discard voice note",
 							className: "text-surface-fg-subtle hover:text-error-11",
-							children: /* @__PURE__ */ j(u, {
+							children: /* @__PURE__ */ k(s, {
 								icon: Ie,
 								size: "sm"
 							})
 						})]
 					}),
-					ot && Y && !St && /* @__PURE__ */ j(bt, { editor: Y }),
-					q.toolbarPosition === "bottom" && Y && /* @__PURE__ */ j("div", {
-						className: c("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", wt ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
-						children: /* @__PURE__ */ j("div", {
+					tt && X && !St && /* @__PURE__ */ k(bt, { editor: X }),
+					J.toolbarPosition === "bottom" && X && /* @__PURE__ */ k("div", {
+						className: a("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", wt ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+						children: /* @__PURE__ */ k("div", {
 							className: "overflow-hidden",
-							children: /* @__PURE__ */ j(dt, {
-								editor: Y,
+							children: /* @__PURE__ */ k(rt, {
+								editor: X,
 								toolbar: we,
-								isMobile: ot,
-								hasMentions: !!(w || T),
+								isMobile: tt,
+								hasMentions: !!(v || w),
 								hasSlashCommands: !!E,
-								disabled: p
+								disabled: d
 							})
 						})
 					}),
-					_ && y !== "hidden" && (() => {
-						let e = Je / _;
-						return y === "always" || y === "focus" && We || (y === "near-limit" || !y) && e >= .8 || e >= 1 ? /* @__PURE__ */ M("div", {
-							className: c("flex justify-end px-ds-04 pb-ds-02 text-ds-xs tabular-nums transition-opacity duration-fast-01", e >= 1 ? "text-error-11 font-medium" : e >= .9 ? "text-warning-11" : "text-surface-fg-subtle"),
+					g && _ !== "hidden" && (() => {
+						let e = Ke / g;
+						return _ === "always" || _ === "focus" && Ue || (_ === "near-limit" || !_) && e >= .8 || e >= 1 ? /* @__PURE__ */ A("div", {
+							className: a("flex justify-end px-ds-04 pb-ds-02 text-ds-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: [
-								Je,
+								Ke,
 								"/",
-								_
+								g
 							]
 						}) : null;
 					})(),
-					xe,
-					/* @__PURE__ */ j("input", {
-						ref: tt,
+					Se,
+					/* @__PURE__ */ k("input", {
+						ref: Xe,
 						type: "file",
 						multiple: !0,
 						className: "hidden",
@@ -1869,13 +1869,13 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 					})
 				]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ A("div", {
 				className: "flex items-center gap-ds-02 shrink-0",
-				children: [Te && Te.length > 0 && I !== "recording" && /* @__PURE__ */ j(_t, { options: Te }), /* @__PURE__ */ M(a, {
+				children: [Te && Te.length > 0 && P !== "recording" && /* @__PURE__ */ k(_t, { options: Te }), /* @__PURE__ */ A(R, {
 					mode: "popLayout",
 					initial: !1,
 					children: [
-						I === "recording" && /* @__PURE__ */ M(i.div, {
+						P === "recording" && /* @__PURE__ */ A(z.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1888,33 +1888,33 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 								scale: .8,
 								opacity: 0
 							},
-							transition: { duration: s.moderate01 },
+							transition: { duration: i.moderate01 },
 							className: "flex items-center gap-ds-02",
-							children: [/* @__PURE__ */ j(f, {
+							children: [/* @__PURE__ */ k(l, {
 								variant: "soft",
 								size: $,
-								onClick: ut,
+								onClick: ct,
 								"aria-label": "Cancel recording",
 								title: "Cancel recording",
 								className: "text-surface-fg-subtle hover:text-error-11",
-								children: /* @__PURE__ */ j(u, {
+								children: /* @__PURE__ */ k(s, {
 									icon: Ie,
 									size: "md"
 								})
-							}), /* @__PURE__ */ j(f, {
+							}), /* @__PURE__ */ k(l, {
 								variant: "solid",
 								size: $,
 								color: "error",
-								onClick: lt,
+								onClick: st,
 								"aria-label": "Stop recording",
 								title: "Stop recording",
-								children: /* @__PURE__ */ j(u, {
+								children: /* @__PURE__ */ k(s, {
 									icon: Pe,
 									size: "md"
 								})
 							})]
 						}, "recording"),
-						N && I !== "recording" && /* @__PURE__ */ j(i.div, {
+						j && P !== "recording" && /* @__PURE__ */ k(z.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1927,21 +1927,21 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 								scale: .8,
 								opacity: 0
 							},
-							transition: { duration: s.moderate01 },
-							children: /* @__PURE__ */ j(f, {
+							transition: { duration: i.moderate01 },
+							children: /* @__PURE__ */ k(l, {
 								variant: "solid",
 								size: $,
 								color: "error",
 								onClick: ye,
 								"aria-label": "Stop",
 								title: "Stop",
-								children: /* @__PURE__ */ j(u, {
+								children: /* @__PURE__ */ k(s, {
 									icon: Pe,
 									size: "md"
 								})
 							})
 						}, "streaming"),
-						!N && I !== "recording" && Ct && P && /* @__PURE__ */ j(i.div, {
+						!j && P !== "recording" && Ct && M && /* @__PURE__ */ k(z.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1954,24 +1954,24 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 								scale: .8,
 								opacity: 0
 							},
-							transition: { duration: s.moderate01 },
-							children: /* @__PURE__ */ j(v, {
-								onClick: X,
-								disabled: p,
+							transition: { duration: i.moderate01 },
+							children: /* @__PURE__ */ k(h, {
+								onClick: lt,
+								disabled: d,
 								"aria-label": B ? "Schedule send" : "Send",
 								size: $,
-								dropdownContent: /* @__PURE__ */ j(Ke, {
+								dropdownContent: /* @__PURE__ */ k(ut, {
 									onSchedule: (e) => ze(e),
 									onClose: () => {},
-									onOpenDialog: () => Ue(!0)
+									onOpenDialog: () => V(!0)
 								}),
-								children: /* @__PURE__ */ j(u, {
-									icon: B ? Se : Ne,
+								children: /* @__PURE__ */ k(s, {
+									icon: B ? xe : Ne,
 									size: "md"
 								})
 							})
 						}, "split-send"),
-						!N && I !== "recording" && Ct && !P && /* @__PURE__ */ j(i.div, {
+						!j && P !== "recording" && Ct && !M && /* @__PURE__ */ k(z.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1984,21 +1984,21 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 								scale: .8,
 								opacity: 0
 							},
-							transition: { duration: s.moderate01 },
-							children: /* @__PURE__ */ j(f, {
+							transition: { duration: i.moderate01 },
+							children: /* @__PURE__ */ k(l, {
 								variant: "solid",
 								size: $,
-								onClick: X,
-								disabled: p,
+								onClick: lt,
+								disabled: d,
 								"aria-label": "Send",
 								title: "Send",
-								children: /* @__PURE__ */ j(u, {
+								children: /* @__PURE__ */ k(s, {
 									icon: Ne,
 									size: "md"
 								})
 							})
 						}, "send"),
-						!N && I !== "recording" && !Ct && O && /* @__PURE__ */ j(i.div, {
+						!j && P !== "recording" && !Ct && me && /* @__PURE__ */ k(z.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -2011,20 +2011,20 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 								scale: .8,
 								opacity: 0
 							},
-							transition: { duration: s.moderate01 },
-							children: /* @__PURE__ */ j(f, {
+							transition: { duration: i.moderate01 },
+							children: /* @__PURE__ */ k(l, {
 								variant: "soft",
 								size: $,
-								onClick: ct,
+								onClick: it,
 								"aria-label": "Record voice message",
 								title: "Record voice message",
-								children: /* @__PURE__ */ j(u, {
-									icon: Oe,
+								children: /* @__PURE__ */ k(s, {
+									icon: De,
 									size: "md"
 								})
 							})
 						}, "mic"),
-						!N && I !== "recording" && !Ct && !O && /* @__PURE__ */ j(i.div, {
+						!j && P !== "recording" && !Ct && !me && /* @__PURE__ */ k(z.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -2037,14 +2037,14 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 								scale: .8,
 								opacity: 0
 							},
-							transition: { duration: s.moderate01 },
-							children: /* @__PURE__ */ j(f, {
+							transition: { duration: i.moderate01 },
+							children: /* @__PURE__ */ k(l, {
 								variant: "solid",
 								size: $,
 								disabled: !0,
 								"aria-label": "Send",
 								title: "Send",
-								children: /* @__PURE__ */ j(u, {
+								children: /* @__PURE__ */ k(s, {
 									icon: Ne,
 									size: "md"
 								})
@@ -2053,13 +2053,13 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 					]
 				})]
 			}),
-			Ce && /* @__PURE__ */ j("p", {
+			Ce && /* @__PURE__ */ k("p", {
 				className: "mt-ds-02 text-center text-ds-xs text-surface-fg-subtle/50",
 				children: Ce
 			}),
-			P && /* @__PURE__ */ j(qe, {
-				open: He,
-				onOpenChange: Ue,
+			M && /* @__PURE__ */ k(dt, {
+				open: Ve,
+				onOpenChange: V,
 				onSchedule: (e) => ze(e),
 				initialDate: B
 			})
@@ -2068,4 +2068,4 @@ var xt = D.forwardRef(function({ onSubmit: o, placeholder: l = "Type a message..
 });
 xt.displayName = "RichChatInput";
 //#endregion
-export { G as _, et as a, V as b, lt as c, J as d, ct as f, W as g, rt as h, st as i, it as l, ut as m, mt as n, ot as o, q as p, ft as r, at as s, xt as t, tt as u, K as v, nt as y };
+export { G as _, Ze as a, V as b, Ye as c, tt as d, Qe as f, W as g, U as h, K as i, q as l, Je as m, mt as n, Xe as o, nt as p, $e as r, J as s, xt as t, et as u, qe as v, Ge as y };