@opencxh/ui-kit 3.178.0 → 3.180.0

package/dist/index.js

@@ -1,21 +1,21 @@
-import { jsxs as c, jsx as e, Fragment as $e } from "react/jsx-runtime";
-import le, { forwardRef as be, useState as B, useLayoutEffect as yt, useRef as se, useEffect as Z, createContext as tt, useId as Nt, useMemo as ge, useContext as wt, useCallback as de, Component as kt } from "react";
-import { clsx as Ct } from "clsx";
-import * as St from "lucide-react";
-import { X as Se, ChevronDown as Le, ExternalLink as Et, Search as Ie, ChevronRight as Oe, Sparkles as Tt, ArrowUpRight as rt, ImageOff as zt, ChevronLeft as Ee, Pencil as Mt, Calendar as At, Check as Ke, ChevronUp as Dt, Ellipsis as _t, ChevronDownIcon as $t, FileText as je, HardDrive as We, ArrowLeft as Lt, FolderPlus as It, Upload as Ot, Folder as Ge, Trash2 as Pt, Plus as jt, Loader2 as Rt, VideoOff as Ft, User as Bt, MicOff as Ht, Mic as qt } from "lucide-react";
-import qe from "dompurify";
-import Ut from "react-markdown";
-import Vt from "remark-gfm";
+import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
+import le, { forwardRef as be, useState as B, useLayoutEffect as 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";
 function d(...t) {
-  return Ct(t);
+  return Tt(t);
 }
-function os(t) {
+function ds(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function cs(t) {
+function us(t) {
   return (r) => t[r] || "";
 }
-const Kt = {
+const Jt = {
   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 Kt = {
   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"
-}, Wt = {
+}, Yt = {
   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 Kt = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, Gt = {
+}, Xt = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -75,8 +75,8 @@ const Kt = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          Kt[t],
-          o ? Gt[r] : Wt[r],
+          Jt[t],
+          o ? Xt[r] : Yt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           i
@@ -102,7 +102,7 @@ const Kt = {
   }
 );
 ae.displayName = "Button";
-const is = ({
+const ms = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -133,12 +133,12 @@ const is = ({
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
 };
-function Jt(t) {
+function Zt(t) {
   if (!t) return;
-  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = St[r];
+  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = Mt[r];
   return typeof n == "function" || typeof n == "object" && n !== null ? n : void 0;
 }
-const Yt = {
+const Qt = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -148,7 +148,7 @@ const Yt = {
   info: "text-info-fg",
   neutral: "text-text-subtle",
   current: "text-current"
-}, Q = ({
+}, Z = ({
   icon: t,
   size: r = "md",
   color: n = "current",
@@ -158,9 +158,9 @@ const Yt = {
   "aria-label": o,
   ...u
 }) => {
-  const i = typeof r == "number" ? r : Xt(r), p = d(
+  const i = typeof r == "number" ? r : er(r), p = d(
     "inline-block shrink-0",
-    Yt[n],
+    Qt[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 Yt = {
   };
   return /* @__PURE__ */ e(t, { ...m });
 };
-function Xt(t) {
+function er(t) {
   return {
     xs: 12,
     sm: 14,
@@ -191,9 +191,9 @@ function Xt(t) {
     xl: 24
   }[t];
 }
-function Te(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
+function Me(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
   const [l, o] = B({});
-  return yt(() => {
+  return kt(() => {
     if (!t) return;
     const u = () => {
       const i = r.current;
@@ -206,7 +206,7 @@ function Te(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     };
   }, [t, r, n, s, a]), l;
 }
-const nt = ({
+const st = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -216,8 +216,8 @@ const nt = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [i, p] = B(!1), m = se(null), f = se(null), g = Te(i, f, { placement: n });
-  Z(() => {
+  const [i, p] = B(!1), m = se(null), f = se(null), g = Me(i, f, { placement: n });
+  Q(() => {
     if (!i) return;
     const v = (C) => {
       m.current && !m.current.contains(C.target) && p(!1);
@@ -263,29 +263,29 @@ const nt = ({
       }
     )
   ] });
-}, Qt = {
+}, tr = {
   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"
-}, Zt = (t) => d(
+}, rr = (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" : Qt[t.tone ?? "default"],
+  t.active ? "bg-info-soft text-info-fg" : tr[t.tone ?? "default"],
   t.className
-), er = (t) => d(
+), nr = (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 tr({
+function sr({
   label: t,
   icon: r,
   tone: n = "default",
@@ -301,11 +301,11 @@ function tr({
   title: g,
   className: b
 }) {
-  const w = l && !!p, v = s === "pill" ? "rounded-full" : "rounded-md", h = Zt({ active: l, tone: n, shape: s, size: a, className: b }), C = /* @__PURE__ */ c($e, { children: [
+  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: [
     r,
     t,
-    o && /* @__PURE__ */ e(Q, { icon: Le, size: "xs" })
-  ] }), k = er({ shape: s, withClear: w }), P = w && /* @__PURE__ */ e(
+    o && /* @__PURE__ */ e(Z, { icon: Ie, size: "xs" })
+  ] }), k = nr({ shape: s, withClear: w }), P = w && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -315,12 +315,12 @@ function tr({
         "inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring",
         v
       ),
-      children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" })
+      children: /* @__PURE__ */ e(Z, { icon: Se, size: "xs" })
     }
   );
   return u ? /* @__PURE__ */ c("span", { className: h, title: g, children: [
     /* @__PURE__ */ e(
-      nt,
+      st,
       {
         trigger: C,
         rootClassName: "h-full",
@@ -335,13 +335,13 @@ function tr({
     P
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: g, onClick: f, className: d(h, k), children: C });
 }
-const rr = {
+const ar = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, nr = {
+}, lr = {
   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 rr = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, sr = {
+}, or = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -359,7 +359,7 @@ const rr = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, ds = ({
+}, fs = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -376,13 +376,13 @@ const rr = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    rr[r],
-    !s && nr[n],
+    ar[r],
+    !s && lr[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",
-      sr[n]
+      or[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
@@ -395,13 +395,13 @@ const rr = {
   };
   return /* @__PURE__ */ c("a", { className: g, ...b, children: [
     o,
-    f && /* @__PURE__ */ e(Et, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
+    f && /* @__PURE__ */ e(zt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, ar = {
+}, cr = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function lr({
+function ir({
   options: t,
   value: r,
   onChange: n,
@@ -438,7 +438,7 @@ function lr({
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               l && "min-w-0 flex-1",
-              ar[s],
+              cr[s],
               p ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: i.label
@@ -449,15 +449,15 @@ function lr({
     }
   );
 }
-const or = {
+const dr = {
   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"
-}, cr = {
+}, ur = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
-function st({
+function at({
   label: t,
   onClick: r,
   variant: n = "primary",
@@ -489,7 +489,7 @@ function st({
         }
       ),
       f && /* @__PURE__ */ e(
-        nt,
+        st,
         {
           placement: i,
           disabled: m,
@@ -502,14 +502,14 @@ function st({
               className: d(
                 "inline-flex items-center justify-center rounded-md rounded-l-none",
                 "transition-colors duration-fast ease-out",
-                or[n],
-                cr[s],
+                dr[n],
+                ur[s],
                 m && "cursor-not-allowed opacity-50"
               ),
-              children: /* @__PURE__ */ e(Le, { className: "size-icon-md" })
+              children: /* @__PURE__ */ e(Ie, { className: "size-icon-md" })
             }
           ),
-          children: (g) => /* @__PURE__ */ e($e, { children: l.map((b) => /* @__PURE__ */ c(
+          children: (g) => /* @__PURE__ */ e(Ee, { children: l.map((b) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -534,7 +534,7 @@ function st({
     ] })
   );
 }
-const us = ({
+const hs = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -545,9 +545,9 @@ const us = ({
   const [o, u] = B(""), [i, p] = B(a || []), [m, f] = B(l || 0), g = se(null), b = se(null), v = (i.length ? t.find((h) => h.id === i[0])?.subCommands || [] : t).filter(
     (h) => h.label.toLowerCase().includes(o.toLowerCase())
   );
-  return Z(() => {
+  return Q(() => {
     r || (u(""), p(a || []), f(l || 0));
-  }, [r, a, l]), Z(() => {
+  }, [r, a, l]), Q(() => {
     const h = (C) => {
       if (r) {
         if (C.key === "Escape")
@@ -567,12 +567,12 @@ const us = ({
       }
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [r, n, v, m, i]), Z(() => {
+  }, [r, n, v, m, i]), Q(() => {
     const h = (C) => {
       g.current && !g.current.contains(C.target) && n();
     };
     return r && document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
-  }, [r, n]), Z(() => {
+  }, [r, n]), Q(() => {
     if (!r) return;
     b.current?.querySelector(`[data-index="${m}"]`)?.scrollIntoView({ block: "nearest" });
   }, [m, r]), r ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-modal flex items-center justify-center bg-scrim", children: /* @__PURE__ */ c(
@@ -582,7 +582,7 @@ const us = ({
       ref: g,
       children: [
         /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-3 flex-shrink-0", children: [
-          /* @__PURE__ */ e(Ie, { className: "w-4 h-4 text-text-muted shrink-0" }),
+          /* @__PURE__ */ e(Oe, { className: "w-4 h-4 text-text-muted shrink-0" }),
           /* @__PURE__ */ e(
             "input",
             {
@@ -613,7 +613,7 @@ const us = ({
                   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(Oe, { className: "w-4 h-4" }) })
+                    h.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(Pe, { className: "w-4 h-4" }) })
                   ]
                 },
                 h.id
@@ -638,7 +638,13 @@ const us = ({
       ]
     }
   ) }) : null;
-}, ir = /<[a-z][\s\S]*>/i, dr = [
+}, lt = [
+  "[&_[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 = [
   "[&_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",
@@ -652,16 +658,26 @@ const us = ({
   "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
   "[&_table]:my-1.5 [&_table]:w-full [&_table]:border-collapse [&_table]:text-xs",
   "[&_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"
-].join(" "), ur = {
+  "[&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1",
+  // A mention chip is stored as a bare `data-mention-id` span, so its look lives here.
+  lt
+].join(" ");
+function hr(t, r) {
+  if (!t?.startsWith("mailto:")) return !1;
+  const n = typeof r == "string" ? r : null;
+  return n !== null && t === `mailto:${n}`;
+}
+const xr = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
-  a: (t) => /* @__PURE__ */ e(
+  a: ({ href: t, children: r, ...n }) => hr(t, r) ? /* @__PURE__ */ e(Ee, { children: r }) : /* @__PURE__ */ e(
     "a",
     {
       className: "text-accent underline underline-offset-2 hover:opacity-80",
       target: "_blank",
       rel: "noopener noreferrer",
-      ...t
+      href: t,
+      ...n,
+      children: r
     }
   ),
   strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
@@ -686,33 +702,33 @@ const us = ({
 };
 function ze({ text: t, className: r, as: n }) {
   const s = t ?? "";
-  return (n ? n === "html" : ir.test(s)) ? /* @__PURE__ */ e(
+  return (n ? n === "html" : mr.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: d("break-words", dr, r),
+      className: d("break-words", fr, r),
       dangerouslySetInnerHTML: {
-        __html: qe.sanitize(s, { ADD_ATTR: ["target", "rel"] })
+        __html: Ue.sanitize(s, { ADD_ATTR: ["target", "rel", $e] })
       }
     }
-  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(Ut, { remarkPlugins: [Vt], components: ur, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: d("break-words", r), children: /* @__PURE__ */ e(Wt, { remarkPlugins: [Gt], components: xr, children: s }) });
 }
-const mr = {
+const gr = {
   info: "text-info-fg",
   success: "text-success-fg",
   warning: "text-warning-fg",
   destructive: "text-danger-fg"
-}, fr = {
+}, br = {
   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"
-}, hr = {
+}, pr = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
 };
-function xr({ block: t }) {
+function vr({ 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 });
@@ -772,13 +788,13 @@ function xr({ 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", hr[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", 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: [
         /* @__PURE__ */ e(
           "div",
           {
             className: d(
               "text-2xl font-semibold tracking-tight",
-              r.tone ? mr[r.tone] : "text-text"
+              r.tone ? gr[r.tone] : "text-text"
             ),
             children: r.value
           }
@@ -786,7 +802,7 @@ function xr({ 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", fr[t.tone]), children: [
+      return /* @__PURE__ */ c("div", { className: d("rounded-lg border px-4 py-3", br[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" })
       ] });
@@ -794,7 +810,7 @@ function xr({ block: t }) {
       return null;
   }
 }
-function ms({ blocks: t, runtime: r = "inert", className: n }) {
+function xs({ blocks: t, runtime: r = "inert", className: n }) {
   return r !== "inert" ? /* @__PURE__ */ c(
     "div",
     {
@@ -811,11 +827,11 @@ function ms({ 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(xr, { block: s }, s.block_id ?? a)) });
+  ) : /* @__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)) });
 }
-function fs({
+function gs({
   title: t,
-  icon: r = /* @__PURE__ */ e(Tt, { className: "size-icon-md", "aria-hidden": !0 }),
+  icon: r = /* @__PURE__ */ e(At, { className: "size-icon-md", "aria-hidden": !0 }),
   action: n,
   children: s,
   className: a,
@@ -841,53 +857,53 @@ function fs({
     }
   );
 }
-const gr = 5;
-function br(t) {
+const yr = 5;
+function Nr(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 at(t) {
+function ot(t) {
   const r = (t ?? "").trim().toLowerCase();
-  return r ? br(r) % gr + 1 : 1;
+  return r ? Nr(r) % yr + 1 : 1;
 }
-const pr = {
+const wr = {
   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"
-}, vr = {
+}, kr = {
   1: "bg-cat-1",
   2: "bg-cat-2",
   3: "bg-cat-3",
   4: "bg-cat-4",
   5: "bg-cat-5"
 };
-function lt(t) {
-  return pr[at(t)];
+function ct(t) {
+  return wr[ot(t)];
 }
-function hs(t) {
-  return vr[at(t)];
+function bs(t) {
+  return kr[ot(t)];
 }
-const yr = {
+const Cr = {
   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"
-}, Nr = {
+}, Sr = {
   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 wr(t) {
+function Er(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 ot = ({
+const it = ({
   name: t,
   src: r,
   tone: n = "default",
@@ -902,8 +918,8 @@ const ot = ({
     "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" ? lt(t) : yr[n],
-    Nr[s],
+    n === "identity" ? ct(t) : Cr[n],
+    Sr[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -915,8 +931,8 @@ const ot = ({
       className: d(i, "object-cover"),
       onError: () => u(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: i, title: l ?? t, "aria-label": t, children: wr(t) });
-}, Je = "ring-surface", kr = "ring-surface-accent", xs = ({
+  ) : /* @__PURE__ */ e("span", { className: i, title: l ?? t, "aria-label": t, children: Er(t) });
+}, Ye = "ring-surface", Tr = "ring-surface-accent", ps = ({
   people: t,
   max: r = 4,
   size: n = "sm",
@@ -926,7 +942,7 @@ const ot = ({
   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(
-      ot,
+      it,
       {
         name: o.name,
         src: o.src,
@@ -934,7 +950,7 @@ const ot = ({
         title: o.name ? o.seen === !1 ? `${o.name} — nog niet gelezen` : o.name : void 0,
         className: d(
           u > 0 && "-ml-2",
-          o.owner ? kr : Je,
+          o.owner ? Tr : Ye,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -948,7 +964,7 @@ const ot = ({
           // 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",
-          Je
+          Ye
         ),
         children: [
           "+",
@@ -957,18 +973,18 @@ const ot = ({
       }
     )
   ] });
-}, Cr = {
+}, Mr = {
   neutral: "bg-surface-sunk",
   out: "bg-bubble-out-soft",
   note: "bg-note-soft",
   assistant: "bg-assistant-soft"
-}, Sr = {
+}, zr = {
   neutral: "text-text",
   out: "text-text",
   note: "text-note",
   assistant: "text-text"
 };
-function gs({
+function vs({
   avatar: t,
   title: r,
   context: n,
@@ -985,7 +1001,7 @@ function gs({
       /* @__PURE__ */ c(
         "div",
         {
-          className: d("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Cr[l]),
+          className: d("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Mr[l]),
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-baseline gap-2", children: [
               /* @__PURE__ */ e(
@@ -994,7 +1010,7 @@ function gs({
                   className: d(
                     "min-w-0 truncate text-md font-semibold",
                     !n && "flex-1",
-                    Sr[l]
+                    zr[l]
                   ),
                   children: r
                 }
@@ -1014,15 +1030,15 @@ function gs({
     u
   ] });
 }
-const bs = "hover:bg-surface-track";
-function ps({
+const ys = "hover:bg-surface-track";
+function Ns({
   name: t,
   src: r,
   tone: n = "in"
 }) {
-  return /* @__PURE__ */ e(ot, { name: t, src: r, tone: n, size: "sm" });
+  return /* @__PURE__ */ e(it, { name: t, src: r, tone: n, size: "sm" });
 }
-function vs({
+function ws({
   icon: t,
   tone: r = "neutral",
   title: n
@@ -1035,17 +1051,17 @@ function vs({
         "grid size-avatar-md shrink-0 place-items-center rounded-full",
         r === "assistant" ? "bg-assistant-soft text-assistant" : "bg-surface-track text-text-muted"
       ),
-      children: /* @__PURE__ */ e(Q, { icon: t, size: "sm", color: "current" })
+      children: /* @__PURE__ */ e(Z, { icon: t, size: "sm", color: "current" })
     }
   );
 }
-function ys({ children: t, className: r }) {
+function ks({ 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 Ns({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
-  const l = Jt(t);
+function Cs({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
+  const l = Zt(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(Q, { icon: l, size: "sm", color: "current" }),
+    l && /* @__PURE__ */ e(Z, { icon: l, size: "sm", color: "current" }),
     /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
     /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 text-text-disabled", children: "·" }),
     /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums", children: n }),
@@ -1059,49 +1075,49 @@ function Ns({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
         children: [
           a ?? "Join",
           " ",
-          /* @__PURE__ */ e(Q, { icon: rt, size: "xs" })
+          /* @__PURE__ */ e(Z, { icon: nt, size: "xs" })
         ]
       }
     )
   ] });
 }
-const Me = {
+const Ae = {
   mail: { fg: "text-channel-mail-fg", bg: "bg-channel-mail-soft" },
   wa: { fg: "text-channel-whatsapp-fg", bg: "bg-channel-whatsapp-soft" },
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, Er = {
+}, Ar = {
   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 ws({
+function Ss({
   channel: t,
   children: r,
   size: n = "md",
   className: s,
   title: a
 }) {
-  const l = t in Me ? Me[t] : void 0;
+  const l = t in Ae ? Ae[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        Er[n],
+        Ar[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 ? lt(t) : d(Me.note.fg, Me.note.bg),
+        l ? d(l.fg, l.bg) : t ? ct(t) : d(Ae.note.fg, Ae.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const ks = ({
+const Es = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -1160,7 +1176,7 @@ const ks = ({
     "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(Q, { icon: zt, size: "lg", className: "mx-auto mb-1" }),
+    /* @__PURE__ */ e(Z, { icon: Dt, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ c("div", { className: F, children: [
@@ -1178,28 +1194,28 @@ const ks = ({
     w && l && /* @__PURE__ */ e("div", { className: I, children: i || O }),
     h && o && /* @__PURE__ */ e("div", { className: I, children: p || H })
   ] });
-}, Tr = {
+}, Dr = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function Cs({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function Ts({ 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", Tr[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: d("text-2xl font-semibold", Dr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const zr = {
+const _r = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, Mr = {
+}, $r = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, Ar = {
+}, Lr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -1226,7 +1242,7 @@ const zr = {
     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", Mr[s]), children: [
+      /* @__PURE__ */ c("div", { className: d("flex items-center gap-3", $r[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -1243,7 +1259,7 @@ const zr = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              zr[s],
+              _r[s],
               b ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -1258,7 +1274,7 @@ const zr = {
               className: d(
                 "cursor-pointer",
                 b ? "text-danger-fg" : "text-text",
-                Ar[s],
+                Lr[s],
                 o
               ),
               children: t
@@ -1272,7 +1288,7 @@ const zr = {
   }
 );
 we.displayName = "Checkbox";
-function Ss({
+function Ms({
   icon: t,
   onClick: r,
   children: n
@@ -1295,7 +1311,7 @@ function Ss({
     }
   );
 }
-function Es({
+function zs({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -1337,9 +1353,9 @@ function Es({
     S.preventDefault();
     const q = X.indexOf(document.activeElement), N = S.key === "Home" ? 0 : S.key === "End" ? X.length - 1 : S.key === "ArrowDown" ? (q + 1) % X.length : (q - 1 + X.length) % X.length;
     X[N]?.focus();
-  }, $ = (S, z) => r ? r(S, z) : z, T = (S) => k.includes(S), L = (S, z) => {
-    P && P(z ? [...k, S] : k.filter((X) => X !== S));
-  }, M = (S) => P?.(S ? [...t] : []), ce = d(
+  }, $ = (S, M) => r ? r(S, M) : M, T = (S) => k.includes(S), L = (S, M) => {
+    P && P(M ? [...k, S] : k.filter((X) => X !== S));
+  }, z = (S) => P?.(S ? [...t] : []), ce = d(
     "flex flex-col",
     // With a selection open the list has a dock at its foot. Sticky can only
     // park at the bottom of its own box, so on a list shorter than the window
@@ -1352,12 +1368,12 @@ function Es({
     U
   );
   if (O)
-    return /* @__PURE__ */ e("div", { className: ce, children: Array.from({ length: H }).map((S, z) => /* @__PURE__ */ c(
+    return /* @__PURE__ */ e("div", { className: ce, children: Array.from({ length: H }).map((S, M) => /* @__PURE__ */ c(
       "div",
       {
         className: d(
           "flex animate-pulse items-center gap-3 px-4 py-2",
-          n === "divided" && z > 0 && "border-t border-border-subtle"
+          n === "divided" && M > 0 && "border-t border-border-subtle"
         ),
         children: [
           /* @__PURE__ */ e("span", { className: "size-tile-sm shrink-0 rounded-md bg-surface-hover" }),
@@ -1366,12 +1382,12 @@ function Es({
           /* @__PURE__ */ e("span", { className: "h-3 w-8 shrink-0 rounded-sm bg-surface-hover" })
         ]
       },
-      `skeleton-${z}`
+      `skeleton-${M}`
     )) });
   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, z, X) => {
-    const q = i?.(S, z) ?? !1, N = p?.(S, z) ?? !1, R = m?.(S, z) ?? !1, re = C && T(S);
+  const ie = t.length > 0 && k.length === t.length, G = k.length > 0 && !ie, K = (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",
       {
@@ -1380,10 +1396,10 @@ function Es({
           tabIndex: 0,
           "data-list-row": "",
           "aria-current": q || void 0,
-          onClick: () => o(S, z),
-          onFocus: () => u?.(z),
+          onClick: () => o(S, M),
+          onFocus: () => u?.(M),
           onKeyDown: (oe) => {
-            oe.key !== "Enter" && oe.key !== " " || (oe.preventDefault(), o(S, z));
+            oe.key !== "Enter" && oe.key !== " " || (oe.preventDefault(), o(S, M));
           }
         } : {},
         className: d(
@@ -1417,12 +1433,12 @@ function Es({
               className: "mt-2 size-1.5 shrink-0 self-start rounded-full bg-border-strong"
             }
           ),
-          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(S, z) }),
-          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(S, z) : String(S) }),
-          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(S, z) })
+          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(S, M) }),
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(S, M) : String(S) }),
+          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(S, M) })
         ]
       },
-      $(S, z)
+      $(S, M)
     );
   }, j = (() => {
     if (!f)
@@ -1432,10 +1448,10 @@ function Es({
       const R = f(q, N);
       S.has(R) || S.set(R, []), S.get(R)?.push({ item: q, index: N });
     });
-    const z = g ?? [];
+    const M = g ?? [];
     return [
-      ...z.filter((q) => S.has(q.id)),
-      ...[...S.keys()].filter((q) => !z.some((N) => N.id === q)).map((q) => ({ id: q }))
+      ...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(
         "li",
@@ -1456,9 +1472,9 @@ function Es({
           children: b ? b(
             q,
             R.map((he) => he.item)
-          ) : /* @__PURE__ */ c($e, { children: [
+          ) : /* @__PURE__ */ c(Ee, { children: [
             v && /* @__PURE__ */ e(
-              Oe,
+              Pe,
               {
                 "aria-hidden": !0,
                 className: d(
@@ -1484,7 +1500,7 @@ function Es({
       );
       return re ? [ye] : [
         ye,
-        ...R.map(({ item: he, index: xe }, Pe) => K(he, xe, Pe === 0))
+        ...R.map(({ item: he, index: xe }, je) => K(he, xe, je === 0))
       ];
     });
   })();
@@ -1505,7 +1521,7 @@ function Es({
             {
               checked: ie,
               indeterminate: G,
-              onChange: (S) => M(S.target.checked),
+              onChange: (S) => z(S.target.checked),
               "aria-label": "Alles selecteren"
             }
           ) }),
@@ -1535,7 +1551,7 @@ function Es({
     ] }) })
   ] });
 }
-function Ts({
+function As({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -1568,7 +1584,7 @@ function Ts({
     }
   );
 }
-function zs({ icon: t, label: r, unset: n, className: s }) {
+function Ds({ icon: t, label: r, unset: n, className: s }) {
   return /* @__PURE__ */ c(
     "span",
     {
@@ -1584,11 +1600,11 @@ function zs({ icon: t, label: r, unset: n, className: s }) {
     }
   );
 }
-function Ms() {
+function _s() {
   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 Dr({
+function Ir({
   shape: t,
   rows: r,
   columns: n
@@ -1655,7 +1671,7 @@ function Dr({
       ] });
   }
 }
-const _r = {
+const Or = {
   text: 2,
   table: 8,
   list: 6,
@@ -1663,7 +1679,7 @@ const _r = {
   menu: 4,
   cards: 2
 };
-function Ue({
+function Ve({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -1674,10 +1690,10 @@ function Ue({
   tableColumns: u,
   tableRows: i
 }) {
-  const p = r ?? (o ? "table" : "text"), m = n ?? i ?? _r[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(Dr, { shape: p, rows: m, columns: f }) });
+  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 }) });
   return t === "inline" ? g : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: g });
 }
-const $r = ({
+const Pr = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -1692,9 +1708,9 @@ const $r = ({
   onTitleChange: f
 }) => {
   const [g, b] = B(!1), [w, v] = B(r), h = se(null);
-  Z(() => {
+  Q(() => {
     v(r);
-  }, [r]), Z(() => {
+  }, [r]), Q(() => {
     g && h.current && (h.current.focus(), h.current.select());
   }, [g]);
   const C = () => {
@@ -1726,7 +1742,7 @@ const $r = ({
               {
                 variant: "ghost",
                 onClick: p,
-                leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "md" }),
+                leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "md" }),
                 iconOnly: !0
               }
             ),
@@ -1757,7 +1773,7 @@ const $r = ({
                 ),
                 n && /* @__PURE__ */ e("span", { className: "shrink-0 text-base text-text-muted truncate", children: n }),
                 m && /* @__PURE__ */ e(
-                  Mt,
+                  _t,
                   {
                     size: 15,
                     onClick: C,
@@ -1783,7 +1799,7 @@ const $r = ({
           ] }) }),
           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(
-              st,
+              at,
               {
                 label: D.label,
                 onClick: D.onClick,
@@ -1812,11 +1828,11 @@ const $r = ({
       ]
     }
   );
-}, Lr = {
+}, jr = {
   none: "",
   sm: "px-3 pb-3 pt-1",
   md: "px-5 pb-5 pt-1.5"
-}, As = ({
+}, $s = ({
   title: t,
   subtitle: r,
   meta: n,
@@ -1835,7 +1851,7 @@ const $r = ({
   contentClassName: v,
   children: h
 }) => {
-  const C = p ? /* @__PURE__ */ e(Ue, { 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(Ve, { 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",
     {
@@ -1849,7 +1865,7 @@ const $r = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          $r,
+          Pr,
           {
             surface: u,
             title: t,
@@ -1868,7 +1884,7 @@ const $r = ({
           {
             className: d(
               b && "min-h-0 flex-1 overflow-y-auto",
-              Lr[g],
+              jr[g],
               v
             ),
             children: C
@@ -1883,7 +1899,7 @@ const $r = ({
   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(
-    st,
+    at,
     {
       label: s.label,
       onClick: s.onClick,
@@ -1906,32 +1922,32 @@ const $r = ({
     },
     s.id
   )
-) }), Ir = {
+) }), Rr = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, Ds = ({
+}, Ls = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", Ir[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: d("flex items-center gap-2", Rr[a], s), children: [
   r && /* @__PURE__ */ e(
     ae,
     {
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "sm" }),
       iconOnly: !0
     }
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(ke, { actions: t, className: d(!l && "ml-auto") })
-] }), _s = ({
+] }), Is = ({
   label: t,
   meta: r,
   action: n,
@@ -1941,7 +1957,7 @@ const $r = ({
   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 $s({
+function Os({
   label: t,
   trailing: r,
   align: n = "center",
@@ -1955,11 +1971,11 @@ function $s({
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const ct = tt(null), Ls = ct.Provider;
-function Or() {
-  return wt(ct);
+const dt = rt(null), Ps = dt.Provider;
+function Fr() {
+  return St(dt);
 }
-function Is() {
+function js() {
   const [t, r] = B(null), n = ge(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
@@ -1968,13 +1984,13 @@ function Is() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const Pr = {
+const Br = {
   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"
-}, Os = ({
+}, Rs = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -1988,7 +2004,7 @@ const Pr = {
   className: m,
   contentClassName: f
 }) => {
-  const g = Or(), b = Nt(), w = se(a);
+  const g = Fr(), b = Ct(), w = se(a);
   w.current = a;
   const v = !!a, h = se(r);
   h.current = r;
@@ -2011,7 +2027,7 @@ const Pr = {
       secondaryActions: C.current.map(F("secondary"))
     };
   }, [P]);
-  Z(() => {
+  Q(() => {
     if (g && !(!v && !o && !D))
       return g.setTrail(b, {
         title: o,
@@ -2036,7 +2052,7 @@ const Pr = {
             variant: "ghost",
             onClick: () => w.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(Z, { icon: Te, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -2046,7 +2062,7 @@ const Pr = {
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: d("flex-1", Pr[p], f), children: u ? /* @__PURE__ */ e(Ue, { variant: "inline", shape: i }) : t }),
+      /* @__PURE__ */ e("div", { className: d("flex-1", Br[p], f), children: u ? /* @__PURE__ */ e(Ve, { 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" })
@@ -2054,7 +2070,7 @@ const Pr = {
     ] })
   );
 };
-function Ps({
+function Fs({
   label: t,
   description: r,
   control: n,
@@ -2081,7 +2097,7 @@ function Ps({
     }
   );
 }
-function js({
+function Bs({
   icon: t,
   title: r,
   description: n,
@@ -2091,7 +2107,7 @@ function js({
 }) {
   return /* @__PURE__ */ c("section", { className: d("flex flex-col gap-2", l), children: [
     /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-      t && /* @__PURE__ */ e(Q, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
+      t && /* @__PURE__ */ e(Z, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
       /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-text", children: r }),
         n && /* @__PURE__ */ e("p", { className: "text-xs text-text-muted", children: n })
@@ -2101,7 +2117,7 @@ function js({
     /* @__PURE__ */ e("div", { className: d("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Rs({ label: t, dotColor: r, onClick: n, className: s }) {
+function Hs({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -2121,12 +2137,12 @@ function Rs({ label: t, dotColor: r, onClick: n, className: s }) {
           }
         ),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(Q, { icon: rt, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Z, { icon: nt, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }), Rr = () => /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" }), Fr = () => /* @__PURE__ */ e(Q, { icon: Oe, size: "md", color: "current" }), Be = be(
+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(
   ({
     value: t,
     onChange: r,
@@ -2140,8 +2156,8 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }
     format: p = "MM/dd/yyyy",
     withTime: m = !1
   }, f) => {
-    const [g, b] = B(!1), [w, v] = B(() => t || /* @__PURE__ */ new Date()), h = se(null), C = se(null), k = Te(g, C);
-    Z(() => {
+    const [g, b] = B(!1), [w, v] = B(() => t || /* @__PURE__ */ new Date()), h = se(null), C = se(null), k = Me(g, C);
+    Q(() => {
       const y = (x) => {
         h.current && !h.current.contains(x.target) && b(!1);
       };
@@ -2162,7 +2178,7 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }
       const y = w.getFullYear(), x = w.getMonth(), E = new Date(y, x, 1), $ = new Date(E);
       $.setDate($.getDate() - E.getDay());
       const T = [], L = new Date($);
-      for (let M = 0; M < 42; M++)
+      for (let z = 0; z < 42; z++)
         T.push(new Date(L)), L.setDate(L.getDate() + 1);
       return T;
     }, _ = (y) => {
@@ -2230,7 +2246,7 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, 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(jr, {})
+            children: /* @__PURE__ */ e(Hr, {})
           }
         )
       ] }),
@@ -2241,13 +2257,13 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, 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(Rr, {}) }),
+              /* @__PURE__ */ e("button", { onClick: I, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(qr, {}) }),
               /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
                 W[w.getMonth()],
                 " ",
                 w.getFullYear()
               ] }),
-              /* @__PURE__ */ e("button", { onClick: O, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Fr, {}) })
+              /* @__PURE__ */ e("button", { onClick: O, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Ur, {}) })
             ] }),
             /* @__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) => {
@@ -2297,7 +2313,7 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }
       )
     ] });
   }
-), it = be(
+), ut = be(
   ({
     value: t,
     onValueChange: r,
@@ -2322,7 +2338,7 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }
         l
       ),
       children: [
-        /* @__PURE__ */ e(Q, { icon: Ie, size: "md", color: "current", className: "shrink-0" }),
+        /* @__PURE__ */ e(Z, { icon: Oe, size: "md", color: "current", className: "shrink-0" }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -2354,15 +2370,15 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }
             "aria-label": a,
             onClick: () => r(""),
             className: "grid size-4 shrink-0 cursor-pointer place-items-center rounded-xs text-text-subtle transition-colors duration-fast ease-out hover:text-text focus-visible:outline-none focus-visible:focus-ring",
-            children: /* @__PURE__ */ e(Q, { icon: Se, size: "sm", color: "current" })
+            children: /* @__PURE__ */ e(Z, { icon: Se, size: "sm", color: "current" })
           }
         ) : n && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: n })
       ]
     }
   )
 );
-it.displayName = "SearchField";
-const Br = ({
+ut.displayName = "SearchField";
+const Vr = ({
   trigger: t,
   options: r,
   value: n,
@@ -2373,12 +2389,12 @@ const Br = ({
   showCheck: u = !0,
   header: i
 }) => {
-  const [p, m] = B(!1), [f, g] = B(null), [b, w] = B({ top: 0, left: 0 }), v = se(null), h = se(null), C = se(null), k = se(null), P = Te(p, h, { placement: a }), D = se(null), Y = () => Array.from(
+  const [p, m] = B(!1), [f, g] = B(null), [b, w] = B({ top: 0, left: 0 }), v = se(null), h = se(null), C = se(null), k = se(null), P = Me(p, h, { placement: a }), D = se(null), Y = () => Array.from(
     k.current?.querySelectorAll(
       "button[data-option-value]:not(:disabled)"
     ) ?? []
   );
-  Z(() => {
+  Q(() => {
     p && Y()[0]?.focus();
   }, [p, Y]);
   const F = (y) => {
@@ -2389,21 +2405,21 @@ const Br = ({
     const $ = E.indexOf(document.activeElement), T = y.key === "Home" ? 0 : y.key === "End" ? E.length - 1 : y.key === "ArrowDown" ? ($ + 1) % E.length : ($ - 1 + E.length) % E.length;
     E[T]?.focus();
   };
-  Z(() => {
+  Q(() => {
     const y = (x) => {
       v.current && (!v.current.contains(x.target) || C.current && !C.current.contains(x.target)) && (m(!1), g(null), D.current && (clearTimeout(D.current), D.current = null));
     };
     return p && document.addEventListener("mousedown", y), () => {
       document.removeEventListener("mousedown", y);
     };
-  }, [p]), Z(() => {
+  }, [p]), Q(() => {
     const y = (x) => {
       x.key === "Escape" && (m(!1), g(null), h.current?.focus(), D.current && (clearTimeout(D.current), D.current = null));
     };
     return p && document.addEventListener("keydown", y), () => {
       document.removeEventListener("keydown", y);
     };
-  }, [p]), Z(() => {
+  }, [p]), Q(() => {
     if (f && v.current) {
       const y = v.current.querySelector(
         `[data-option-value="${f}"]`
@@ -2416,7 +2432,7 @@ const Br = ({
         });
       }
     }
-  }, [f]), Z(() => () => {
+  }, [f]), Q(() => () => {
     D.current && clearTimeout(D.current);
   }, []);
   const _ = (y) => {
@@ -2501,7 +2517,7 @@ const Br = ({
                           ] })
                         ] }),
                         /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
-                          u && n === y.value && /* @__PURE__ */ e(Ke, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
+                          u && n === y.value && /* @__PURE__ */ e(We, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
                           E && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
                         ] })
                       ]
@@ -2533,7 +2549,7 @@ const Br = ({
                             },
                             `divider-${L}`
                           );
-                        const M = typeof n == "object" && n[y.value] && n[y.value].includes(T.value) || n === T.value;
+                        const z = typeof n == "object" && n[y.value] && n[y.value].includes(T.value) || n === T.value;
                         return /* @__PURE__ */ c(
                           "button",
                           {
@@ -2553,8 +2569,8 @@ const Br = ({
                                   T.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: T.description })
                                 ] })
                               ] }),
-                              u && M && /* @__PURE__ */ e(
-                                Ke,
+                              u && z && /* @__PURE__ */ e(
+                                We,
                                 {
                                   className: "size-icon-md shrink-0 text-success-fg",
                                   "aria-hidden": !0
@@ -2586,29 +2602,29 @@ const Br = ({
       ]
     }
   );
-}, Fs = (t) => (r) => t(r instanceof Date ? r : null), Bs = (t) => (r) => t(typeof r == "string" ? r : ""), Hs = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Hr = {
+}, 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 = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
   lg: "px-5"
-}, qr = {
+}, Wr = {
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, Ur = 8, Ye = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
-function Vr(t, r) {
+}, Gr = 8, Xe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+function Jr(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 Kr = (t) => {
+const Yr = (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(
-      Be,
+      He,
       {
         value: t.value,
         onChange: (u) => t.onChange(u),
@@ -2625,7 +2641,7 @@ const Kr = (t) => {
     );
   }, l = r.length > 0;
   return /* @__PURE__ */ e(
-    tr,
+    sr,
     {
       tone: "outline",
       caret: !0,
@@ -2655,7 +2671,7 @@ const Kr = (t) => {
       )) })
     }
   );
-}, Xe = ({
+}, Ze = ({
   data: t,
   columns: r,
   loading: n = !1,
@@ -2688,7 +2704,7 @@ const Kr = (t) => {
   const [te, W] = B(""), y = l !== void 0, x = y ? l : te, E = o ?? W, [$, T] = B({
     column: null,
     direction: null
-  }), [L, M] = B({
+  }), [L, z] = B({
     page: 0,
     pageSize: b
   }), ce = se(null), ie = ge(() => {
@@ -2719,8 +2735,8 @@ const Kr = (t) => {
     },
     [r]
   ), S = de((A) => {
-    M((J) => ({ ...J, page: A }));
-  }, []), z = de(
+    z((J) => ({ ...J, page: A }));
+  }, []), M = de(
     (A, J) => {
       if (!k) return;
       const ne = P(A, 0);
@@ -2733,10 +2749,10 @@ const Kr = (t) => {
     },
     [K, k]
   );
-  Z(() => {
-    M((A) => ({ ...A, page: 0 }));
-  }, []), Z(() => {
-    M((A) => ({ ...A, page: 0 }));
+  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 J = P(A, 0);
@@ -2744,7 +2760,7 @@ const Kr = (t) => {
   }), pe = K.some((A) => {
     const J = P(A, 0);
     return C.some((ne, ue) => P(ne, ue) === J);
-  }), ye = Hr[I], he = U ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), Pe = s || u.length > 0 || i.length > 0 || !!p, gt = ge(() => {
+  }), 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 }));
     if (!m) return [{ group: null, rows: A }];
     const J = /* @__PURE__ */ new Map();
@@ -2757,11 +2773,11 @@ const Kr = (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]), bt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ve = g && q > 0, pt = Ve || Y !== void 0;
+  }, [K, m, f]), yt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ke = g && q > 0, Nt = Ke || Y !== void 0;
   return /* @__PURE__ */ c("div", { className: d("flex min-w-0 flex-col", O), children: [
-    Pe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
+    je && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
-        it,
+        ut,
         {
           value: x,
           onValueChange: E,
@@ -2769,7 +2785,7 @@ const Kr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((A) => /* @__PURE__ */ e(Kr, { ...A }, A.id)),
+      u.map((A) => /* @__PURE__ */ e(Yr, { ...A }, A.id)),
       p,
       i.length > 0 && /* @__PURE__ */ e(ke, { actions: i, className: "ml-auto" })
     ] }),
@@ -2806,9 +2822,9 @@ const Kr = (t) => {
             children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
               A.headerCell ? A.headerCell() : A.header,
               A.sortable && /* @__PURE__ */ e(
-                Q,
+                Z,
                 {
-                  icon: $.column === A.id && $.direction === "desc" ? Le : Dt,
+                  icon: $.column === A.id && $.direction === "desc" ? Ie : Lt,
                   size: "xs",
                   className: d(
                     "transition-opacity duration-fast ease-out",
@@ -2822,7 +2838,7 @@ const Kr = (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: Ur }).map((A, J) => /* @__PURE__ */ c(
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Gr }).map((A, J) => /* @__PURE__ */ c(
         "tr",
         {
           className: "animate-pulse border-t border-border-subtle",
@@ -2839,7 +2855,7 @@ const Kr = (t) => {
                   {
                     className: "block h-3 rounded-xs bg-surface-hover",
                     style: {
-                      width: Ye[(J + ue) % Ye.length]
+                      width: Xe[(J + ue) % Xe.length]
                     }
                   }
                 )
@@ -2860,12 +2876,12 @@ const Kr = (t) => {
           ),
           children: D || "No data available"
         }
-      ) }) : gt.flatMap((A) => [
+      ) }) : vt.flatMap((A) => [
         ...A.group ? [
           /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
             "td",
             {
-              colSpan: bt,
+              colSpan: yt,
               className: d(
                 // A caption over its rows, not a second column strip:
                 // same surface as the rows, no rules, count on the right.
@@ -2887,7 +2903,7 @@ const Kr = (t) => {
             "tr",
             {
               className: d(
-                qr[F],
+                Wr[F],
                 // Hairline above every row, including the first: it is
                 // what separates the body from the column strip.
                 "border-t border-border-subtle",
@@ -2907,7 +2923,7 @@ const Kr = (t) => {
                     checked: ee,
                     onClick: (V) => V.stopPropagation(),
                     onChange: (V) => {
-                      V.stopPropagation(), z(J, V.target.checked);
+                      V.stopPropagation(), M(J, V.target.checked);
                     },
                     "aria-label": "Select row"
                   }
@@ -2930,10 +2946,10 @@ const Kr = (t) => {
                   );
                 }),
                 w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
-                  Br,
+                  Vr,
                   {
                     className: "rounded-md",
-                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Q, { icon: _t, size: "md", color: "current" }) }),
+                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Z, { icon: It, size: "md", color: "current" }) }),
                     options: w.map((V) => ({
                       value: V.id,
                       label: V.label,
@@ -2941,7 +2957,7 @@ const Kr = (t) => {
                       disabled: V.disabled?.(J)
                     })),
                     onSelect: (V) => {
-                      const ve = w.find((vt) => vt.id === V);
+                      const ve = w.find((wt) => wt.id === V);
                       ve && ve.onClick(J, ne);
                     },
                     placement: "bottom-end"
@@ -2954,9 +2970,9 @@ const Kr = (t) => {
         })
       ]) })
     ] }) }),
-    pt && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-3 px-1 pt-3 text-xs text-text-muted", children: [
+    Nt && /* @__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}` }),
-      Ve && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
+      Ke && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           ae,
           {
@@ -2966,10 +2982,10 @@ const Kr = (t) => {
             "aria-label": "Previous page",
             onClick: () => S(L.page - 1),
             disabled: L.page === 0,
-            children: /* @__PURE__ */ e(Q, { icon: Ee, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(Z, { icon: Te, size: "md", color: "current" })
           }
         ),
-        Vr(L.page, N).map(
+        Jr(L.page, N).map(
           (A, J) => A === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${J}`) : /* @__PURE__ */ e(
             "button",
             {
@@ -2996,13 +3012,13 @@ const Kr = (t) => {
             "aria-label": "Next page",
             onClick: () => S(L.page + 1),
             disabled: L.page >= N - 1,
-            children: /* @__PURE__ */ e(Q, { icon: Oe, size: "md", color: "current" })
+            children: /* @__PURE__ */ e(Z, { icon: Pe, size: "md", color: "current" })
           }
         )
       ] })
     ] })
   ] });
-}, Wr = {
+}, Xr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3012,11 +3028,11 @@ const Kr = (t) => {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, Gr = {
+}, Zr = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, Jr = {
+}, Qr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3026,7 +3042,7 @@ const Kr = (t) => {
   info: "bg-info",
   note: "bg-note"
 };
-function Yr({
+function en({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3042,13 +3058,13 @@ function Yr({
     {
       className: d(
         "inline-flex items-center font-medium rounded-full",
-        Wr[t],
-        Gr[r],
+        Xr[t],
+        Zr[r],
         o
       ),
       ...i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: d("w-2 h-2 rounded-full mr-1.5", Jr[t]) }),
+        n && /* @__PURE__ */ e("span", { className: d("w-2 h-2 rounded-full mr-1.5", Qr[t]) }),
         s && /* @__PURE__ */ e("span", { className: d("flex-shrink-0", u && "mr-1"), children: s }),
         u,
         a && l && /* @__PURE__ */ e(
@@ -3057,14 +3073,14 @@ function Yr({
             onClick: l,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs", color: "current" })
+            children: /* @__PURE__ */ e(Z, { icon: Se, size: "xs", color: "current" })
           }
         )
       ]
     }
   );
 }
-function Xr(t) {
+function tn(t) {
   const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: u, sortable: i, align: p } = t;
   return {
     id: r,
@@ -3072,14 +3088,14 @@ function Xr(t) {
     accessor: (m) => a(s(m), m),
     cell: (m, f) => {
       const g = s(f);
-      return o && !o(g, f) ? null : /* @__PURE__ */ e(Yr, { variant: l ? l(g, f) : "default", size: "sm", children: a(g, f) });
+      return o && !o(g, f) ? null : /* @__PURE__ */ e(en, { variant: l ? l(g, f) : "default", size: "sm", children: a(g, f) });
     },
     width: u,
     sortable: i,
     align: p
   };
 }
-function qs(t) {
+function Ks(t) {
   const {
     id: r,
     header: n,
@@ -3091,7 +3107,7 @@ function qs(t) {
     width: i,
     sortable: p
   } = t;
-  return Xr({
+  return tn({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -3101,7 +3117,7 @@ function qs(t) {
     sortable: p
   });
 }
-function Us(t) {
+function Ws(t) {
   const {
     id: r,
     header: n,
@@ -3125,19 +3141,19 @@ function Us(t) {
     sortable: p
   };
 }
-const Qr = {
+const rn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, Zr = {
+}, nn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, en = {
+}, sn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -3148,12 +3164,12 @@ const Qr = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, tn = {
+}, an = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, rn = {
+}, ln = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -3172,20 +3188,20 @@ const Qr = {
   children: f,
   ...g
 }) => {
-  const b = p || nn(t), w = t === "caption", v = t === "label", h = t === "code", C = d(
+  const b = p || on(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 && Qr[r],
+    !w && !v && !h && rn[r],
     // Weight — label owns its weight
-    !v && Zr[n],
-    en[s],
-    tn[a],
+    !v && nn[n],
+    sn[s],
+    an[a],
     // Line height only overrides the body variant
-    t === "body" && rn[i],
+    t === "body" && ln[i],
     o && "italic",
     u && "underline",
     l && "truncate",
@@ -3193,7 +3209,7 @@ const Qr = {
   );
   return /* @__PURE__ */ e(b, { className: C, ...g, children: f });
 };
-function nn(t) {
+function on(t) {
   return {
     body: "p",
     caption: "span",
@@ -3201,13 +3217,13 @@ function nn(t) {
     code: "code"
   }[t] || "p";
 }
-function sn(t, r) {
+function cn(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Vs = ({
+const Gs = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -3230,7 +3246,7 @@ const Vs = ({
     return g ? g.label : String(m || "-");
   }, u = de(
     (m) => {
-      const f = sn(r, m.name);
+      const f = cn(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: [
@@ -3373,7 +3389,7 @@ const Vs = ({
   );
   return /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(i) }) });
 };
-class Ks extends kt {
+class Js extends Et {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -3401,8 +3417,8 @@ class Ks extends kt {
     ] }) : this.props.children;
   }
 }
-const Re = /* @__PURE__ */ new Map();
-function Ws({
+const Fe = /* @__PURE__ */ new Map();
+function Ys({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -3412,14 +3428,14 @@ function Ws({
   className: o
 }) {
   const u = se(null), [i, p] = B(null), [, m] = B(0), f = se(null), g = se(r);
-  g.current = r, Z(() => {
-    if (Re.has(t)) return;
+  g.current = r, Q(() => {
+    if (Fe.has(t)) return;
     let C = !0;
     return (async () => {
       try {
         const P = await g.current();
         if (!C) return;
-        Re.set(t, P), m((D) => D + 1);
+        Fe.set(t, P), m((D) => D + 1);
       } catch (P) {
         console.error(`[FederatedResource] Load failed: ${t}`, P), C && p(t);
       }
@@ -3427,8 +3443,8 @@ function Ws({
       C = !1;
     };
   }, [t]);
-  const b = Re.get(t) ?? null, w = !b && i === t, v = !b && !w, h = b ? n === "react" && (b.component || b.default) || b : null;
-  return Z(() => {
+  const b = Fe.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;
     if (C) {
@@ -3443,7 +3459,7 @@ function Ws({
         };
       }
     }
-  }, [h, n, l]), Z(() => {
+  }, [h, n, l]), Q(() => {
     n === "svelte" && f.current && f.current.$set?.(l);
   }, [l, n]), /* @__PURE__ */ c("div", { ref: u, className: o, style: { display: "contents" }, children: [
     v && s,
@@ -3451,11 +3467,11 @@ function Ws({
     n === "react" && h && /* @__PURE__ */ e(h, { ...l })
   ] });
 }
-const an = {
+const dn = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Gs({
+function Xs({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3480,7 +3496,7 @@ function Gs({
           {
             className: d(
               "flex size-disc items-center justify-center rounded-full text-2xl",
-              an[r]
+              dn[r]
             ),
             children: t
           }
@@ -3492,7 +3508,7 @@ function Gs({
     }
   );
 }
-function Js({ children: t, className: r, ...n }) {
+function Zs({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3505,14 +3521,14 @@ function Js({ children: t, className: r, ...n }) {
     }
   );
 }
-const ln = {
+const un = {
   sm: "h-1",
   md: "h-1.5"
-}, on = {
+}, mn = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function Ys({
+function Qs({
   value: t,
   variant: r = "accent",
   size: n = "md",
@@ -3529,7 +3545,7 @@ function Ys({
       "aria-valuemax": 100,
       className: d(
         "w-full overflow-hidden rounded-full bg-surface-hover",
-        ln[n],
+        un[n],
         s
       ),
       ...a,
@@ -3538,7 +3554,7 @@ function Ys({
         {
           className: d(
             "h-full rounded-full transition-[width] duration-300 ease-out",
-            on[r]
+            mn[r]
           ),
           style: { width: `${l}%` }
         }
@@ -3546,25 +3562,25 @@ function Ys({
     }
   );
 }
-const cn = {
+const fn = {
   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"
-}, dn = {
+}, hn = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, un = {
+}, xn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function Xs({
+function ea({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3581,7 +3597,7 @@ function Xs({
         /* @__PURE__ */ c(
           "svg",
           {
-            className: d("animate-spin", cn[t], dn[r]),
+            className: d("animate-spin", fn[t], hn[r]),
             fill: "none",
             viewBox: "0 0 24 24",
             "aria-hidden": !s,
@@ -3609,13 +3625,13 @@ function Xs({
             ]
           }
         ),
-        s && /* @__PURE__ */ e("span", { className: d("text-text-muted", un[t]), children: n }),
+        s && /* @__PURE__ */ e("span", { className: d("text-text-muted", xn[t]), children: n }),
         !s && /* @__PURE__ */ e("span", { className: "sr-only", children: n })
       ]
     }
   );
 }
-const mn = {
+const gn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3629,7 +3645,7 @@ const mn = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function Qs({
+function ta({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3645,14 +3661,14 @@ function Qs({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        mn[t],
+        gn[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function Zs({
+function ra({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3692,7 +3708,7 @@ function Zs({
     i < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-const fn = /* @__PURE__ */ new Set([
+const bn = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3727,7 +3743,7 @@ const fn = /* @__PURE__ */ new Set([
   "one-time-code"
 ]);
 function Qe(t) {
-  return t && fn.has(t) ? { autoComplete: t } : {
+  return t && bn.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -3739,12 +3755,12 @@ function Qe(t) {
     "data-form-type": "other"
   };
 }
-const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCase(), xn = {
+const _e = (t) => t == null ? "" : String(t), pn = (t) => _e(t).trim().toLowerCase(), vn = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-sm"
-}, Ae = hn, _e = be(
+}, De = pn, Le = be(
   ({
     label: t,
     helperText: r,
@@ -3766,7 +3782,7 @@ const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCa
     onCreateOption: C,
     ...k
   }, P) => {
-    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, [F, _] = le.useState(!1), [I, O] = le.useState(""), H = le.useRef(null), U = le.useRef(null), te = Te(F, U, { matchWidth: !0 }), [W, y] = le.useState(o);
+    const D = f || `select-${Math.random().toString(36).substr(2, 9)}`, Y = !!n, [F, _] = le.useState(!1), [I, O] = le.useState(""), H = le.useRef(null), U = le.useRef(null), te = Me(F, U, { matchWidth: !0 }), [W, y] = le.useState(o);
     le.useImperativeHandle(P, () => H.current), le.useEffect(() => {
       const j = (S) => {
         H.current && !H.current.contains(S.target) && _(!1);
@@ -3774,50 +3790,50 @@ const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCa
       return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
     }, []);
     const x = le.useCallback(
-      (j, S) => j.some((z) => Ae(z.value) === Ae(S) || Ae(z.label) === Ae(S)),
+      (j, S) => j.some((M) => De(M.value) === De(S) || De(M.label) === De(S)),
       []
     ), E = le.useCallback(
       (j, S) => {
-        const z = [...j], X = (q) => {
-          const N = De(q).trim();
-          N && (x(z, N) || z.push({ value: N, label: N }));
+        const M = [...j], X = (q) => {
+          const N = _e(q).trim();
+          N && (x(M, N) || M.push({ value: N, label: N }));
         };
-        return Array.isArray(S) ? S.forEach(X) : X(S), z;
+        return Array.isArray(S) ? S.forEach(X) : X(S), M;
       },
       [x]
     );
     le.useEffect(() => {
       y((j) => {
         const S = [...o];
-        return j.forEach((z) => {
-          !x(S, z.value) && !x(S, z.label) && S.push(z);
+        return j.forEach((M) => {
+          !x(S, M.value) && !x(S, M.label) && S.push(M);
         }), E(S, w);
       });
     }, [o, w, E, x]);
     const $ = le.useMemo(
-      () => Array.isArray(w) ? w.map(De) : w == null ? void 0 : De(w),
+      () => Array.isArray(w) ? w.map(_e) : w == null ? void 0 : _e(w),
       [w]
     ), T = (j) => {
       if (b) {
-        const S = Array.isArray($) ? $ : [], z = S.includes(j) ? S.filter((X) => X !== j) : [...S, j];
-        v?.(z);
+        const S = Array.isArray($) ? $ : [], M = S.includes(j) ? S.filter((X) => X !== j) : [...S, j];
+        v?.(M);
       } else
         v?.(j), _(!1), O("");
-    }, L = b ? null : W.find((j) => j.value === $), M = b ? W.filter((j) => Array.isArray($) && $.includes(j.value)) : [], ce = g && I ? W.filter(
+    }, L = b ? null : W.find((j) => j.value === $), z = b ? W.filter((j) => Array.isArray($) && $.includes(j.value)) : [], ce = g && I ? W.filter(
       (j) => j.label.toLowerCase().includes(I.toLowerCase())
     ) : W, ie = !!h && !!g && !!I.trim() && !x(W, I), G = (j) => {
       const S = j.trim();
       if (!S) return;
-      const z = C?.(S) ?? {
+      const M = C?.(S) ?? {
         value: S,
         label: S
       };
-      if (x(W, z.value) || x(W, z.label)) {
-        T(z.value), O(""), b || _(!1);
+      if (x(W, M.value) || x(W, M.label)) {
+        T(M.value), O(""), b || _(!1);
         return;
       }
-      y((X) => [...X, z]), T(z.value), O(""), b || _(!1);
-    }, K = () => b ? M.length > 0 ? M.map((j) => j.label).join(", ") : u || "Select options" : L?.label || u || "Select an option";
+      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";
     return /* @__PURE__ */ c(
       "div",
       {
@@ -3852,14 +3868,14 @@ const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCa
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  xn[s],
+                  vn[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(
-                    $t,
+                    Ot,
                     {
                       size: 16,
                       className: d(
@@ -3958,13 +3974,13 @@ const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCa
     );
   }
 );
-_e.displayName = "Select";
-const gn = {
+Le.displayName = "Select";
+const yn = {
   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"
-}, dt = "mb-1.5 block text-sm font-medium", ut = "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", mt = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ce = be(
+}, 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(
   ({
     label: t,
     helperText: r,
@@ -3987,7 +4003,7 @@ const gn = {
         {
           htmlFor: v,
           className: d(
-            dt,
+            mt,
             h ? "text-danger-fg" : "text-text-muted",
             p
           ),
@@ -4004,11 +4020,11 @@ const gn = {
             "aria-invalid": h || void 0,
             "aria-describedby": C,
             className: d(
-              ut,
-              gn[s],
+              ft,
+              yn[s],
               l && "pl-9",
               (o || u) && "pr-9",
-              mt(h),
+              ht(h),
               m
             ),
             ...g
@@ -4034,7 +4050,7 @@ const gn = {
   }
 );
 Ce.displayName = "TextField";
-function bn({
+function Nn({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -4045,7 +4061,7 @@ function bn({
   showTemplate: u = !0
 }) {
   const [i, p] = B([]);
-  Z(() => {
+  Q(() => {
     let f = !0;
     return Promise.resolve(n?.()).then((g) => {
       f && g && p(g.data ?? []);
@@ -4057,7 +4073,7 @@ function bn({
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      _e,
+      Le,
       {
         size: a,
         fullWidth: !0,
@@ -4079,7 +4095,7 @@ function bn({
     )
   ] });
 }
-const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
+const wn = rt(null), na = ({ 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);
   };
@@ -4112,7 +4128,7 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
     },
     i.id
   )) }) });
-}, vn = ({
+}, kn = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -4169,7 +4185,7 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
       F
     );
   };
-  return /* @__PURE__ */ e(pn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(wn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: b, role: "tablist", children: t.map((v) => /* @__PURE__ */ e(
       "button",
       {
@@ -4198,14 +4214,14 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
       }
     )
   ] }) });
-}, yn = {
+}, Cn = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function ft({
+function xt({
   open: t,
   onClose: r,
   title: n,
@@ -4219,13 +4235,13 @@ function ft({
   showCloseButton: m = !0
 }) {
   const f = se(null), g = se(null);
-  Z(() => {
+  Q(() => {
     if (!t || !l) return;
     const w = (v) => {
       v.key === "Escape" && r();
     };
     return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [t, l, r]), Z(() => (t ? (g.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (g.current && g.current.focus(), document.body.style.overflow = ""), () => {
+  }, [t, l, r]), Q(() => (t ? (g.current = document.activeElement, f.current && f.current.focus(), document.body.style.overflow = "hidden") : (g.current && g.current.focus(), document.body.style.overflow = ""), () => {
     document.body.style.overflow = "";
   }), [t]);
   const b = (w) => {
@@ -4247,7 +4263,7 @@ function ft({
           className: d(
             "relative w-full bg-surface rounded-lg shadow-modal",
             "focus:outline-none",
-            yn[s],
+            Cn[s],
             o
           ),
           role: "dialog",
@@ -4263,7 +4279,7 @@ function ft({
                   onClick: r,
                   className: "p-1 text-text-muted hover:text-text transition-colors",
                   "aria-label": "Close modal",
-                  children: /* @__PURE__ */ e(Q, { icon: Se, size: "lg", color: "current" })
+                  children: /* @__PURE__ */ e(Z, { icon: Se, size: "lg", color: "current" })
                 }
               )
             ] }),
@@ -4275,7 +4291,7 @@ function ft({
     }
   ) : null;
 }
-const Nn = ({
+const Sn = ({
   value: t,
   onChange: r,
   label: n,
@@ -4318,9 +4334,9 @@ const Nn = ({
       }
     }
   }, [k, u, I, h]);
-  Z(() => {
+  Q(() => {
     g && $();
-  }, [g, $]), Z(() => {
+  }, [g, $]), Q(() => {
     g && h && T();
   }, [g, h, T]);
   const L = async (N) => {
@@ -4346,7 +4362,7 @@ const Nn = ({
         _(!1);
       }
     }
-  }, M = async (N) => {
+  }, z = async (N) => {
     const R = N.target.files?.[0];
     if (!(!R || !h)) {
       _(!0);
@@ -4419,7 +4435,7 @@ const Nn = ({
   }, S = () => {
     const N = k.split("/").filter((R) => R !== "");
     N.pop(), N.length === 0 ? P("/") : P(`${N.join("/")}/`);
-  }, z = ge(() => {
+  }, M = ge(() => {
     const N = K.folders.map((R) => ({
       id: `folder-${R}`,
       name: R,
@@ -4438,9 +4454,9 @@ const Nn = ({
       accessor: "name",
       cell: (N, R) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          Q,
+          Z,
           {
-            icon: R.type === "folder" ? Ge : je,
+            icon: R.type === "folder" ? Je : Re,
             size: "sm",
             color: R.type === "folder" ? "warning" : "secondary"
           }
@@ -4481,7 +4497,7 @@ const Nn = ({
       header: "Mount Name",
       accessor: "name",
       cell: (N) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(Q, { icon: We, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e(Z, { icon: Ge, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: N })
       ] })
     },
@@ -4507,20 +4523,20 @@ const Nn = ({
         ),
         children: [
           /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(
-            Q,
+            Z,
             {
-              icon: H ? je : We,
+              icon: H ? Re : Ge,
               color: H ? "primary" : "secondary"
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: H ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: H.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          H && !l && /* @__PURE__ */ e("button", { onClick: G, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Q, { icon: Se, size: "xs" }) })
+          H && !l && /* @__PURE__ */ e("button", { onClick: G, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Z, { icon: Se, size: "xs" }) })
         ]
       }
     ),
     a && /* @__PURE__ */ e(me, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      ft,
+      xt,
       {
         open: g,
         onClose: () => {
@@ -4529,14 +4545,14 @@ const Nn = ({
         title: h ? `Explorer: ${h.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          vn,
+          kn,
           {
             variant: "pills",
             items: [
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c($e, { children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Ee, { children: [
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       ae,
@@ -4545,7 +4561,7 @@ const Nn = ({
                         onClick: () => {
                           k && k !== "/" ? S() : C(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(Q, { icon: Lt, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(Z, { icon: Pt, size: "xs" }),
                         children: k ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -4556,7 +4572,7 @@ const Nn = ({
                         placeholder: "Search...",
                         value: I,
                         onChange: (N) => O(N.target.value),
-                        startIcon: /* @__PURE__ */ e(Ie, { size: 14 }),
+                        startIcon: /* @__PURE__ */ e(Oe, { size: 14 }),
                         fullWidth: !0
                       }
                     ) }),
@@ -4566,7 +4582,7 @@ const Nn = ({
                         {
                           variant: "outline",
                           onClick: () => W(!0),
-                          leftIcon: /* @__PURE__ */ e(Q, { icon: It, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Z, { icon: jt, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -4575,7 +4591,7 @@ const Nn = ({
                         {
                           variant: "primary",
                           onClick: () => E.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(Q, { icon: Ot, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Z, { icon: Rt, size: "xs" }),
                           loading: F,
                           children: "Upload"
                         }
@@ -4586,14 +4602,14 @@ const Nn = ({
                           type: "file",
                           className: "hidden",
                           ref: E,
-                          onChange: M,
+                          onChange: z,
                           accept: o
                         }
                       )
                     ] })
                   ] }),
                   te && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(Q, { icon: Ge, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(Z, { icon: Je, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ce,
                       {
@@ -4607,9 +4623,9 @@ const Nn = ({
                     /* @__PURE__ */ e(ae, { variant: "ghost", onClick: () => W(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                    Xe,
+                    Ze,
                     {
-                      data: z,
+                      data: M,
                       columns: X,
                       loading: F,
                       emptyContent: "This folder is empty",
@@ -4617,7 +4633,7 @@ const Nn = ({
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                  Xe,
+                  Ze,
                   {
                     data: w,
                     columns: q,
@@ -4631,7 +4647,7 @@ const Nn = ({
                 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(Q, { icon: je, size: "xl", color: "primary" }) }),
+                  /* @__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(me, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ c(
                     me,
@@ -4676,12 +4692,12 @@ const Nn = ({
       }
     )
   ] });
-}, wn = {
+}, En = {
   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"
-}, He = be(
+}, qe = be(
   ({
     label: t,
     helperText: r,
@@ -4703,7 +4719,7 @@ const Nn = ({
         {
           htmlFor: w,
           className: d(
-            dt,
+            mt,
             v ? "text-danger-fg" : "text-text-muted",
             u
           ),
@@ -4720,10 +4736,10 @@ const Nn = ({
             "aria-invalid": v || void 0,
             "aria-describedby": h,
             className: d(
-              ut,
+              ft,
               "resize-y leading-relaxed",
-              wn[s],
-              mt(v),
+              En[s],
+              ht(v),
               i
             ),
             ...f
@@ -4748,14 +4764,14 @@ const Nn = ({
     ] });
   }
 );
-He.displayName = "TextArea";
-function Ze(t, r) {
+qe.displayName = "TextArea";
+function et(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-function kn(t, r, n) {
+function Tn(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++) {
@@ -4764,7 +4780,7 @@ function kn(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Cn(t, r) {
+function Mn(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -4774,7 +4790,7 @@ function Cn(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function Sn({
+function zn({
   title: t,
   description: r,
   className: n,
@@ -4788,7 +4804,7 @@ function Sn({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const ta = ({
+const sa = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -4810,7 +4826,7 @@ const ta = ({
     (x) => `${k}-${String(x).replace(/\./g, "-")}`,
     [k]
   ), [D, Y] = B({}), [F, _] = B({});
-  Z(() => {
+  Q(() => {
     r && C({ ...r });
   }, [r]);
   const I = de(
@@ -4826,20 +4842,20 @@ const ta = ({
           return `${T.label} must be an array.`;
         if (Array.isArray(E) && T.arrayFields) {
           const L = [];
-          let M = !1;
+          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`, M = !0;
+                G[K.name] = `${K.label} is required`, z = !0;
               else if (K.validator) {
                 const S = K.validator(j, ce);
-                S && (G[K.name] = S, M = !0);
+                S && (G[K.name] = S, z = !0);
               }
             }
             L[ie] = G;
-          }), M)
+          }), z)
             return JSON.stringify(L);
         }
       }
@@ -4848,11 +4864,11 @@ const ta = ({
     [t]
   ), O = de(
     (x, E) => {
-      let $ = kn(h, x, E);
-      t.flatMap((M) => M.items).find((M) => M.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Cn($, x)), C($), _((M) => ({ ...M, [x]: !0 }));
+      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 }));
       const L = I(x, E, $);
-      Y((M) => ({
-        ...M,
+      Y((z) => ({
+        ...z,
         [x]: L || ""
       })), a?.($, x);
     },
@@ -4864,12 +4880,12 @@ const ta = ({
       for (const L of $) {
         if (L.hidden || L.conditional && !L.conditional(h))
           continue;
-        const M = I(
+        const z = I(
           L.name,
-          Ze(h, L.name),
+          et(h, L.name),
           h
         );
-        M && (E[L.name] = M);
+        z && (E[L.name] = z);
       }
       if (o) {
         const L = o(h);
@@ -4883,7 +4899,7 @@ const ta = ({
     [h, t, I, o, l, n, g]
   ), U = de(
     (x) => {
-      const E = Ze(h, x.name), $ = F[x.name] ? D[x.name] : void 0, T = x.disabled || g, L = {
+      const E = et(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.
@@ -4906,7 +4922,7 @@ const ta = ({
             Ce,
             {
               ...L,
-              onChange: (M) => O(x.name, M.target.value),
+              onChange: (z) => O(x.name, z.target.value),
               type: x.textType || x.type,
               ...Qe(x.autocomplete),
               error: $,
@@ -4915,10 +4931,10 @@ const ta = ({
           );
         case "textarea":
           return /* @__PURE__ */ e(
-            He,
+            qe,
             {
               ...L,
-              onChange: (M) => O(x.name, M.target.value),
+              onChange: (z) => O(x.name, z.target.value),
               rows: x.rows ?? 4,
               error: $,
               size: f
@@ -4926,13 +4942,13 @@ const ta = ({
           );
         case "select":
           return /* @__PURE__ */ e(
-            _e,
+            Le,
             {
               ...L,
-              onChange: (M) => O(x.name, M),
-              options: (x.options || []).map((M) => ({
-                ...M,
-                value: String(M.value)
+              onChange: (z) => O(x.name, z),
+              options: (x.options || []).map((z) => ({
+                ...z,
+                value: String(z.value)
               })),
               searchable: x.searchable,
               multiple: x.multiple,
@@ -4946,14 +4962,14 @@ const ta = ({
         // open to learn what the choices even are.
         case "segmented":
           return /* @__PURE__ */ e(
-            lr,
+            ir,
             {
               "aria-label": x.label,
               value: E == null ? "" : String(E),
-              onChange: (M) => O(x.name, M),
-              options: (x.options || []).map((M) => ({
-                value: String(M.value),
-                label: M.label
+              onChange: (z) => O(x.name, z),
+              options: (x.options || []).map((z) => ({
+                value: String(z.value),
+                label: z.label
               })),
               size: f === "sm" ? "sm" : "md",
               className: x.disabled ? "pointer-events-none opacity-50" : void 0
@@ -4966,12 +4982,12 @@ const ta = ({
               ...L,
               label: x.label,
               checked: !!E,
-              onChange: (M) => O(x.name, M.target.checked),
+              onChange: (z) => O(x.name, z.target.checked),
               size: f
             }
           );
         case "radio":
-          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: x.options?.map((M) => /* @__PURE__ */ c(
+          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: x.options?.map((z) => /* @__PURE__ */ c(
             "label",
             {
               className: "flex cursor-pointer items-center gap-3 text-base text-text",
@@ -4981,67 +4997,67 @@ const ta = ({
                   {
                     type: "radio",
                     name: x.name,
-                    value: M.value,
-                    checked: E === M.value,
-                    onChange: () => O(x.name, M.value),
-                    disabled: T || M.disabled,
+                    value: z.value,
+                    checked: E === z.value,
+                    onChange: () => O(x.name, z.value),
+                    disabled: T || z.disabled,
                     className: "size-checkbox shrink-0 rounded-xs border border-border-strong bg-surface-input accent-accent focus-visible:outline-none focus-visible:focus-ring"
                   }
                 ),
-                M.label
+                z.label
               ]
             },
-            M.value
+            z.value
           )) });
         case "date":
           return /* @__PURE__ */ e(
-            Be,
+            He,
             {
               ...L,
               value: E ? new Date(E) : null,
-              onChange: (M) => O(x.name, M),
+              onChange: (z) => O(x.name, z),
               size: f
             }
           );
         case "file":
           return /* @__PURE__ */ e(
-            Nn,
+            Sn,
             {
               ...L,
               value: E,
-              onChange: (M) => O(x.name, M),
+              onChange: (z) => O(x.name, z),
               error: $,
-              onListFiles: (M) => v?.http.invoke({
+              onListFiles: (z) => v?.http.invoke({
                 method: "POST",
                 action: "storage.file.list",
-                body: M
+                body: z
               }),
               onListMounts: () => v?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
               }),
-              onUploadFile: (M) => v?.http.invoke({
+              onUploadFile: (z) => v?.http.invoke({
                 method: "POST",
                 action: "storage.file.upload",
-                body: M
+                body: z
               }),
-              onDownloadFile: (M) => v?.http.invoke({
+              onDownloadFile: (z) => v?.http.invoke({
                 method: "GET",
-                action: `storage.file.${M}.download`
+                action: `storage.file.${z}.download`
               }),
-              onRegisterFile: (M) => v?.http.invoke({
+              onRegisterFile: (z) => v?.http.invoke({
                 method: "POST",
                 action: "storage.file.folder",
-                body: M
+                body: z
               })
             }
           );
         case "folder":
           return /* @__PURE__ */ e(
-            bn,
+            Nn,
             {
               value: E || {},
-              onChange: (M) => O(x.name, M),
+              onChange: (z) => O(x.name, z),
               onListFolders: () => v?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
@@ -5054,12 +5070,12 @@ const ta = ({
         case "custom":
           return x.customComponent?.({
             value: E,
-            onChange: (M) => O(x.name, M),
+            onChange: (z) => O(x.name, z),
             error: $,
             disabled: T
           });
         case "array": {
-          const M = E || [];
+          const z = E || [];
           let ce = [];
           if (typeof $ == "string" && $.startsWith("["))
             try {
@@ -5067,37 +5083,37 @@ const ta = ({
             } catch {
             }
           const ie = () => {
-            O(x.name, [...M, {}]);
+            O(x.name, [...z, {}]);
           }, G = (j) => {
             O(
               x.name,
-              M.filter((S, z) => z !== j)
+              z.filter((S, M) => M !== j)
             );
-          }, K = (j, S, z) => {
-            const X = [...M];
+          }, K = (j, S, M) => {
+            const X = [...z];
             X[j] = {
               ...X[j],
-              [S]: z
+              [S]: M
             }, O(x.name, X);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
-            M.map((j, S) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: x.arrayFields?.map((z) => {
-                const X = ce?.[S]?.[z.name];
+            z.map((j, S) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: x.arrayFields?.map((M) => {
+                const X = ce?.[S]?.[M.name];
                 return /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
                   S === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
-                    z.label,
-                    z.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
+                    M.label,
+                    M.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                   ] }),
                   (() => {
                     const q = {
-                      value: j?.[z.name] || "",
+                      value: j?.[M.name] || "",
                       disabled: T,
-                      required: z.required,
-                      placeholder: z.placeholder,
-                      ...z.fieldProps
+                      required: M.required,
+                      placeholder: M.placeholder,
+                      ...M.fieldProps
                     };
-                    switch (z.type) {
+                    switch (M.type) {
                       case "text":
                       case "email":
                       case "password":
@@ -5110,43 +5126,43 @@ const ta = ({
                             ...q,
                             onChange: (N) => K(
                               S,
-                              z.name,
+                              M.name,
                               N.target.value
                             ),
-                            type: z.textType || z.type,
-                            ...Qe(z.autocomplete),
+                            type: M.textType || M.type,
+                            ...Qe(M.autocomplete),
                             error: X,
                             size: f
                           }
                         );
                       case "textarea":
                         return /* @__PURE__ */ e(
-                          He,
+                          qe,
                           {
                             ...q,
                             onChange: (N) => K(
                               S,
-                              z.name,
+                              M.name,
                               N.target.value
                             ),
-                            rows: z.rows ?? 4,
+                            rows: M.rows ?? 4,
                             error: X,
                             size: f
                           }
                         );
                       case "select":
                         return /* @__PURE__ */ e(
-                          _e,
+                          Le,
                           {
                             ...q,
-                            onChange: (N) => K(S, z.name, N),
-                            options: (z.options || []).map((N) => ({
+                            onChange: (N) => K(S, M.name, N),
+                            options: (M.options || []).map((N) => ({
                               ...N,
                               value: String(N.value)
                             })),
-                            searchable: z.searchable,
-                            multiple: z.multiple,
-                            allowCreate: z.allowCreate,
+                            searchable: M.searchable,
+                            multiple: M.multiple,
+                            allowCreate: M.allowCreate,
                             error: X,
                             size: f
                           }
@@ -5156,17 +5172,17 @@ const ta = ({
                           we,
                           {
                             ...q,
-                            checked: !!j?.[z.name],
+                            checked: !!j?.[M.name],
                             onChange: (N) => K(
                               S,
-                              z.name,
+                              M.name,
                               N.target.checked
                             ),
                             size: f
                           }
                         );
                       case "radio":
-                        return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: z.options?.map((N) => /* @__PURE__ */ c(
+                        return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: M.options?.map((N) => /* @__PURE__ */ c(
                           "label",
                           {
                             className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -5175,12 +5191,12 @@ const ta = ({
                                 "input",
                                 {
                                   type: "radio",
-                                  name: `${x.name}.${S}.${z.name}`,
+                                  name: `${x.name}.${S}.${M.name}`,
                                   value: N.value,
-                                  checked: j?.[z.name] === N.value,
+                                  checked: j?.[M.name] === N.value,
                                   onChange: () => K(
                                     S,
-                                    z.name,
+                                    M.name,
                                     N.value
                                   ),
                                   disabled: T || N.disabled,
@@ -5193,33 +5209,33 @@ const ta = ({
                           N.value
                         )) });
                       case "date": {
-                        const N = j?.[z.name];
+                        const N = j?.[M.name];
                         return /* @__PURE__ */ e(
-                          Be,
+                          He,
                           {
                             ...q,
                             value: N ? new Date(N) : null,
-                            onChange: (R) => K(S, z.name, R),
+                            onChange: (R) => K(S, M.name, R),
                             size: f
                           }
                         );
                       }
                       case "custom":
-                        return z.customComponent?.({
-                          value: j?.[z.name],
-                          onChange: (N) => K(S, z.name, N),
+                        return M.customComponent?.({
+                          value: j?.[M.name],
+                          onChange: (N) => K(S, M.name, N),
                           error: X,
                           disabled: T
                         });
                       default:
                         return /* @__PURE__ */ c("p", { children: [
                           "Unsupported field type in array: ",
-                          z.type
+                          M.type
                         ] });
                     }
                   })(),
                   X && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: X })
-                ] }, z.name);
+                ] }, M.name);
               }) }),
               /* @__PURE__ */ e(
                 ae,
@@ -5232,7 +5248,7 @@ const ta = ({
                   onClick: () => G(S),
                   disabled: T,
                   className: d("shrink-0", S === 0 && "mt-5"),
-                  children: /* @__PURE__ */ e(Pt, { className: "size-icon-md" })
+                  children: /* @__PURE__ */ e(Ft, { className: "size-icon-md" })
                 }
               )
             ] }, S)),
@@ -5241,7 +5257,7 @@ const ta = ({
               {
                 type: "button",
                 variant: "secondary",
-                leftIcon: /* @__PURE__ */ e(jt, { className: "size-icon-sm" }),
+                leftIcon: /* @__PURE__ */ e(Bt, { className: "size-icon-sm" }),
                 onClick: ie,
                 disabled: T,
                 children: [
@@ -5278,7 +5294,7 @@ const ta = ({
         // 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(
-          Sn,
+          zn,
           {
             title: x.title,
             description: x.description,
@@ -5362,7 +5378,7 @@ const ta = ({
     ] })
   ] });
 };
-function ra({
+function aa({
   label: t,
   value: r,
   onChange: n,
@@ -5379,8 +5395,8 @@ function ra({
   const g = se(null), [b, w] = B(null), v = async (h) => {
     if (!h) return;
     w(null);
-    const C = await Tn(h, s);
-    if (a && En(C) > a) {
+    const C = await Dn(h, s);
+    if (a && An(C) > a) {
       w(f);
       return;
     }
@@ -5439,11 +5455,11 @@ function ra({
     )
   ] });
 }
-function En(t) {
+function An(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 Tn(t, r) {
+function Dn(t, r) {
   return new Promise((n, s) => {
     const a = new FileReader();
     a.onload = () => {
@@ -5461,29 +5477,29 @@ function Tn(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-function zn(t) {
+function _n(t) {
   const r = [];
-  return t.querySelectorAll("[data-mention-id]").forEach((n) => {
-    const s = n.getAttribute("data-mention-id");
+  return t.querySelectorAll(`[${$e}]`).forEach((n) => {
+    const s = n.getAttribute($e);
     s && r.push(s);
-  }), { text: t.innerText ?? "", mentions: r };
+  }), { text: t.innerText ?? "", mentions: r, html: gt(t.innerHTML) };
 }
-function Mn(t) {
-  return qe.sanitize(t.replace(/\n/g, "<br>"));
+function $n(t) {
+  return Ue.sanitize(t.replace(/\n/g, "<br>"));
 }
-function An(t) {
-  return qe.sanitize(t, { ADD_ATTR: ["data-mention-id", "contenteditable"] });
+function gt(t) {
+  return Ue.sanitize(t, { ADD_ATTR: [$e, "contenteditable"] });
 }
-const Dn = be(
+const Ln = be(
   ({ initialContent: t, onChange: r, people: n, placeholder: s, onSubmit: a, autoFocus: l, className: o }, u) => {
     const i = se(null), [p, m] = B(null), [f, g] = B(null), [b, w] = B(0), v = ge(() => ({ current: f }), [f]), h = ge(() => {
       if (p === null) return [];
       const _ = p.toLowerCase();
       return n.filter((I) => I.name.toLowerCase().includes(_)).slice(0, 8);
-    }, [n, p]), C = Te(h.length > 0, v, { gap: 4 }), k = de(() => {
+    }, [n, p]), C = Me(h.length > 0, v, { gap: 4 }), k = de(() => {
       if (!i.current) return;
-      const { text: _, mentions: I } = zn(i.current);
-      r(_, I);
+      const { text: _, mentions: I, html: O } = _n(i.current);
+      r(_, I, O);
     }, [r]), P = de(() => {
       m(null), g(null), w(0);
     }, []);
@@ -5501,16 +5517,16 @@ const Dn = be(
             U.appendChild(document.createTextNode(W)), y < te.length - 1 && U.appendChild(document.createElement("br"));
           }), H.insertNode(U), H.collapse(!1), O.removeAllRanges(), O.addRange(H);
         } else
-          I.innerHTML += Mn(_);
+          I.innerHTML += $n(_);
         k();
       },
       clear: () => {
         i.current && (i.current.innerHTML = "", P(), k());
       },
       focus: () => i.current?.focus()
-    })), Z(() => {
-      !i.current || !t || (i.current.innerHTML = An(t), k());
-    }, [t, k]), Z(() => {
+    })), Q(() => {
+      !i.current || !t || (i.current.innerHTML = gt(t), k());
+    }, [t, k]), Q(() => {
       l && (window.matchMedia?.("(max-width: 767px)").matches || i.current?.focus());
     }, [l]);
     const D = de((_) => {
@@ -5533,7 +5549,7 @@ const Dn = be(
         if (!I) return;
         f.deleteContents();
         const O = document.createElement("span");
-        O.textContent = `@${_.name}`, O.setAttribute("data-mention-id", _.id), O.setAttribute("contenteditable", "false"), O.className = "bg-beta-container text-info-fg font-semibold px-1 rounded-md";
+        O.textContent = `@${_.name}`, O.setAttribute("data-mention-id", _.id), O.setAttribute("contenteditable", "false");
         const H = document.createTextNode(" ");
         f.insertNode(H), f.insertNode(O);
         const U = document.createRange();
@@ -5587,6 +5603,7 @@ const Dn = be(
           className: d(
             "block w-full min-h-16 rounded-lg p-3 text-sm",
             "border-border text-text focus:outline-none",
+            lt,
             "empty:before:content-[attr(data-placeholder)] empty:before:text-text-subtle",
             o
           ),
@@ -5622,25 +5639,25 @@ const Dn = be(
     ] });
   }
 );
-Dn.displayName = "MentionComposer";
-const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), $n = (t) => /* @__PURE__ */ e(Le, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Ln = {
+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 = {
   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"
-}, Fe = {
+}, Be = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, In = be(
+}, jn = be(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(_n, {}),
+    startIcon: l = /* @__PURE__ */ e(In, {}),
     loading: o = !1,
     containerClassName: u,
     labelClassName: i,
@@ -5656,7 +5673,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
     ...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);
-    Z(() => {
+    Q(() => {
       h !== void 0 && O(h);
     }, [h]);
     const E = ge(() => {
@@ -5666,7 +5683,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
         (K) => String(K.label).toLowerCase().includes(G)
       );
     }, [I, f, v, y]);
-    Z(() => {
+    Q(() => {
       if (!g || !I) {
         W(!1);
         return;
@@ -5684,7 +5701,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
       return () => {
         clearTimeout(G), W(!1);
       };
-    }, [I, w, g]), Z(() => {
+    }, [I, w, g]), Q(() => {
       const G = (K) => {
         F.current && !F.current.contains(K.target) && U(!1);
       };
@@ -5697,7 +5714,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
       O(G.label), U(!1), x(!1), b && b(G.value);
     }, L = () => {
       (f.length > 0 || g) && (U(!0), x(!1));
-    }, M = o || te, ce = H && (E.length > 0 || M), ie = ge(() => P || _, [P]);
+    }, z = o || te, ce = H && (E.length > 0 || z), ie = ge(() => P || _, [P]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -5722,7 +5739,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (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", Fe[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", Be[s]), children: l }) }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -5737,7 +5754,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (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
-                  Ln[s],
+                  Pn[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -5749,17 +5766,17 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
                 ...k
               }
             ),
-            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: M || o ? (
+            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: z || o ? (
               // Loading Spinner
-              /* @__PURE__ */ e(Rt, { className: Ne("animate-spin text-info-fg", Fe[s]), "aria-hidden": !0 })
+              /* @__PURE__ */ e(Ht, { className: Ne("animate-spin text-info-fg", Be[s]), "aria-hidden": !0 })
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                $n,
+                On,
                 {
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
-                    Fe[s],
+                    Be[s],
                     H ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
@@ -5778,7 +5795,7 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
               children: G.label
             },
             G.value
-          )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: M || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." }) }),
+          )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: z || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." }) }),
           (n || r) && /* @__PURE__ */ e("p", { className: Ne("mt-1 text-xs", Y ? "text-danger-fg" : "text-text-muted"), children: n || r }),
           g && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
@@ -5789,8 +5806,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
     );
   }
 );
-In.displayName = "SearchableTextField";
-const On = be(
+jn.displayName = "SearchableTextField";
+const Rn = be(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -5843,25 +5860,25 @@ const On = be(
     );
   }
 );
-On.displayName = "Switch";
-const Pn = [
+Rn.displayName = "Switch";
+const Fn = [
   { 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" }
-], jn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
-function Rn(t) {
-  return Pn.find((r) => t <= r.upTo)?.cols ?? jn;
+], Bn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
+function Hn(t) {
+  return Fn.find((r) => t <= r.upTo)?.cols ?? Bn;
 }
-function Fn(t, r) {
+function qn(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 na({ tiles: t, pinned: r, maxStrip: n, className: s }) {
+function la({ tiles: t, pinned: r, maxStrip: n, className: s }) {
   if (r) {
-    const { shown: a, hidden: l } = Fn(t.length, n), o = t.slice(0, a);
+    const { shown: a, hidden: l } = qn(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
@@ -5880,14 +5897,14 @@ function na({ tiles: t, pinned: r, maxStrip: n, className: s }) {
     {
       className: d(
         "@container grid h-full min-h-0 auto-rows-fr gap-2",
-        Rn(t.length),
+        Hn(t.length),
         s
       ),
       children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-h-0 min-w-0", children: a }, l))
     }
   );
 }
-function sa({
+function oa({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -5914,23 +5931,23 @@ function sa({
             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(Ft, { className: "w-1/2 h-1/2" }) : /* @__PURE__ */ e(Bt, { 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(qt, { className: "w-1/2 h-1/2" }) : /* @__PURE__ */ e(Ut, { 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(Ht, { className: "size-3 shrink-0" }) : /* @__PURE__ */ e(qt, { className: "size-3 shrink-0" }),
+          n ? /* @__PURE__ */ e(Vt, { className: "size-3 shrink-0" }) : /* @__PURE__ */ e(Kt, { className: "size-3 shrink-0" }),
           /* @__PURE__ */ e("span", { className: "hidden truncate @[9rem]:inline", children: t })
         ] })
       ]
     }
   );
 }
-function aa({
+function ca({
   attach: t,
   active: r = !0,
   mirrored: n = !1,
   className: s
 }) {
   const a = se(null);
-  return Z(() => {
+  return Q(() => {
     if (!r || !a.current) return;
     const l = t(a.current);
     return () => {
@@ -5948,7 +5965,7 @@ function aa({
     }
   );
 }
-const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+const Un = () => /* @__PURE__ */ e(Ve, { variant: "inline", shape: "menu" }), bt = ({ 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: [
@@ -5965,7 +5982,7 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
         }
       ),
       /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((i, p) => /* @__PURE__ */ e(
-        ht,
+        bt,
         {
           item: i,
           isSelectedHandler: r,
@@ -6055,7 +6072,7 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
       ]
     }
   ) });
-}, la = ({
+}, ia = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -6063,12 +6080,12 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
   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(Bn, {})
+  /* @__PURE__ */ e(Un, {})
 ] }) : /* @__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(
-      ht,
+      bt,
       {
         item: l,
         isSelectedHandler: r,
@@ -6078,7 +6095,7 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
     )
   ) })
 ] });
-function oa({
+function da({
   open: t,
   title: r,
   description: n,
@@ -6090,7 +6107,7 @@ function oa({
   onCancel: i
 }) {
   return /* @__PURE__ */ e(
-    ft,
+    xt,
     {
       open: t,
       onClose: i,
@@ -6112,7 +6129,7 @@ function oa({
     }
   );
 }
-const Hn = {
+const Vn = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -6120,7 +6137,7 @@ const Hn = {
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, qn = {
+}, Kn = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -6128,7 +6145,7 @@ const Hn = {
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Un = {
+}, Wn = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -6144,26 +6161,26 @@ const Hn = {
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Vn = {
+}, Gn = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Kn = {
+}, Jn = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Wn = {
+}, Yn = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Gn = {
+}, Xn = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -6173,7 +6190,7 @@ const Hn = {
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, xt = be(
+}, pt = be(
   ({
     padding: t,
     margin: r,
@@ -6190,13 +6207,13 @@ const Hn = {
     {
       ref: m,
       className: d(
-        t && Hn[t],
-        r && qn[r],
-        n && Un[n],
-        s && Vn[s],
-        a && Kn[a],
-        l && Wn[l],
-        o && Gn[o],
+        t && Vn[t],
+        r && Kn[r],
+        n && Wn[n],
+        s && Gn[s],
+        a && Jn[a],
+        l && Yn[l],
+        o && Xn[o],
         u
       ),
       ...p,
@@ -6204,11 +6221,11 @@ const Hn = {
     }
   )
 );
-xt.displayName = "Box";
-const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { background: "module", radius: "lg", shadow: "none", border: "sm", borderColor: "neutral", ...n, children: [
+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: [
   r && /* @__PURE__ */ e("span", { className: "mb-2 block text-sm font-semibold text-text", children: r }),
   t
-] }), Jn = {
+] }), Zn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -6217,13 +6234,13 @@ const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { backgrou
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Yn = {
+}, Qn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Xn = {
+}, es = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -6233,11 +6250,11 @@ const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { backgrou
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Qn = {
+}, ts = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, ia = ({
+}, ma = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -6250,16 +6267,16 @@ const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { backgrou
 }) => {
   const p = `h${t}`, m = d(
     "font-sans text-pretty",
-    Jn[r || Zn(t)],
-    Yn[n],
-    Xn[s],
-    Qn[a],
+    Zn[r || rs(t)],
+    Qn[n],
+    es[s],
+    ts[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(p, { className: m, ...i, children: u });
 };
-function Zn(t) {
+function rs(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -6269,111 +6286,111 @@ function Zn(t) {
     6: "md"
   }[t] || "md";
 }
-const et = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function da(t) {
+const tt = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
+function fa(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
-  return et[r % et.length];
+  return tt[r % tt.length];
 }
 export {
-  ps as ActivityAvatar,
-  vs as ActivityGlyph,
-  gs as ActivityRow,
-  ms as ArtifactView,
-  fs as AssistantCard,
-  ot as Avatar,
-  xs as AvatarStack,
-  Yr as Badge,
-  xt as Box,
+  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,
   ae as Button,
-  is as ButtonGroup,
-  ca as Card,
-  ws as ChannelBadge,
+  ms as ButtonGroup,
+  ua as Card,
+  Ss as ChannelBadge,
   we as Checkbox,
-  us as CommandPalette,
-  oa as ConfirmDialog,
-  Ue as ContentLoading,
-  Be as DatePicker,
-  Br as Dropdown,
-  Gs as EmptyState,
-  Ks as ErrorBoundary,
-  Ws as FederatedResource,
-  tr as FilterChip,
-  bn as FolderSelect,
-  ta as Form,
-  Sn as FormSection,
-  ia as Heading,
-  gr as IDENTITY_TONE_COUNT,
-  Q as Icon,
-  ks as Image,
-  ra as ImageField,
-  Js as Kbd,
-  Cs as KpiCard,
-  ds as Link,
-  Es as List,
-  Ss as ListBulkAction,
-  na as MeetingGrid,
-  Dn as MentionComposer,
-  Ts as MessageBubble,
-  Ms as MetaSeparator,
-  zs as MetaValue,
-  ft as Modal,
-  As as Page,
-  $r as PageHeader,
-  Ds as PageToolbar,
+  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,
+  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,
   ke as PageToolbarActions,
-  sa as ParticipantTile,
-  nt as Popover,
-  Ys as ProgressBar,
+  oa as ParticipantTile,
+  st as Popover,
+  Qs as ProgressBar,
   ze as RichText,
-  ys as RowCard,
-  it as SearchField,
-  In as SearchableTextField,
-  _s as SectionCaption,
-  $s as SectionDivider,
-  lr as SegmentedToggle,
-  _e as Select,
-  Ls as SettingsFrameProvider,
-  Os as SettingsPage,
-  Ps as SettingsRow,
-  js as SettingsSection,
-  la as SidebarMenu,
-  Rs as SourceChip,
-  Xs as Spinner,
-  st as SplitButton,
-  Qs as StatusDot,
-  Zs as StepIndicator,
-  Nn as StorageInput,
-  On as Switch,
-  ea as TabBar,
-  Xe as Table,
-  vn as Tabs,
+  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,
   me as Text,
-  He as TextArea,
+  qe as TextArea,
   Ce as TextField,
-  Ns as TimelineEvent,
-  aa as VideoSurface,
-  Vs as View,
+  Cs as TimelineEvent,
+  ca as VideoSurface,
+  Gs as View,
   Qe as autofillProps,
-  Xr as badgeColumn,
-  qs as booleanBadgeColumn,
-  bs as cardActionClass,
-  da as catTone,
+  tn as badgeColumn,
+  Ks as booleanBadgeColumn,
+  ys as cardActionClass,
+  fa as catTone,
   d as cn,
-  cs as createSizes,
-  os as createVariants,
-  Fs as dateFilterHandler,
-  hs as identityDotClass,
-  lt as identityPlateClass,
-  at as identityTone,
-  Us as labelsColumn,
-  Hs as multiSelectFilterHandler,
-  hn as normalizeText,
-  Jt as resolveLucideIcon,
-  Bs as selectFilterHandler,
-  De as text,
-  Te as useAnchoredPosition,
-  Or as useSettingsFrame,
-  Is as useSettingsFrameHost
+  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,
+  _e as text,
+  Me as useAnchoredPosition,
+  Fr as useSettingsFrame,
+  js as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map