@devalok/shilp-sutra 0.33.2 → 0.34.1

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

@@ -0,0 +1,2070 @@
+"use client";
+import { $t as e, en as t, in as n, rn as r } from "./primitives.js";
+import { a as i, c as a, n as o } from "./framer.js";
+import { cn as s } from "../ui/lib/utils.js";
+import { Spinner as c } from "../ui/spinner.js";
+import { Icon as l } from "../ui/icon.js";
+import { Button as u } from "../ui/button.js";
+import { useIsMobile as d } from "../hooks/use-mobile.js";
+import { Dialog as f, DialogContent as p, DialogFooter as m, DialogHeader as h, DialogTitle as g } from "../ui/dialog.js";
+import { SplitButton as _ } from "../ui/split-button.js";
+import { emojiDataLoaders as v } from "../composed/emoji-picker.js";
+import { c as y, d as b, g as x, h as S, i as C, l as w, m as ee, n as te, o as ne, r as T, s as re, t as E, y as ie } from "./tiptap.js";
+import { a as ae, i as oe, n as se, o as ce, r as le, t as ue } from "./mention-suggestion.js";
+import { useColorMode as de } from "../hooks/use-color-mode.js";
+import { n as fe, t as D } from "./use-calendar.js";
+import * as O from "react";
+import { useCallback as k, useEffect as pe, useRef as A, useState as j } from "react";
+import { Fragment as me, jsx as M, jsxs as N } from "react/jsx-runtime";
+import * as he from "react-dom";
+import { IconAt as ge, IconBlockquote as P, IconBold as _e, IconCalendarEvent as ve, IconChevronDown as ye, IconClock as be, IconCode as xe, IconFile as Se, IconHighlight as Ce, IconItalic as F, IconLink as we, IconList as I, IconListNumbers as Te, IconMicrophone as Ee, IconMoodSmile as De, IconPencil as Oe, IconPlayerPause as ke, IconPlayerPlay as L, IconPlus as Ae, IconSend as je, IconSlash as R, IconSquare as Me, IconStrikethrough as z, IconTextSize as Ne, IconTrash as Pe, IconUnderline as Fe, IconX as B } from "@tabler/icons-react";
+import { createRoot as Ie } from "react-dom/client";
+//#region src/composed/extensions/slash-command.tsx
+var V = O.forwardRef(({ groups: e, query: t, command: n }, r) => {
+	let [i, a] = O.useState(0), o = O.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 (O.useEffect(() => a(0), [o]), O.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 c = [], l = 0;
+	for (let t of o) {
+		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__ */ M("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__ */ N("div", {
+			role: "group",
+			"aria-label": e.label,
+			children: [
+				t > 0 && /* @__PURE__ */ M("div", { className: "my-ds-01 border-t border-surface-border" }),
+				/* @__PURE__ */ M("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__ */ N("button", {
+						type: "button",
+						role: "option",
+						"aria-selected": t === i,
+						onClick: () => n(e),
+						className: s("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__ */ M("span", {
+							className: "flex h-4 w-4 shrink-0 items-center justify-center text-surface-fg-muted",
+							children: /* @__PURE__ */ M(r, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ N("div", {
+							className: "flex flex-col",
+							children: [/* @__PURE__ */ M("span", {
+								className: "text-ds-sm text-surface-fg",
+								children: e.label
+							}), e.description && /* @__PURE__ */ M("span", {
+								className: "text-ds-xs text-surface-fg-subtle",
+								children: e.description
+							})]
+						})]
+					}, e.id);
+				})
+			]
+		}, e.label))
+	});
+});
+V.displayName = "SlashCommandList";
+function Le(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 = Ie(n), t.render(/* @__PURE__ */ M(V, {
+					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__ */ M(V, {
+					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 Re(e) {
+	let t = e.flatMap((e) => e.commands);
+	return x.create({
+		name: "slashCommand",
+		addProseMirrorPlugins() {
+			return [T({
+				pluginKey: new ie("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: Le(e)
+			})];
+		}
+	});
+}
+//#endregion
+//#region src/composed/rich-chat-input/reply-banner.tsx
+function ze({ author: e, preview: t, onDismiss: n }) {
+	return /* @__PURE__ */ M(i.div, {
+		initial: {
+			height: 0,
+			opacity: 0
+		},
+		animate: {
+			height: "auto",
+			opacity: 1
+		},
+		exit: {
+			height: 0,
+			opacity: 0
+		},
+		transition: {
+			duration: .24,
+			ease: [
+				.2,
+				0,
+				.38,
+				.9
+			]
+		},
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ N("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__ */ N("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ N("span", {
+						className: "text-ds-sm font-semibold text-surface-fg",
+						children: ["Replying to ", e]
+					}),
+					/* @__PURE__ */ M("span", {
+						className: "mx-ds-02 text-surface-fg-subtle",
+						children: "·"
+					}),
+					/* @__PURE__ */ M("span", {
+						className: "text-ds-sm text-surface-fg-muted truncate",
+						children: t
+					})
+				]
+			}), /* @__PURE__ */ M("button", {
+				type: "button",
+				onClick: n,
+				className: s("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__ */ M(l, {
+					icon: B,
+					size: "xs"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/composed/rich-chat-input/schedule-send.tsx
+function Be() {
+	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 Ve({ 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);
+	}, 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__ */ N("div", {
+		className: "flex items-center gap-ds-02",
+		children: [
+			/* @__PURE__ */ M("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__ */ M("option", {
+					value: e,
+					children: e
+				}, e))
+			}),
+			/* @__PURE__ */ M("span", {
+				className: "text-ds-sm text-surface-fg-subtle font-medium",
+				children: ":"
+			}),
+			/* @__PURE__ */ M("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__ */ M("option", {
+					value: e,
+					children: String(e).padStart(2, "0")
+				}, e))
+			}),
+			/* @__PURE__ */ N("div", {
+				className: "inline-flex rounded-ds-md border border-surface-border-strong overflow-hidden",
+				children: [/* @__PURE__ */ M("button", {
+					type: "button",
+					onClick: () => c(!1),
+					className: s("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__ */ M("button", {
+					type: "button",
+					onClick: () => c(!0),
+					className: s("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 He({ 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__ */ N("div", {
+		className: "space-y-ds-03",
+		children: [/* @__PURE__ */ N("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ M("span", {
+				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				children: "Date"
+			}), /* @__PURE__ */ M("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__ */ N("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ M("span", {
+				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				children: "Time"
+			}), /* @__PURE__ */ M(Ve, {
+				value: i,
+				onChange: t
+			})]
+		})]
+	});
+}
+function Ue({ 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 } = D(i);
+	return /* @__PURE__ */ N("div", {
+		className: "space-y-ds-03",
+		children: [/* @__PURE__ */ M(fe, {
+			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__ */ N("div", {
+			className: "flex items-center justify-between border-t border-surface-border pt-ds-03",
+			children: [/* @__PURE__ */ M("span", {
+				className: "text-ds-xs font-medium text-surface-fg-subtle",
+				children: "Time"
+			}), /* @__PURE__ */ M(Ve, {
+				value: i,
+				onChange: t
+			})]
+		})]
+	});
+}
+function We({ onSchedule: e, onClose: t, onOpenDialog: n }) {
+	let [r, i] = O.useState(!1), [a, o] = O.useState(null), s = O.useMemo(() => Be(), []), c = (n) => {
+		e(n), t();
+	};
+	return r ? /* @__PURE__ */ N("div", {
+		className: "p-ds-04",
+		style: { minWidth: 270 },
+		children: [
+			/* @__PURE__ */ N("div", {
+				className: "mb-ds-03 flex items-center justify-between",
+				children: [/* @__PURE__ */ M("p", {
+					className: "text-ds-sm font-medium text-surface-fg",
+					children: "Pick date & time"
+				}), /* @__PURE__ */ M("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__ */ M(l, {
+						icon: B,
+						size: "sm"
+					})
+				})]
+			}),
+			/* @__PURE__ */ M(He, {
+				value: a,
+				onChange: o,
+				minDate: /* @__PURE__ */ new Date()
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "mt-ds-03 flex justify-end",
+				children: /* @__PURE__ */ M(u, {
+					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__ */ N("div", {
+		className: "p-ds-02",
+		style: { minWidth: 260 },
+		children: [
+			/* @__PURE__ */ M("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__ */ N("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__ */ M(l, {
+					icon: be,
+					size: "sm",
+					className: "shrink-0 text-surface-fg-muted"
+				}), e.label]
+			}, t)),
+			/* @__PURE__ */ M("div", { className: "mx-ds-02 my-ds-02 h-px bg-surface-border" }),
+			/* @__PURE__ */ N("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__ */ M(l, {
+					icon: ve,
+					size: "sm",
+					className: "shrink-0 text-accent-11"
+				}), "Pick date & time..."]
+			}),
+			n && /* @__PURE__ */ N("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__ */ M(l, {
+					icon: ve,
+					size: "sm",
+					className: "shrink-0 text-surface-fg-muted"
+				}), "Open full picker..."]
+			})
+		]
+	});
+}
+function Ge({ open: e, onOpenChange: t, onSchedule: n, initialDate: r }) {
+	let [i, a] = O.useState(r ?? null);
+	return O.useEffect(() => {
+		e && a(r ?? null);
+	}, [e, r]), /* @__PURE__ */ M(f, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ N(p, {
+			className: "sm:max-w-[380px]",
+			children: [
+				/* @__PURE__ */ M(h, { children: /* @__PURE__ */ M(g, { children: r ? "Reschedule message" : "Schedule send" }) }),
+				/* @__PURE__ */ M(Ue, {
+					value: i,
+					onChange: a,
+					minDate: /* @__PURE__ */ new Date()
+				}),
+				/* @__PURE__ */ N(m, {
+					className: "gap-ds-02",
+					children: [/* @__PURE__ */ M(u, {
+						variant: "soft",
+						onClick: () => t(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ M(u, {
+						variant: "solid",
+						onClick: () => {
+							i && i > /* @__PURE__ */ new Date() && (n(i), t(!1));
+						},
+						disabled: !i || i <= /* @__PURE__ */ new Date(),
+						children: r ? "Reschedule" : "Schedule"
+					})]
+				})
+			]
+		})
+	});
+}
+function Ke(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 qe({ date: e, onClear: t, onEdit: n }) {
+	return /* @__PURE__ */ M(i.div, {
+		initial: {
+			height: 0,
+			opacity: 0
+		},
+		animate: {
+			height: "auto",
+			opacity: 1
+		},
+		exit: {
+			height: 0,
+			opacity: 0
+		},
+		transition: { duration: .15 },
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ N("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__ */ M(l, {
+					icon: be,
+					size: "xs",
+					className: "shrink-0"
+				}),
+				/* @__PURE__ */ N("span", {
+					className: "flex-1 truncate",
+					children: ["Scheduled for ", Ke(e)]
+				}),
+				n && /* @__PURE__ */ M("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__ */ M(l, {
+						icon: Oe,
+						size: "xs"
+					})
+				}),
+				/* @__PURE__ */ M("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__ */ M(l, {
+						icon: B,
+						size: "xs"
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/composed/rich-chat-input/attachment-strip.tsx
+function Je(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function Ye({ attachments: e, onRemoveAttachment: t }) {
+	return /* @__PURE__ */ M(i.div, {
+		initial: {
+			height: 0,
+			opacity: 0
+		},
+		animate: {
+			height: "auto",
+			opacity: 1
+		},
+		exit: {
+			height: 0,
+			opacity: 0
+		},
+		transition: {
+			duration: .24,
+			ease: [
+				.2,
+				0,
+				.38,
+				.9
+			]
+		},
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ M("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__ */ M(a, {
+				initial: !1,
+				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ N(i.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: .11 }
+					},
+					className: "relative h-12 w-12 shrink-0 group",
+					children: [
+						/* @__PURE__ */ M("img", {
+							src: e.url,
+							alt: e.name,
+							className: "h-full w-full rounded-ds-md object-cover"
+						}),
+						/* @__PURE__ */ M("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__ */ M(l, {
+								icon: B,
+								size: "xs"
+							})
+						}),
+						e.uploading && /* @__PURE__ */ M("div", {
+							className: "absolute inset-0 rounded-ds-md bg-surface-overlay/50 flex items-center justify-center",
+							children: /* @__PURE__ */ M(c, { size: "sm" })
+						})
+					]
+				}, e.id) : /* @__PURE__ */ N(i.div, {
+					role: "listitem",
+					"aria-label": `File: ${e.name}, ${Je(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: .11 }
+					},
+					className: "flex items-center gap-ds-02 shrink-0 rounded-ds-md bg-surface-raised px-ds-03 py-ds-01 group",
+					children: [
+						/* @__PURE__ */ M(l, {
+							icon: Se,
+							size: "xs",
+							className: "text-surface-fg-muted"
+						}),
+						/* @__PURE__ */ M("span", {
+							className: "text-ds-xs text-surface-fg-muted truncate max-w-[120px]",
+							children: e.name
+						}),
+						/* @__PURE__ */ M("span", {
+							className: "text-ds-xs text-surface-fg-subtle",
+							children: Je(e.size)
+						}),
+						/* @__PURE__ */ M("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__ */ M(l, {
+								icon: B,
+								size: "xs"
+							})
+						})
+					]
+				}, e.id))
+			})
+		})
+	});
+}
+//#endregion
+//#region src/composed/rich-chat-input/audio-waveform.tsx
+var H = O.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r = 0, barWidth: i = 3, barGap: a = 2, barCount: o = 40, height: c = 32, className: l, ...u }, d) {
+	let [f, p] = O.useState(() => Array(o).fill(.05)), m = O.useRef(0), h = O.useRef(f);
+	O.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 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,
+		o
+	]), O.useEffect(() => {
+		if (!(e !== "static" || !n)) if (n.length === o) p(n);
+		else {
+			let e = Array(o), t = n.length / o;
+			for (let r = 0; r < o; r++) {
+				let i = Math.floor(r * t);
+				e[r] = n[Math.min(i, n.length - 1)];
+			}
+			p(e);
+		}
+	}, [
+		e,
+		n,
+		o
+	]);
+	let g = o * (i + a) - a, _ = O.useMemo(() => f.map((t, n) => {
+		let s = Math.max(2, t * c), l = n * (i + a), u = (c - s) / 2, d = e === "static" && r > 0 && n / o <= r;
+		return /* @__PURE__ */ M("rect", {
+			x: l,
+			y: u,
+			width: i,
+			height: s,
+			rx: i / 2,
+			fill: d ? "var(--color-accent-9)" : "var(--color-surface-border)"
+		}, n);
+	}), [
+		f,
+		r,
+		e,
+		i,
+		a,
+		o,
+		c
+	]);
+	return /* @__PURE__ */ M("svg", {
+		ref: d,
+		height: c,
+		viewBox: `0 0 ${g} ${c}`,
+		preserveAspectRatio: "none",
+		"aria-hidden": "true",
+		className: s("shrink-0", l),
+		...u,
+		children: _
+	});
+});
+H.displayName = "AudioWaveform";
+//#endregion
+//#region src/composed/rich-chat-input/recording-overlay.tsx
+function Xe(e) {
+	let t = Math.floor(e / 60), n = Math.floor(e % 60);
+	return {
+		minutes: String(t),
+		separator: ":",
+		secs: n.toString().padStart(2, "0")
+	};
+}
+function Ze({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
+	let i = o();
+	O.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && r();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [r]);
+	let a = n != null && n > 0 && e >= n - 10, c = n != null && n > 0 && e >= n - 5, l = c ? "animate-[pulse_500ms_ease-in-out_infinite]" : "animate-[pulse_1s_ease-in-out_infinite]", u = Xe(e), d = c ? "text-error-11" : a ? "text-warning-11" : "text-surface-fg";
+	return /* @__PURE__ */ N("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__ */ M("span", {
+				className: s("w-ds-02b h-ds-02b shrink-0 rounded-ds-full bg-error-9", i ? "opacity-100" : l),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ N("span", {
+				className: s("text-ds-sm font-mono tabular-nums whitespace-nowrap", d),
+				"aria-label": `${u.minutes} minutes ${u.secs} seconds`,
+				children: [
+					u.minutes,
+					/* @__PURE__ */ M("span", {
+						className: i ? void 0 : "animate-[blink_1s_step-end_infinite]",
+						"aria-hidden": "true",
+						children: u.separator
+					}),
+					u.secs
+				]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "flex-1 min-w-0 overflow-hidden",
+				children: /* @__PURE__ */ M(H, {
+					mode: "live",
+					analyserNode: t,
+					height: 24,
+					barCount: 60,
+					className: "w-full"
+				})
+			})
+		]
+	});
+}
+Ze.displayName = "RecordingOverlay";
+//#endregion
+//#region src/composed/rich-chat-input/chat-toolbar.tsx
+var U = O.createContext(null);
+function W() {
+	let e = O.useContext(U);
+	if (!e) throw Error("Toolbar primitives must be used inside <ChatToolbar>");
+	return e;
+}
+function G({ onClick: e, isActive: t, disabled: n, title: r, children: i, className: a }) {
+	let { disabled: o } = W();
+	return /* @__PURE__ */ M("button", {
+		type: "button",
+		onClick: e,
+		disabled: n ?? o,
+		title: r,
+		"aria-label": r,
+		"aria-pressed": t,
+		className: s("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),
+		children: i
+	});
+}
+function K() {
+	return /* @__PURE__ */ M("div", { className: "h-4 w-px bg-surface-border-subtle mx-ds-01" });
+}
+function q({ children: e, className: t }) {
+	return /* @__PURE__ */ M("div", {
+		className: s("flex items-center gap-ds-01", t),
+		children: e
+	});
+}
+function Qe() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("bold") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleBold().run(),
+		isActive: t,
+		title: "Bold",
+		children: /* @__PURE__ */ M(l, {
+			icon: _e,
+			size: "xs"
+		})
+	});
+}
+function $e() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("italic") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleItalic().run(),
+		isActive: t,
+		title: "Italic",
+		children: /* @__PURE__ */ M(l, {
+			icon: F,
+			size: "xs"
+		})
+	});
+}
+function et() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("underline") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleUnderline().run(),
+		isActive: t,
+		title: "Underline",
+		children: /* @__PURE__ */ M(l, {
+			icon: Fe,
+			size: "xs"
+		})
+	});
+}
+function tt() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("strike") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleStrike().run(),
+		isActive: t,
+		title: "Strikethrough",
+		children: /* @__PURE__ */ M(l, {
+			icon: z,
+			size: "xs"
+		})
+	});
+}
+function nt() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("highlight") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleHighlight().run(),
+		isActive: t,
+		title: "Highlight",
+		children: /* @__PURE__ */ M(l, {
+			icon: Ce,
+			size: "xs"
+		})
+	});
+}
+function rt() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("code") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleCode().run(),
+		isActive: t,
+		title: "Inline code",
+		children: /* @__PURE__ */ M(l, {
+			icon: xe,
+			size: "xs"
+		})
+	});
+}
+function it() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("bulletList") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleBulletList().run(),
+		isActive: t,
+		title: "Bullet list",
+		children: /* @__PURE__ */ M(l, {
+			icon: I,
+			size: "xs"
+		})
+	});
+}
+function J() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("orderedList") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleOrderedList().run(),
+		isActive: t,
+		title: "Ordered list",
+		children: /* @__PURE__ */ M(l, {
+			icon: Te,
+			size: "xs"
+		})
+	});
+}
+function at() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("blockquote") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().toggleBlockquote().run(),
+		isActive: t,
+		title: "Quote",
+		children: /* @__PURE__ */ M(l, {
+			icon: P,
+			size: "xs"
+		})
+	});
+}
+function Y() {
+	let { editor: e } = W(), { isActive: t } = S({
+		editor: e,
+		selector: ({ editor: e }) => ({ isActive: e.isActive("link") })
+	});
+	return /* @__PURE__ */ M(G, {
+		onClick: () => {
+			let t = window.prompt("URL");
+			t && e.chain().focus().setLink({ href: t }).run();
+		},
+		isActive: t,
+		title: "Link",
+		children: /* @__PURE__ */ M(l, {
+			icon: we,
+			size: "xs"
+		})
+	});
+}
+function ot() {
+	let { editor: e } = W();
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().insertContent("@").run(),
+		title: "Mention",
+		children: /* @__PURE__ */ M(l, {
+			icon: ge,
+			size: "xs"
+		})
+	});
+}
+function st() {
+	let { editor: e } = W();
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().insertContent(":").run(),
+		title: "Emoji",
+		children: /* @__PURE__ */ M(l, {
+			icon: De,
+			size: "xs"
+		})
+	});
+}
+function ct() {
+	let { editor: e } = W();
+	return /* @__PURE__ */ M(G, {
+		onClick: () => e.chain().focus().insertContent("/").run(),
+		title: "Slash command",
+		children: /* @__PURE__ */ M(l, {
+			icon: R,
+			size: "xs"
+		})
+	});
+}
+function X({ items: e, isMobile: t, hasMentions: n, hasSlashCommands: r }) {
+	let i = (t) => !e || e.includes(t);
+	return /* @__PURE__ */ N(me, { children: [
+		!t && /* @__PURE__ */ N(q, { children: [
+			i("bold") && /* @__PURE__ */ M(Qe, {}),
+			i("italic") && /* @__PURE__ */ M($e, {}),
+			i("underline") && /* @__PURE__ */ M(et, {}),
+			i("strike") && /* @__PURE__ */ M(tt, {}),
+			i("highlight") && /* @__PURE__ */ M(nt, {})
+		] }),
+		!t && /* @__PURE__ */ M(K, {}),
+		!t && /* @__PURE__ */ N(q, { children: [i("bulletList") && /* @__PURE__ */ M(it, {}), i("orderedList") && /* @__PURE__ */ M(J, {})] }),
+		!t && (i("blockquote") || i("link") || i("code")) && /* @__PURE__ */ M(K, {}),
+		!t && /* @__PURE__ */ N(q, { children: [
+			i("blockquote") && /* @__PURE__ */ M(at, {}),
+			i("link") && /* @__PURE__ */ M(Y, {}),
+			i("code") && /* @__PURE__ */ M(rt, {})
+		] }),
+		!t && (n || r) && /* @__PURE__ */ M(K, {}),
+		/* @__PURE__ */ N(q, { children: [
+			n && i("mention") && /* @__PURE__ */ M(ot, {}),
+			i("emoji") && /* @__PURE__ */ M(st, {}),
+			r && i("slash") && /* @__PURE__ */ M(ct, {})
+		] })
+	] });
+}
+function lt({ 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__ */ M(U.Provider, {
+		value: {
+			editor: e,
+			disabled: a
+		},
+		children: /* @__PURE__ */ M("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__ */ M(X, {
+				items: s,
+				isMobile: n,
+				hasMentions: r,
+				hasSlashCommands: i
+			})
+		})
+	});
+}
+//#endregion
+//#region src/composed/rich-chat-input/audio-player.tsx
+var ut = [
+	1,
+	1.5,
+	2
+];
+function Z(e) {
+	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
+}
+var dt = O.forwardRef(function({ src: e, duration: t, waveformData: n, className: r, ...i }, a) {
+	let o = O.useRef(null), c = O.useRef(null), [l, u] = O.useState(!1), [d, f] = O.useState(0), [p, m] = O.useState(0), [h, g] = O.useState(null), _ = O.useMemo(() => {
+		if (typeof e == "string") return e;
+		let t = URL.createObjectURL(e);
+		return g(t), t;
+	}, [e]);
+	O.useEffect(() => () => {
+		h && URL.revokeObjectURL(h);
+	}, [h]), O.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 = O.useCallback(() => {
+		let e = o.current;
+		e && (l ? (e.pause(), u(!1)) : (e.play(), u(!0)));
+	}, [l]), y = O.useCallback((e) => {
+		(e.key === " " || e.key === "Enter") && (e.preventDefault(), v());
+	}, [v]), b = O.useCallback((e) => {
+		let n = o.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 = O.useCallback(() => {
+		let e = (p + 1) % ut.length;
+		m(e), o.current && (o.current.playbackRate = ut[e]);
+	}, [p]), S = t > 0 ? d / t : 0, C = ut[p];
+	return /* @__PURE__ */ N("div", {
+		ref: a,
+		role: "group",
+		"aria-label": "Voice message player",
+		className: s("flex items-center gap-ds-03", r),
+		...i,
+		children: [
+			/* @__PURE__ */ M("audio", {
+				ref: o,
+				src: _,
+				preload: "metadata"
+			}),
+			/* @__PURE__ */ M("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: M(l ? ke : L, {
+					size: 16,
+					stroke: 2,
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ M(H, {
+				ref: c,
+				mode: "static",
+				data: n,
+				progress: S,
+				className: "cursor-pointer",
+				onClick: b
+			}),
+			/* @__PURE__ */ N("span", {
+				className: "text-ds-xs tabular-nums text-surface-fg-subtle whitespace-nowrap",
+				children: [
+					Z(d),
+					" / ",
+					Z(t)
+				]
+			}),
+			/* @__PURE__ */ N("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"]
+			})
+		]
+	});
+});
+dt.displayName = "AudioPlayer";
+//#endregion
+//#region src/composed/rich-chat-input/use-voice-recorder.ts
+function ft() {
+	return typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/webm;codecs=opus") ? "audio/webm;codecs=opus" : typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/mp4") ? "audio/mp4" : "";
+}
+function pt(e) {
+	let { maxDuration: t, onComplete: n } = e, [r, i] = j("idle"), [a, o] = j(0), [s, c] = j(null), [l, u] = j([]), d = A(null), f = A(null), p = A(null), m = A([]), h = A(null), g = A(null), _ = A(null), v = A(null), y = A(0), b = A([]), x = A(!1), S = A(n);
+	S.current = n;
+	let C = k(() => {
+		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 = k(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 = ft(), 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 = k(() => {
+		d.current && d.current.state !== "inactive" && (x.current = !1, d.current.stop());
+	}, []), te = k(() => {
+		d.current && d.current.state !== "inactive" ? (x.current = !0, d.current.stop()) : (C(), i("idle"), o(0), u([]));
+	}, [C]), ne = k(() => {
+		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"));
+	}, []), T = k(() => {
+		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 pe(() => () => {
+		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: T
+	};
+}
+//#endregion
+//#region src/composed/rich-chat-input.tsx
+var mt = {
+	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"
+	}
+}, ht = [
+	"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-sm_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 gt({ options: e }) {
+	let [t, n] = O.useState(!1), r = O.useRef(null);
+	return O.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__ */ N("div", {
+		ref: r,
+		className: "relative",
+		children: [/* @__PURE__ */ M("button", {
+			type: "button",
+			onClick: () => n((e) => !e),
+			title: "More send options",
+			"aria-label": "More send options",
+			"aria-expanded": t,
+			className: s("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__ */ M(l, {
+				icon: ye,
+				size: "xs"
+			})
+		}), t && /* @__PURE__ */ N("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__ */ M("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__ */ N("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__ */ M(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
+			}, t))]
+		})]
+	});
+}
+var _t = O.lazy(() => import("@emoji-mart/react"));
+function vt({ set: e = "native", onSelect: t, onClose: n }) {
+	let [r, i] = O.useState(null), { colorMode: a } = de(), o = O.useRef(null);
+	O.useEffect(() => {
+		(v[e] ?? v.native)().then((e) => i(e.default));
+	}, [e]), O.useEffect(() => {
+		let e = (e) => {
+			o.current && !o.current.contains(e.target) && n();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [n]), O.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && n();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [n]);
+	let s = /* @__PURE__ */ M("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__ */ M("span", {
+			className: "text-ds-sm text-surface-fg-subtle",
+			children: "Loading..."
+		})
+	});
+	return /* @__PURE__ */ M("div", {
+		ref: o,
+		className: "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating overflow-hidden",
+		children: r ? /* @__PURE__ */ M(O.Suspense, {
+			fallback: s,
+			children: /* @__PURE__ */ M(_t, {
+				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__ */ M("button", {
+		type: "button",
+		onClick: e,
+		title: n,
+		"aria-label": n,
+		"aria-pressed": t,
+		className: s("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 yt({ editor: e }) {
+	let t = S({
+		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__ */ N(E, {
+		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__ */ M(Q, {
+				onClick: () => e.chain().focus().toggleBold().run(),
+				isActive: t.isBold,
+				title: "Bold",
+				children: /* @__PURE__ */ M(l, {
+					icon: _e,
+					size: "xs"
+				})
+			}),
+			/* @__PURE__ */ M(Q, {
+				onClick: () => e.chain().focus().toggleItalic().run(),
+				isActive: t.isItalic,
+				title: "Italic",
+				children: /* @__PURE__ */ M(l, {
+					icon: F,
+					size: "xs"
+				})
+			}),
+			/* @__PURE__ */ M(Q, {
+				onClick: () => e.chain().focus().toggleUnderline().run(),
+				isActive: t.isUnderline,
+				title: "Underline",
+				children: /* @__PURE__ */ M(l, {
+					icon: Fe,
+					size: "xs"
+				})
+			}),
+			/* @__PURE__ */ M(Q, {
+				onClick: () => e.chain().focus().toggleStrike().run(),
+				isActive: t.isStrike,
+				title: "Strikethrough",
+				children: /* @__PURE__ */ M(l, {
+					icon: z,
+					size: "xs"
+				})
+			}),
+			/* @__PURE__ */ M(Q, {
+				onClick: () => e.chain().focus().toggleHighlight().run(),
+				isActive: t.isHighlight,
+				title: "Highlight",
+				children: /* @__PURE__ */ M(l, {
+					icon: Ce,
+					size: "xs"
+				})
+			}),
+			/* @__PURE__ */ M(Q, {
+				onClick: () => e.chain().focus().toggleCode().run(),
+				isActive: t.isCode,
+				title: "Code",
+				children: /* @__PURE__ */ M(l, {
+					icon: xe,
+					size: "xs"
+				})
+			})
+		]
+	});
+}
+var bt = O.forwardRef(function({ onSubmit: o, placeholder: c = "Type a message...", disabled: f = !1, content: p = "", variant: m = "compact", enterBehavior: h = "send", maxLength: g, charCountDisplay: v = "near-limit", mentions: T, onMentionSearch: E, onMentionSelect: ie, onFileUpload: de, onImageUpload: fe, slashCommands: D, onVoiceRecord: k, onTranscribe: pe, maxDuration: A, replyTo: j, onTyping: me, onEmpty: ge, isStreaming: P = !1, onCancel: _e, leadingSlot: ve, trailingSlot: ye, disclaimer: xe, toolbar: Se = !0, sendOptions: Ce, onSchedule: F, actionButton: we, emojiSet: I = "native", className: Te, ...Oe }, ke) {
+	let [L, R] = O.useState("idle"), [z, Fe] = O.useState(!1), [B, Ie] = O.useState(!1), [V, Le] = O.useState(null), [Be, Ve] = O.useState(!1), [He, Ue] = O.useState(!1), [Ke, Je] = O.useState(0), H = O.useRef(null), Xe = O.useRef(null);
+	O.useEffect(() => {
+		if (!B || !H.current || !Xe.current) return;
+		let i = H.current, a = Xe.current, o = () => {
+			e(i, a, {
+				placement: "top-end",
+				middleware: [
+					r(8),
+					t(),
+					n({ 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);
+		};
+	}, [B]);
+	let [U, W] = O.useState([]), [G, K] = O.useState(null), [q, Qe] = O.useState(!1), $e = O.useRef(null), et = O.useRef(null), tt = O.useRef(void 0), nt = O.useRef(void 0), rt = O.useRef(h);
+	rt.current = h;
+	let it = d(), J = mt[m], at = J.maxHeight, Y = pt({
+		maxDuration: A,
+		onComplete: async (e, t, n) => {
+			if (k?.(e, t), pe) {
+				let n = await pe(e, t);
+				if (n != null) {
+					X?.chain().focus().insertContent(n).run(), R("idle");
+					return;
+				}
+			}
+			K({
+				blob: e,
+				duration: t,
+				waveformData: n
+			}), R("review");
+		}
+	}), ot = O.useCallback(() => {
+		Y.start(), R("recording");
+	}, [Y]), st = O.useCallback(() => {
+		Y.stop();
+	}, [Y]), ct = O.useCallback(() => {
+		Y.cancel(), R("idle");
+	}, [Y]), X = ee({
+		immediatelyRender: !1,
+		extensions: O.useMemo(() => {
+			let e = [
+				re.configure({
+					heading: !1,
+					horizontalRule: !1,
+					codeBlock: !1,
+					blockquote: !1,
+					link: {
+						openOnClick: !1,
+						HTMLAttributes: { class: "text-accent-11 underline" }
+					}
+				}),
+				w.configure({ placeholder: c }),
+				ne.configure({ multicolor: !1 }),
+				C,
+				y.configure({ limit: g || void 0 }),
+				ce,
+				le,
+				se(I),
+				x.create({
+					name: "enterToSend",
+					addKeyboardShortcuts() {
+						return {
+							Enter: () => rt.current === "send" ? (nt.current?.(), !0) : !1,
+							"Shift-Enter": () => rt.current === "send" ? (this.editor.commands.splitBlock(), !0) : !1,
+							"Mod-Enter": () => (nt.current?.(), !0)
+						};
+					}
+				})
+			];
+			return (T || E) && e.push(te.configure({
+				HTMLAttributes: { class: "mention" },
+				suggestion: {
+					items: async ({ query: e }) => E ? await E(e) : T ? T.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [],
+					render: ue(ie)
+				}
+			})), D && e.push(Re(D)), e;
+		}, [
+			c,
+			g,
+			I,
+			!!T,
+			!!E,
+			!!D
+		]),
+		content: p || void 0,
+		editable: !f,
+		editorProps: {
+			attributes: { class: ht },
+			handlePaste: (e, t) => {
+				let n = Array.from(t.clipboardData?.files ?? []);
+				return n.length > 0 ? (n.forEach(Z), !0) : !1;
+			}
+		}
+	}), ut = O.useCallback(() => {
+		if (!X) return;
+		let e = !X.isEmpty, t = U.length > 0, n = !!G;
+		if (!e && !t && !n || P) return;
+		let r = {
+			html: e ? X.getHTML() : "",
+			plainText: e ? X.getText() : ""
+		};
+		t && (r.attachments = U.filter((e) => !e.uploading && e.url).map((e) => ({
+			url: e.url,
+			name: e.name,
+			size: e.size,
+			type: e.type
+		}))), n && (r.voiceNote = {
+			blob: G.blob,
+			duration: G.duration
+		}), V && F ? F(r, V) : o(r), X.commands.clearContent(), W([]), K(null), Le(null), R("idle");
+	}, [
+		X,
+		U,
+		G,
+		P,
+		o,
+		F,
+		V
+	]);
+	nt.current = ut, O.useEffect(() => {
+		if (!X || !me) return;
+		let e = () => {
+			me(!0), clearTimeout(tt.current), tt.current = setTimeout(() => me(!1), 2e3);
+		};
+		return X.on("update", e), () => {
+			X.off("update", e), clearTimeout(tt.current);
+		};
+	}, [X, me]), O.useEffect(() => {
+		if (!X || !ge) return;
+		let e = () => {
+			ge(X.isEmpty);
+		};
+		return X.on("update", e), e(), () => {
+			X.off("update", e);
+		};
+	}, [X, ge]);
+	let Z = O.useCallback(async (e) => {
+		let t = Math.random().toString(36).slice(2), n = e.type.startsWith("image/");
+		W((r) => [...r, {
+			id: t,
+			name: e.name,
+			size: e.size,
+			type: n ? "image" : "file",
+			uploading: !0
+		}]);
+		try {
+			if (n && fe) {
+				let n = await fe(e);
+				W((e) => e.map((e) => e.id === t ? {
+					...e,
+					url: n,
+					uploading: !1
+				} : e));
+			} else if (de) {
+				let n = await de(e);
+				W((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);
+				W((e) => e.map((e) => e.id === t ? {
+					...e,
+					url: n,
+					uploading: !1
+				} : e));
+			} else W((e) => e.filter((e) => e.id !== t));
+		} catch {
+			W((e) => e.filter((e) => e.id !== t));
+		}
+	}, [de, fe]), ft = O.useCallback((e) => {
+		W((t) => t.filter((t) => t.id !== e));
+	}, []), _t = O.useCallback((e) => {
+		e.preventDefault(), Qe(!1), Array.from(e.dataTransfer.files).forEach(Z);
+	}, [Z]), Q = O.useCallback((e) => {
+		Array.from(e.target.files || []).forEach(Z), e.target.value = "";
+	}, [Z]), bt = O.useCallback(() => {
+		K(null), R("idle");
+	}, []), xt = S({
+		editor: X,
+		selector: ({ editor: e }) => e ? { editorIsEmpty: e.isEmpty } : null
+	})?.editorIsEmpty ?? !0;
+	O.useEffect(() => {
+		if (!X) return;
+		let e = () => {
+			Je(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 St = !xt || U.length > 0 || !!G, Ct = z || L === "review" || m === "expanded", $ = "icon-md";
+	return /* @__PURE__ */ N("div", {
+		ref: ke,
+		className: s("border-t border-surface-border-subtle px-ds-05 py-ds-04", "flex items-center gap-ds-03", Te),
+		...Oe,
+		children: [
+			we !== !1 && (we ?? (de || fe ? /* @__PURE__ */ M(u, {
+				variant: "solid",
+				size: "icon-md",
+				onClick: () => $e.current?.click(),
+				title: "Attach",
+				"aria-label": "Attach file",
+				className: "shrink-0",
+				children: /* @__PURE__ */ M(l, {
+					icon: Ae,
+					size: "md"
+				})
+			}) : null)),
+			/* @__PURE__ */ N("div", {
+				role: "region",
+				"aria-label": "Message composer",
+				className: s("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", L === "recording" && "border-error-7/30", q && "border-dashed border-accent-7 bg-accent-2", f && "opacity-action-disabled cursor-not-allowed"),
+				onFocus: () => Ue(!0),
+				onBlur: (e) => {
+					e.currentTarget.contains(e.relatedTarget) || Ue(!1);
+				},
+				onDragOver: (e) => {
+					e.preventDefault(), Qe(!0);
+				},
+				onDragLeave: () => Qe(!1),
+				onDrop: _t,
+				children: [
+					ve,
+					/* @__PURE__ */ M(a, { children: j && /* @__PURE__ */ M(ze, {
+						author: j.author,
+						preview: j.preview,
+						onDismiss: j.onDismiss
+					}, "reply") }),
+					/* @__PURE__ */ M(a, { children: V && /* @__PURE__ */ M(qe, {
+						date: V,
+						onEdit: () => Ve(!0),
+						onClear: () => Le(null)
+					}, "schedule") }),
+					/* @__PURE__ */ M(a, { children: U.length > 0 && /* @__PURE__ */ M(Ye, {
+						attachments: U,
+						onRemoveAttachment: ft
+					}, "attachments") }),
+					J.toolbarPosition === "top" && X && /* @__PURE__ */ M("div", {
+						className: s("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", z ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+						children: /* @__PURE__ */ M("div", {
+							className: "overflow-hidden",
+							children: /* @__PURE__ */ M(lt, {
+								editor: X,
+								toolbar: Se,
+								isMobile: !1,
+								hasMentions: !!(T || E),
+								hasSlashCommands: !!D,
+								disabled: f
+							})
+						})
+					}),
+					/* @__PURE__ */ N("div", {
+						className: "relative",
+						children: [L === "recording" && /* @__PURE__ */ M(Ze, {
+							duration: Y.duration,
+							analyserNode: Y.analyserNode,
+							maxDuration: A,
+							onCancel: ct
+						}), /* @__PURE__ */ N("div", {
+							ref: et,
+							className: s("flex items-center px-ds-04 py-ds-03 cursor-text [&_.tiptap]:w-full [&_.tiptap]:outline-hidden", L === "recording" && "invisible"),
+							style: {
+								minHeight: J.minHeight,
+								maxHeight: at,
+								overflowY: "auto"
+							},
+							onClick: () => X?.commands.focus(),
+							children: [/* @__PURE__ */ M("div", {
+								className: "flex-1 min-w-0",
+								children: /* @__PURE__ */ M(b, { editor: X })
+							}), X && L !== "recording" && /* @__PURE__ */ N("div", {
+								className: "flex items-center gap-ds-01 shrink-0 ml-ds-03",
+								children: [/* @__PURE__ */ M("button", {
+									type: "button",
+									onClick: () => Fe((e) => !e),
+									title: z ? "Hide formatting" : "Show formatting",
+									"aria-label": z ? "Hide formatting" : "Show formatting",
+									"aria-pressed": z,
+									className: s("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", z ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
+									children: /* @__PURE__ */ M(l, {
+										icon: Ne,
+										size: "xs"
+									})
+								}), /* @__PURE__ */ N("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ M("button", {
+										ref: H,
+										type: "button",
+										onClick: () => Ie((e) => !e),
+										title: "Emoji",
+										"aria-label": "Emoji",
+										className: s("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md touch-target transition-colors duration-fast-01", B ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
+										children: /* @__PURE__ */ M(l, {
+											icon: De,
+											size: "xs"
+										})
+									}), B && he.createPortal(/* @__PURE__ */ M("div", {
+										ref: Xe,
+										className: "absolute z-popover",
+										style: {
+											top: 0,
+											left: 0
+										},
+										children: /* @__PURE__ */ M(vt, {
+											set: I,
+											onSelect: async ({ id: e, native: t }) => {
+												let n = ae(await oe(I), e);
+												n ? X.chain().focus().insertContent({
+													type: "emojiNode",
+													attrs: {
+														id: e,
+														native: n.native,
+														set: I,
+														x: n.x,
+														y: n.y
+													}
+												}).run() : X.chain().focus().insertContent(t).run(), Ie(!1);
+											},
+											onClose: () => Ie(!1)
+										})
+									}), document.body)]
+								})]
+							})]
+						})]
+					}),
+					L === "review" && G && /* @__PURE__ */ N("div", {
+						className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b border-b border-surface-border",
+						children: [/* @__PURE__ */ M(dt, {
+							src: G.blob,
+							duration: G.duration,
+							waveformData: G.waveformData,
+							className: "flex-1"
+						}), /* @__PURE__ */ M(u, {
+							variant: "ghost",
+							size: "icon-sm",
+							onClick: bt,
+							"aria-label": "Discard voice note",
+							title: "Discard voice note",
+							className: "text-surface-fg-subtle hover:text-error-11",
+							children: /* @__PURE__ */ M(l, {
+								icon: Pe,
+								size: "sm"
+							})
+						})]
+					}),
+					it && X && !xt && /* @__PURE__ */ M(yt, { editor: X }),
+					J.toolbarPosition === "bottom" && X && /* @__PURE__ */ M("div", {
+						className: s("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", Ct ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+						children: /* @__PURE__ */ M("div", {
+							className: "overflow-hidden",
+							children: /* @__PURE__ */ M(lt, {
+								editor: X,
+								toolbar: Se,
+								isMobile: it,
+								hasMentions: !!(T || E),
+								hasSlashCommands: !!D,
+								disabled: f
+							})
+						})
+					}),
+					g && v !== "hidden" && (() => {
+						let e = Ke / g;
+						return v === "always" || v === "focus" && He || (v === "near-limit" || !v) && e >= .8 || e >= 1 ? /* @__PURE__ */ N("div", {
+							className: s("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;
+					})(),
+					ye,
+					/* @__PURE__ */ M("input", {
+						ref: $e,
+						type: "file",
+						multiple: !0,
+						className: "hidden",
+						onChange: Q
+					})
+				]
+			}),
+			/* @__PURE__ */ N("div", {
+				className: "flex items-center gap-ds-02 shrink-0",
+				children: [Ce && Ce.length > 0 && L !== "recording" && /* @__PURE__ */ M(gt, { options: Ce }), /* @__PURE__ */ N(a, {
+					mode: "popLayout",
+					initial: !1,
+					children: [
+						L === "recording" && /* @__PURE__ */ N(i.div, {
+							initial: {
+								scale: .8,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: .8,
+								opacity: 0
+							},
+							transition: { duration: .15 },
+							className: "flex items-center gap-ds-02",
+							children: [/* @__PURE__ */ M(u, {
+								variant: "soft",
+								size: $,
+								onClick: ct,
+								"aria-label": "Cancel recording",
+								title: "Cancel recording",
+								className: "text-surface-fg-subtle hover:text-error-11",
+								children: /* @__PURE__ */ M(l, {
+									icon: Pe,
+									size: "md"
+								})
+							}), /* @__PURE__ */ M(u, {
+								variant: "solid",
+								size: $,
+								color: "error",
+								onClick: st,
+								"aria-label": "Stop recording",
+								title: "Stop recording",
+								children: /* @__PURE__ */ M(l, {
+									icon: Me,
+									size: "md"
+								})
+							})]
+						}, "recording"),
+						P && L !== "recording" && /* @__PURE__ */ M(i.div, {
+							initial: {
+								scale: .8,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: .8,
+								opacity: 0
+							},
+							transition: { duration: .15 },
+							children: /* @__PURE__ */ M(u, {
+								variant: "solid",
+								size: $,
+								color: "error",
+								onClick: _e,
+								"aria-label": "Stop",
+								title: "Stop",
+								children: /* @__PURE__ */ M(l, {
+									icon: Me,
+									size: "md"
+								})
+							})
+						}, "streaming"),
+						!P && L !== "recording" && St && F && /* @__PURE__ */ M(i.div, {
+							initial: {
+								scale: .8,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: .8,
+								opacity: 0
+							},
+							transition: { duration: .15 },
+							children: /* @__PURE__ */ M(_, {
+								onClick: ut,
+								disabled: f,
+								"aria-label": V ? "Schedule send" : "Send",
+								size: $,
+								dropdownContent: /* @__PURE__ */ M(We, {
+									onSchedule: (e) => Le(e),
+									onClose: () => {},
+									onOpenDialog: () => Ve(!0)
+								}),
+								children: /* @__PURE__ */ M(l, {
+									icon: V ? be : je,
+									size: "md"
+								})
+							})
+						}, "split-send"),
+						!P && L !== "recording" && St && !F && /* @__PURE__ */ M(i.div, {
+							initial: {
+								scale: .8,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: .8,
+								opacity: 0
+							},
+							transition: { duration: .15 },
+							children: /* @__PURE__ */ M(u, {
+								variant: "solid",
+								size: $,
+								onClick: ut,
+								disabled: f,
+								"aria-label": "Send",
+								title: "Send",
+								children: /* @__PURE__ */ M(l, {
+									icon: je,
+									size: "md"
+								})
+							})
+						}, "send"),
+						!P && L !== "recording" && !St && k && /* @__PURE__ */ M(i.div, {
+							initial: {
+								scale: .8,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: .8,
+								opacity: 0
+							},
+							transition: { duration: .15 },
+							children: /* @__PURE__ */ M(u, {
+								variant: "soft",
+								size: $,
+								onClick: ot,
+								"aria-label": "Record voice message",
+								title: "Record voice message",
+								children: /* @__PURE__ */ M(l, {
+									icon: Ee,
+									size: "md"
+								})
+							})
+						}, "mic"),
+						!P && L !== "recording" && !St && !k && /* @__PURE__ */ M(i.div, {
+							initial: {
+								scale: .8,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: .8,
+								opacity: 0
+							},
+							transition: { duration: .15 },
+							children: /* @__PURE__ */ M(u, {
+								variant: "solid",
+								size: $,
+								disabled: !0,
+								"aria-label": "Send",
+								title: "Send",
+								children: /* @__PURE__ */ M(l, {
+									icon: je,
+									size: "md"
+								})
+							})
+						}, "send-disabled")
+					]
+				})]
+			}),
+			xe && /* @__PURE__ */ M("p", {
+				className: "mt-ds-02 text-center text-ds-xs text-surface-fg-subtle/50",
+				children: xe
+			}),
+			F && /* @__PURE__ */ M(Ge, {
+				open: Be,
+				onOpenChange: Ve,
+				onSchedule: (e) => Le(e),
+				initialDate: V
+			})
+		]
+	});
+});
+bt.displayName = "RichChatInput";
+//#endregion
+export { K as _, Qe as a, H as b, st as c, Y as d, ot as f, G as g, tt as h, at as i, nt as l, ct as m, pt as n, it as o, J as p, dt as r, rt as s, bt as t, $e as u, q as v, et as y };