@opencxh/ui-kit 3.179.0 → 3.181.0

package/dist/index.js

@@ -1,21 +1,21 @@
-import { jsxs as c, jsx as e, Fragment as Le } from "react/jsx-runtime";
-import le, { forwardRef as be, useState as B, useLayoutEffect as kt, useRef as se, useEffect as Q, createContext as rt, useId as Ct, useMemo as ge, useContext as St, useCallback as de, Component as Et } from "react";
-import { clsx as Tt } from "clsx";
-import * as Mt from "lucide-react";
-import { X as Se, ChevronDown as Ie, ExternalLink as zt, Search as Oe, ChevronRight as Pe, Sparkles as At, ArrowUpRight as nt, ImageOff as Dt, ChevronLeft as Ee, Pencil as _t, Calendar as $t, Check as We, ChevronUp as Lt, Ellipsis as It, ChevronDownIcon as Ot, FileText as Re, HardDrive as Ge, ArrowLeft as Pt, FolderPlus as jt, Upload as Rt, Folder as Je, Trash2 as Ft, Plus as Bt, Loader2 as Ht, VideoOff as qt, User as Ut, MicOff as Vt, Mic as Kt } from "lucide-react";
-import Ue from "dompurify";
-import Wt from "react-markdown";
-import Gt from "remark-gfm";
+import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
+import le, { forwardRef as be, useState as B, useLayoutEffect as St, useRef as se, useEffect as Q, createContext as st, useId as Et, useMemo as ge, useContext as Tt, useCallback as de, Component as Mt } from "react";
+import { clsx as zt } from "clsx";
+import * as At from "lucide-react";
+import { X as Se, ChevronDown as Oe, ExternalLink as Dt, Search as Pe, ChevronRight as je, Sparkles as _t, ArrowUpRight as at, ImageOff as $t, ChevronLeft as Te, Pencil as Lt, Calendar as It, Check as Je, ChevronUp as Ot, Ellipsis as Pt, ChevronDownIcon as jt, FileText as Fe, HardDrive as Ye, ArrowLeft as Rt, FolderPlus as Ft, Upload as Bt, Folder as Xe, Trash2 as Ht, Plus as qt, Loader2 as Ut, VideoOff as Vt, User as Wt, MicOff as Kt, Mic as Gt } from "lucide-react";
+import Ve from "dompurify";
+import Jt from "react-markdown";
+import Yt from "remark-gfm";
 function d(...t) {
-  return Tt(t);
+  return zt(t);
 }
-function is(t) {
+function vs(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function ds(t) {
+function ys(t) {
   return (r) => t[r] || "";
 }
-const Jt = {
+const Xt = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover disabled:bg-surface-hover",
   secondary: "bg-surface-sunk text-text-strong hover:bg-surface-hover disabled:bg-surface-hover",
   // No resting fill, so no disabled fill either — a greyed-out plate where
@@ -28,7 +28,7 @@ const Jt = {
   success: "bg-success text-text-inverse hover:opacity-90 disabled:bg-surface-hover",
   warning: "bg-warning text-text-inverse hover:opacity-90 disabled:bg-surface-hover",
   "danger-solid": "bg-danger text-text-inverse hover:opacity-90 disabled:bg-surface-hover"
-}, Yt = {
+}, Zt = {
   xs: "h-control-xs px-2 text-xs",
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-4 text-sm",
@@ -36,7 +36,7 @@ const Jt = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, Xt = {
+}, Qt = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -75,8 +75,8 @@ const Jt = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          Jt[t],
-          o ? Xt[r] : Yt[r],
+          Xt[t],
+          o ? Qt[r] : Zt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           i
@@ -102,7 +102,7 @@ const Jt = {
   }
 );
 ae.displayName = "Button";
-const us = ({
+const Ns = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -133,12 +133,12 @@ const us = ({
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
 };
-function Zt(t) {
+function er(t) {
   if (!t) return;
-  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = Mt[r];
+  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = At[r];
   return typeof n == "function" || typeof n == "object" && n !== null ? n : void 0;
 }
-const Qt = {
+const tr = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -158,9 +158,9 @@ const Qt = {
   "aria-label": o,
   ...u
 }) => {
-  const i = typeof r == "number" ? r : er(r), p = d(
+  const i = typeof r == "number" ? r : rr(r), p = d(
     "inline-block shrink-0",
-    Qt[n],
+    tr[n],
     s && [
       "cursor-pointer rounded-sm transition-opacity duration-fast ease-out hover:opacity-80",
       "focus-visible:outline-none focus-visible:focus-ring"
@@ -182,7 +182,7 @@ const Qt = {
   };
   return /* @__PURE__ */ e(t, { ...m });
 };
-function er(t) {
+function rr(t) {
   return {
     xs: 12,
     sm: 14,
@@ -191,9 +191,9 @@ function er(t) {
     xl: 24
   }[t];
 }
-function Te(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
+function Me(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
   const [l, o] = B({});
-  return kt(() => {
+  return St(() => {
     if (!t) return;
     const u = () => {
       const i = r.current;
@@ -206,7 +206,7 @@ function Te(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     };
   }, [t, r, n, s, a]), l;
 }
-const st = ({
+const lt = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -216,7 +216,7 @@ const st = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [i, p] = B(!1), m = se(null), f = se(null), g = Te(i, f, { placement: n });
+  const [i, p] = B(!1), m = se(null), f = se(null), g = Me(i, f, { placement: n });
   Q(() => {
     if (!i) return;
     const v = (C) => {
@@ -263,29 +263,29 @@ const st = ({
       }
     )
   ] });
-}, tr = {
+}, nr = {
   none: "hover:bg-surface-sunk hover:text-text",
   default: "bg-surface-sunk text-text-muted hover:text-text",
   muted: "bg-surface-sunk text-text-subtle hover:text-text",
   outline: "text-text-muted ring-1 ring-inset ring-border-strong hover:bg-surface-hover hover:text-text",
   warning: "bg-warning-soft text-warning-fg",
   danger: "bg-danger-soft text-danger-fg"
-}, rr = (t) => d(
+}, sr = (t) => d(
   // A button's default cursor is an arrow, so it has to be asked for.
   "inline-flex cursor-pointer select-none items-center text-sm font-medium",
   t.size === "sm" ? "h-control-sm" : "h-control-md",
   "transition-colors duration-fast ease-out",
   t.shape === "pill" ? "rounded-full" : "rounded-md",
   // Picking a value outranks whatever the value happens to mean.
-  t.active ? "bg-info-soft text-info-fg" : tr[t.tone ?? "default"],
+  t.active ? "bg-info-soft text-info-fg" : nr[t.tone ?? "default"],
   t.className
-), nr = (t) => d(
+), ar = (t) => d(
   "inline-flex items-center gap-1.5 pl-3",
   t.shape === "pill" ? "rounded-full" : "rounded-md",
   t.withClear ? "pr-1.5" : "pr-3",
   "focus-visible:outline-none focus-visible:focus-ring"
 );
-function sr({
+function lr({
   label: t,
   icon: r,
   tone: n = "default",
@@ -301,11 +301,11 @@ function sr({
   title: g,
   className: b
 }) {
-  const w = l && !!p, v = s === "pill" ? "rounded-full" : "rounded-md", h = rr({ active: l, tone: n, shape: s, size: a, className: b }), C = /* @__PURE__ */ c(Le, { children: [
+  const w = l && !!p, v = s === "pill" ? "rounded-full" : "rounded-md", h = sr({ active: l, tone: n, shape: s, size: a, className: b }), C = /* @__PURE__ */ c(Ee, { children: [
     r,
     t,
-    o && /* @__PURE__ */ e(Z, { icon: Ie, size: "xs" })
-  ] }), k = nr({ shape: s, withClear: w }), P = w && /* @__PURE__ */ e(
+    o && /* @__PURE__ */ e(Z, { icon: Oe, size: "xs" })
+  ] }), k = ar({ shape: s, withClear: w }), P = w && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -320,7 +320,7 @@ function sr({
   );
   return u ? /* @__PURE__ */ c("span", { className: h, title: g, children: [
     /* @__PURE__ */ e(
-      st,
+      lt,
       {
         trigger: C,
         rootClassName: "h-full",
@@ -335,13 +335,13 @@ function sr({
     P
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: g, onClick: f, className: d(h, k), children: C });
 }
-const ar = {
+const or = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, lr = {
+}, cr = {
   primary: "text-text hover:text-info-fg hover:underline",
   info: "text-info-fg hover:underline",
   secondary: "text-text-muted hover:text-text",
@@ -350,7 +350,7 @@ const ar = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, or = {
+}, ir = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -359,7 +359,7 @@ const ar = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, ms = ({
+}, ws = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -376,13 +376,13 @@ const ar = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    ar[r],
-    !s && lr[n],
+    or[r],
+    !s && cr[n],
     t === "subtle" && "no-underline opacity-70 hover:opacity-100",
     t === "underline" && "underline decoration-1 hover:decoration-2",
     t === "button" && [
       "h-control-md rounded-md px-3 font-semibold no-underline hover:no-underline",
-      or[n]
+      ir[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
@@ -395,13 +395,13 @@ const ar = {
   };
   return /* @__PURE__ */ c("a", { className: g, ...b, children: [
     o,
-    f && /* @__PURE__ */ e(zt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
+    f && /* @__PURE__ */ e(Dt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, cr = {
+}, dr = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function ir({
+function ur({
   options: t,
   value: r,
   onChange: n,
@@ -438,7 +438,7 @@ function ir({
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               l && "min-w-0 flex-1",
-              cr[s],
+              dr[s],
               p ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: i.label
@@ -449,15 +449,15 @@ function ir({
     }
   );
 }
-const dr = {
+const mr = {
   primary: "bg-accent text-accent-fg hover:bg-accent-hover",
   secondary: "border border-border bg-surface text-text hover:bg-surface-hover",
   outline: "border border-accent-border text-accent hover:bg-accent-soft"
-}, ur = {
+}, fr = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
-function at({
+function ot({
   label: t,
   onClick: r,
   variant: n = "primary",
@@ -489,7 +489,7 @@ function at({
         }
       ),
       f && /* @__PURE__ */ e(
-        st,
+        lt,
         {
           placement: i,
           disabled: m,
@@ -502,14 +502,14 @@ function at({
               className: d(
                 "inline-flex items-center justify-center rounded-md rounded-l-none",
                 "transition-colors duration-fast ease-out",
-                dr[n],
-                ur[s],
+                mr[n],
+                fr[s],
                 m && "cursor-not-allowed opacity-50"
               ),
-              children: /* @__PURE__ */ e(Ie, { className: "size-icon-md" })
+              children: /* @__PURE__ */ e(Oe, { className: "size-icon-md" })
             }
           ),
-          children: (g) => /* @__PURE__ */ e(Le, { children: l.map((b) => /* @__PURE__ */ c(
+          children: (g) => /* @__PURE__ */ e(Ee, { children: l.map((b) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -534,7 +534,7 @@ function at({
     ] })
   );
 }
-const fs = ({
+const ks = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -582,7 +582,7 @@ const fs = ({
       ref: g,
       children: [
         /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-3 flex-shrink-0", children: [
-          /* @__PURE__ */ e(Oe, { className: "w-4 h-4 text-text-muted shrink-0" }),
+          /* @__PURE__ */ e(Pe, { className: "w-4 h-4 text-text-muted shrink-0" }),
           /* @__PURE__ */ e(
             "input",
             {
@@ -613,7 +613,7 @@ const fs = ({
                   children: [
                     h.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: h.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: h.label }),
-                    h.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(Pe, { className: "w-4 h-4" }) })
+                    h.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(je, { className: "w-4 h-4" }) })
                   ]
                 },
                 h.id
@@ -638,13 +638,66 @@ const fs = ({
       ]
     }
   ) }) : null;
-}, lt = [
+}, We = [
   "[&_[data-mention-id]]:bg-info-soft",
   "[&_[data-mention-id]]:text-info-fg",
   "[&_[data-mention-id]]:font-semibold",
   "[&_[data-mention-id]]:px-1",
   "[&_[data-mention-id]]:rounded-md"
-].join(" "), _e = "data-mention-id", mr = /<[a-z][\s\S]*>/i, fr = [
+].join(" "), $e = "data-mention-id", Le = (t) => t.type === "text", hr = (t, r) => t.type === "element" && t.tagName === r, xr = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function gr(t) {
+  if (!hr(t, "a")) return null;
+  const r = t.properties?.href, [n] = t.children ?? [];
+  return typeof r != "string" || !r.startsWith("mailto:") || !n || !Le(n) ? null : r === `mailto:${n.value}` ? n.value : null;
+}
+function br(t) {
+  const r = [], n = (s) => {
+    const a = r[r.length - 1];
+    a && Le(a) ? a.value += s : r.push({ type: "text", value: s });
+  };
+  for (const s of t) {
+    const a = gr(s);
+    a !== null ? n(a) : Le(s) ? n(s.value) : r.push(s);
+  }
+  return r;
+}
+function pr(t) {
+  return {
+    type: "element",
+    tagName: "span",
+    properties: { dataMentionId: t.id },
+    children: [{ type: "text", value: `@${t.name}` }]
+  };
+}
+function vr(t, r, n) {
+  const s = [];
+  let a = 0;
+  n.lastIndex = 0;
+  let l = n.exec(t);
+  for (; l; ) {
+    l.index > a && s.push({ type: "text", value: t.slice(a, l.index) });
+    const o = l[0].slice(1), u = r.find((i) => i.name === o);
+    s.push(u ? pr(u) : { type: "text", value: l[0] }), a = n.lastIndex, l = n.exec(t);
+  }
+  return a < t.length && s.push({ type: "text", value: t.slice(a) }), s;
+}
+function ct(t, r, n) {
+  if (!t.children) return;
+  const s = br(t.children), a = [];
+  for (const l of s)
+    Le(l) ? a.push(...vr(l.value, r, n)) : (ct(l, r, n), a.push(l));
+  t.children = a;
+}
+function yr(t) {
+  const r = t.filter((s) => s.name), n = new RegExp(
+    `@(?:${[...r].sort((s, a) => a.name.length - s.name.length).map((s) => xr(s.name)).join("|")})`,
+    "g"
+  );
+  return () => (s) => {
+    r.length !== 0 && ct(s, r, n);
+  };
+}
+const Nr = /<[a-z][\s\S]*>/i, wr = [
   "[&_p]:my-1.5 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_p]:leading-relaxed",
   "[&_a]:text-accent [&_a]:underline [&_a]:underline-offset-2",
   "[&_strong]:font-semibold [&_em]:italic",
@@ -660,16 +713,24 @@ const fs = ({
   "[&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold",
   "[&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1",
   // A mention chip is stored as a bare `data-mention-id` span, so its look lives here.
-  lt
-].join(" "), hr = {
+  We
+].join(" ");
+function kr(t, r) {
+  if (!t?.startsWith("mailto:")) return !1;
+  const n = typeof r == "string" ? r : null;
+  return n !== null && t === `mailto:${n}`;
+}
+const Cr = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
-  a: (t) => /* @__PURE__ */ e(
+  a: ({ href: t, children: r, ...n }) => kr(t, r) ? /* @__PURE__ */ e(Ee, { children: r }) : /* @__PURE__ */ e(
     "a",
     {
       className: "text-accent underline underline-offset-2 hover:opacity-80",
       target: "_blank",
       rel: "noopener noreferrer",
-      ...t
+      href: t,
+      ...n,
+      children: r
     }
   ),
   strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
@@ -692,42 +753,50 @@ const fs = ({
   th: (t) => /* @__PURE__ */ e("th", { className: "border border-border px-2 py-1 text-left font-semibold", ...t }),
   td: (t) => /* @__PURE__ */ e("td", { className: "border border-border px-2 py-1", ...t })
 };
-function Me({ text: t, className: r, as: n }) {
-  const s = t ?? "";
-  return (n ? n === "html" : mr.test(s)) ? /* @__PURE__ */ e(
+function ze({ text: t, className: r, as: n, mentions: s }) {
+  const a = t ?? "";
+  return (n ? n === "html" : Nr.test(a)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: d("break-words", fr, r),
+      className: d("break-words", wr, r),
       dangerouslySetInnerHTML: {
-        __html: Ue.sanitize(s, { ADD_ATTR: ["target", "rel", _e] })
+        __html: Ve.sanitize(a, { ADD_ATTR: ["target", "rel", $e] })
       }
     }
-  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(Wt, { remarkPlugins: [Gt], components: hr, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: d("break-words", We, r), children: /* @__PURE__ */ e(
+    Jt,
+    {
+      remarkPlugins: [Yt],
+      rehypePlugins: s?.length ? [yr(s)] : void 0,
+      components: Cr,
+      children: a
+    }
+  ) });
 }
-const xr = {
+const Sr = {
   info: "text-info-fg",
   success: "text-success-fg",
   warning: "text-warning-fg",
   destructive: "text-danger-fg"
-}, gr = {
+}, Er = {
   info: "bg-info-soft border-info-border",
   success: "bg-success-soft border-success-border",
   warning: "bg-warning-soft border-warning-border",
   destructive: "bg-danger-soft border-danger-border"
-}, br = {
+}, Tr = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
 };
-function pr({ block: t }) {
+function Mr({ block: t }) {
   switch (t.type) {
     case "heading":
       return t.level === 1 ? /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-text", children: t.text }) : t.level === 2 ? /* @__PURE__ */ e("h2", { className: "pt-2 text-base font-semibold tracking-tight text-text", children: t.text }) : /* @__PURE__ */ e("h3", { className: "pt-1 text-sm font-semibold text-text", children: t.text });
     case "paragraph":
-      return /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" });
+      return /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" });
     case "quote":
-      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
+      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
     case "code":
       return /* @__PURE__ */ e("pre", { className: "overflow-x-auto rounded-lg bg-surface-sunk p-3 text-xs", children: /* @__PURE__ */ e("code", { className: "font-mono", children: t.text }) });
     case "divider":
@@ -746,7 +815,7 @@ function pr({ block: t }) {
               n.lead,
               " "
             ] }),
-            /* @__PURE__ */ e(Me, { as: "markdown", text: n.text, className: "inline" })
+            /* @__PURE__ */ e(ze, { as: "markdown", text: n.text, className: "inline" })
           ] }, s))
         }
       );
@@ -780,13 +849,13 @@ function pr({ block: t }) {
         t.caption && /* @__PURE__ */ e("figcaption", { className: "pt-2 text-xs italic text-text-subtle", children: t.caption })
       ] });
     case "kpi":
-      return /* @__PURE__ */ e("div", { className: d("grid gap-3", br[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ c("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
+      return /* @__PURE__ */ e("div", { className: d("grid gap-3", Tr[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ c("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: d(
               "text-2xl font-semibold tracking-tight",
-              r.tone ? xr[r.tone] : "text-text"
+              r.tone ? Sr[r.tone] : "text-text"
             ),
             children: r.value
           }
@@ -794,15 +863,15 @@ function pr({ block: t }) {
         /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r.label })
       ] }, n)) });
     case "callout":
-      return /* @__PURE__ */ c("div", { className: d("rounded-lg border px-4 py-3", gr[t.tone]), children: [
+      return /* @__PURE__ */ c("div", { className: d("rounded-lg border px-4 py-3", Er[t.tone]), children: [
         t.title && /* @__PURE__ */ e("div", { className: "pb-0.5 text-sm font-semibold text-text", children: t.title }),
-        /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" })
+        /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" })
       ] });
     default:
       return null;
   }
 }
-function hs({ blocks: t, runtime: r = "inert", className: n }) {
+function Cs({ blocks: t, runtime: r = "inert", className: n }) {
   return r !== "inert" ? /* @__PURE__ */ c(
     "div",
     {
@@ -819,11 +888,11 @@ function hs({ blocks: t, runtime: r = "inert", className: n }) {
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e("article", { className: d("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(pr, { block: s }, s.block_id ?? a)) });
+  ) : /* @__PURE__ */ e("article", { className: d("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(Mr, { block: s }, s.block_id ?? a)) });
 }
-function xs({
+function Ss({
   title: t,
-  icon: r = /* @__PURE__ */ e(At, { className: "size-icon-md", "aria-hidden": !0 }),
+  icon: r = /* @__PURE__ */ e(_t, { className: "size-icon-md", "aria-hidden": !0 }),
   action: n,
   children: s,
   className: a,
@@ -849,53 +918,53 @@ function xs({
     }
   );
 }
-const vr = 5;
-function yr(t) {
+const zr = 5;
+function Ar(t) {
   let r = 2166136261;
   for (let n = 0; n < t.length; n++)
     r ^= t.charCodeAt(n), r = Math.imul(r, 16777619);
   return r >>> 0;
 }
-function ot(t) {
+function it(t) {
   const r = (t ?? "").trim().toLowerCase();
-  return r ? yr(r) % vr + 1 : 1;
+  return r ? Ar(r) % zr + 1 : 1;
 }
-const Nr = {
+const Dr = {
   1: "bg-cat-1-soft text-cat-1-fg",
   2: "bg-cat-2-soft text-cat-2-fg",
   3: "bg-cat-3-soft text-cat-3-fg",
   4: "bg-cat-4-soft text-cat-4-fg",
   5: "bg-cat-5-soft text-cat-5-fg"
-}, wr = {
+}, _r = {
   1: "bg-cat-1",
   2: "bg-cat-2",
   3: "bg-cat-3",
   4: "bg-cat-4",
   5: "bg-cat-5"
 };
-function ct(t) {
-  return Nr[ot(t)];
+function dt(t) {
+  return Dr[it(t)];
 }
-function gs(t) {
-  return wr[ot(t)];
+function Es(t) {
+  return _r[it(t)];
 }
-const kr = {
+const $r = {
   default: "bg-avatar text-avatar-fg",
   in: "bg-avatar-in text-avatar-in-fg",
   out: "bg-accent text-accent-fg",
   note: "bg-avatar-note text-avatar-note-fg"
-}, Cr = {
+}, Lr = {
   xs: "w-5 h-5 text-xs",
   sm: "w-6 h-6 text-xs",
   md: "w-7 h-7 text-base",
   lg: "w-9 h-9 text-sm"
 };
-function Sr(t) {
+function Ir(t) {
   if (!t) return "?";
   const r = t.trim().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
   return r.length >= 2 ? (r[0][0] + r[1][0]).toUpperCase() : r.length === 1 ? r[0].slice(0, 2).toUpperCase() : "?";
 }
-const it = ({
+const ut = ({
   name: t,
   src: r,
   tone: n = "default",
@@ -910,8 +979,8 @@ const it = ({
     "inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-semibold select-none",
     // `identity` is seeded on the name, so the same person keeps their colour
     // wherever they appear; the fixed tones stay as they were.
-    n === "identity" ? ct(t) : kr[n],
-    Cr[s],
+    n === "identity" ? dt(t) : $r[n],
+    Lr[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -923,8 +992,8 @@ const it = ({
       className: d(i, "object-cover"),
       onError: () => u(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: i, title: l ?? t, "aria-label": t, children: Sr(t) });
-}, Ye = "ring-surface", Er = "ring-surface-accent", bs = ({
+  ) : /* @__PURE__ */ e("span", { className: i, title: l ?? t, "aria-label": t, children: Ir(t) });
+}, Ze = "ring-surface", Or = "ring-surface-accent", Ts = ({
   people: t,
   max: r = 4,
   size: n = "sm",
@@ -934,7 +1003,7 @@ const it = ({
   const a = t.slice(0, r), l = t.length - a.length;
   return /* @__PURE__ */ c("span", { className: d("inline-flex items-center", s), children: [
     a.map((o, u) => /* @__PURE__ */ e(
-      it,
+      ut,
       {
         name: o.name,
         src: o.src,
@@ -942,7 +1011,7 @@ const it = ({
         title: o.name ? o.seen === !1 ? `${o.name} — nog niet gelezen` : o.name : void 0,
         className: d(
           u > 0 && "-ml-2",
-          o.owner ? Er : Ye,
+          o.owner ? Or : Ze,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -956,7 +1025,7 @@ const it = ({
           // in the row rather than a gap at the end of it.
           "inline-flex items-center justify-center rounded-full shrink-0 -ml-2 font-semibold bg-avatar text-avatar-fg",
           n === "xs" ? "w-5 h-5 text-xs" : n === "md" ? "w-7 h-7 text-xs" : n === "lg" ? "w-9 h-9 text-xs" : "w-6 h-6 text-xs",
-          Ye
+          Ze
         ),
         children: [
           "+",
@@ -965,18 +1034,18 @@ const it = ({
       }
     )
   ] });
-}, Tr = {
+}, Pr = {
   neutral: "bg-surface-sunk",
   out: "bg-bubble-out-soft",
   note: "bg-note-soft",
   assistant: "bg-assistant-soft"
-}, Mr = {
+}, jr = {
   neutral: "text-text",
   out: "text-text",
   note: "text-note",
   assistant: "text-text"
 };
-function ps({
+function Ms({
   avatar: t,
   title: r,
   context: n,
@@ -993,7 +1062,7 @@ function ps({
       /* @__PURE__ */ c(
         "div",
         {
-          className: d("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Tr[l]),
+          className: d("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Pr[l]),
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-baseline gap-2", children: [
               /* @__PURE__ */ e(
@@ -1002,7 +1071,7 @@ function ps({
                   className: d(
                     "min-w-0 truncate text-md font-semibold",
                     !n && "flex-1",
-                    Mr[l]
+                    jr[l]
                   ),
                   children: r
                 }
@@ -1022,15 +1091,15 @@ function ps({
     u
   ] });
 }
-const vs = "hover:bg-surface-track";
-function ys({
+const zs = "hover:bg-surface-track";
+function As({
   name: t,
   src: r,
   tone: n = "in"
 }) {
-  return /* @__PURE__ */ e(it, { name: t, src: r, tone: n, size: "sm" });
+  return /* @__PURE__ */ e(ut, { name: t, src: r, tone: n, size: "sm" });
 }
-function Ns({
+function Ds({
   icon: t,
   tone: r = "neutral",
   title: n
@@ -1047,11 +1116,11 @@ function Ns({
     }
   );
 }
-function ws({ children: t, className: r }) {
+function _s({ children: t, className: r }) {
   return /* @__PURE__ */ e("div", { className: d("flex items-center gap-2.5 rounded-md bg-surface px-3 py-2.5", r), children: t });
 }
-function ks({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
-  const l = Zt(t);
+function $s({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
+  const l = er(t);
   return /* @__PURE__ */ c("div", { className: "flex items-center gap-2 py-1.5 pl-10.5 text-xs text-text-subtle", children: [
     l && /* @__PURE__ */ e(Z, { icon: l, size: "sm", color: "current" }),
     /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
@@ -1067,49 +1136,49 @@ function ks({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
         children: [
           a ?? "Join",
           " ",
-          /* @__PURE__ */ e(Z, { icon: nt, size: "xs" })
+          /* @__PURE__ */ e(Z, { icon: at, size: "xs" })
         ]
       }
     )
   ] });
 }
-const ze = {
+const Ae = {
   mail: { fg: "text-channel-mail-fg", bg: "bg-channel-mail-soft" },
   wa: { fg: "text-channel-whatsapp-fg", bg: "bg-channel-whatsapp-soft" },
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, zr = {
+}, Rr = {
   sm: "size-avatar-xs rounded-sm text-xs",
   md: "size-avatar-sm rounded-md text-xs",
   lg: "size-avatar-lg rounded-md text-base"
 };
-function Cs({
+function Ls({
   channel: t,
   children: r,
   size: n = "md",
   className: s,
   title: a
 }) {
-  const l = t in ze ? ze[t] : void 0;
+  const l = t in Ae ? Ae[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        zr[n],
+        Rr[n],
         // An undeclared channel used to collapse onto the neutral "note" tone,
         // which is also what a real internal note looks like. Deriving from the
         // key keeps it distinguishable and keeps `note` meaning `note`.
-        l ? d(l.fg, l.bg) : t ? ct(t) : d(ze.note.fg, ze.note.bg),
+        l ? d(l.fg, l.bg) : t ? dt(t) : d(Ae.note.fg, Ae.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const Ss = ({
+const Is = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -1168,7 +1237,7 @@ const Ss = ({
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
   ), O = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), H = /* @__PURE__ */ c("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(Z, { icon: Dt, size: "lg", className: "mx-auto mb-1" }),
+    /* @__PURE__ */ e(Z, { icon: $t, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ c("div", { className: F, children: [
@@ -1186,28 +1255,28 @@ const Ss = ({
     w && l && /* @__PURE__ */ e("div", { className: I, children: i || O }),
     h && o && /* @__PURE__ */ e("div", { className: I, children: p || H })
   ] });
-}, Ar = {
+}, Fr = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function Es({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function Os({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ c("div", { className: d("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
-    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Ar[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Fr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const Dr = {
+const Br = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, _r = {
+}, Hr = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, $r = {
+}, qr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -1234,7 +1303,7 @@ const Dr = {
     return le.useEffect(() => {
       w.current && (w.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ c("div", { className: d("flex flex-col", l), children: [
-      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", _r[s]), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", Hr[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -1251,7 +1320,7 @@ const Dr = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              Dr[s],
+              Br[s],
               b ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -1266,7 +1335,7 @@ const Dr = {
               className: d(
                 "cursor-pointer",
                 b ? "text-danger-fg" : "text-text",
-                $r[s],
+                qr[s],
                 o
               ),
               children: t
@@ -1280,7 +1349,7 @@ const Dr = {
   }
 );
 we.displayName = "Checkbox";
-function Ts({
+function Ps({
   icon: t,
   onClick: r,
   children: n
@@ -1303,7 +1372,7 @@ function Ts({
     }
   );
 }
-function Ms({
+function js({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -1334,7 +1403,7 @@ function Ms({
   className: U,
   "aria-label": te
 }) {
-  const [W, y] = le.useState(
+  const [K, y] = le.useState(
     () => Object.fromEntries((g ?? []).filter((S) => S.defaultCollapsed).map((S) => [S.id, !0]))
   ), x = le.useRef(null), E = (S) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(S.key)) return;
@@ -1378,7 +1447,7 @@ function Ms({
     )) });
   if (t.length === 0 && I)
     return /* @__PURE__ */ e("div", { className: ce, children: I });
-  const ie = t.length > 0 && k.length === t.length, G = k.length > 0 && !ie, K = (S, M, X) => {
+  const ie = t.length > 0 && k.length === t.length, G = k.length > 0 && !ie, W = (S, M, X) => {
     const q = i?.(S, M) ?? !1, N = p?.(S, M) ?? !1, R = m?.(S, M) ?? !1, re = C && T(S);
     return /* @__PURE__ */ c(
       "li",
@@ -1434,7 +1503,7 @@ function Ms({
     );
   }, j = (() => {
     if (!f)
-      return t.map((q, N) => K(q, N, N === 0));
+      return t.map((q, N) => W(q, N, N === 0));
     const S = /* @__PURE__ */ new Map();
     t.forEach((q, N) => {
       const R = f(q, N);
@@ -1445,7 +1514,7 @@ function Ms({
       ...M.filter((q) => S.has(q.id)),
       ...[...S.keys()].filter((q) => !M.some((N) => N.id === q)).map((q) => ({ id: q }))
     ].flatMap((q, N) => {
-      const R = S.get(q.id) ?? [], re = v && W[q.id], oe = q.title ?? q.id, pe = q.count ?? R.length, ye = /* @__PURE__ */ e(
+      const R = S.get(q.id) ?? [], re = v && K[q.id], oe = q.title ?? q.id, pe = q.count ?? R.length, ye = /* @__PURE__ */ e(
         "li",
         {
           onClick: v ? () => y((he) => ({ ...he, [q.id]: !he[q.id] })) : void 0,
@@ -1464,9 +1533,9 @@ function Ms({
           children: b ? b(
             q,
             R.map((he) => he.item)
-          ) : /* @__PURE__ */ c(Le, { children: [
+          ) : /* @__PURE__ */ c(Ee, { children: [
             v && /* @__PURE__ */ e(
-              Pe,
+              je,
               {
                 "aria-hidden": !0,
                 className: d(
@@ -1492,7 +1561,7 @@ function Ms({
       );
       return re ? [ye] : [
         ye,
-        ...R.map(({ item: he, index: xe }, je) => K(he, xe, je === 0))
+        ...R.map(({ item: he, index: xe }, Re) => W(he, xe, Re === 0))
       ];
     });
   })();
@@ -1543,7 +1612,7 @@ function Ms({
     ] }) })
   ] });
 }
-function zs({
+function Rs({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -1576,7 +1645,7 @@ function zs({
     }
   );
 }
-function As({ icon: t, label: r, unset: n, className: s }) {
+function Fs({ icon: t, label: r, unset: n, className: s }) {
   return /* @__PURE__ */ c(
     "span",
     {
@@ -1592,11 +1661,11 @@ function As({ icon: t, label: r, unset: n, className: s }) {
     }
   );
 }
-function Ds() {
+function Bs() {
   return /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 text-text-disabled", children: "·" });
 }
 const fe = ({ className: t }) => /* @__PURE__ */ e("span", { className: d("block rounded-xs bg-surface-hover", t) });
-function Lr({
+function Ur({
   shape: t,
   rows: r,
   columns: n
@@ -1663,7 +1732,7 @@ function Lr({
       ] });
   }
 }
-const Ir = {
+const Vr = {
   text: 2,
   table: 8,
   list: 6,
@@ -1671,7 +1740,7 @@ const Ir = {
   menu: 4,
   cards: 2
 };
-function Ve({
+function Ke({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -1682,10 +1751,10 @@ function Ve({
   tableColumns: u,
   tableRows: i
 }) {
-  const p = r ?? (o ? "table" : "text"), m = n ?? i ?? Ir[p], f = s ?? u ?? (p === "cards" ? 3 : 6), g = /* @__PURE__ */ e("div", { className: d("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Lr, { shape: p, rows: m, columns: f }) });
+  const p = r ?? (o ? "table" : "text"), m = n ?? i ?? Vr[p], f = s ?? u ?? (p === "cards" ? 3 : 6), g = /* @__PURE__ */ e("div", { className: d("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Ur, { shape: p, rows: m, columns: f }) });
   return t === "inline" ? g : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: g });
 }
-const Or = ({
+const Wr = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -1734,7 +1803,7 @@ const Or = ({
               {
                 variant: "ghost",
                 onClick: p,
-                leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "md" }),
+                leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "md" }),
                 iconOnly: !0
               }
             ),
@@ -1765,7 +1834,7 @@ const Or = ({
                 ),
                 n && /* @__PURE__ */ e("span", { className: "shrink-0 text-base text-text-muted truncate", children: n }),
                 m && /* @__PURE__ */ e(
-                  _t,
+                  Lt,
                   {
                     size: 15,
                     onClick: C,
@@ -1791,7 +1860,7 @@ const Or = ({
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
             (D) => D.render ? /* @__PURE__ */ e(le.Fragment, { children: D.render() }, D.id) : D.splitOptions && D.splitOptions.length > 0 ? /* @__PURE__ */ e(
-              at,
+              ot,
               {
                 label: D.label,
                 onClick: D.onClick,
@@ -1820,11 +1889,11 @@ const Or = ({
       ]
     }
   );
-}, Pr = {
+}, Kr = {
   none: "",
   sm: "px-3 pb-3 pt-1",
   md: "px-5 pb-5 pt-1.5"
-}, _s = ({
+}, Hs = ({
   title: t,
   subtitle: r,
   meta: n,
@@ -1843,7 +1912,7 @@ const Or = ({
   contentClassName: v,
   children: h
 }) => {
-  const C = p ? /* @__PURE__ */ e(Ve, { variant: "inline", shape: m }) : f ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: f }) : h;
+  const C = p ? /* @__PURE__ */ e(Ke, { variant: "inline", shape: m }) : f ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: f }) : h;
   return /* @__PURE__ */ c(
     "div",
     {
@@ -1857,7 +1926,7 @@ const Or = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          Or,
+          Wr,
           {
             surface: u,
             title: t,
@@ -1876,7 +1945,7 @@ const Or = ({
           {
             className: d(
               b && "min-h-0 flex-1 overflow-y-auto",
-              Pr[g],
+              Kr[g],
               v
             ),
             children: C
@@ -1891,7 +1960,7 @@ const Or = ({
   className: n
 }) => t.length === 0 ? null : /* @__PURE__ */ e("div", { className: d("flex flex-wrap items-center gap-2", n), children: t.map(
   (s) => s.render ? /* @__PURE__ */ e(le.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
-    at,
+    ot,
     {
       label: s.label,
       onClick: s.onClick,
@@ -1914,32 +1983,32 @@ const Or = ({
     },
     s.id
   )
-) }), jr = {
+) }), Gr = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, $s = ({
+}, qs = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", jr[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", Gr[a], s), children: [
   r && /* @__PURE__ */ e(
     ae,
     {
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "sm" }),
       iconOnly: !0
     }
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(ke, { actions: t, className: d(!l && "ml-auto") })
-] }), Ls = ({
+] }), Us = ({
   label: t,
   meta: r,
   action: n,
@@ -1949,7 +2018,7 @@ const Or = ({
   r && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-right text-xs tabular-nums text-text-subtle", children: r }),
   n && /* @__PURE__ */ e("span", { className: "ml-auto shrink-0", children: n })
 ] });
-function Is({
+function Vs({
   label: t,
   trailing: r,
   align: n = "center",
@@ -1963,11 +2032,11 @@ function Is({
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const dt = rt(null), Os = dt.Provider;
-function Rr() {
-  return St(dt);
+const mt = st(null), Ws = mt.Provider;
+function Jr() {
+  return Tt(mt);
 }
-function Ps() {
+function Ks() {
   const [t, r] = B(null), n = ge(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
@@ -1976,13 +2045,13 @@ function Ps() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const Fr = {
+const Yr = {
   none: "",
   sm: "px-3 py-3",
   // Matches the frame header's own horizontal padding, so content lines up
   // with the title above it.
   md: "px-5 py-4"
-}, js = ({
+}, Gs = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -1996,7 +2065,7 @@ const Fr = {
   className: m,
   contentClassName: f
 }) => {
-  const g = Rr(), b = Ct(), w = se(a);
+  const g = Jr(), b = Et(), w = se(a);
   w.current = a;
   const v = !!a, h = se(r);
   h.current = r;
@@ -2044,7 +2113,7 @@ const Fr = {
             variant: "ghost",
             onClick: () => w.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -2054,7 +2123,7 @@ const Fr = {
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: d("flex-1", Fr[p], f), children: u ? /* @__PURE__ */ e(Ve, { variant: "inline", shape: i }) : t }),
+      /* @__PURE__ */ e("div", { className: d("flex-1", Yr[p], f), children: u ? /* @__PURE__ */ e(Ke, { variant: "inline", shape: i }) : t }),
       Y && /* @__PURE__ */ c("div", { className: "sticky bottom-0 z-10 flex shrink-0 items-center gap-2 border-t border-border bg-surface px-5 py-3", children: [
         n.length > 0 && /* @__PURE__ */ e(ke, { actions: n, defaultVariant: "ghost" }),
         r.length > 0 && /* @__PURE__ */ e(ke, { actions: r, className: "ml-auto" })
@@ -2062,7 +2131,7 @@ const Fr = {
     ] })
   );
 };
-function Rs({
+function Js({
   label: t,
   description: r,
   control: n,
@@ -2089,7 +2158,7 @@ function Rs({
     }
   );
 }
-function Fs({
+function Ys({
   icon: t,
   title: r,
   description: n,
@@ -2109,7 +2178,7 @@ function Fs({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Bs({ label: t, dotColor: r, onClick: n, className: s }) {
+function Xs({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -2129,12 +2198,12 @@ function Bs({ label: t, dotColor: r, onClick: n, className: s }) {
           }
         ),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(Z, { icon: nt, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Z, { icon: at, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }), Hr = () => /* @__PURE__ */ e(Z, { icon: Ee, size: "md", color: "current" }), qr = () => /* @__PURE__ */ e(Z, { icon: Pe, size: "md", color: "current" }), He = be(
+const Xr = () => /* @__PURE__ */ e(Z, { icon: It, size: "md", color: "current" }), Zr = () => /* @__PURE__ */ e(Z, { icon: Te, size: "md", color: "current" }), Qr = () => /* @__PURE__ */ e(Z, { icon: je, size: "md", color: "current" }), qe = be(
   ({
     value: t,
     onChange: r,
@@ -2148,7 +2217,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
     format: p = "MM/dd/yyyy",
     withTime: m = !1
   }, f) => {
-    const [g, b] = B(!1), [w, v] = B(() => t || /* @__PURE__ */ new Date()), h = se(null), C = se(null), k = Te(g, C);
+    const [g, b] = B(!1), [w, v] = B(() => t || /* @__PURE__ */ new Date()), h = se(null), C = se(null), k = Me(g, C);
     Q(() => {
       const y = (x) => {
         h.current && !h.current.contains(x.target) && b(!1);
@@ -2201,7 +2270,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
         "h-control-md w-full px-3 text-base": l === "full"
       },
       o
-    ), te = F(), W = [
+    ), te = F(), K = [
       "January",
       "February",
       "March",
@@ -2238,7 +2307,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
             onClick: () => !s && b(!g),
             disabled: s,
             className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted hover:text-text-muted",
-            children: /* @__PURE__ */ e(Br, {})
+            children: /* @__PURE__ */ e(Xr, {})
           }
         )
       ] }),
@@ -2249,13 +2318,13 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
           className: "fixed z-overlay overflow-auto rounded-lg border border-border bg-surface p-4 shadow-overlay min-w-panel",
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4", children: [
-              /* @__PURE__ */ e("button", { onClick: I, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Hr, {}) }),
+              /* @__PURE__ */ e("button", { onClick: I, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Zr, {}) }),
               /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
-                W[w.getMonth()],
+                K[w.getMonth()],
                 " ",
                 w.getFullYear()
               ] }),
-              /* @__PURE__ */ e("button", { onClick: O, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(qr, {}) })
+              /* @__PURE__ */ e("button", { onClick: O, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Qr, {}) })
             ] }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((y) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: y }, y)) }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: te.map((y, x) => {
@@ -2305,7 +2374,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
       )
     ] });
   }
-), ut = be(
+), ft = be(
   ({
     value: t,
     onValueChange: r,
@@ -2330,7 +2399,7 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
         l
       ),
       children: [
-        /* @__PURE__ */ e(Z, { icon: Oe, size: "md", color: "current", className: "shrink-0" }),
+        /* @__PURE__ */ e(Z, { icon: Pe, size: "md", color: "current", className: "shrink-0" }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -2369,8 +2438,8 @@ const Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
     }
   )
 );
-ut.displayName = "SearchField";
-const Ur = ({
+ft.displayName = "SearchField";
+const en = ({
   trigger: t,
   options: r,
   value: n,
@@ -2381,7 +2450,7 @@ const Ur = ({
   showCheck: u = !0,
   header: i
 }) => {
-  const [p, m] = B(!1), [f, g] = B(null), [b, w] = B({ top: 0, left: 0 }), v = se(null), h = se(null), C = se(null), k = se(null), P = Te(p, h, { placement: a }), D = se(null), Y = () => Array.from(
+  const [p, m] = B(!1), [f, g] = B(null), [b, w] = B({ top: 0, left: 0 }), v = se(null), h = se(null), C = se(null), k = se(null), P = Me(p, h, { placement: a }), D = se(null), Y = () => Array.from(
     k.current?.querySelectorAll(
       "button[data-option-value]:not(:disabled)"
     ) ?? []
@@ -2442,7 +2511,7 @@ const Ur = ({
   }, te = d(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
-  ), W = d(
+  ), K = d(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
     "max-h-60 overflow-auto"
   );
@@ -2509,7 +2578,7 @@ const Ur = ({
                           ] })
                         ] }),
                         /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
-                          u && n === y.value && /* @__PURE__ */ e(We, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
+                          u && n === y.value && /* @__PURE__ */ e(Je, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
                           E && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
                         ] })
                       ]
@@ -2519,7 +2588,7 @@ const Ur = ({
                     "div",
                     {
                       ref: C,
-                      className: W,
+                      className: K,
                       style: {
                         top: `${b.top}px`,
                         left: `${b.left}px`
@@ -2562,7 +2631,7 @@ const Ur = ({
                                 ] })
                               ] }),
                               u && z && /* @__PURE__ */ e(
-                                We,
+                                Je,
                                 {
                                   className: "size-icon-md shrink-0 text-success-fg",
                                   "aria-hidden": !0
@@ -2594,29 +2663,29 @@ const Ur = ({
       ]
     }
   );
-}, Hs = (t) => (r) => t(r instanceof Date ? r : null), qs = (t) => (r) => t(typeof r == "string" ? r : ""), Us = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Vr = {
+}, Zs = (t) => (r) => t(r instanceof Date ? r : null), Qs = (t) => (r) => t(typeof r == "string" ? r : ""), ea = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), tn = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
   lg: "px-5"
-}, Kr = {
+}, rn = {
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, Wr = 8, Xe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
-function Gr(t, r) {
+}, nn = 8, Qe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+function sn(t, r) {
   if (r <= 7) return Array.from({ length: r }, (l, o) => o);
   const s = [.../* @__PURE__ */ new Set([0, r - 1, t - 1, t, t + 1])].filter((l) => l >= 0 && l < r).sort((l, o) => l - o), a = [];
   return s.forEach((l, o) => {
     o > 0 && l - s[o - 1] > 1 && a.push("gap"), a.push(l);
   }), a;
 }
-const Jr = (t) => {
+const an = (t) => {
   const r = Array.isArray(t.value) ? t.value : t.value != null && t.value !== "" && t.value !== "all" ? [t.value] : [];
   if (t.type === "date") {
     const o = t.value instanceof Date;
     return /* @__PURE__ */ e(
-      He,
+      qe,
       {
         value: t.value,
         onChange: (u) => t.onChange(u),
@@ -2633,7 +2702,7 @@ const Jr = (t) => {
     );
   }, l = r.length > 0;
   return /* @__PURE__ */ e(
-    sr,
+    lr,
     {
       tone: "outline",
       caret: !0,
@@ -2663,7 +2732,7 @@ const Jr = (t) => {
       )) })
     }
   );
-}, Ze = ({
+}, et = ({
   data: t,
   columns: r,
   loading: n = !1,
@@ -2683,7 +2752,7 @@ const Jr = (t) => {
   selectable: h = !1,
   selectedRows: C = [],
   onSelectionChange: k,
-  getRowKey: P = (te, W) => W,
+  getRowKey: P = (te, K) => K,
   emptyContent: D,
   footerSummary: Y,
   size: F = "md",
@@ -2693,7 +2762,7 @@ const Jr = (t) => {
   rowClassName: H,
   headerBackground: U = !0
 }) => {
-  const [te, W] = B(""), y = l !== void 0, x = y ? l : te, E = o ?? W, [$, T] = B({
+  const [te, K] = B(""), y = l !== void 0, x = y ? l : te, E = o ?? K, [$, T] = B({
     column: null,
     direction: null
   }), [L, z] = B({
@@ -2717,7 +2786,7 @@ const Jr = (t) => {
       let V = 0;
       return ue < ee ? V = -1 : ue > ee && (V = 1), $.direction === "desc" ? -V : V;
     }) : ie;
-  }, [ie, $, r]), K = ge(() => {
+  }, [ie, $, r]), W = ge(() => {
     if (!g || m) return G;
     const A = L.page * L.pageSize, J = A + L.pageSize;
     return G.slice(A, J);
@@ -2737,23 +2806,23 @@ const Jr = (t) => {
     [C, k, P]
   ), X = de(
     (A) => {
-      k && k(A ? [...K] : []);
+      k && k(A ? [...W] : []);
     },
-    [K, k]
+    [W, k]
   );
   Q(() => {
     z((A) => ({ ...A, page: 0 }));
   }, []), Q(() => {
     z((A) => ({ ...A, page: 0 }));
   }, []);
-  const q = G.length, N = Math.ceil(q / L.pageSize), R = L.page * L.pageSize + 1, re = Math.min(R + L.pageSize - 1, q), oe = K.length > 0 && K.every((A) => {
+  const q = G.length, N = Math.ceil(q / L.pageSize), R = L.page * L.pageSize + 1, re = Math.min(R + L.pageSize - 1, q), oe = W.length > 0 && W.every((A) => {
     const J = P(A, 0);
     return C.some((ne, ue) => P(ne, ue) === J);
-  }), pe = K.some((A) => {
+  }), pe = W.some((A) => {
     const J = P(A, 0);
     return C.some((ne, ue) => P(ne, ue) === J);
-  }), ye = Vr[I], he = U ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), je = s || u.length > 0 || i.length > 0 || !!p, vt = ge(() => {
-    const A = K.map((ee, V) => ({ row: ee, index: V }));
+  }), ye = tn[I], he = U ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), Re = s || u.length > 0 || i.length > 0 || !!p, Nt = ge(() => {
+    const A = W.map((ee, V) => ({ row: ee, index: V }));
     if (!m) return [{ group: null, rows: A }];
     const J = /* @__PURE__ */ new Map();
     for (const ee of A) {
@@ -2765,11 +2834,11 @@ const Jr = (t) => {
       ...ne.filter((ee) => J.has(ee.id)),
       ...[...J.keys()].filter((ee) => !ne.some((V) => V.id === ee)).map((ee) => ({ id: ee }))
     ].map((ee) => ({ group: ee, rows: J.get(ee.id) ?? [] }));
-  }, [K, m, f]), yt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ke = g && q > 0, Nt = Ke || Y !== void 0;
+  }, [W, m, f]), wt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ge = g && q > 0, kt = Ge || Y !== void 0;
   return /* @__PURE__ */ c("div", { className: d("flex min-w-0 flex-col", O), children: [
-    je && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
+    Re && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
-        ut,
+        ft,
         {
           value: x,
           onValueChange: E,
@@ -2777,7 +2846,7 @@ const Jr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((A) => /* @__PURE__ */ e(Jr, { ...A }, A.id)),
+      u.map((A) => /* @__PURE__ */ e(an, { ...A }, A.id)),
       p,
       i.length > 0 && /* @__PURE__ */ e(ke, { actions: i, className: "ml-auto" })
     ] }),
@@ -2816,7 +2885,7 @@ const Jr = (t) => {
               A.sortable && /* @__PURE__ */ e(
                 Z,
                 {
-                  icon: $.column === A.id && $.direction === "desc" ? Ie : Lt,
+                  icon: $.column === A.id && $.direction === "desc" ? Oe : Ot,
                   size: "xs",
                   className: d(
                     "transition-opacity duration-fast ease-out",
@@ -2830,7 +2899,7 @@ const Jr = (t) => {
         )),
         w.length > 0 && /* @__PURE__ */ e("th", { className: d(xe, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Wr }).map((A, J) => /* @__PURE__ */ c(
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: nn }).map((A, J) => /* @__PURE__ */ c(
         "tr",
         {
           className: "animate-pulse border-t border-border-subtle",
@@ -2847,7 +2916,7 @@ const Jr = (t) => {
                   {
                     className: "block h-3 rounded-xs bg-surface-hover",
                     style: {
-                      width: Xe[(J + ue) % Xe.length]
+                      width: Qe[(J + ue) % Qe.length]
                     }
                   }
                 )
@@ -2858,7 +2927,7 @@ const Jr = (t) => {
           ]
         },
         `skeleton-${J}`
-      )) : K.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+      )) : W.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
         "td",
         {
           colSpan: r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0),
@@ -2868,12 +2937,12 @@ const Jr = (t) => {
           ),
           children: D || "No data available"
         }
-      ) }) : vt.flatMap((A) => [
+      ) }) : Nt.flatMap((A) => [
         ...A.group ? [
           /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
             "td",
             {
-              colSpan: yt,
+              colSpan: wt,
               className: d(
                 // A caption over its rows, not a second column strip:
                 // same surface as the rows, no rules, count on the right.
@@ -2895,7 +2964,7 @@ const Jr = (t) => {
             "tr",
             {
               className: d(
-                Kr[F],
+                rn[F],
                 // Hairline above every row, including the first: it is
                 // what separates the body from the column strip.
                 "border-t border-border-subtle",
@@ -2938,10 +3007,10 @@ const Jr = (t) => {
                   );
                 }),
                 w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
-                  Ur,
+                  en,
                   {
                     className: "rounded-md",
-                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Z, { icon: It, size: "md", color: "current" }) }),
+                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Z, { icon: Pt, size: "md", color: "current" }) }),
                     options: w.map((V) => ({
                       value: V.id,
                       label: V.label,
@@ -2949,7 +3018,7 @@ const Jr = (t) => {
                       disabled: V.disabled?.(J)
                     })),
                     onSelect: (V) => {
-                      const ve = w.find((wt) => wt.id === V);
+                      const ve = w.find((Ct) => Ct.id === V);
                       ve && ve.onClick(J, ne);
                     },
                     placement: "bottom-end"
@@ -2962,9 +3031,9 @@ const Jr = (t) => {
         })
       ]) })
     ] }) }),
-    Nt && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
+    kt && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
       /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: Y ?? `Showing ${R}–${re} of ${q}` }),
-      Ke && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
+      Ge && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           ae,
           {
@@ -2974,10 +3043,10 @@ const Jr = (t) => {
             "aria-label": "Previous page",
             onClick: () => S(L.page - 1),
             disabled: L.page === 0,
-            children: /* @__PURE__ */ e(Z, { icon: Ee, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(Z, { icon: Te, size: "md", color: "current" })
           }
         ),
-        Gr(L.page, N).map(
+        sn(L.page, N).map(
           (A, J) => A === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${J}`) : /* @__PURE__ */ e(
             "button",
             {
@@ -3004,13 +3073,13 @@ const Jr = (t) => {
             "aria-label": "Next page",
             onClick: () => S(L.page + 1),
             disabled: L.page >= N - 1,
-            children: /* @__PURE__ */ e(Z, { icon: Pe, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(Z, { icon: je, size: "md", color: "current" })
           }
         )
       ] })
     ] })
   ] });
-}, Yr = {
+}, ln = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3020,11 +3089,11 @@ const Jr = (t) => {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, Xr = {
+}, on = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, Zr = {
+}, cn = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3034,7 +3103,7 @@ const Jr = (t) => {
   info: "bg-info",
   note: "bg-note"
 };
-function Qr({
+function dn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3050,13 +3119,13 @@ function Qr({
     {
       className: d(
         "inline-flex items-center font-medium rounded-full",
-        Yr[t],
-        Xr[r],
+        ln[t],
+        on[r],
         o
       ),
       ...i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: d("w-2 h-2 rounded-full mr-1.5", Zr[t]) }),
+        n && /* @__PURE__ */ e("span", { className: d("w-2 h-2 rounded-full mr-1.5", cn[t]) }),
         s && /* @__PURE__ */ e("span", { className: d("flex-shrink-0", u && "mr-1"), children: s }),
         u,
         a && l && /* @__PURE__ */ e(
@@ -3072,7 +3141,7 @@ function Qr({
     }
   );
 }
-function en(t) {
+function un(t) {
   const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: u, sortable: i, align: p } = t;
   return {
     id: r,
@@ -3080,14 +3149,14 @@ function en(t) {
     accessor: (m) => a(s(m), m),
     cell: (m, f) => {
       const g = s(f);
-      return o && !o(g, f) ? null : /* @__PURE__ */ e(Qr, { variant: l ? l(g, f) : "default", size: "sm", children: a(g, f) });
+      return o && !o(g, f) ? null : /* @__PURE__ */ e(dn, { variant: l ? l(g, f) : "default", size: "sm", children: a(g, f) });
     },
     width: u,
     sortable: i,
     align: p
   };
 }
-function Vs(t) {
+function ta(t) {
   const {
     id: r,
     header: n,
@@ -3099,7 +3168,7 @@ function Vs(t) {
     width: i,
     sortable: p
   } = t;
-  return en({
+  return un({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -3109,7 +3178,7 @@ function Vs(t) {
     sortable: p
   });
 }
-function Ks(t) {
+function ra(t) {
   const {
     id: r,
     header: n,
@@ -3133,19 +3202,19 @@ function Ks(t) {
     sortable: p
   };
 }
-const tn = {
+const mn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, rn = {
+}, fn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, nn = {
+}, hn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -3156,12 +3225,12 @@ const tn = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, sn = {
+}, xn = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, an = {
+}, gn = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -3180,20 +3249,20 @@ const tn = {
   children: f,
   ...g
 }) => {
-  const b = p || ln(t), w = t === "caption", v = t === "label", h = t === "code", C = d(
+  const b = p || bn(t), w = t === "caption", v = t === "label", h = t === "code", C = d(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     w && "text-xs text-text-subtle",
     v && "text-xs font-semibold uppercase tracking-label text-text-subtle",
     h && "font-mono text-sm rounded-sm bg-surface-hover px-1 py-0.5",
     // Size — only where the variant does not pin it
-    !w && !v && !h && tn[r],
+    !w && !v && !h && mn[r],
     // Weight — label owns its weight
-    !v && rn[n],
-    nn[s],
-    sn[a],
+    !v && fn[n],
+    hn[s],
+    xn[a],
     // Line height only overrides the body variant
-    t === "body" && an[i],
+    t === "body" && gn[i],
     o && "italic",
     u && "underline",
     l && "truncate",
@@ -3201,7 +3270,7 @@ const tn = {
   );
   return /* @__PURE__ */ e(b, { className: C, ...g, children: f });
 };
-function ln(t) {
+function bn(t) {
   return {
     body: "p",
     caption: "span",
@@ -3209,13 +3278,13 @@ function ln(t) {
     code: "code"
   }[t] || "p";
 }
-function on(t, r) {
+function pn(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Ws = ({
+const na = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -3238,7 +3307,7 @@ const Ws = ({
     return g ? g.label : String(m || "-");
   }, u = de(
     (m) => {
-      const f = on(r, m.name);
+      const f = pn(r, m.name);
       if (m.type === "array") {
         const b = f;
         return !b || b.length === 0 ? /* @__PURE__ */ e(me, { variant: "body", size: "sm", className: "text-text-muted", children: "Geen items" }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: b.map((w, v) => /* @__PURE__ */ c("div", { className: "p-4 border border-border rounded-xl space-y-3", children: [
@@ -3381,7 +3450,7 @@ const Ws = ({
   );
   return /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(i) }) });
 };
-class Gs extends Et {
+class sa extends Mt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -3409,8 +3478,8 @@ class Gs extends Et {
     ] }) : this.props.children;
   }
 }
-const Fe = /* @__PURE__ */ new Map();
-function Js({
+const Be = /* @__PURE__ */ new Map();
+function aa({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -3421,13 +3490,13 @@ function Js({
 }) {
   const u = se(null), [i, p] = B(null), [, m] = B(0), f = se(null), g = se(r);
   g.current = r, Q(() => {
-    if (Fe.has(t)) return;
+    if (Be.has(t)) return;
     let C = !0;
     return (async () => {
       try {
         const P = await g.current();
         if (!C) return;
-        Fe.set(t, P), m((D) => D + 1);
+        Be.set(t, P), m((D) => D + 1);
       } catch (P) {
         console.error(`[FederatedResource] Load failed: ${t}`, P), C && p(t);
       }
@@ -3435,7 +3504,7 @@ function Js({
       C = !1;
     };
   }, [t]);
-  const b = Fe.get(t) ?? null, w = !b && i === t, v = !b && !w, h = b ? n === "react" && (b.component || b.default) || b : null;
+  const b = Be.get(t) ?? null, w = !b && i === t, v = !b && !w, h = b ? n === "react" && (b.component || b.default) || b : null;
   return Q(() => {
     if (!h || n === "react") return;
     const C = u.current;
@@ -3459,11 +3528,11 @@ function Js({
     n === "react" && h && /* @__PURE__ */ e(h, { ...l })
   ] });
 }
-const cn = {
+const vn = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Ys({
+function la({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3488,7 +3557,7 @@ function Ys({
           {
             className: d(
               "flex size-disc items-center justify-center rounded-full text-2xl",
-              cn[r]
+              vn[r]
             ),
             children: t
           }
@@ -3500,7 +3569,7 @@ function Ys({
     }
   );
 }
-function Xs({ children: t, className: r, ...n }) {
+function oa({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3513,14 +3582,14 @@ function Xs({ children: t, className: r, ...n }) {
     }
   );
 }
-const dn = {
+const yn = {
   sm: "h-1",
   md: "h-1.5"
-}, un = {
+}, Nn = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function Zs({
+function ca({
   value: t,
   variant: r = "accent",
   size: n = "md",
@@ -3537,7 +3606,7 @@ function Zs({
       "aria-valuemax": 100,
       className: d(
         "w-full overflow-hidden rounded-full bg-surface-hover",
-        dn[n],
+        yn[n],
         s
       ),
       ...a,
@@ -3546,7 +3615,7 @@ function Zs({
         {
           className: d(
             "h-full rounded-full transition-[width] duration-300 ease-out",
-            un[r]
+            Nn[r]
           ),
           style: { width: `${l}%` }
         }
@@ -3554,25 +3623,25 @@ function Zs({
     }
   );
 }
-const mn = {
+const wn = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
   md: "h-6 w-6",
   lg: "h-8 w-8",
   xl: "h-12 w-12"
-}, fn = {
+}, kn = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, hn = {
+}, Cn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function Qs({
+function ia({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3589,7 +3658,7 @@ function Qs({
         /* @__PURE__ */ c(
           "svg",
           {
-            className: d("animate-spin", mn[t], fn[r]),
+            className: d("animate-spin", wn[t], kn[r]),
             fill: "none",
             viewBox: "0 0 24 24",
             "aria-hidden": !s,
@@ -3617,13 +3686,13 @@ function Qs({
             ]
           }
         ),
-        s && /* @__PURE__ */ e("span", { className: d("text-text-muted", hn[t]), children: n }),
+        s && /* @__PURE__ */ e("span", { className: d("text-text-muted", Cn[t]), children: n }),
         !s && /* @__PURE__ */ e("span", { className: "sr-only", children: n })
       ]
     }
   );
 }
-const xn = {
+const Sn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3637,7 +3706,7 @@ const xn = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function ea({
+function da({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3653,14 +3722,14 @@ function ea({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        xn[t],
+        Sn[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function ta({
+function ua({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3700,7 +3769,7 @@ function ta({
     i < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-const gn = /* @__PURE__ */ new Set([
+const En = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3734,8 +3803,8 @@ const gn = /* @__PURE__ */ new Set([
   "new-password",
   "one-time-code"
 ]);
-function Qe(t) {
-  return t && gn.has(t) ? { autoComplete: t } : {
+function tt(t) {
+  return t && En.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -3747,12 +3816,12 @@ function Qe(t) {
     "data-form-type": "other"
   };
 }
-const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCase(), pn = {
+const _e = (t) => t == null ? "" : String(t), Tn = (t) => _e(t).trim().toLowerCase(), Mn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-sm"
-}, Ae = bn, $e = be(
+}, De = Tn, Ie = be(
   ({
     label: t,
     helperText: r,
@@ -3774,7 +3843,7 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
     onCreateOption: C,
     ...k
   }, P) => {
-    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, [F, _] = le.useState(!1), [I, O] = le.useState(""), H = le.useRef(null), U = le.useRef(null), te = Te(F, U, { matchWidth: !0 }), [W, y] = le.useState(o);
+    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, [F, _] = le.useState(!1), [I, O] = le.useState(""), H = le.useRef(null), U = le.useRef(null), te = Me(F, U, { matchWidth: !0 }), [K, y] = le.useState(o);
     le.useImperativeHandle(P, () => H.current), le.useEffect(() => {
       const j = (S) => {
         H.current && !H.current.contains(S.target) && _(!1);
@@ -3782,12 +3851,12 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
       return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
     }, []);
     const x = le.useCallback(
-      (j, S) => j.some((M) => Ae(M.value) === Ae(S) || Ae(M.label) === Ae(S)),
+      (j, S) => j.some((M) => De(M.value) === De(S) || De(M.label) === De(S)),
       []
     ), E = le.useCallback(
       (j, S) => {
         const M = [...j], X = (q) => {
-          const N = De(q).trim();
+          const N = _e(q).trim();
           N && (x(M, N) || M.push({ value: N, label: N }));
         };
         return Array.isArray(S) ? S.forEach(X) : X(S), M;
@@ -3803,7 +3872,7 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
       });
     }, [o, w, E, x]);
     const $ = le.useMemo(
-      () => Array.isArray(w) ? w.map(De) : w == null ? void 0 : De(w),
+      () => Array.isArray(w) ? w.map(_e) : w == null ? void 0 : _e(w),
       [w]
     ), T = (j) => {
       if (b) {
@@ -3811,21 +3880,21 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
         v?.(M);
       } else
         v?.(j), _(!1), O("");
-    }, L = b ? null : W.find((j) => j.value === $), z = b ? W.filter((j) => Array.isArray($) && $.includes(j.value)) : [], ce = g && I ? W.filter(
+    }, L = b ? null : K.find((j) => j.value === $), z = b ? K.filter((j) => Array.isArray($) && $.includes(j.value)) : [], ce = g && I ? K.filter(
       (j) => j.label.toLowerCase().includes(I.toLowerCase())
-    ) : W, ie = !!h && !!g && !!I.trim() && !x(W, I), G = (j) => {
+    ) : K, ie = !!h && !!g && !!I.trim() && !x(K, I), G = (j) => {
       const S = j.trim();
       if (!S) return;
       const M = C?.(S) ?? {
         value: S,
         label: S
       };
-      if (x(W, M.value) || x(W, M.label)) {
+      if (x(K, M.value) || x(K, M.label)) {
         T(M.value), O(""), b || _(!1);
         return;
       }
       y((X) => [...X, M]), T(M.value), O(""), b || _(!1);
-    }, K = () => b ? z.length > 0 ? z.map((j) => j.label).join(", ") : u || "Select options" : L?.label || u || "Select an option";
+    }, W = () => b ? z.length > 0 ? z.map((j) => j.label).join(", ") : u || "Select options" : L?.label || u || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
@@ -3860,14 +3929,14 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  pn[s],
+                  Mn[s],
                   Y ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   m
                 ),
                 children: [
-                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: K() }),
+                  /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: W() }),
                   /* @__PURE__ */ e(
-                    Ot,
+                    jt,
                     {
                       size: 16,
                       className: d(
@@ -3966,13 +4035,13 @@ const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCa
     );
   }
 );
-$e.displayName = "Select";
-const vn = {
+Ie.displayName = "Select";
+const zn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md px-3 text-base"
-}, mt = "mb-1.5 block text-sm font-medium", ft = "block w-full rounded-tile border bg-surface-input text-text transition-colors duration-fast ease-out placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled", ht = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ce = be(
+}, ht = "mb-1.5 block text-sm font-medium", xt = "block w-full rounded-tile border bg-surface-input text-text transition-colors duration-fast ease-out placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled", gt = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ce = be(
   ({
     label: t,
     helperText: r,
@@ -3995,7 +4064,7 @@ const vn = {
         {
           htmlFor: v,
           className: d(
-            mt,
+            ht,
             h ? "text-danger-fg" : "text-text-muted",
             p
           ),
@@ -4012,11 +4081,11 @@ const vn = {
             "aria-invalid": h || void 0,
             "aria-describedby": C,
             className: d(
-              ft,
-              vn[s],
+              xt,
+              zn[s],
               l && "pl-9",
               (o || u) && "pr-9",
-              ht(h),
+              gt(h),
               m
             ),
             ...g
@@ -4042,7 +4111,7 @@ const vn = {
   }
 );
 Ce.displayName = "TextField";
-function yn({
+function An({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -4065,7 +4134,7 @@ function yn({
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      $e,
+      Ie,
       {
         size: a,
         fullWidth: !0,
@@ -4087,7 +4156,7 @@ function yn({
     )
   ] });
 }
-const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
+const Dn = st(null), ma = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
   const [a, l] = B(t[0]?.id || ""), o = r || a, u = (i) => {
     n ? n(i) : l(i);
   };
@@ -4120,7 +4189,7 @@ const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className:
     },
     i.id
   )) }) });
-}, wn = ({
+}, _n = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -4177,7 +4246,7 @@ const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className:
       F
     );
   };
-  return /* @__PURE__ */ e(Nn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(Dn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: b, role: "tablist", children: t.map((v) => /* @__PURE__ */ e(
       "button",
       {
@@ -4206,14 +4275,14 @@ const Nn = rt(null), ra = ({ items: t, activeTab: r, onTabChange: n, className:
       }
     )
   ] }) });
-}, kn = {
+}, $n = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function xt({
+function bt({
   open: t,
   onClose: r,
   title: n,
@@ -4255,7 +4324,7 @@ function xt({
           className: d(
             "relative w-full bg-surface rounded-lg shadow-modal",
             "focus:outline-none",
-            kn[s],
+            $n[s],
             o
           ),
           role: "dialog",
@@ -4283,7 +4352,7 @@ function xt({
     }
   ) : null;
 }
-const Cn = ({
+const Ln = ({
   value: t,
   onChange: r,
   label: n,
@@ -4299,7 +4368,7 @@ const Cn = ({
 }) => {
   const [g, b] = B(!1), [w, v] = B([]), [h, C] = B(null), [k, P] = B("/"), [D, Y] = B([]), [F, _] = B(!1), [I, O] = B(""), [H, U] = B(
     typeof t == "object" ? t : null
-  ), [te, W] = B(!1), [y, x] = B(""), E = se(null), $ = de(async () => {
+  ), [te, K] = B(!1), [y, x] = B(""), E = se(null), $ = de(async () => {
     _(!0);
     try {
       const N = await i?.();
@@ -4390,7 +4459,7 @@ const Cn = ({
           mountId: h.id,
           providerKey: N,
           ownerId: "me"
-        }), await T()), W(!1), x("");
+        }), await T()), K(!1), x("");
       } catch (N) {
         console.error("Failed to create folder", N);
       } finally {
@@ -4409,7 +4478,7 @@ const Cn = ({
     }
   }, G = (N) => {
     N.stopPropagation(), U(null), r(null);
-  }, K = ge(() => {
+  }, W = ge(() => {
     const N = /* @__PURE__ */ new Set(), R = [];
     return D.forEach((re) => {
       if (re.type === "folder") {
@@ -4428,18 +4497,18 @@ const Cn = ({
     const N = k.split("/").filter((R) => R !== "");
     N.pop(), N.length === 0 ? P("/") : P(`${N.join("/")}/`);
   }, M = ge(() => {
-    const N = K.folders.map((R) => ({
+    const N = W.folders.map((R) => ({
       id: `folder-${R}`,
       name: R,
       type: "folder"
     }));
-    return K.files.forEach((R) => {
+    return W.files.forEach((R) => {
       N.push({
         ...R,
         type: "file"
       });
     }), N;
-  }, [K]), X = [
+  }, [W]), X = [
     {
       id: "name",
       header: "Name",
@@ -4448,7 +4517,7 @@ const Cn = ({
         /* @__PURE__ */ e(
           Z,
           {
-            icon: R.type === "folder" ? Je : Re,
+            icon: R.type === "folder" ? Xe : Fe,
             size: "sm",
             color: R.type === "folder" ? "warning" : "secondary"
           }
@@ -4489,7 +4558,7 @@ const Cn = ({
       header: "Mount Name",
       accessor: "name",
       cell: (N) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(Z, { icon: Ge, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e(Z, { icon: Ye, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: N })
       ] })
     },
@@ -4517,7 +4586,7 @@ const Cn = ({
           /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(
             Z,
             {
-              icon: H ? Re : Ge,
+              icon: H ? Fe : Ye,
               color: H ? "primary" : "secondary"
             }
           ) }),
@@ -4528,23 +4597,23 @@ const Cn = ({
     ),
     a && /* @__PURE__ */ e(me, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      xt,
+      bt,
       {
         open: g,
         onClose: () => {
-          b(!1), C(null), P("/"), W(!1);
+          b(!1), C(null), P("/"), K(!1);
         },
         title: h ? `Explorer: ${h.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          wn,
+          _n,
           {
             variant: "pills",
             items: [
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Le, { children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Ee, { children: [
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       ae,
@@ -4553,7 +4622,7 @@ const Cn = ({
                         onClick: () => {
                           k && k !== "/" ? S() : C(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(Z, { icon: Pt, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(Z, { icon: Rt, size: "xs" }),
                         children: k ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -4564,7 +4633,7 @@ const Cn = ({
                         placeholder: "Search...",
                         value: I,
                         onChange: (N) => O(N.target.value),
-                        startIcon: /* @__PURE__ */ e(Oe, { size: 14 }),
+                        startIcon: /* @__PURE__ */ e(Pe, { size: 14 }),
                         fullWidth: !0
                       }
                     ) }),
@@ -4573,8 +4642,8 @@ const Cn = ({
                         ae,
                         {
                           variant: "outline",
-                          onClick: () => W(!0),
-                          leftIcon: /* @__PURE__ */ e(Z, { icon: jt, size: "xs" }),
+                          onClick: () => K(!0),
+                          leftIcon: /* @__PURE__ */ e(Z, { icon: Ft, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -4583,7 +4652,7 @@ const Cn = ({
                         {
                           variant: "primary",
                           onClick: () => E.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(Z, { icon: Rt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Z, { icon: Bt, size: "xs" }),
                           loading: F,
                           children: "Upload"
                         }
@@ -4601,7 +4670,7 @@ const Cn = ({
                     ] })
                   ] }),
                   te && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(Z, { icon: Je, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(Z, { icon: Xe, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ce,
                       {
@@ -4612,10 +4681,10 @@ const Cn = ({
                       }
                     ),
                     /* @__PURE__ */ e(ae, { onClick: ce, loading: F, children: "Create" }),
-                    /* @__PURE__ */ e(ae, { variant: "ghost", onClick: () => W(!1), children: "Cancel" })
+                    /* @__PURE__ */ e(ae, { variant: "ghost", onClick: () => K(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                    Ze,
+                    et,
                     {
                       data: M,
                       columns: X,
@@ -4625,7 +4694,7 @@ const Cn = ({
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                  Ze,
+                  et,
                   {
                     data: w,
                     columns: q,
@@ -4639,7 +4708,7 @@ const Cn = ({
                 id: "local",
                 label: "Local File",
                 content: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center py-12 border-2 border-dashed border-border rounded-xl bg-surface-sunk/50", children: [
-                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(Z, { icon: Re, size: "xl", color: "primary" }) }),
+                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(Z, { icon: Fe, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(me, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ c(
                     me,
@@ -4684,12 +4753,12 @@ const Cn = ({
       }
     )
   ] });
-}, Sn = {
+}, In = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
   full: "px-3 py-2 text-md"
-}, qe = be(
+}, Ue = be(
   ({
     label: t,
     helperText: r,
@@ -4711,7 +4780,7 @@ const Cn = ({
         {
           htmlFor: w,
           className: d(
-            mt,
+            ht,
             v ? "text-danger-fg" : "text-text-muted",
             u
           ),
@@ -4728,10 +4797,10 @@ const Cn = ({
             "aria-invalid": v || void 0,
             "aria-describedby": h,
             className: d(
-              ft,
+              xt,
               "resize-y leading-relaxed",
-              Sn[s],
-              ht(v),
+              In[s],
+              gt(v),
               i
             ),
             ...f
@@ -4756,14 +4825,14 @@ const Cn = ({
     ] });
   }
 );
-qe.displayName = "TextArea";
-function et(t, r) {
+Ue.displayName = "TextArea";
+function rt(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-function En(t, r, n) {
+function On(t, r, n) {
   const s = r.split("."), a = Array.isArray(t) ? [...t] : { ...t };
   let l = a;
   for (let o = 0; o < s.length - 1; o++) {
@@ -4772,7 +4841,7 @@ function En(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Tn(t, r) {
+function Pn(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -4782,7 +4851,7 @@ function Tn(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function Mn({
+function jn({
   title: t,
   description: r,
   className: n,
@@ -4796,7 +4865,7 @@ function Mn({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const na = ({
+const fa = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -4837,13 +4906,13 @@ const na = ({
           let z = !1;
           if (E.forEach((ce, ie) => {
             const G = {};
-            for (const K of T.arrayFields) {
-              const j = ce?.[K.name];
-              if (K.required && (j == null || j === ""))
-                G[K.name] = `${K.label} is required`, z = !0;
-              else if (K.validator) {
-                const S = K.validator(j, ce);
-                S && (G[K.name] = S, z = !0);
+            for (const W of T.arrayFields) {
+              const j = ce?.[W.name];
+              if (W.required && (j == null || j === ""))
+                G[W.name] = `${W.label} is required`, z = !0;
+              else if (W.validator) {
+                const S = W.validator(j, ce);
+                S && (G[W.name] = S, z = !0);
               }
             }
             L[ie] = G;
@@ -4856,8 +4925,8 @@ const na = ({
     [t]
   ), O = de(
     (x, E) => {
-      let $ = En(h, x, E);
-      t.flatMap((z) => z.items).find((z) => z.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Tn($, x)), C($), _((z) => ({ ...z, [x]: !0 }));
+      let $ = On(h, x, E);
+      t.flatMap((z) => z.items).find((z) => z.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Pn($, x)), C($), _((z) => ({ ...z, [x]: !0 }));
       const L = I(x, E, $);
       Y((z) => ({
         ...z,
@@ -4874,7 +4943,7 @@ const na = ({
           continue;
         const z = I(
           L.name,
-          et(h, L.name),
+          rt(h, L.name),
           h
         );
         z && (E[L.name] = z);
@@ -4891,7 +4960,7 @@ const na = ({
     [h, t, I, o, l, n, g]
   ), U = de(
     (x) => {
-      const E = et(h, x.name), $ = F[x.name] ? D[x.name] : void 0, T = x.disabled || g, L = {
+      const E = rt(h, x.name), $ = F[x.name] ? D[x.name] : void 0, T = x.disabled || g, L = {
         // Ties the field to the `<label>` the group wrapper renders; without it
         // labels are unassociated — screen readers announce nothing, clicking a
         // label focuses nothing, and tests cannot find a field by its label.
@@ -4916,14 +4985,14 @@ const na = ({
               ...L,
               onChange: (z) => O(x.name, z.target.value),
               type: x.textType || x.type,
-              ...Qe(x.autocomplete),
+              ...tt(x.autocomplete),
               error: $,
               size: f
             }
           );
         case "textarea":
           return /* @__PURE__ */ e(
-            qe,
+            Ue,
             {
               ...L,
               onChange: (z) => O(x.name, z.target.value),
@@ -4934,7 +5003,7 @@ const na = ({
           );
         case "select":
           return /* @__PURE__ */ e(
-            $e,
+            Ie,
             {
               ...L,
               onChange: (z) => O(x.name, z),
@@ -4954,7 +5023,7 @@ const na = ({
         // open to learn what the choices even are.
         case "segmented":
           return /* @__PURE__ */ e(
-            ir,
+            ur,
             {
               "aria-label": x.label,
               value: E == null ? "" : String(E),
@@ -5003,7 +5072,7 @@ const na = ({
           )) });
         case "date":
           return /* @__PURE__ */ e(
-            He,
+            qe,
             {
               ...L,
               value: E ? new Date(E) : null,
@@ -5013,7 +5082,7 @@ const na = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            Cn,
+            Ln,
             {
               ...L,
               value: E,
@@ -5046,7 +5115,7 @@ const na = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            yn,
+            An,
             {
               value: E || {},
               onChange: (z) => O(x.name, z),
@@ -5081,7 +5150,7 @@ const na = ({
               x.name,
               z.filter((S, M) => M !== j)
             );
-          }, K = (j, S, M) => {
+          }, W = (j, S, M) => {
             const X = [...z];
             X[j] = {
               ...X[j],
@@ -5116,23 +5185,23 @@ const na = ({
                           Ce,
                           {
                             ...q,
-                            onChange: (N) => K(
+                            onChange: (N) => W(
                               S,
                               M.name,
                               N.target.value
                             ),
                             type: M.textType || M.type,
-                            ...Qe(M.autocomplete),
+                            ...tt(M.autocomplete),
                             error: X,
                             size: f
                           }
                         );
                       case "textarea":
                         return /* @__PURE__ */ e(
-                          qe,
+                          Ue,
                           {
                             ...q,
-                            onChange: (N) => K(
+                            onChange: (N) => W(
                               S,
                               M.name,
                               N.target.value
@@ -5144,10 +5213,10 @@ const na = ({
                         );
                       case "select":
                         return /* @__PURE__ */ e(
-                          $e,
+                          Ie,
                           {
                             ...q,
-                            onChange: (N) => K(S, M.name, N),
+                            onChange: (N) => W(S, M.name, N),
                             options: (M.options || []).map((N) => ({
                               ...N,
                               value: String(N.value)
@@ -5165,7 +5234,7 @@ const na = ({
                           {
                             ...q,
                             checked: !!j?.[M.name],
-                            onChange: (N) => K(
+                            onChange: (N) => W(
                               S,
                               M.name,
                               N.target.checked
@@ -5186,7 +5255,7 @@ const na = ({
                                   name: `${x.name}.${S}.${M.name}`,
                                   value: N.value,
                                   checked: j?.[M.name] === N.value,
-                                  onChange: () => K(
+                                  onChange: () => W(
                                     S,
                                     M.name,
                                     N.value
@@ -5203,11 +5272,11 @@ const na = ({
                       case "date": {
                         const N = j?.[M.name];
                         return /* @__PURE__ */ e(
-                          He,
+                          qe,
                           {
                             ...q,
                             value: N ? new Date(N) : null,
-                            onChange: (R) => K(S, M.name, R),
+                            onChange: (R) => W(S, M.name, R),
                             size: f
                           }
                         );
@@ -5215,7 +5284,7 @@ const na = ({
                       case "custom":
                         return M.customComponent?.({
                           value: j?.[M.name],
-                          onChange: (N) => K(S, M.name, N),
+                          onChange: (N) => W(S, M.name, N),
                           error: X,
                           disabled: T
                         });
@@ -5240,7 +5309,7 @@ const na = ({
                   onClick: () => G(S),
                   disabled: T,
                   className: d("shrink-0", S === 0 && "mt-5"),
-                  children: /* @__PURE__ */ e(Ft, { className: "size-icon-md" })
+                  children: /* @__PURE__ */ e(Ht, { className: "size-icon-md" })
                 }
               )
             ] }, S)),
@@ -5249,7 +5318,7 @@ const na = ({
               {
                 type: "button",
                 variant: "secondary",
-                leftIcon: /* @__PURE__ */ e(Bt, { className: "size-icon-sm" }),
+                leftIcon: /* @__PURE__ */ e(qt, { className: "size-icon-sm" }),
                 onClick: ie,
                 disabled: T,
                 children: [
@@ -5286,7 +5355,7 @@ const na = ({
         // form *is* the page now, so a panel around each section would be a
         // second surface on top of the one it already sits on.
         /* @__PURE__ */ e(
-          Mn,
+          jn,
           {
             title: x.title,
             description: x.description,
@@ -5329,7 +5398,7 @@ const na = ({
       );
     },
     [h, F, D, U, P]
-  ), W = d(
+  ), K = d(
     {
       "max-w-settings": f === "sm",
       "max-w-form": f === "md",
@@ -5338,7 +5407,7 @@ const na = ({
     },
     b
   ), y = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: w, onSubmit: H, className: W, children: [
+  return /* @__PURE__ */ c("form", { ref: w, onSubmit: H, className: K, children: [
     !p && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(te) }),
     p && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: [
@@ -5370,7 +5439,7 @@ const na = ({
     ] })
   ] });
 };
-function sa({
+function ha({
   label: t,
   value: r,
   onChange: n,
@@ -5387,8 +5456,8 @@ function sa({
   const g = se(null), [b, w] = B(null), v = async (h) => {
     if (!h) return;
     w(null);
-    const C = await An(h, s);
-    if (a && zn(C) > a) {
+    const C = await Fn(h, s);
+    if (a && Rn(C) > a) {
       w(f);
       return;
     }
@@ -5447,11 +5516,11 @@ function sa({
     )
   ] });
 }
-function zn(t) {
+function Rn(t) {
   const r = t.slice(t.indexOf(",") + 1), n = r.endsWith("==") ? 2 : r.endsWith("=") ? 1 : 0;
   return Math.floor(r.length * 3 / 4) - n;
 }
-function An(t, r) {
+function Fn(t, r) {
   return new Promise((n, s) => {
     const a = new FileReader();
     a.onload = () => {
@@ -5469,28 +5538,28 @@ function An(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-function Dn(t) {
+function Bn(t) {
   const r = [];
-  return t.querySelectorAll(`[${_e}]`).forEach((n) => {
-    const s = n.getAttribute(_e);
+  return t.querySelectorAll(`[${$e}]`).forEach((n) => {
+    const s = n.getAttribute($e);
     s && r.push(s);
-  }), { text: t.innerText ?? "", mentions: r, html: gt(t.innerHTML) };
+  }), { text: t.innerText ?? "", mentions: r, html: pt(t.innerHTML) };
 }
-function _n(t) {
-  return Ue.sanitize(t.replace(/\n/g, "<br>"));
+function Hn(t) {
+  return Ve.sanitize(t.replace(/\n/g, "<br>"));
 }
-function gt(t) {
-  return Ue.sanitize(t, { ADD_ATTR: [_e, "contenteditable"] });
+function pt(t) {
+  return Ve.sanitize(t, { ADD_ATTR: [$e, "contenteditable"] });
 }
-const $n = be(
+const qn = be(
   ({ initialContent: t, onChange: r, people: n, placeholder: s, onSubmit: a, autoFocus: l, className: o }, u) => {
     const i = se(null), [p, m] = B(null), [f, g] = B(null), [b, w] = B(0), v = ge(() => ({ current: f }), [f]), h = ge(() => {
       if (p === null) return [];
       const _ = p.toLowerCase();
       return n.filter((I) => I.name.toLowerCase().includes(_)).slice(0, 8);
-    }, [n, p]), C = Te(h.length > 0, v, { gap: 4 }), k = de(() => {
+    }, [n, p]), C = Me(h.length > 0, v, { gap: 4 }), k = de(() => {
       if (!i.current) return;
-      const { text: _, mentions: I, html: O } = Dn(i.current);
+      const { text: _, mentions: I, html: O } = Bn(i.current);
       r(_, I, O);
     }, [r]), P = de(() => {
       m(null), g(null), w(0);
@@ -5505,11 +5574,11 @@ const $n = be(
           H.deleteContents();
           const U = document.createDocumentFragment(), te = _.split(`
 `);
-          te.forEach((W, y) => {
-            U.appendChild(document.createTextNode(W)), y < te.length - 1 && U.appendChild(document.createElement("br"));
+          te.forEach((K, y) => {
+            U.appendChild(document.createTextNode(K)), y < te.length - 1 && U.appendChild(document.createElement("br"));
           }), H.insertNode(U), H.collapse(!1), O.removeAllRanges(), O.addRange(H);
         } else
-          I.innerHTML += _n(_);
+          I.innerHTML += Hn(_);
         k();
       },
       clear: () => {
@@ -5517,7 +5586,7 @@ const $n = be(
       },
       focus: () => i.current?.focus()
     })), Q(() => {
-      !i.current || !t || (i.current.innerHTML = gt(t), k());
+      !i.current || !t || (i.current.innerHTML = pt(t), k());
     }, [t, k]), Q(() => {
       l && (window.matchMedia?.("(max-width: 767px)").matches || i.current?.focus());
     }, [l]);
@@ -5532,8 +5601,8 @@ const $n = be(
         m(null), g(null);
         return;
       }
-      const W = document.createRange();
-      W.setStart(H, te), W.setEnd(H, O.startOffset), m(U.slice(te + 1)), g(W), w(0);
+      const K = document.createRange();
+      K.setStart(H, te), K.setEnd(H, O.startOffset), m(U.slice(te + 1)), g(K), w(0);
     }, []), Y = de(
       (_) => {
         if (!i.current || !f) return;
@@ -5577,8 +5646,8 @@ const $n = be(
         if (!I || I.rangeCount === 0) return;
         const O = I.getRangeAt(0);
         if (!O.collapsed) return;
-        const H = O.startContainer, U = O.startOffset, te = (y) => H.nodeType === Node.TEXT_NODE ? y === "prev" ? H.previousSibling : H.nextSibling : H.childNodes[y === "prev" ? U - 1 : U], W = _.key === "Backspace" ? te("prev") : _.key === "Delete" ? te("next") : null;
-        W instanceof HTMLElement && W.hasAttribute("data-mention-id") && (_.preventDefault(), W.remove(), k());
+        const H = O.startContainer, U = O.startOffset, te = (y) => H.nodeType === Node.TEXT_NODE ? y === "prev" ? H.previousSibling : H.nextSibling : H.childNodes[y === "prev" ? U - 1 : U], K = _.key === "Backspace" ? te("prev") : _.key === "Delete" ? te("next") : null;
+        K instanceof HTMLElement && K.hasAttribute("data-mention-id") && (_.preventDefault(), K.remove(), k());
       },
       [h, b, Y, P, k, a]
     );
@@ -5595,7 +5664,7 @@ const $n = be(
           className: d(
             "block w-full min-h-16 rounded-lg p-3 text-sm",
             "border-border text-text focus:outline-none",
-            lt,
+            We,
             "empty:before:content-[attr(data-placeholder)] empty:before:text-text-subtle",
             o
           ),
@@ -5631,25 +5700,25 @@ const $n = be(
     ] });
   }
 );
-$n.displayName = "MentionComposer";
-const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(Oe, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), In = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), On = {
+qn.displayName = "MentionComposer";
+const Ne = (...t) => t.filter(Boolean).join(" "), Un = (t) => /* @__PURE__ */ e(Pe, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Vn = (t) => /* @__PURE__ */ e(Oe, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Wn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-base"
-}, Be = {
+}, He = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, Pn = be(
+}, Kn = be(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(Ln, {}),
+    startIcon: l = /* @__PURE__ */ e(Un, {}),
     loading: o = !1,
     containerClassName: u,
     labelClassName: i,
@@ -5664,7 +5733,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
     onChange: C,
     ...k
   }, P) => {
-    const D = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, F = se(null), _ = se(null), [I, O] = B(h || ""), [H, U] = B(!1), [te, W] = B(!1), [y, x] = B(!1);
+    const D = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, F = se(null), _ = se(null), [I, O] = B(h || ""), [H, U] = B(!1), [te, K] = B(!1), [y, x] = B(!1);
     Q(() => {
       h !== void 0 && O(h);
     }, [h]);
@@ -5672,36 +5741,36 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
       if (v && !y || !I) return f;
       const G = String(I).toLowerCase();
       return f.filter(
-        (K) => String(K.label).toLowerCase().includes(G)
+        (W) => String(W.label).toLowerCase().includes(G)
       );
     }, [I, f, v, y]);
     Q(() => {
       if (!g || !I) {
-        W(!1);
+        K(!1);
         return;
       }
       const G = setTimeout(async () => {
-        W(!0);
+        K(!0);
         try {
           await g(String(I));
-        } catch (K) {
-          console.error("Remote search failed:", K);
+        } catch (W) {
+          console.error("Remote search failed:", W);
         } finally {
-          W(!1);
+          K(!1);
         }
       }, w);
       return () => {
-        clearTimeout(G), W(!1);
+        clearTimeout(G), K(!1);
       };
     }, [I, w, g]), Q(() => {
-      const G = (K) => {
-        F.current && !F.current.contains(K.target) && U(!1);
+      const G = (W) => {
+        F.current && !F.current.contains(W.target) && U(!1);
       };
       return document.addEventListener("mousedown", G), () => document.removeEventListener("mousedown", G);
     }, []);
     const $ = (G) => {
-      const K = G.target.value;
-      O(K), U(!0), x(!0), C && C(G);
+      const W = G.target.value;
+      O(W), U(!0), x(!0), C && C(G);
     }, T = (G) => {
       O(G.label), U(!1), x(!1), b && b(G.value);
     }, L = () => {
@@ -5731,7 +5800,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
             }
           ),
           /* @__PURE__ */ c("div", { className: "relative", children: [
-            l && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: Ne("text-text-muted", Be[s]), children: l }) }),
+            l && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: Ne("text-text-muted", He[s]), children: l }) }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -5746,7 +5815,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
                   "placeholder:text-text-subtle focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   // Size styles
-                  On[s],
+                  Wn[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -5760,15 +5829,15 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
             ),
             /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: z || o ? (
               // Loading Spinner
-              /* @__PURE__ */ e(Ht, { className: Ne("animate-spin text-info-fg", Be[s]), "aria-hidden": !0 })
+              /* @__PURE__ */ e(Ut, { className: Ne("animate-spin text-info-fg", He[s]), "aria-hidden": !0 })
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                In,
+                Vn,
                 {
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
-                    Be[s],
+                    He[s],
                     H ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
@@ -5798,8 +5867,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(
     );
   }
 );
-Pn.displayName = "SearchableTextField";
-const jn = be(
+Kn.displayName = "SearchableTextField";
+const Gn = be(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -5852,25 +5921,25 @@ const jn = be(
     );
   }
 );
-jn.displayName = "Switch";
-const Rn = [
+Gn.displayName = "Switch";
+const Jn = [
   { upTo: 1, cols: "grid-cols-1" },
   { upTo: 2, cols: "grid-cols-1 @[22rem]:grid-cols-2" },
   { upTo: 4, cols: "grid-cols-1 @[18rem]:grid-cols-2" },
   { upTo: 9, cols: "grid-cols-2 @[26rem]:grid-cols-3" }
-], Fn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
-function Bn(t) {
-  return Rn.find((r) => t <= r.upTo)?.cols ?? Fn;
+], Yn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
+function Xn(t) {
+  return Jn.find((r) => t <= r.upTo)?.cols ?? Yn;
 }
-function Hn(t, r) {
+function Zn(t, r) {
   const n = r ?? t;
   if (t <= n) return { shown: t, hidden: 0 };
   const s = Math.max(0, n - 1);
   return { shown: s, hidden: t - s };
 }
-function aa({ tiles: t, pinned: r, maxStrip: n, className: s }) {
+function xa({ tiles: t, pinned: r, maxStrip: n, className: s }) {
   if (r) {
-    const { shown: a, hidden: l } = Hn(t.length, n), o = t.slice(0, a);
+    const { shown: a, hidden: l } = Zn(t.length, n), o = t.slice(0, a);
     return /* @__PURE__ */ c("div", { className: d("@container flex h-full min-h-0 flex-col gap-2", s), children: [
       /* @__PURE__ */ e("div", { className: "min-h-0 flex-1", children: r }),
       t.length > 0 && // Fixed height as a share of the pane, with a floor so the strip
@@ -5889,14 +5958,14 @@ function aa({ tiles: t, pinned: r, maxStrip: n, className: s }) {
     {
       className: d(
         "@container grid h-full min-h-0 auto-rows-fr gap-2",
-        Bn(t.length),
+        Xn(t.length),
         s
       ),
       children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-h-0 min-w-0", children: a }, l))
     }
   );
 }
-function la({
+function ga({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -5923,16 +5992,16 @@ function la({
             alt: t,
             className: "aspect-square w-[38%] max-w-16 min-w-6 rounded-full object-cover"
           }
-        ) : /* @__PURE__ */ e("div", { className: "flex aspect-square w-[38%] max-w-16 min-w-6 items-center justify-center rounded-full bg-video-surface-strong", children: a ? /* @__PURE__ */ e(qt, { className: "w-1/2 h-1/2" }) : /* @__PURE__ */ e(Ut, { className: "w-1/2 h-1/2" }) }) }),
+        ) : /* @__PURE__ */ e("div", { className: "flex aspect-square w-[38%] max-w-16 min-w-6 items-center justify-center rounded-full bg-video-surface-strong", children: a ? /* @__PURE__ */ e(Vt, { className: "w-1/2 h-1/2" }) : /* @__PURE__ */ e(Wt, { className: "w-1/2 h-1/2" }) }) }),
         /* @__PURE__ */ c("div", { className: "absolute inset-x-2 bottom-2 flex w-fit max-w-[calc(100%-1rem)] items-center gap-1.5 rounded bg-video-overlay px-1.5 py-1 text-xs text-white", children: [
-          n ? /* @__PURE__ */ e(Vt, { className: "size-3 shrink-0" }) : /* @__PURE__ */ e(Kt, { className: "size-3 shrink-0" }),
+          n ? /* @__PURE__ */ e(Kt, { className: "size-3 shrink-0" }) : /* @__PURE__ */ e(Gt, { className: "size-3 shrink-0" }),
           /* @__PURE__ */ e("span", { className: "hidden truncate @[9rem]:inline", children: t })
         ] })
       ]
     }
   );
 }
-function oa({
+function ba({
   attach: t,
   active: r = !0,
   mirrored: n = !1,
@@ -5957,7 +6026,7 @@ function oa({
     }
   );
 }
-const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+const Qn = () => /* @__PURE__ */ e(Ke, { variant: "inline", shape: "menu" }), vt = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
   const a = !!(t.children && t.children.length > 0), l = r ? r(t.path) : !1;
   if (a)
     return /* @__PURE__ */ c("li", { children: [
@@ -5974,7 +6043,7 @@ const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
         }
       ),
       /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((i, p) => /* @__PURE__ */ e(
-        bt,
+        vt,
         {
           item: i,
           isSelectedHandler: r,
@@ -6064,7 +6133,7 @@ const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
       ]
     }
   ) });
-}, ca = ({
+}, pa = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -6072,12 +6141,12 @@ const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
   loading: a = !1
 }) => a ? /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
-  /* @__PURE__ */ e(qn, {})
+  /* @__PURE__ */ e(Qn, {})
 ] }) : /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
   /* @__PURE__ */ e("ul", { className: "flex min-h-0 flex-1 flex-col gap-px overflow-y-auto", children: t.map(
     (l, o) => !l.path && !l.label && !l.children ? /* @__PURE__ */ e("li", { "aria-hidden": !0, className: "h-4" }, o) : /* @__PURE__ */ e(
-      bt,
+      vt,
       {
         item: l,
         isSelectedHandler: r,
@@ -6087,7 +6156,7 @@ const qn = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
     )
   ) })
 ] });
-function ia({
+function va({
   open: t,
   title: r,
   description: n,
@@ -6099,7 +6168,7 @@ function ia({
   onCancel: i
 }) {
   return /* @__PURE__ */ e(
-    xt,
+    bt,
     {
       open: t,
       onClose: i,
@@ -6121,7 +6190,7 @@ function ia({
     }
   );
 }
-const Un = {
+const es = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -6129,7 +6198,7 @@ const Un = {
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Vn = {
+}, ts = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -6137,7 +6206,7 @@ const Un = {
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Kn = {
+}, rs = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -6153,26 +6222,26 @@ const Un = {
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Wn = {
+}, ns = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Gn = {
+}, ss = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Jn = {
+}, as = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Yn = {
+}, ls = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -6182,7 +6251,7 @@ const Un = {
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, pt = be(
+}, yt = be(
   ({
     padding: t,
     margin: r,
@@ -6199,13 +6268,13 @@ const Un = {
     {
       ref: m,
       className: d(
-        t && Un[t],
-        r && Vn[r],
-        n && Kn[n],
-        s && Wn[s],
-        a && Gn[a],
-        l && Jn[l],
-        o && Yn[o],
+        t && es[t],
+        r && ts[r],
+        n && rs[n],
+        s && ns[s],
+        a && ss[a],
+        l && as[l],
+        o && ls[o],
         u
       ),
       ...p,
@@ -6213,11 +6282,11 @@ const Un = {
     }
   )
 );
-pt.displayName = "Box";
-const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { background: "module", radius: "lg", shadow: "none", border: "sm", borderColor: "neutral", ...n, children: [
+yt.displayName = "Box";
+const ya = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(yt, { background: "module", radius: "lg", shadow: "none", border: "sm", borderColor: "neutral", ...n, children: [
   r && /* @__PURE__ */ e("span", { className: "mb-2 block text-sm font-semibold text-text", children: r }),
   t
-] }), Xn = {
+] }), os = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -6226,13 +6295,13 @@ const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Zn = {
+}, cs = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Qn = {
+}, is = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -6242,11 +6311,11 @@ const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, es = {
+}, ds = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, ua = ({
+}, Na = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -6259,16 +6328,16 @@ const da = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
 }) => {
   const p = `h${t}`, m = d(
     "font-sans text-pretty",
-    Xn[r || ts(t)],
-    Zn[n],
-    Qn[s],
-    es[a],
+    os[r || us(t)],
+    cs[n],
+    is[s],
+    ds[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(p, { className: m, ...i, children: u });
 };
-function ts(t) {
+function us(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -6278,111 +6347,111 @@ function ts(t) {
     6: "md"
   }[t] || "md";
 }
-const tt = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function ma(t) {
+const nt = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
+function wa(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
-  return tt[r % tt.length];
+  return nt[r % nt.length];
 }
 export {
-  ys as ActivityAvatar,
-  Ns as ActivityGlyph,
-  ps as ActivityRow,
-  hs as ArtifactView,
-  xs as AssistantCard,
-  it as Avatar,
-  bs as AvatarStack,
-  Qr as Badge,
-  pt as Box,
+  As as ActivityAvatar,
+  Ds as ActivityGlyph,
+  Ms as ActivityRow,
+  Cs as ArtifactView,
+  Ss as AssistantCard,
+  ut as Avatar,
+  Ts as AvatarStack,
+  dn as Badge,
+  yt as Box,
   ae as Button,
-  us as ButtonGroup,
-  da as Card,
-  Cs as ChannelBadge,
+  Ns as ButtonGroup,
+  ya as Card,
+  Ls as ChannelBadge,
   we as Checkbox,
-  fs as CommandPalette,
-  ia as ConfirmDialog,
-  Ve as ContentLoading,
-  He as DatePicker,
-  Ur as Dropdown,
-  Ys as EmptyState,
-  Gs as ErrorBoundary,
-  Js as FederatedResource,
-  sr as FilterChip,
-  yn as FolderSelect,
-  na as Form,
-  Mn as FormSection,
-  ua as Heading,
-  vr as IDENTITY_TONE_COUNT,
+  ks as CommandPalette,
+  va as ConfirmDialog,
+  Ke as ContentLoading,
+  qe as DatePicker,
+  en as Dropdown,
+  la as EmptyState,
+  sa as ErrorBoundary,
+  aa as FederatedResource,
+  lr as FilterChip,
+  An as FolderSelect,
+  fa as Form,
+  jn as FormSection,
+  Na as Heading,
+  zr as IDENTITY_TONE_COUNT,
   Z as Icon,
-  Ss as Image,
-  sa as ImageField,
-  Xs as Kbd,
-  Es as KpiCard,
-  ms as Link,
-  Ms as List,
-  Ts as ListBulkAction,
-  aa as MeetingGrid,
-  $n as MentionComposer,
-  zs as MessageBubble,
-  Ds as MetaSeparator,
-  As as MetaValue,
-  xt as Modal,
-  _s as Page,
-  Or as PageHeader,
-  $s as PageToolbar,
+  Is as Image,
+  ha as ImageField,
+  oa as Kbd,
+  Os as KpiCard,
+  ws as Link,
+  js as List,
+  Ps as ListBulkAction,
+  xa as MeetingGrid,
+  qn as MentionComposer,
+  Rs as MessageBubble,
+  Bs as MetaSeparator,
+  Fs as MetaValue,
+  bt as Modal,
+  Hs as Page,
+  Wr as PageHeader,
+  qs as PageToolbar,
   ke as PageToolbarActions,
-  la as ParticipantTile,
-  st as Popover,
-  Zs as ProgressBar,
-  Me as RichText,
-  ws as RowCard,
-  ut as SearchField,
-  Pn as SearchableTextField,
-  Ls as SectionCaption,
-  Is as SectionDivider,
-  ir as SegmentedToggle,
-  $e as Select,
-  Os as SettingsFrameProvider,
-  js as SettingsPage,
-  Rs as SettingsRow,
-  Fs as SettingsSection,
-  ca as SidebarMenu,
-  Bs as SourceChip,
-  Qs as Spinner,
-  at as SplitButton,
-  ea as StatusDot,
-  ta as StepIndicator,
-  Cn as StorageInput,
-  jn as Switch,
-  ra as TabBar,
-  Ze as Table,
-  wn as Tabs,
+  ga as ParticipantTile,
+  lt as Popover,
+  ca as ProgressBar,
+  ze as RichText,
+  _s as RowCard,
+  ft as SearchField,
+  Kn as SearchableTextField,
+  Us as SectionCaption,
+  Vs as SectionDivider,
+  ur as SegmentedToggle,
+  Ie as Select,
+  Ws as SettingsFrameProvider,
+  Gs as SettingsPage,
+  Js as SettingsRow,
+  Ys as SettingsSection,
+  pa as SidebarMenu,
+  Xs as SourceChip,
+  ia as Spinner,
+  ot as SplitButton,
+  da as StatusDot,
+  ua as StepIndicator,
+  Ln as StorageInput,
+  Gn as Switch,
+  ma as TabBar,
+  et as Table,
+  _n as Tabs,
   me as Text,
-  qe as TextArea,
+  Ue as TextArea,
   Ce as TextField,
-  ks as TimelineEvent,
-  oa as VideoSurface,
-  Ws as View,
-  Qe as autofillProps,
-  en as badgeColumn,
-  Vs as booleanBadgeColumn,
-  vs as cardActionClass,
-  ma as catTone,
+  $s as TimelineEvent,
+  ba as VideoSurface,
+  na as View,
+  tt as autofillProps,
+  un as badgeColumn,
+  ta as booleanBadgeColumn,
+  zs as cardActionClass,
+  wa as catTone,
   d as cn,
-  ds as createSizes,
-  is as createVariants,
-  Hs as dateFilterHandler,
-  gs as identityDotClass,
-  ct as identityPlateClass,
-  ot as identityTone,
-  Ks as labelsColumn,
-  Us as multiSelectFilterHandler,
-  bn as normalizeText,
-  Zt as resolveLucideIcon,
-  qs as selectFilterHandler,
-  De as text,
-  Te as useAnchoredPosition,
-  Rr as useSettingsFrame,
-  Ps as useSettingsFrameHost
+  ys as createSizes,
+  vs as createVariants,
+  Zs as dateFilterHandler,
+  Es as identityDotClass,
+  dt as identityPlateClass,
+  it as identityTone,
+  ra as labelsColumn,
+  ea as multiSelectFilterHandler,
+  Tn as normalizeText,
+  er as resolveLucideIcon,
+  Qs as selectFilterHandler,
+  _e as text,
+  Me as useAnchoredPosition,
+  Jr as useSettingsFrame,
+  Ks as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map