@devalok/shilp-sutra 0.38.0 → 0.40.0

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

@@ -1,2071 +0,0 @@
-"use client";
-import { ln as e, mn as t, pn as n, un as r } from "./primitives.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 * 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 = 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) => {
-				(!n || e.label.toLowerCase().includes(n) || e.description?.toLowerCase().includes(n)) && r.push({
-					command: e,
-					groupIndex: t
-				});
-			});
-		}), r;
-	}, [e, t]);
-	if (T.useEffect(() => o(0), [s]), T.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (o((e) => (e + s.length - 1) % s.length), !0) : e.key === "ArrowDown" ? (o((e) => (e + 1) % s.length), !0) : e.key === "Enter" ? (s[i] && n(s[i].command), !0) : !1 })), !s.length) return null;
-	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: []
-		}, c.push(r)), r.items.push({
-			command: t.command,
-			flatIndex: l
-		}), l++;
-	}
-	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: c.map((e, t) => /* @__PURE__ */ A("div", {
-			role: "group",
-			"aria-label": e.label,
-			children: [
-				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__ */ A("button", {
-						type: "button",
-						role: "option",
-						"aria-selected": t === i,
-						onClick: () => n(e),
-						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__ */ k(r, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ A("div", {
-							className: "flex flex-col",
-							children: [/* @__PURE__ */ k("span", {
-								className: "text-ds-sm text-surface-fg",
-								children: e.label
-							}), e.description && /* @__PURE__ */ k("span", {
-								className: "text-ds-xs text-surface-fg-subtle",
-								children: e.description
-							})]
-						})]
-					}, e.id);
-				})
-			]
-		}, e.label))
-	});
-});
-B.displayName = "SlashCommandList";
-function ze(e) {
-	return () => {
-		let t = null, n = null, r = null;
-		return {
-			onStart: (i) => {
-				n = document.createElement("div"), n.style.position = "absolute", n.style.zIndex = "1400";
-				let a = i.clientRect?.();
-				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = Re(n), t.render(/* @__PURE__ */ k(B, {
-					ref: (e) => {
-						r = e;
-					},
-					groups: e,
-					query: i.query,
-					command: (e) => i.command(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__ */ k(B, {
-					ref: (e) => {
-						r = e;
-					},
-					groups: e,
-					query: i.query,
-					command: (e) => i.command(e)
-				}));
-			},
-			onKeyDown: (e) => e.event.key === "Escape" ? (n && (t?.unmount(), n.remove(), n = null, t = null), !0) : r?.onKeyDown(e) ?? !1,
-			onExit: () => {
-				n && (t?.unmount(), n.remove(), n = null, t = null);
-			}
-		};
-	};
-}
-function Be(e) {
-	let t = e.flatMap((e) => e.commands);
-	return S.create({
-		name: "slashCommand",
-		addProseMirrorPlugins() {
-			return [ae({
-				pluginKey: new oe("slashCommand"),
-				editor: this.editor,
-				char: "/",
-				startOfLine: !0,
-				allowSpaces: !1,
-				items: ({ query: e }) => {
-					if (!e) return t.slice(0, 8);
-					let n = e.toLowerCase();
-					return t.filter((e) => e.label.toLowerCase().includes(n) || e.description?.toLowerCase().includes(n)).slice(0, 8);
-				},
-				command: ({ editor: e, range: t, props: n }) => {
-					e.chain().focus().deleteRange(t).run(), n.action(e);
-				},
-				render: ze(e)
-			})];
-		}
-	});
-}
-//#endregion
-//#region src/composed/rich-chat-input/attachment-strip.tsx
-function Ve(e) {
-	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-}
-function He({ attachments: e, onRemoveAttachment: t }) {
-	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__ */ 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__ */ k(R, {
-				initial: !1,
-				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ A(z.div, {
-					role: "listitem",
-					"aria-label": `Image: ${e.name}`,
-					layout: !0,
-					initial: {
-						scale: 0,
-						opacity: 0
-					},
-					animate: {
-						scale: 1,
-						opacity: 1
-					},
-					exit: {
-						scale: .95,
-						opacity: 0
-					},
-					transition: {
-						layout: {
-							type: "spring",
-							stiffness: 400,
-							damping: 30
-						},
-						scale: {
-							type: "spring",
-							stiffness: 400,
-							damping: 30
-						},
-						opacity: { duration: i.fast02 }
-					},
-					className: "relative h-12 w-12 shrink-0 group",
-					children: [
-						/* @__PURE__ */ k("img", {
-							src: e.url,
-							alt: e.name,
-							className: "h-full w-full rounded-ds-md object-cover"
-						}),
-						/* @__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__ */ k(s, {
-								icon: L,
-								size: "xs"
-							})
-						}),
-						e.uploading && /* @__PURE__ */ k("div", {
-							className: "absolute inset-0 rounded-ds-md bg-surface-overlay/50 flex items-center justify-center",
-							children: /* @__PURE__ */ k(o, { size: "sm" })
-						})
-					]
-				}, e.id) : /* @__PURE__ */ A(z.div, {
-					role: "listitem",
-					"aria-label": `File: ${e.name}, ${Ve(e.size)}`,
-					layout: !0,
-					initial: {
-						scale: 0,
-						opacity: 0
-					},
-					animate: {
-						scale: 1,
-						opacity: 1
-					},
-					exit: {
-						scale: .95,
-						opacity: 0
-					},
-					transition: {
-						layout: {
-							type: "spring",
-							stiffness: 400,
-							damping: 30
-						},
-						scale: {
-							type: "spring",
-							stiffness: 400,
-							damping: 30
-						},
-						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__ */ k(s, {
-							icon: Ce,
-							size: "xs",
-							className: "text-surface-fg-muted"
-						}),
-						/* @__PURE__ */ k("span", {
-							className: "text-ds-xs text-surface-fg-muted truncate max-w-[120px]",
-							children: e.name
-						}),
-						/* @__PURE__ */ k("span", {
-							className: "text-ds-xs text-surface-fg-subtle",
-							children: Ve(e.size)
-						}),
-						/* @__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__ */ k(s, {
-								icon: L,
-								size: "xs"
-							})
-						})
-					]
-				}, e.id))
-			})
-		})
-	});
-}
-//#endregion
-//#region src/composed/rich-chat-input/audio-waveform.tsx
-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 / 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);
-				i[t] = h.current[t] + (a - h.current[t]) * .3;
-			}
-			h.current = i, p(i), m.current = requestAnimationFrame(r);
-		};
-		return m.current = requestAnimationFrame(r), () => cancelAnimationFrame(m.current);
-	}, [
-		e,
-		t,
-		s
-	]), T.useEffect(() => {
-		if (!(e !== "static" || !n)) if (n.length === s) p(n);
-		else {
-			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)];
-			}
-			p(e);
-		}
-	}, [
-		e,
-		n,
-		s
-	]);
-	let g = s * (i + o) - o, _ = T.useMemo(() => f.map((t, n) => {
-		let a = Math.max(2, t * c), l = n * (i + o), u = (c - a) / 2, d = e === "static" && r > 0 && n / s <= r;
-		return /* @__PURE__ */ k("rect", {
-			x: l,
-			y: u,
-			width: i,
-			height: a,
-			rx: i / 2,
-			fill: d ? "var(--color-accent-9)" : "var(--color-surface-border)"
-		}, n);
-	}), [
-		f,
-		r,
-		e,
-		i,
-		o,
-		s,
-		c
-	]);
-	return /* @__PURE__ */ k("svg", {
-		ref: d,
-		height: c,
-		viewBox: `0 0 ${g} ${c}`,
-		preserveAspectRatio: "none",
-		"aria-hidden": "true",
-		className: a("shrink-0", l),
-		...u,
-		children: _
-	});
-});
-V.displayName = "AudioWaveform";
-//#endregion
-//#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")}`;
-}
-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 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__ */ 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__ */ 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: [
-					We(d),
-					" / ",
-					We(t)
-				]
-			}),
-			/* @__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"]
-			})
-		]
-	});
-});
-Ge.displayName = "AudioPlayer";
-//#endregion
-//#region src/composed/rich-chat-input/chat-toolbar.tsx
-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 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 ?? s,
-		title: r,
-		"aria-label": r,
-		"aria-pressed": t,
-		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 W() {
-	return /* @__PURE__ */ k("div", { className: "h-4 w-px bg-surface-border-subtle mx-ds-01" });
-}
-function G({ children: e, className: t }) {
-	return /* @__PURE__ */ k("div", {
-		className: a("flex items-center gap-ds-01", t),
-		children: e
-	});
-}
-function K() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("bold") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleBold().run(),
-		isActive: t,
-		title: "Bold",
-		children: /* @__PURE__ */ k(s, {
-			icon: j,
-			size: "xs"
-		})
-	});
-}
-function q() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("italic") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleItalic().run(),
-		isActive: t,
-		title: "Italic",
-		children: /* @__PURE__ */ k(s, {
-			icon: Te,
-			size: "xs"
-		})
-	});
-}
-function qe() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("underline") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleUnderline().run(),
-		isActive: t,
-		title: "Underline",
-		children: /* @__PURE__ */ k(s, {
-			icon: I,
-			size: "xs"
-		})
-	});
-}
-function Je() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("strike") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleStrike().run(),
-		isActive: t,
-		title: "Strikethrough",
-		children: /* @__PURE__ */ k(s, {
-			icon: F,
-			size: "xs"
-		})
-	});
-}
-function Ye() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("highlight") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleHighlight().run(),
-		isActive: t,
-		title: "Highlight",
-		children: /* @__PURE__ */ k(s, {
-			icon: we,
-			size: "xs"
-		})
-	});
-}
-function Xe() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("code") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleCode().run(),
-		isActive: t,
-		title: "Inline code",
-		children: /* @__PURE__ */ k(s, {
-			icon: Se,
-			size: "xs"
-		})
-	});
-}
-function Ze() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("bulletList") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleBulletList().run(),
-		isActive: t,
-		title: "Bullet list",
-		children: /* @__PURE__ */ k(s, {
-			icon: Ee,
-			size: "xs"
-		})
-	});
-}
-function Qe() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("orderedList") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleOrderedList().run(),
-		isActive: t,
-		title: "Ordered list",
-		children: /* @__PURE__ */ k(s, {
-			icon: N,
-			size: "xs"
-		})
-	});
-}
-function $e() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("blockquote") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => e.chain().focus().toggleBlockquote().run(),
-		isActive: t,
-		title: "Quote",
-		children: /* @__PURE__ */ k(s, {
-			icon: ve,
-			size: "xs"
-		})
-	});
-}
-function et() {
-	let { editor: e } = H(), { isActive: t } = C({
-		editor: e,
-		selector: ({ editor: e }) => ({ isActive: e.isActive("link") })
-	});
-	return /* @__PURE__ */ k(U, {
-		onClick: () => {
-			let t = window.prompt("URL");
-			t && e.chain().focus().setLink({ href: t }).run();
-		},
-		isActive: t,
-		title: "Link",
-		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 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 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 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 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 ft({ date: e, onClear: t, onEdit: n }) {
-	return /* @__PURE__ */ k(z.div, {
-		initial: {
-			height: 0,
-			opacity: 0
-		},
-		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/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] = 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 = [];
-	}, []), 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;
-		let n = pt(), r = n ? new MediaRecorder(e, { mimeType: n }) : new MediaRecorder(e);
-		d.current = r, m.current = [], x.current = !1;
-		let a = new AudioContext();
-		f.current = a;
-		let s = a.createMediaStreamSource(e), l = a.createAnalyser();
-		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) C(), i("idle"), o(0), u([]);
-			else {
-				let e = new Blob(m.current, { type: r.mimeType || "audio/webm" }), t = y.current, n = b.current;
-				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 w = new Uint8Array(l.frequencyBinCount);
-		u([]), b.current = [], g.current = setInterval(() => {
-			if (v.current) {
-				v.current.getByteFrequencyData(w);
-				let e = 0;
-				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, C]), ee = E(() => {
-		d.current && d.current.state !== "inactive" && (x.current = !1, d.current.stop());
-	}, []), 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"));
-	}, []), re = E(() => {
-		if (d.current && d.current.state === "paused") {
-			d.current.resume(), h.current = setInterval(() => {
-				y.current += 1, o((e) => e + 1);
-			}, 1e3);
-			let e = new Uint8Array(v.current?.frequencyBinCount ?? 128);
-			g.current = setInterval(() => {
-				if (v.current) {
-					v.current.getByteFrequencyData(e);
-					let t = 0;
-					for (let n = 0; n < e.length; n++) t += e[n];
-					let n = t / e.length / 255;
-					b.current = [...b.current, n], u((e) => [...e, n]);
-				}
-			}, 100), i("recording");
-		}
-	}, []);
-	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: w,
-		stop: ee,
-		cancel: te,
-		pause: ne,
-		resume: re
-	};
-}
-//#endregion
-//#region src/composed/rich-chat-input.tsx
-var ht = {
-	compact: {
-		minHeight: 44,
-		maxHeight: 256,
-		showToolbar: !0,
-		toolbarPosition: "bottom"
-	},
-	expanded: {
-		minHeight: 96,
-		maxHeight: 384,
-		showToolbar: !0,
-		toolbarPosition: "bottom"
-	},
-	minimal: {
-		minHeight: 44,
-		maxHeight: 128,
-		showToolbar: !1,
-		toolbarPosition: "bottom"
-	},
-	inline: {
-		minHeight: 40,
-		maxHeight: 160,
-		showToolbar: !1,
-		toolbarPosition: "top"
-	}
-}, gt = [
-	"prose prose-sm max-w-none focus:outline-hidden",
-	"font-body text-ds-md leading-relaxed text-surface-fg",
-	"[&_p.is-editor-empty:first-child]:relative",
-	"[&_p.is-editor-empty:first-child::before]:text-surface-fg-subtle [&_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)] [&_p.is-editor-empty:first-child::before]:pointer-events-none [&_p.is-editor-empty:first-child::before]:absolute [&_p.is-editor-empty:first-child::before]:left-0 [&_p.is-editor-empty:first-child::before]:top-0 [&_p.is-editor-empty:first-child::before]:w-full [&_p.is-editor-empty:first-child::before]:truncate",
-	"[&_p]:mb-ds-01 [&_p]:text-surface-fg",
-	"[&_p:last-child]:mb-0",
-	"[&_ul]:ml-ds-04 [&_ul]:list-disc [&_ol]:ml-ds-04 [&_ol]:list-decimal",
-	"[&_li]:text-surface-fg",
-	"[&_code]:rounded [&_code]:bg-surface-raised [&_code]:px-ds-02 [&_code]:py-[1px] [&_code]:text-ds-md [&_code]:text-accent-11",
-	"[&_strong]:font-semibold [&_strong]:text-surface-fg",
-	"[&_mark]:rounded-xs [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
-	"[&_a]:text-accent-11 [&_a]:underline",
-	"[&_.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] = 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__ */ A("div", {
-		ref: r,
-		className: "relative",
-		children: [/* @__PURE__ */ k("button", {
-			type: "button",
-			onClick: () => n((e) => !e),
-			title: "More send options",
-			"aria-label": "More send options",
-			"aria-expanded": t,
-			className: a("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-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__ */ 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__ */ 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__ */ 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__ */ k(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
-			}, t))]
-		})]
-	});
-}
-var vt = T.lazy(() => import("@emoji-mart/react"));
-function yt({ set: e = "native", onSelect: t, onClose: n }) {
-	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]), T.useEffect(() => {
-		let e = (e) => {
-			e.key === "Escape" && n();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [n]);
-	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__ */ k("span", {
-			className: "text-ds-sm text-surface-fg-subtle",
-			children: "Loading..."
-		})
-	});
-	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__ */ k(T.Suspense, {
-			fallback: s,
-			children: /* @__PURE__ */ k(vt, {
-				data: r,
-				set: e,
-				onEmojiSelect: (e) => t({
-					id: e.id,
-					native: e.native
-				}),
-				theme: a === "dark" ? "dark" : "light",
-				previewPosition: "none",
-				skinTonePosition: "none"
-			})
-		}) : s
-	});
-}
-function Q({ onClick: e, isActive: t = !1, title: n, children: r }) {
-	return /* @__PURE__ */ k("button", {
-		type: "button",
-		onClick: e,
-		title: n,
-		"aria-label": n,
-		"aria-pressed": t,
-		className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-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 = C({
-		editor: e,
-		selector: ({ editor: e }) => ({
-			isBold: e.isActive("bold"),
-			isItalic: e.isActive("italic"),
-			isUnderline: e.isActive("underline"),
-			isStrike: e.isActive("strike"),
-			isHighlight: e.isActive("highlight"),
-			isCode: e.isActive("code")
-		})
-	});
-	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__ */ k(Q, {
-				onClick: () => e.chain().focus().toggleBold().run(),
-				isActive: t.isBold,
-				title: "Bold",
-				children: /* @__PURE__ */ k(s, {
-					icon: j,
-					size: "xs"
-				})
-			}),
-			/* @__PURE__ */ k(Q, {
-				onClick: () => e.chain().focus().toggleItalic().run(),
-				isActive: t.isItalic,
-				title: "Italic",
-				children: /* @__PURE__ */ k(s, {
-					icon: Te,
-					size: "xs"
-				})
-			}),
-			/* @__PURE__ */ k(Q, {
-				onClick: () => e.chain().focus().toggleUnderline().run(),
-				isActive: t.isUnderline,
-				title: "Underline",
-				children: /* @__PURE__ */ k(s, {
-					icon: I,
-					size: "xs"
-				})
-			}),
-			/* @__PURE__ */ k(Q, {
-				onClick: () => e.chain().focus().toggleStrike().run(),
-				isActive: t.isStrike,
-				title: "Strikethrough",
-				children: /* @__PURE__ */ k(s, {
-					icon: F,
-					size: "xs"
-				})
-			}),
-			/* @__PURE__ */ k(Q, {
-				onClick: () => e.chain().focus().toggleHighlight().run(),
-				isActive: t.isHighlight,
-				title: "Highlight",
-				children: /* @__PURE__ */ k(s, {
-					icon: we,
-					size: "xs"
-				})
-			}),
-			/* @__PURE__ */ k(Q, {
-				onClick: () => e.chain().focus().toggleCode().run(),
-				isActive: t.isCode,
-				title: "Code",
-				children: /* @__PURE__ */ k(s, {
-					icon: Se,
-					size: "xs"
-				})
-			})
-		]
-	});
-}
-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: [
-					n(8),
-					r(),
-					t({ padding: 8 })
-				]
-			}).then(({ x: e, y: t }) => {
-				Object.assign(a.style, {
-					left: `${e}px`,
-					top: `${t}px`
-				});
-			});
-		};
-		return o(), window.addEventListener("scroll", o, !0), window.addEventListener("resize", o), () => {
-			window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", o);
-		};
-	}, [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 (me?.(e, t), D) {
-				let n = await D(e, t);
-				if (n != null) {
-					X?.chain().focus().insertContent(n).run(), F("idle");
-					return;
-				}
-			}
-			qe({
-				blob: e,
-				duration: t,
-				waveformData: n
-			}), F("review");
-		}
-	}), 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: T.useMemo(() => {
-			let e = [
-				ne.configure({
-					heading: !1,
-					horizontalRule: !1,
-					codeBlock: !1,
-					blockquote: !1,
-					link: {
-						openOnClick: !1,
-						HTMLAttributes: { class: "text-accent-11 underline" }
-					}
-				}),
-				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: () => et.current === "send" ? ($e.current?.(), !0) : !1,
-							"Shift-Enter": () => et.current === "send" ? (this.editor.commands.splitBlock(), !0) : !1,
-							"Mod-Enter": () => ($e.current?.(), !0)
-						};
-					}
-				})
-			];
-			return (v || w) && e.push(ie.configure({
-				HTMLAttributes: { class: "mention" },
-				suggestion: {
-					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;
-		}, [
-			u,
-			g,
-			N,
-			!!v,
-			!!w,
-			!!E
-		]),
-		content: f || void 0,
-		editable: !d,
-		editorProps: {
-			attributes: { class: gt },
-			handlePaste: (e, t) => {
-				let n = Array.from(t.clipboardData?.files ?? []);
-				return n.length > 0 ? (n.forEach(Z), !0) : !1;
-			}
-		}
-	}), 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 ? X.getHTML() : "",
-			plainText: e ? X.getText() : ""
-		};
-		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: q.blob,
-			duration: q.duration
-		}), B && M ? M(r, B) : o(r), X.commands.clearContent(), K([]), qe(null), ze(null), F("idle");
-	}, [
-		X,
-		G,
-		q,
-		j,
-		o,
-		M,
-		B
-	]);
-	$e.current = lt, T.useEffect(() => {
-		if (!X || !_e) return;
-		let e = () => {
-			_e(!0), clearTimeout(Qe.current), Qe.current = setTimeout(() => _e(!1), 2e3);
-		};
-		return X.on("update", e), () => {
-			X.off("update", e), clearTimeout(Qe.current);
-		};
-	}, [X, _e]), T.useEffect(() => {
-		if (!X || !ve) return;
-		let e = () => {
-			ve(X.isEmpty);
-		};
-		return X.on("update", e), e(), () => {
-			X.off("update", e);
-		};
-	}, [X, ve]);
-	let Z = T.useCallback(async (e) => {
-		let t = Math.random().toString(36).slice(2), n = e.type.startsWith("image/");
-		K((r) => [...r, {
-			id: t,
-			name: e.name,
-			size: e.size,
-			type: n ? "image" : "file",
-			uploading: !0
-		}]);
-		try {
-			if (n && pe) {
-				let n = await pe(e);
-				K((e) => e.map((e) => e.id === t ? {
-					...e,
-					url: n,
-					uploading: !1
-				} : e));
-			} else if (oe) {
-				let n = await oe(e);
-				K((e) => e.map((e) => e.id === t ? {
-					...e,
-					url: n.url,
-					name: n.name,
-					size: n.size,
-					uploading: !1
-				} : e));
-			} else if (n) {
-				let n = URL.createObjectURL(e);
-				K((e) => e.map((e) => e.id === t ? {
-					...e,
-					url: n,
-					uploading: !1
-				} : e));
-			} else K((e) => e.filter((e) => e.id !== t));
-		} catch {
-			K((e) => e.filter((e) => e.id !== t));
-		}
-	}, [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 = T.useCallback(() => {
-		qe(null), F("idle");
-	}, []), St = C({
-		editor: X,
-		selector: ({ editor: e }) => e ? { editorIsEmpty: e.isEmpty } : null
-	})?.editorIsEmpty ?? !0;
-	T.useEffect(() => {
-		if (!X) return;
-		let e = () => {
-			H(X.state.doc.textBetween(0, X.state.doc.content.size, void 0, " ").length);
-		};
-		return e(), X.on("update", e), () => {
-			X.off("update", e);
-		};
-	}, [X]);
-	let Ct = !St || G.length > 0 || !!q, wt = I || P === "review" || p === "expanded", $ = "icon-md";
-	return /* @__PURE__ */ A("div", {
-		ref: je,
-		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 ?? (oe || pe ? /* @__PURE__ */ k(l, {
-				variant: "solid",
-				size: "icon-md",
-				onClick: () => Xe.current?.click(),
-				title: "Attach",
-				"aria-label": "Attach file",
-				className: "shrink-0",
-				children: /* @__PURE__ */ k(s, {
-					icon: Me,
-					size: "md"
-				})
-			}) : null)),
-			/* @__PURE__ */ A("div", {
-				role: "region",
-				"aria-label": "Message composer",
-				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) || We(!1);
-				},
-				onDragOver: (e) => {
-					e.preventDefault(), Ye(!0);
-				},
-				onDragLeave: () => Ye(!1),
-				onDrop: vt,
-				children: [
-					be,
-					/* @__PURE__ */ k(R, { children: he && /* @__PURE__ */ k(ot, {
-						author: he.author,
-						preview: he.preview,
-						onDismiss: he.onDismiss
-					}, "reply") }),
-					/* @__PURE__ */ k(R, { children: B && /* @__PURE__ */ k(ft, {
-						date: B,
-						onEdit: () => V(!0),
-						onClear: () => ze(null)
-					}, "schedule") }),
-					/* @__PURE__ */ k(R, { children: G.length > 0 && /* @__PURE__ */ k(He, {
-						attachments: G,
-						onRemoveAttachment: pt
-					}, "attachments") }),
-					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__ */ k(rt, {
-								editor: X,
-								toolbar: we,
-								isMobile: !1,
-								hasMentions: !!(v || w),
-								hasSlashCommands: !!E,
-								disabled: d
-							})
-						})
-					}),
-					/* @__PURE__ */ A("div", {
-						className: "relative",
-						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: J.minHeight,
-								maxHeight: nt,
-								overflowY: "auto"
-							},
-							onClick: () => X?.commands.focus(),
-							children: [/* @__PURE__ */ k("div", {
-								className: "flex-1 min-w-0",
-								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__ */ k("button", {
-									type: "button",
-									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__ */ A("div", {
-									className: "relative",
-									children: [/* @__PURE__ */ k("button", {
-										ref: U,
-										type: "button",
-										onClick: () => Re((e) => !e),
-										title: "Emoji",
-										"aria-label": "Emoji",
-										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"
-										})
-									}), Le && ge.createPortal(/* @__PURE__ */ k("div", {
-										ref: W,
-										className: "absolute z-popover",
-										style: {
-											top: 0,
-											left: 0
-										},
-										children: /* @__PURE__ */ k(yt, {
-											set: N,
-											onSelect: async ({ id: e, native: t }) => {
-												let n = ue(await se(N), e);
-												n ? X.chain().focus().insertContent({
-													type: "emojiNode",
-													attrs: {
-														id: e,
-														native: n.native,
-														set: N,
-														x: n.x,
-														y: n.y
-													}
-												}).run() : X.chain().focus().insertContent(t).run(), Re(!1);
-											},
-											onClose: () => Re(!1)
-										})
-									}), document.body)]
-								})]
-							})]
-						})]
-					}),
-					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__ */ k(Ge, {
-							src: q.blob,
-							duration: q.duration,
-							waveformData: q.waveformData,
-							className: "flex-1"
-						}), /* @__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__ */ k(s, {
-								icon: Ie,
-								size: "sm"
-							})
-						})]
-					}),
-					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__ */ k(rt, {
-								editor: X,
-								toolbar: we,
-								isMobile: tt,
-								hasMentions: !!(v || w),
-								hasSlashCommands: !!E,
-								disabled: d
-							})
-						})
-					}),
-					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: [
-								Ke,
-								"/",
-								g
-							]
-						}) : null;
-					})(),
-					Se,
-					/* @__PURE__ */ k("input", {
-						ref: Xe,
-						type: "file",
-						multiple: !0,
-						className: "hidden",
-						onChange: Q
-					})
-				]
-			}),
-			/* @__PURE__ */ A("div", {
-				className: "flex items-center gap-ds-02 shrink-0",
-				children: [Te && Te.length > 0 && P !== "recording" && /* @__PURE__ */ k(_t, { options: Te }), /* @__PURE__ */ A(R, {
-					mode: "popLayout",
-					initial: !1,
-					children: [
-						P === "recording" && /* @__PURE__ */ A(z.div, {
-							initial: {
-								scale: .8,
-								opacity: 0
-							},
-							animate: {
-								scale: 1,
-								opacity: 1
-							},
-							exit: {
-								scale: .8,
-								opacity: 0
-							},
-							transition: { duration: i.moderate01 },
-							className: "flex items-center gap-ds-02",
-							children: [/* @__PURE__ */ k(l, {
-								variant: "soft",
-								size: $,
-								onClick: ct,
-								"aria-label": "Cancel recording",
-								title: "Cancel recording",
-								className: "text-surface-fg-subtle hover:text-error-11",
-								children: /* @__PURE__ */ k(s, {
-									icon: Ie,
-									size: "md"
-								})
-							}), /* @__PURE__ */ k(l, {
-								variant: "solid",
-								size: $,
-								color: "error",
-								onClick: st,
-								"aria-label": "Stop recording",
-								title: "Stop recording",
-								children: /* @__PURE__ */ k(s, {
-									icon: Pe,
-									size: "md"
-								})
-							})]
-						}, "recording"),
-						j && P !== "recording" && /* @__PURE__ */ k(z.div, {
-							initial: {
-								scale: .8,
-								opacity: 0
-							},
-							animate: {
-								scale: 1,
-								opacity: 1
-							},
-							exit: {
-								scale: .8,
-								opacity: 0
-							},
-							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ k(l, {
-								variant: "solid",
-								size: $,
-								color: "error",
-								onClick: ye,
-								"aria-label": "Stop",
-								title: "Stop",
-								children: /* @__PURE__ */ k(s, {
-									icon: Pe,
-									size: "md"
-								})
-							})
-						}, "streaming"),
-						!j && P !== "recording" && Ct && M && /* @__PURE__ */ k(z.div, {
-							initial: {
-								scale: .8,
-								opacity: 0
-							},
-							animate: {
-								scale: 1,
-								opacity: 1
-							},
-							exit: {
-								scale: .8,
-								opacity: 0
-							},
-							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ k(h, {
-								onClick: lt,
-								disabled: d,
-								"aria-label": B ? "Schedule send" : "Send",
-								size: $,
-								dropdownContent: /* @__PURE__ */ k(ut, {
-									onSchedule: (e) => ze(e),
-									onClose: () => {},
-									onOpenDialog: () => V(!0)
-								}),
-								children: /* @__PURE__ */ k(s, {
-									icon: B ? xe : Ne,
-									size: "md"
-								})
-							})
-						}, "split-send"),
-						!j && P !== "recording" && Ct && !M && /* @__PURE__ */ k(z.div, {
-							initial: {
-								scale: .8,
-								opacity: 0
-							},
-							animate: {
-								scale: 1,
-								opacity: 1
-							},
-							exit: {
-								scale: .8,
-								opacity: 0
-							},
-							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ k(l, {
-								variant: "solid",
-								size: $,
-								onClick: lt,
-								disabled: d,
-								"aria-label": "Send",
-								title: "Send",
-								children: /* @__PURE__ */ k(s, {
-									icon: Ne,
-									size: "md"
-								})
-							})
-						}, "send"),
-						!j && P !== "recording" && !Ct && me && /* @__PURE__ */ k(z.div, {
-							initial: {
-								scale: .8,
-								opacity: 0
-							},
-							animate: {
-								scale: 1,
-								opacity: 1
-							},
-							exit: {
-								scale: .8,
-								opacity: 0
-							},
-							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ k(l, {
-								variant: "soft",
-								size: $,
-								onClick: it,
-								"aria-label": "Record voice message",
-								title: "Record voice message",
-								children: /* @__PURE__ */ k(s, {
-									icon: De,
-									size: "md"
-								})
-							})
-						}, "mic"),
-						!j && P !== "recording" && !Ct && !me && /* @__PURE__ */ k(z.div, {
-							initial: {
-								scale: .8,
-								opacity: 0
-							},
-							animate: {
-								scale: 1,
-								opacity: 1
-							},
-							exit: {
-								scale: .8,
-								opacity: 0
-							},
-							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ k(l, {
-								variant: "solid",
-								size: $,
-								disabled: !0,
-								"aria-label": "Send",
-								title: "Send",
-								children: /* @__PURE__ */ k(s, {
-									icon: Ne,
-									size: "md"
-								})
-							})
-						}, "send-disabled")
-					]
-				})]
-			}),
-			Ce && /* @__PURE__ */ k("p", {
-				className: "mt-ds-02 text-center text-ds-xs text-surface-fg-subtle/50",
-				children: Ce
-			}),
-			M && /* @__PURE__ */ k(dt, {
-				open: Ve,
-				onOpenChange: V,
-				onSchedule: (e) => ze(e),
-				initialDate: B
-			})
-		]
-	});
-});
-xt.displayName = "RichChatInput";
-//#endregion
-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 };