@opencxh/ui-kit 3.180.0 → 3.181.0

package/dist/index.js

@@ -1,21 +1,21 @@
 import { jsxs as c, jsx as e, Fragment as Ee } 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 Te, 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 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 ds(t) {
+function vs(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function us(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 ms = ({
+const Ns = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -133,12 +133,12 @@ const ms = ({
   );
   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,
@@ -193,7 +193,7 @@ function er(t) {
 }
 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 Me(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",
@@ -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(Ee, { 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"
-}, fs = ({
+}, 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,11 +502,11 @@ 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(Ee, { children: l.map((b) => /* @__PURE__ */ c(
@@ -534,7 +534,7 @@ function at({
     ] })
   );
 }
-const hs = ({
+const ks = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -582,7 +582,7 @@ const hs = ({
       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 hs = ({
                   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 hs = ({
       ]
     }
   ) }) : 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,16 @@ const hs = ({
   "[&_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
+  We
 ].join(" ");
-function hr(t, r) {
+function kr(t, r) {
   if (!t?.startsWith("mailto:")) return !1;
   const n = typeof r == "string" ? r : null;
   return n !== null && t === `mailto:${n}`;
 }
-const xr = {
+const Cr = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
-  a: ({ href: t, children: r, ...n }) => hr(t, r) ? /* @__PURE__ */ e(Ee, { children: r }) : /* @__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",
@@ -700,35 +753,43 @@ const xr = {
   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 ze({ 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: xr, 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 gr = {
+const Sr = {
   info: "text-info-fg",
   success: "text-success-fg",
   warning: "text-warning-fg",
   destructive: "text-danger-fg"
-}, br = {
+}, 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"
-}, pr = {
+}, Tr = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
 };
-function vr({ 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 });
@@ -788,13 +849,13 @@ function vr({ 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", pr[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 ? gr[r.tone] : "text-text"
+              r.tone ? Sr[r.tone] : "text-text"
             ),
             children: r.value
           }
@@ -802,7 +863,7 @@ function vr({ 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", br[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(ze, { as: "markdown", text: t.text, className: "text-sm text-text" })
       ] });
@@ -810,7 +871,7 @@ function vr({ block: t }) {
       return null;
   }
 }
-function xs({ blocks: t, runtime: r = "inert", className: n }) {
+function Cs({ blocks: t, runtime: r = "inert", className: n }) {
   return r !== "inert" ? /* @__PURE__ */ c(
     "div",
     {
@@ -827,11 +888,11 @@ function xs({ 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(vr, { 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 gs({
+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,
@@ -857,53 +918,53 @@ function gs({
     }
   );
 }
-const yr = 5;
-function Nr(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 ? Nr(r) % yr + 1 : 1;
+  return r ? Ar(r) % zr + 1 : 1;
 }
-const wr = {
+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"
-}, kr = {
+}, _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 wr[ot(t)];
+function dt(t) {
+  return Dr[it(t)];
 }
-function bs(t) {
-  return kr[ot(t)];
+function Es(t) {
+  return _r[it(t)];
 }
-const Cr = {
+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"
-}, Sr = {
+}, 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 Er(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",
@@ -918,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) : Cr[n],
-    Sr[s],
+    n === "identity" ? dt(t) : $r[n],
+    Lr[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -931,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: Er(t) });
-}, Ye = "ring-surface", Tr = "ring-surface-accent", ps = ({
+  ) : /* @__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",
@@ -942,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,
@@ -950,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 ? Tr : Ye,
+          o.owner ? Or : Ze,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -964,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: [
           "+",
@@ -973,18 +1034,18 @@ const it = ({
       }
     )
   ] });
-}, Mr = {
+}, Pr = {
   neutral: "bg-surface-sunk",
   out: "bg-bubble-out-soft",
   note: "bg-note-soft",
   assistant: "bg-assistant-soft"
-}, zr = {
+}, jr = {
   neutral: "text-text",
   out: "text-text",
   note: "text-note",
   assistant: "text-text"
 };
-function vs({
+function Ms({
   avatar: t,
   title: r,
   context: n,
@@ -1001,7 +1062,7 @@ function vs({
       /* @__PURE__ */ c(
         "div",
         {
-          className: d("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Mr[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(
@@ -1010,7 +1071,7 @@ function vs({
                   className: d(
                     "min-w-0 truncate text-md font-semibold",
                     !n && "flex-1",
-                    zr[l]
+                    jr[l]
                   ),
                   children: r
                 }
@@ -1030,15 +1091,15 @@ function vs({
     u
   ] });
 }
-const ys = "hover:bg-surface-track";
-function Ns({
+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 ws({
+function Ds({
   icon: t,
   tone: r = "neutral",
   title: n
@@ -1055,11 +1116,11 @@ function ws({
     }
   );
 }
-function ks({ 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 Cs({ 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 }),
@@ -1075,7 +1136,7 @@ function Cs({ 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" })
         ]
       }
     )
@@ -1087,12 +1148,12 @@ const Ae = {
   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" }
-}, Ar = {
+}, 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 Ss({
+function Ls({
   channel: t,
   children: r,
   size: n = "md",
@@ -1106,18 +1167,18 @@ function Ss({
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        Ar[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(Ae.note.fg, Ae.note.bg),
+        l ? d(l.fg, l.bg) : t ? dt(t) : d(Ae.note.fg, Ae.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const Es = ({
+const Is = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -1176,7 +1237,7 @@ const Es = ({
     "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: [
@@ -1194,28 +1255,28 @@ const Es = ({
     w && l && /* @__PURE__ */ e("div", { className: I, children: i || O }),
     h && o && /* @__PURE__ */ e("div", { className: I, children: p || H })
   ] });
-}, Dr = {
+}, Fr = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function Ts({ 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", Dr[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 _r = {
+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"
-}, Lr = {
+}, qr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -1242,7 +1303,7 @@ const _r = {
     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",
           {
@@ -1259,7 +1320,7 @@ const _r = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              _r[s],
+              Br[s],
               b ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -1274,7 +1335,7 @@ const _r = {
               className: d(
                 "cursor-pointer",
                 b ? "text-danger-fg" : "text-text",
-                Lr[s],
+                qr[s],
                 o
               ),
               children: t
@@ -1288,7 +1349,7 @@ const _r = {
   }
 );
 we.displayName = "Checkbox";
-function Ms({
+function Ps({
   icon: t,
   onClick: r,
   children: n
@@ -1311,7 +1372,7 @@ function Ms({
     }
   );
 }
-function zs({
+function js({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -1342,7 +1403,7 @@ function zs({
   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;
@@ -1386,7 +1447,7 @@ function zs({
     )) });
   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",
@@ -1442,7 +1503,7 @@ function zs({
     );
   }, 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);
@@ -1453,7 +1514,7 @@ function zs({
       ...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,
@@ -1474,7 +1535,7 @@ function zs({
             R.map((he) => he.item)
           ) : /* @__PURE__ */ c(Ee, { children: [
             v && /* @__PURE__ */ e(
-              Pe,
+              je,
               {
                 "aria-hidden": !0,
                 className: d(
@@ -1500,7 +1561,7 @@ function zs({
       );
       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))
       ];
     });
   })();
@@ -1551,7 +1612,7 @@ function zs({
     ] }) })
   ] });
 }
-function As({
+function Rs({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -1584,7 +1645,7 @@ function As({
     }
   );
 }
-function Ds({ icon: t, label: r, unset: n, className: s }) {
+function Fs({ icon: t, label: r, unset: n, className: s }) {
   return /* @__PURE__ */ c(
     "span",
     {
@@ -1600,11 +1661,11 @@ function Ds({ icon: t, label: r, unset: n, className: s }) {
     }
   );
 }
-function _s() {
+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 Ir({
+function Ur({
   shape: t,
   rows: r,
   columns: n
@@ -1671,7 +1732,7 @@ function Ir({
       ] });
   }
 }
-const Or = {
+const Vr = {
   text: 2,
   table: 8,
   list: 6,
@@ -1679,7 +1740,7 @@ const Or = {
   menu: 4,
   cards: 2
 };
-function Ve({
+function Ke({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -1690,10 +1751,10 @@ function Ve({
   tableColumns: u,
   tableRows: i
 }) {
-  const p = r ?? (o ? "table" : "text"), m = n ?? i ?? Or[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(Ir, { 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 Pr = ({
+const Wr = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -1773,7 +1834,7 @@ const Pr = ({
                 ),
                 n && /* @__PURE__ */ e("span", { className: "shrink-0 text-base text-text-muted truncate", children: n }),
                 m && /* @__PURE__ */ e(
-                  _t,
+                  Lt,
                   {
                     size: 15,
                     onClick: C,
@@ -1799,7 +1860,7 @@ const Pr = ({
           ] }) }),
           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,
@@ -1828,11 +1889,11 @@ const Pr = ({
       ]
     }
   );
-}, jr = {
+}, 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,
@@ -1851,7 +1912,7 @@ const Pr = ({
   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",
     {
@@ -1865,7 +1926,7 @@ const Pr = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          Pr,
+          Wr,
           {
             surface: u,
             title: t,
@@ -1884,7 +1945,7 @@ const Pr = ({
           {
             className: d(
               b && "min-h-0 flex-1 overflow-y-auto",
-              jr[g],
+              Kr[g],
               v
             ),
             children: C
@@ -1899,7 +1960,7 @@ const Pr = ({
   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,
@@ -1922,19 +1983,19 @@ const Pr = ({
     },
     s.id
   )
-) }), Rr = {
+) }), Gr = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, Ls = ({
+}, 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", Rr[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", Gr[a], s), children: [
   r && /* @__PURE__ */ e(
     ae,
     {
@@ -1947,7 +2008,7 @@ const Pr = ({
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(ke, { actions: t, className: d(!l && "ml-auto") })
-] }), Is = ({
+] }), Us = ({
   label: t,
   meta: r,
   action: n,
@@ -1957,7 +2018,7 @@ const Pr = ({
   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 Os({
+function Vs({
   label: t,
   trailing: r,
   align: n = "center",
@@ -1971,11 +2032,11 @@ function Os({
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const dt = rt(null), Ps = dt.Provider;
-function Fr() {
-  return St(dt);
+const mt = st(null), Ws = mt.Provider;
+function Jr() {
+  return Tt(mt);
 }
-function js() {
+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)
@@ -1984,13 +2045,13 @@ function js() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const Br = {
+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"
-}, Rs = ({
+}, Gs = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -2004,7 +2065,7 @@ const Br = {
   className: m,
   contentClassName: f
 }) => {
-  const g = Fr(), 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;
@@ -2062,7 +2123,7 @@ const Br = {
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: d("flex-1", Br[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" })
@@ -2070,7 +2131,7 @@ const Br = {
     ] })
   );
 };
-function Fs({
+function Js({
   label: t,
   description: r,
   control: n,
@@ -2097,7 +2158,7 @@ function Fs({
     }
   );
 }
-function Bs({
+function Ys({
   icon: t,
   title: r,
   description: n,
@@ -2117,7 +2178,7 @@ function Bs({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Hs({ label: t, dotColor: r, onClick: n, className: s }) {
+function Xs({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -2137,12 +2198,12 @@ function Hs({ 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 Hr = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }), qr = () => /* @__PURE__ */ e(Z, { icon: Te, size: "md", color: "current" }), Ur = () => /* @__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,
@@ -2209,7 +2270,7 @@ const Hr = () => /* @__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",
@@ -2246,7 +2307,7 @@ const Hr = () => /* @__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(Hr, {})
+            children: /* @__PURE__ */ e(Xr, {})
           }
         )
       ] }),
@@ -2257,13 +2318,13 @@ const Hr = () => /* @__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(qr, {}) }),
+              /* @__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(Ur, {}) })
+              /* @__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) => {
@@ -2313,7 +2374,7 @@ const Hr = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
       )
     ] });
   }
-), ut = be(
+), ft = be(
   ({
     value: t,
     onValueChange: r,
@@ -2338,7 +2399,7 @@ const Hr = () => /* @__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",
           {
@@ -2377,8 +2438,8 @@ const Hr = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }
     }
   )
 );
-ut.displayName = "SearchField";
-const Vr = ({
+ft.displayName = "SearchField";
+const en = ({
   trigger: t,
   options: r,
   value: n,
@@ -2450,7 +2511,7 @@ const Vr = ({
   }, 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"
   );
@@ -2517,7 +2578,7 @@ const Vr = ({
                           ] })
                         ] }),
                         /* @__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: "▶" })
                         ] })
                       ]
@@ -2527,7 +2588,7 @@ const Vr = ({
                     "div",
                     {
                       ref: C,
-                      className: W,
+                      className: K,
                       style: {
                         top: `${b.top}px`,
                         left: `${b.left}px`
@@ -2570,7 +2631,7 @@ const Vr = ({
                                 ] })
                               ] }),
                               u && z && /* @__PURE__ */ e(
-                                We,
+                                Je,
                                 {
                                   className: "size-icon-md shrink-0 text-success-fg",
                                   "aria-hidden": !0
@@ -2602,29 +2663,29 @@ const Vr = ({
       ]
     }
   );
-}, qs = (t) => (r) => t(r instanceof Date ? r : null), Us = (t) => (r) => t(typeof r == "string" ? r : ""), Vs = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Kr = {
+}, 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"
-}, Wr = {
+}, rn = {
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, Gr = 8, Xe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
-function Jr(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 Yr = (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),
@@ -2641,7 +2702,7 @@ const Yr = (t) => {
     );
   }, l = r.length > 0;
   return /* @__PURE__ */ e(
-    sr,
+    lr,
     {
       tone: "outline",
       caret: !0,
@@ -2671,7 +2732,7 @@ const Yr = (t) => {
       )) })
     }
   );
-}, Ze = ({
+}, et = ({
   data: t,
   columns: r,
   loading: n = !1,
@@ -2691,7 +2752,7 @@ const Yr = (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",
@@ -2701,7 +2762,7 @@ const Yr = (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({
@@ -2725,7 +2786,7 @@ const Yr = (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);
@@ -2745,23 +2806,23 @@ const Yr = (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 = Kr[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) {
@@ -2773,11 +2834,11 @@ const Yr = (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,
@@ -2785,7 +2846,7 @@ const Yr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((A) => /* @__PURE__ */ e(Yr, { ...A }, A.id)),
+      u.map((A) => /* @__PURE__ */ e(an, { ...A }, A.id)),
       p,
       i.length > 0 && /* @__PURE__ */ e(ke, { actions: i, className: "ml-auto" })
     ] }),
@@ -2824,7 +2885,7 @@ const Yr = (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",
@@ -2838,7 +2899,7 @@ const Yr = (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: Gr }).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",
@@ -2855,7 +2916,7 @@ const Yr = (t) => {
                   {
                     className: "block h-3 rounded-xs bg-surface-hover",
                     style: {
-                      width: Xe[(J + ue) % Xe.length]
+                      width: Qe[(J + ue) % Qe.length]
                     }
                   }
                 )
@@ -2866,7 +2927,7 @@ const Yr = (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),
@@ -2876,12 +2937,12 @@ const Yr = (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.
@@ -2903,7 +2964,7 @@ const Yr = (t) => {
             "tr",
             {
               className: d(
-                Wr[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",
@@ -2946,10 +3007,10 @@ const Yr = (t) => {
                   );
                 }),
                 w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
-                  Vr,
+                  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,
@@ -2957,7 +3018,7 @@ const Yr = (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"
@@ -2970,9 +3031,9 @@ const Yr = (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,
           {
@@ -2985,7 +3046,7 @@ const Yr = (t) => {
             children: /* @__PURE__ */ e(Z, { icon: Te, size: "md", color: "current" })
           }
         ),
-        Jr(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",
             {
@@ -3012,13 +3073,13 @@ const Yr = (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" })
           }
         )
       ] })
     ] })
   ] });
-}, Xr = {
+}, ln = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3028,11 +3089,11 @@ const Yr = (t) => {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, Zr = {
+}, 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"
-}, Qr = {
+}, cn = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3042,7 +3103,7 @@ const Yr = (t) => {
   info: "bg-info",
   note: "bg-note"
 };
-function en({
+function dn({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3058,13 +3119,13 @@ function en({
     {
       className: d(
         "inline-flex items-center font-medium rounded-full",
-        Xr[t],
-        Zr[r],
+        ln[t],
+        on[r],
         o
       ),
       ...i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: d("w-2 h-2 rounded-full mr-1.5", Qr[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(
@@ -3080,7 +3141,7 @@ function en({
     }
   );
 }
-function tn(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,
@@ -3088,14 +3149,14 @@ function tn(t) {
     accessor: (m) => a(s(m), m),
     cell: (m, f) => {
       const g = s(f);
-      return o && !o(g, f) ? null : /* @__PURE__ */ e(en, { 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 Ks(t) {
+function ta(t) {
   const {
     id: r,
     header: n,
@@ -3107,7 +3168,7 @@ function Ks(t) {
     width: i,
     sortable: p
   } = t;
-  return tn({
+  return un({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -3117,7 +3178,7 @@ function Ks(t) {
     sortable: p
   });
 }
-function Ws(t) {
+function ra(t) {
   const {
     id: r,
     header: n,
@@ -3141,19 +3202,19 @@ function Ws(t) {
     sortable: p
   };
 }
-const rn = {
+const mn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, nn = {
+}, fn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, sn = {
+}, hn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -3164,12 +3225,12 @@ const rn = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, an = {
+}, xn = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, ln = {
+}, gn = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -3188,20 +3249,20 @@ const rn = {
   children: f,
   ...g
 }) => {
-  const b = p || on(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 && rn[r],
+    !w && !v && !h && mn[r],
     // Weight — label owns its weight
-    !v && nn[n],
-    sn[s],
-    an[a],
+    !v && fn[n],
+    hn[s],
+    xn[a],
     // Line height only overrides the body variant
-    t === "body" && ln[i],
+    t === "body" && gn[i],
     o && "italic",
     u && "underline",
     l && "truncate",
@@ -3209,7 +3270,7 @@ const rn = {
   );
   return /* @__PURE__ */ e(b, { className: C, ...g, children: f });
 };
-function on(t) {
+function bn(t) {
   return {
     body: "p",
     caption: "span",
@@ -3217,13 +3278,13 @@ function on(t) {
     code: "code"
   }[t] || "p";
 }
-function cn(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 Gs = ({
+const na = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -3246,7 +3307,7 @@ const Gs = ({
     return g ? g.label : String(m || "-");
   }, u = de(
     (m) => {
-      const f = cn(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: [
@@ -3389,7 +3450,7 @@ const Gs = ({
   );
   return /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(i) }) });
 };
-class Js extends Et {
+class sa extends Mt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -3417,8 +3478,8 @@ class Js extends Et {
     ] }) : this.props.children;
   }
 }
-const Fe = /* @__PURE__ */ new Map();
-function Ys({
+const Be = /* @__PURE__ */ new Map();
+function aa({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -3429,13 +3490,13 @@ function Ys({
 }) {
   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);
       }
@@ -3443,7 +3504,7 @@ function Ys({
       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;
@@ -3467,11 +3528,11 @@ function Ys({
     n === "react" && h && /* @__PURE__ */ e(h, { ...l })
   ] });
 }
-const dn = {
+const vn = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Xs({
+function la({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3496,7 +3557,7 @@ function Xs({
           {
             className: d(
               "flex size-disc items-center justify-center rounded-full text-2xl",
-              dn[r]
+              vn[r]
             ),
             children: t
           }
@@ -3508,7 +3569,7 @@ function Xs({
     }
   );
 }
-function Zs({ children: t, className: r, ...n }) {
+function oa({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3521,14 +3582,14 @@ function Zs({ children: t, className: r, ...n }) {
     }
   );
 }
-const un = {
+const yn = {
   sm: "h-1",
   md: "h-1.5"
-}, mn = {
+}, Nn = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function Qs({
+function ca({
   value: t,
   variant: r = "accent",
   size: n = "md",
@@ -3545,7 +3606,7 @@ function Qs({
       "aria-valuemax": 100,
       className: d(
         "w-full overflow-hidden rounded-full bg-surface-hover",
-        un[n],
+        yn[n],
         s
       ),
       ...a,
@@ -3554,7 +3615,7 @@ function Qs({
         {
           className: d(
             "h-full rounded-full transition-[width] duration-300 ease-out",
-            mn[r]
+            Nn[r]
           ),
           style: { width: `${l}%` }
         }
@@ -3562,25 +3623,25 @@ function Qs({
     }
   );
 }
-const fn = {
+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"
-}, hn = {
+}, kn = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, xn = {
+}, Cn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function ea({
+function ia({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3597,7 +3658,7 @@ function ea({
         /* @__PURE__ */ c(
           "svg",
           {
-            className: d("animate-spin", fn[t], hn[r]),
+            className: d("animate-spin", wn[t], kn[r]),
             fill: "none",
             viewBox: "0 0 24 24",
             "aria-hidden": !s,
@@ -3625,13 +3686,13 @@ function ea({
             ]
           }
         ),
-        s && /* @__PURE__ */ e("span", { className: d("text-text-muted", xn[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 gn = {
+const Sn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3645,7 +3706,7 @@ const gn = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function ta({
+function da({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3661,14 +3722,14 @@ function ta({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        gn[t],
+        Sn[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function ra({
+function ua({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3708,7 +3769,7 @@ function ra({
     i < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-const bn = /* @__PURE__ */ new Set([
+const En = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3742,8 +3803,8 @@ const bn = /* @__PURE__ */ new Set([
   "new-password",
   "one-time-code"
 ]);
-function Qe(t) {
-  return t && bn.has(t) ? { autoComplete: t } : {
+function tt(t) {
+  return t && En.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -3755,12 +3816,12 @@ function Qe(t) {
     "data-form-type": "other"
   };
 }
-const _e = (t) => t == null ? "" : String(t), pn = (t) => _e(t).trim().toLowerCase(), vn = {
+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"
-}, De = pn, Le = be(
+}, De = Tn, Ie = be(
   ({
     label: t,
     helperText: r,
@@ -3782,7 +3843,7 @@ const _e = (t) => t == null ? "" : String(t), pn = (t) => _e(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 = Me(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);
@@ -3819,21 +3880,21 @@ const _e = (t) => t == null ? "" : String(t), pn = (t) => _e(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",
       {
@@ -3868,14 +3929,14 @@ const _e = (t) => t == null ? "" : String(t), pn = (t) => _e(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",
-                  vn[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(
@@ -3974,13 +4035,13 @@ const _e = (t) => t == null ? "" : String(t), pn = (t) => _e(t).trim().toLowerCa
     );
   }
 );
-Le.displayName = "Select";
-const yn = {
+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,
@@ -4003,7 +4064,7 @@ const yn = {
         {
           htmlFor: v,
           className: d(
-            mt,
+            ht,
             h ? "text-danger-fg" : "text-text-muted",
             p
           ),
@@ -4020,11 +4081,11 @@ const yn = {
             "aria-invalid": h || void 0,
             "aria-describedby": C,
             className: d(
-              ft,
-              yn[s],
+              xt,
+              zn[s],
               l && "pl-9",
               (o || u) && "pr-9",
-              ht(h),
+              gt(h),
               m
             ),
             ...g
@@ -4050,7 +4111,7 @@ const yn = {
   }
 );
 Ce.displayName = "TextField";
-function Nn({
+function An({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -4073,7 +4134,7 @@ function Nn({
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      Le,
+      Ie,
       {
         size: a,
         fullWidth: !0,
@@ -4095,7 +4156,7 @@ function Nn({
     )
   ] });
 }
-const wn = rt(null), na = ({ 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);
   };
@@ -4128,7 +4189,7 @@ const wn = rt(null), na = ({ items: t, activeTab: r, onTabChange: n, className:
     },
     i.id
   )) }) });
-}, kn = ({
+}, _n = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -4185,7 +4246,7 @@ const wn = rt(null), na = ({ items: t, activeTab: r, onTabChange: n, className:
       F
     );
   };
-  return /* @__PURE__ */ e(wn.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",
       {
@@ -4214,14 +4275,14 @@ const wn = rt(null), na = ({ items: t, activeTab: r, onTabChange: n, className:
       }
     )
   ] }) });
-}, Cn = {
+}, $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,
@@ -4263,7 +4324,7 @@ function xt({
           className: d(
             "relative w-full bg-surface rounded-lg shadow-modal",
             "focus:outline-none",
-            Cn[s],
+            $n[s],
             o
           ),
           role: "dialog",
@@ -4291,7 +4352,7 @@ function xt({
     }
   ) : null;
 }
-const Sn = ({
+const Ln = ({
   value: t,
   onChange: r,
   label: n,
@@ -4307,7 +4368,7 @@ const Sn = ({
 }) => {
   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?.();
@@ -4398,7 +4459,7 @@ const Sn = ({
           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 {
@@ -4417,7 +4478,7 @@ const Sn = ({
     }
   }, 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") {
@@ -4436,18 +4497,18 @@ const Sn = ({
     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",
@@ -4456,7 +4517,7 @@ const Sn = ({
         /* @__PURE__ */ e(
           Z,
           {
-            icon: R.type === "folder" ? Je : Re,
+            icon: R.type === "folder" ? Xe : Fe,
             size: "sm",
             color: R.type === "folder" ? "warning" : "secondary"
           }
@@ -4497,7 +4558,7 @@ const Sn = ({
       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 })
       ] })
     },
@@ -4525,7 +4586,7 @@ const Sn = ({
           /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(
             Z,
             {
-              icon: H ? Re : Ge,
+              icon: H ? Fe : Ye,
               color: H ? "primary" : "secondary"
             }
           ) }),
@@ -4536,16 +4597,16 @@ const Sn = ({
     ),
     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(
-          kn,
+          _n,
           {
             variant: "pills",
             items: [
@@ -4561,7 +4622,7 @@ const Sn = ({
                         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"
                       }
                     ),
@@ -4572,7 +4633,7 @@ const Sn = ({
                         placeholder: "Search...",
                         value: I,
                         onChange: (N) => O(N.target.value),
-                        startIcon: /* @__PURE__ */ e(Oe, { size: 14 }),
+                        startIcon: /* @__PURE__ */ e(Pe, { size: 14 }),
                         fullWidth: !0
                       }
                     ) }),
@@ -4581,8 +4642,8 @@ const Sn = ({
                         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"
                         }
                       ),
@@ -4591,7 +4652,7 @@ const Sn = ({
                         {
                           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"
                         }
@@ -4609,7 +4670,7 @@ const Sn = ({
                     ] })
                   ] }),
                   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,
                       {
@@ -4620,10 +4681,10 @@ const Sn = ({
                       }
                     ),
                     /* @__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,
@@ -4633,7 +4694,7 @@ const Sn = ({
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                  Ze,
+                  et,
                   {
                     data: w,
                     columns: q,
@@ -4647,7 +4708,7 @@ const Sn = ({
                 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,
@@ -4692,12 +4753,12 @@ const Sn = ({
       }
     )
   ] });
-}, En = {
+}, 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,
@@ -4719,7 +4780,7 @@ const Sn = ({
         {
           htmlFor: w,
           className: d(
-            mt,
+            ht,
             v ? "text-danger-fg" : "text-text-muted",
             u
           ),
@@ -4736,10 +4797,10 @@ const Sn = ({
             "aria-invalid": v || void 0,
             "aria-describedby": h,
             className: d(
-              ft,
+              xt,
               "resize-y leading-relaxed",
-              En[s],
-              ht(v),
+              In[s],
+              gt(v),
               i
             ),
             ...f
@@ -4764,14 +4825,14 @@ const Sn = ({
     ] });
   }
 );
-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 Tn(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++) {
@@ -4780,7 +4841,7 @@ function Tn(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Mn(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++) {
@@ -4790,7 +4851,7 @@ function Mn(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function zn({
+function jn({
   title: t,
   description: r,
   className: n,
@@ -4804,7 +4865,7 @@ function zn({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const sa = ({
+const fa = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -4845,13 +4906,13 @@ const sa = ({
           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;
@@ -4864,8 +4925,8 @@ const sa = ({
     [t]
   ), O = de(
     (x, E) => {
-      let $ = Tn(h, x, E);
-      t.flatMap((z) => z.items).find((z) => z.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Mn($, 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,
@@ -4882,7 +4943,7 @@ const sa = ({
           continue;
         const z = I(
           L.name,
-          et(h, L.name),
+          rt(h, L.name),
           h
         );
         z && (E[L.name] = z);
@@ -4899,7 +4960,7 @@ const sa = ({
     [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.
@@ -4924,14 +4985,14 @@ const sa = ({
               ...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),
@@ -4942,7 +5003,7 @@ const sa = ({
           );
         case "select":
           return /* @__PURE__ */ e(
-            Le,
+            Ie,
             {
               ...L,
               onChange: (z) => O(x.name, z),
@@ -4962,7 +5023,7 @@ const sa = ({
         // open to learn what the choices even are.
         case "segmented":
           return /* @__PURE__ */ e(
-            ir,
+            ur,
             {
               "aria-label": x.label,
               value: E == null ? "" : String(E),
@@ -5011,7 +5072,7 @@ const sa = ({
           )) });
         case "date":
           return /* @__PURE__ */ e(
-            He,
+            qe,
             {
               ...L,
               value: E ? new Date(E) : null,
@@ -5021,7 +5082,7 @@ const sa = ({
           );
         case "file":
           return /* @__PURE__ */ e(
-            Sn,
+            Ln,
             {
               ...L,
               value: E,
@@ -5054,7 +5115,7 @@ const sa = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            Nn,
+            An,
             {
               value: E || {},
               onChange: (z) => O(x.name, z),
@@ -5089,7 +5150,7 @@ const sa = ({
               x.name,
               z.filter((S, M) => M !== j)
             );
-          }, K = (j, S, M) => {
+          }, W = (j, S, M) => {
             const X = [...z];
             X[j] = {
               ...X[j],
@@ -5124,23 +5185,23 @@ const sa = ({
                           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
@@ -5152,10 +5213,10 @@ const sa = ({
                         );
                       case "select":
                         return /* @__PURE__ */ e(
-                          Le,
+                          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)
@@ -5173,7 +5234,7 @@ const sa = ({
                           {
                             ...q,
                             checked: !!j?.[M.name],
-                            onChange: (N) => K(
+                            onChange: (N) => W(
                               S,
                               M.name,
                               N.target.checked
@@ -5194,7 +5255,7 @@ const sa = ({
                                   name: `${x.name}.${S}.${M.name}`,
                                   value: N.value,
                                   checked: j?.[M.name] === N.value,
-                                  onChange: () => K(
+                                  onChange: () => W(
                                     S,
                                     M.name,
                                     N.value
@@ -5211,11 +5272,11 @@ const sa = ({
                       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
                           }
                         );
@@ -5223,7 +5284,7 @@ const sa = ({
                       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
                         });
@@ -5248,7 +5309,7 @@ const sa = ({
                   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)),
@@ -5257,7 +5318,7 @@ const sa = ({
               {
                 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: [
@@ -5294,7 +5355,7 @@ const sa = ({
         // 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(
-          zn,
+          jn,
           {
             title: x.title,
             description: x.description,
@@ -5337,7 +5398,7 @@ const sa = ({
       );
     },
     [h, F, D, U, P]
-  ), W = d(
+  ), K = d(
     {
       "max-w-settings": f === "sm",
       "max-w-form": f === "md",
@@ -5346,7 +5407,7 @@ const sa = ({
     },
     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: [
@@ -5378,7 +5439,7 @@ const sa = ({
     ] })
   ] });
 };
-function aa({
+function ha({
   label: t,
   value: r,
   onChange: n,
@@ -5395,8 +5456,8 @@ function aa({
   const g = se(null), [b, w] = B(null), v = async (h) => {
     if (!h) return;
     w(null);
-    const C = await Dn(h, s);
-    if (a && An(C) > a) {
+    const C = await Fn(h, s);
+    if (a && Rn(C) > a) {
       w(f);
       return;
     }
@@ -5455,11 +5516,11 @@ function aa({
     )
   ] });
 }
-function An(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 Dn(t, r) {
+function Fn(t, r) {
   return new Promise((n, s) => {
     const a = new FileReader();
     a.onload = () => {
@@ -5477,20 +5538,20 @@ function Dn(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-function _n(t) {
+function Bn(t) {
   const r = [];
   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 Ln = 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 [];
@@ -5498,7 +5559,7 @@ const Ln = be(
       return n.filter((I) => I.name.toLowerCase().includes(_)).slice(0, 8);
     }, [n, p]), C = Me(h.length > 0, v, { gap: 4 }), k = de(() => {
       if (!i.current) return;
-      const { text: _, mentions: I, html: O } = _n(i.current);
+      const { text: _, mentions: I, html: O } = Bn(i.current);
       r(_, I, O);
     }, [r]), P = de(() => {
       m(null), g(null), w(0);
@@ -5513,11 +5574,11 @@ const Ln = 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: () => {
@@ -5525,7 +5586,7 @@ const Ln = 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]);
@@ -5540,8 +5601,8 @@ const Ln = 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;
@@ -5585,8 +5646,8 @@ const Ln = 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]
     );
@@ -5603,7 +5664,7 @@ const Ln = 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
           ),
@@ -5639,25 +5700,25 @@ const Ln = be(
     ] });
   }
 );
-Ln.displayName = "MentionComposer";
-const Ne = (...t) => t.filter(Boolean).join(" "), In = (t) => /* @__PURE__ */ e(Oe, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), On = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Pn = {
+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"
-}, jn = be(
+}, Kn = be(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(In, {}),
+    startIcon: l = /* @__PURE__ */ e(Un, {}),
     loading: o = !1,
     containerClassName: u,
     labelClassName: i,
@@ -5672,7 +5733,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), In = (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]);
@@ -5680,36 +5741,36 @@ const Ne = (...t) => t.filter(Boolean).join(" "), In = (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 = () => {
@@ -5739,7 +5800,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), In = (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",
               {
@@ -5754,7 +5815,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), In = (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
-                  Pn[s],
+                  Wn[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -5768,15 +5829,15 @@ const Ne = (...t) => t.filter(Boolean).join(" "), In = (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(
-                On,
+                Vn,
                 {
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
-                    Be[s],
+                    He[s],
                     H ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
@@ -5806,8 +5867,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), In = (t) => /* @__PURE__ */ e(
     );
   }
 );
-jn.displayName = "SearchableTextField";
-const Rn = 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",
@@ -5860,25 +5921,25 @@ const Rn = be(
     );
   }
 );
-Rn.displayName = "Switch";
-const Fn = [
+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" }
-], Bn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
-function Hn(t) {
-  return Fn.find((r) => t <= r.upTo)?.cols ?? Bn;
+], 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 qn(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 la({ 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 } = qn(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
@@ -5897,14 +5958,14 @@ function la({ tiles: t, pinned: r, maxStrip: n, className: s }) {
     {
       className: d(
         "@container grid h-full min-h-0 auto-rows-fr gap-2",
-        Hn(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 oa({
+function ga({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -5931,16 +5992,16 @@ function oa({
             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 ca({
+function ba({
   attach: t,
   active: r = !0,
   mirrored: n = !1,
@@ -5965,7 +6026,7 @@ function ca({
     }
   );
 }
-const Un = () => /* @__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: [
@@ -5982,7 +6043,7 @@ const Un = () => /* @__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,
@@ -6072,7 +6133,7 @@ const Un = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
       ]
     }
   ) });
-}, ia = ({
+}, pa = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -6080,12 +6141,12 @@ const Un = () => /* @__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(Un, {})
+  /* @__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,
@@ -6095,7 +6156,7 @@ const Un = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt
     )
   ) })
 ] });
-function da({
+function va({
   open: t,
   title: r,
   description: n,
@@ -6107,7 +6168,7 @@ function da({
   onCancel: i
 }) {
   return /* @__PURE__ */ e(
-    xt,
+    bt,
     {
       open: t,
       onClose: i,
@@ -6129,7 +6190,7 @@ function da({
     }
   );
 }
-const Vn = {
+const es = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -6137,7 +6198,7 @@ const Vn = {
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Kn = {
+}, ts = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -6145,7 +6206,7 @@ const Vn = {
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Wn = {
+}, rs = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -6161,26 +6222,26 @@ const Vn = {
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Gn = {
+}, ns = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Jn = {
+}, ss = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Yn = {
+}, as = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Xn = {
+}, ls = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -6190,7 +6251,7 @@ const Vn = {
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, pt = be(
+}, yt = be(
   ({
     padding: t,
     margin: r,
@@ -6207,13 +6268,13 @@ const Vn = {
     {
       ref: m,
       className: d(
-        t && Vn[t],
-        r && Kn[r],
-        n && Wn[n],
-        s && Gn[s],
-        a && Jn[a],
-        l && Yn[l],
-        o && Xn[o],
+        t && es[t],
+        r && ts[r],
+        n && rs[n],
+        s && ns[s],
+        a && ss[a],
+        l && as[l],
+        o && ls[o],
         u
       ),
       ...p,
@@ -6221,11 +6282,11 @@ const Vn = {
     }
   )
 );
-pt.displayName = "Box";
-const ua = ({ 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
-] }), Zn = {
+] }), os = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -6234,13 +6295,13 @@ const ua = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Qn = {
+}, cs = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, es = {
+}, is = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -6250,11 +6311,11 @@ const ua = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, ts = {
+}, ds = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, ma = ({
+}, Na = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -6267,16 +6328,16 @@ const ua = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(pt, { backgrou
 }) => {
   const p = `h${t}`, m = d(
     "font-sans text-pretty",
-    Zn[r || rs(t)],
-    Qn[n],
-    es[s],
-    ts[a],
+    os[r || us(t)],
+    cs[n],
+    is[s],
+    ds[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(p, { className: m, ...i, children: u });
 };
-function rs(t) {
+function us(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -6286,111 +6347,111 @@ function rs(t) {
     6: "md"
   }[t] || "md";
 }
-const tt = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function fa(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 {
-  Ns as ActivityAvatar,
-  ws as ActivityGlyph,
-  vs as ActivityRow,
-  xs as ArtifactView,
-  gs as AssistantCard,
-  it as Avatar,
-  ps as AvatarStack,
-  en 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,
-  ms as ButtonGroup,
-  ua as Card,
-  Ss as ChannelBadge,
+  Ns as ButtonGroup,
+  ya as Card,
+  Ls as ChannelBadge,
   we as Checkbox,
-  hs as CommandPalette,
-  da as ConfirmDialog,
-  Ve as ContentLoading,
-  He as DatePicker,
-  Vr as Dropdown,
-  Xs as EmptyState,
-  Js as ErrorBoundary,
-  Ys as FederatedResource,
-  sr as FilterChip,
-  Nn as FolderSelect,
-  sa as Form,
-  zn as FormSection,
-  ma as Heading,
-  yr 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,
-  Es as Image,
-  aa as ImageField,
-  Zs as Kbd,
-  Ts as KpiCard,
-  fs as Link,
-  zs as List,
-  Ms as ListBulkAction,
-  la as MeetingGrid,
-  Ln as MentionComposer,
-  As as MessageBubble,
-  _s as MetaSeparator,
-  Ds as MetaValue,
-  xt as Modal,
-  $s as Page,
-  Pr as PageHeader,
-  Ls 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,
-  oa as ParticipantTile,
-  st as Popover,
-  Qs as ProgressBar,
+  ga as ParticipantTile,
+  lt as Popover,
+  ca as ProgressBar,
   ze as RichText,
-  ks as RowCard,
-  ut as SearchField,
-  jn as SearchableTextField,
-  Is as SectionCaption,
-  Os as SectionDivider,
-  ir as SegmentedToggle,
-  Le as Select,
-  Ps as SettingsFrameProvider,
-  Rs as SettingsPage,
-  Fs as SettingsRow,
-  Bs as SettingsSection,
-  ia as SidebarMenu,
-  Hs as SourceChip,
-  ea as Spinner,
-  at as SplitButton,
-  ta as StatusDot,
-  ra as StepIndicator,
-  Sn as StorageInput,
-  Rn as Switch,
-  na as TabBar,
-  Ze as Table,
-  kn as Tabs,
+  _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,
-  Cs as TimelineEvent,
-  ca as VideoSurface,
-  Gs as View,
-  Qe as autofillProps,
-  tn as badgeColumn,
-  Ks as booleanBadgeColumn,
-  ys as cardActionClass,
-  fa 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,
-  us as createSizes,
-  ds as createVariants,
-  qs as dateFilterHandler,
-  bs as identityDotClass,
-  ct as identityPlateClass,
-  ot as identityTone,
-  Ws as labelsColumn,
-  Vs as multiSelectFilterHandler,
-  pn as normalizeText,
-  Zt as resolveLucideIcon,
-  Us as selectFilterHandler,
+  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,
-  Fr as useSettingsFrame,
-  js as useSettingsFrameHost
+  Jr as useSettingsFrame,
+  Ks as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map