@opencxh/ui-kit 3.178.0 → 3.179.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 Le } from "react/jsx-runtime";
+import le, { forwardRef as be, useState as B, useLayoutEffect as kt, useRef as se, useEffect as Q, createContext as rt, useId as Ct, useMemo as ge, useContext as St, useCallback as de, Component as Et } from "react";
+import { clsx as Tt } from "clsx";
+import * as Mt from "lucide-react";
+import { X as Se, ChevronDown as Ie, ExternalLink as zt, Search as Oe, ChevronRight as Pe, Sparkles as At, ArrowUpRight as nt, ImageOff as Dt, ChevronLeft as Ee, Pencil as _t, Calendar as $t, Check as We, ChevronUp as Lt, Ellipsis as It, ChevronDownIcon as Ot, FileText as Re, HardDrive as Ge, ArrowLeft as Pt, FolderPlus as jt, Upload as Rt, Folder as Je, Trash2 as Ft, Plus as Bt, Loader2 as Ht, VideoOff as qt, User as Ut, MicOff as Vt, Mic as Kt } from "lucide-react";
+import Ue from "dompurify";
+import Wt from "react-markdown";
+import Gt from "remark-gfm";
 function d(...t) {
-  return Ct(t);
+  return Tt(t);
 }
-function os(t) {
+function is(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function cs(t) {
+function ds(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 us = ({
   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,
@@ -193,7 +193,7 @@ function Xt(t) {
 }
 function Te(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",
@@ -217,7 +217,7 @@ const nt = ({
   triggerLabel: u
 }) => {
   const [i, p] = B(!1), m = se(null), f = se(null), g = Te(i, f, { placement: n });
-  Z(() => {
+  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(Le, { 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 = ({
+}, ms = ({
   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(Le, { children: l.map((b) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -534,7 +534,7 @@ function st({
     ] })
   );
 }
-const us = ({
+const fs = ({
   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,8 +658,10 @@ 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(" "), hr = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
   a: (t) => /* @__PURE__ */ e(
     "a",
@@ -684,42 +692,42 @@ const us = ({
   th: (t) => /* @__PURE__ */ e("th", { className: "border border-border px-2 py-1 text-left font-semibold", ...t }),
   td: (t) => /* @__PURE__ */ e("td", { className: "border border-border px-2 py-1", ...t })
 };
-function ze({ text: t, className: r, as: n }) {
+function Me({ 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: hr, children: s }) });
 }
-const mr = {
+const xr = {
   info: "text-info-fg",
   success: "text-success-fg",
   warning: "text-warning-fg",
   destructive: "text-danger-fg"
-}, fr = {
+}, gr = {
   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 = {
+}, br = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
 };
-function xr({ block: t }) {
+function pr({ block: t }) {
   switch (t.type) {
     case "heading":
       return t.level === 1 ? /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-text", children: t.text }) : t.level === 2 ? /* @__PURE__ */ e("h2", { className: "pt-2 text-base font-semibold tracking-tight text-text", children: t.text }) : /* @__PURE__ */ e("h3", { className: "pt-1 text-sm font-semibold text-text", children: t.text });
     case "paragraph":
-      return /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" });
+      return /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" });
     case "quote":
-      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
+      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
     case "code":
       return /* @__PURE__ */ e("pre", { className: "overflow-x-auto rounded-lg bg-surface-sunk p-3 text-xs", children: /* @__PURE__ */ e("code", { className: "font-mono", children: t.text }) });
     case "divider":
@@ -738,7 +746,7 @@ function xr({ block: t }) {
               n.lead,
               " "
             ] }),
-            /* @__PURE__ */ e(ze, { as: "markdown", text: n.text, className: "inline" })
+            /* @__PURE__ */ e(Me, { as: "markdown", text: n.text, className: "inline" })
           ] }, s))
         }
       );
@@ -772,13 +780,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", br[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ c("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: d(
               "text-2xl font-semibold tracking-tight",
-              r.tone ? mr[r.tone] : "text-text"
+              r.tone ? xr[r.tone] : "text-text"
             ),
             children: r.value
           }
@@ -786,15 +794,15 @@ 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", gr[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" })
+        /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" })
       ] });
     default:
       return null;
   }
 }
-function ms({ blocks: t, runtime: r = "inert", className: n }) {
+function hs({ blocks: t, runtime: r = "inert", className: n }) {
   return r !== "inert" ? /* @__PURE__ */ c(
     "div",
     {
@@ -811,11 +819,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(pr, { block: s }, s.block_id ?? a)) });
 }
-function fs({
+function xs({
   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 +849,53 @@ function fs({
     }
   );
 }
-const gr = 5;
-function br(t) {
+const vr = 5;
+function yr(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 ? yr(r) % vr + 1 : 1;
 }
-const pr = {
+const Nr = {
   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 = {
+}, wr = {
   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 Nr[ot(t)];
 }
-function hs(t) {
-  return vr[at(t)];
+function gs(t) {
+  return wr[ot(t)];
 }
-const yr = {
+const kr = {
   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 = {
+}, Cr = {
   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 Sr(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 +910,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) : kr[n],
+    Cr[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -915,8 +923,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: Sr(t) });
+}, Ye = "ring-surface", Er = "ring-surface-accent", bs = ({
   people: t,
   max: r = 4,
   size: n = "sm",
@@ -926,7 +934,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 +942,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 ? Er : Ye,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -948,7 +956,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 +965,18 @@ const ot = ({
       }
     )
   ] });
-}, Cr = {
+}, Tr = {
   neutral: "bg-surface-sunk",
   out: "bg-bubble-out-soft",
   note: "bg-note-soft",
   assistant: "bg-assistant-soft"
-}, Sr = {
+}, Mr = {
   neutral: "text-text",
   out: "text-text",
   note: "text-note",
   assistant: "text-text"
 };
-function gs({
+function ps({
   avatar: t,
   title: r,
   context: n,
@@ -985,7 +993,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", Tr[l]),
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-baseline gap-2", children: [
               /* @__PURE__ */ e(
@@ -994,7 +1002,7 @@ function gs({
                   className: d(
                     "min-w-0 truncate text-md font-semibold",
                     !n && "flex-1",
-                    Sr[l]
+                    Mr[l]
                   ),
                   children: r
                 }
@@ -1014,15 +1022,15 @@ function gs({
     u
   ] });
 }
-const bs = "hover:bg-surface-track";
-function ps({
+const vs = "hover:bg-surface-track";
+function ys({
   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 Ns({
   icon: t,
   tone: r = "neutral",
   title: n
@@ -1035,17 +1043,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 ws({ 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 ks({ 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 +1067,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 ze = {
   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 = {
+}, zr = {
   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 Cs({
   channel: t,
   children: r,
   size: n = "md",
   className: s,
   title: a
 }) {
-  const l = t in Me ? Me[t] : void 0;
+  const l = t in ze ? ze[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: d(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        Er[n],
+        zr[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(ze.note.fg, ze.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const ks = ({
+const Ss = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -1160,7 +1168,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 +1186,28 @@ const ks = ({
     w && l && /* @__PURE__ */ e("div", { className: I, children: i || O }),
     h && o && /* @__PURE__ */ e("div", { className: I, children: p || H })
   ] });
-}, Tr = {
+}, Ar = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function Cs({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function Es({ 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", Ar[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const zr = {
+const Dr = {
   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 = {
+}, $r = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -1226,7 +1234,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 +1251,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],
+              Dr[s],
               b ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -1258,7 +1266,7 @@ const zr = {
               className: d(
                 "cursor-pointer",
                 b ? "text-danger-fg" : "text-text",
-                Ar[s],
+                $r[s],
                 o
               ),
               children: t
@@ -1272,7 +1280,7 @@ const zr = {
   }
 );
 we.displayName = "Checkbox";
-function Ss({
+function Ts({
   icon: t,
   onClick: r,
   children: n
@@ -1295,7 +1303,7 @@ function Ss({
     }
   );
 }
-function Es({
+function Ms({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -1337,9 +1345,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 +1360,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 +1374,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 +1388,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 +1425,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 +1440,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 +1464,9 @@ function Es({
           children: b ? b(
             q,
             R.map((he) => he.item)
-          ) : /* @__PURE__ */ c($e, { children: [
+          ) : /* @__PURE__ */ c(Le, { children: [
             v && /* @__PURE__ */ e(
-              Oe,
+              Pe,
               {
                 "aria-hidden": !0,
                 className: d(
@@ -1484,7 +1492,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 +1513,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 +1543,7 @@ function Es({
     ] }) })
   ] });
 }
-function Ts({
+function zs({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -1568,7 +1576,7 @@ function Ts({
     }
   );
 }
-function zs({ icon: t, label: r, unset: n, className: s }) {
+function As({ icon: t, label: r, unset: n, className: s }) {
   return /* @__PURE__ */ c(
     "span",
     {
@@ -1584,11 +1592,11 @@ function zs({ icon: t, label: r, unset: n, className: s }) {
     }
   );
 }
-function Ms() {
+function Ds() {
   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 Lr({
   shape: t,
   rows: r,
   columns: n
@@ -1655,7 +1663,7 @@ function Dr({
       ] });
   }
 }
-const _r = {
+const Ir = {
   text: 2,
   table: 8,
   list: 6,
@@ -1663,7 +1671,7 @@ const _r = {
   menu: 4,
   cards: 2
 };
-function Ue({
+function Ve({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -1674,10 +1682,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 ?? Ir[p], f = s ?? u ?? (p === "cards" ? 3 : 6), g = /* @__PURE__ */ e("div", { className: d("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Lr, { shape: p, rows: m, columns: f }) });
   return t === "inline" ? g : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: g });
 }
-const $r = ({
+const Or = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -1692,9 +1700,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 +1734,7 @@ const $r = ({
               {
                 variant: "ghost",
                 onClick: p,
-                leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "md" }),
+                leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "md" }),
                 iconOnly: !0
               }
             ),
@@ -1757,7 +1765,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 +1791,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 +1820,11 @@ const $r = ({
       ]
     }
   );
-}, Lr = {
+}, Pr = {
   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 +1843,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 +1857,7 @@ const $r = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          $r,
+          Or,
           {
             surface: u,
             title: t,
@@ -1868,7 +1876,7 @@ const $r = ({
           {
             className: d(
               b && "min-h-0 flex-1 overflow-y-auto",
-              Lr[g],
+              Pr[g],
               v
             ),
             children: C
@@ -1883,7 +1891,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 +1914,32 @@ const $r = ({
     },
     s.id
   )
-) }), Ir = {
+) }), jr = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, Ds = ({
+}, $s = ({
   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", jr[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: Ee, 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 = ({
+] }), Ls = ({
   label: t,
   meta: r,
   action: n,
@@ -1941,7 +1949,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 Is({
   label: t,
   trailing: r,
   align: n = "center",
@@ -1955,11 +1963,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), Os = dt.Provider;
+function Rr() {
+  return St(dt);
 }
-function Is() {
+function Ps() {
   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 +1976,13 @@ function Is() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const Pr = {
+const Fr = {
   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 = ({
+}, js = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -1988,7 +1996,7 @@ const Pr = {
   className: m,
   contentClassName: f
 }) => {
-  const g = Or(), b = Nt(), w = se(a);
+  const g = Rr(), b = Ct(), w = se(a);
   w.current = a;
   const v = !!a, h = se(r);
   h.current = r;
@@ -2011,7 +2019,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 +2044,7 @@ const Pr = {
             variant: "ghost",
             onClick: () => w.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(Q, { icon: Ee, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(Z, { icon: Ee, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -2046,7 +2054,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", Fr[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 +2062,7 @@ const Pr = {
     ] })
   );
 };
-function Ps({
+function Rs({
   label: t,
   description: r,
   control: n,
@@ -2081,7 +2089,7 @@ function Ps({
     }
   );
 }
-function js({
+function Fs({
   icon: t,
   title: r,
   description: n,
@@ -2091,7 +2099,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 +2109,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 Bs({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -2121,12 +2129,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 Br = () => /* @__PURE__ */ e(Z, { icon: $t, size: "md", color: "current" }), Hr = () => /* @__PURE__ */ e(Z, { icon: Ee, size: "md", color: "current" }), qr = () => /* @__PURE__ */ e(Z, { icon: Pe, size: "md", color: "current" }), He = be(
   ({
     value: t,
     onChange: r,
@@ -2141,7 +2149,7 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }
     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(() => {
+    Q(() => {
       const y = (x) => {
         h.current && !h.current.contains(x.target) && b(!1);
       };
@@ -2162,7 +2170,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 +2238,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(Br, {})
           }
         )
       ] }),
@@ -2241,13 +2249,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(Hr, {}) }),
               /* @__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(qr, {}) })
             ] }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((y) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: y }, y)) }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: te.map((y, x) => {
@@ -2297,7 +2305,7 @@ const jr = () => /* @__PURE__ */ e(Q, { icon: At, size: "md", color: "current" }
       )
     ] });
   }
-), it = be(
+), ut = be(
   ({
     value: t,
     onValueChange: r,
@@ -2322,7 +2330,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 +2362,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 Ur = ({
   trigger: t,
   options: r,
   value: n,
@@ -2378,7 +2386,7 @@ const Br = ({
       "button[data-option-value]:not(:disabled)"
     ) ?? []
   );
-  Z(() => {
+  Q(() => {
     p && Y()[0]?.focus();
   }, [p, Y]);
   const F = (y) => {
@@ -2389,21 +2397,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 +2424,7 @@ const Br = ({
         });
       }
     }
-  }, [f]), Z(() => () => {
+  }, [f]), Q(() => () => {
     D.current && clearTimeout(D.current);
   }, []);
   const _ = (y) => {
@@ -2501,7 +2509,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 +2541,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 +2561,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 +2594,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 = {
+}, Hs = (t) => (r) => t(r instanceof Date ? r : null), qs = (t) => (r) => t(typeof r == "string" ? r : ""), Us = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Vr = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
   lg: "px-5"
-}, qr = {
+}, Kr = {
   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) {
+}, Wr = 8, Xe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+function Gr(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 Jr = (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 +2633,7 @@ const Kr = (t) => {
     );
   }, l = r.length > 0;
   return /* @__PURE__ */ e(
-    tr,
+    sr,
     {
       tone: "outline",
       caret: !0,
@@ -2655,7 +2663,7 @@ const Kr = (t) => {
       )) })
     }
   );
-}, Xe = ({
+}, Ze = ({
   data: t,
   columns: r,
   loading: n = !1,
@@ -2688,7 +2696,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 +2727,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 +2741,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 +2752,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 = Vr[I], he = U ? "bg-surface-sunk" : "bg-surface", xe = d("text-text", ye), je = s || u.length > 0 || i.length > 0 || !!p, vt = ge(() => {
     const A = K.map((ee, V) => ({ row: ee, index: V }));
     if (!m) return [{ group: null, rows: A }];
     const J = /* @__PURE__ */ new Map();
@@ -2757,11 +2765,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 +2777,7 @@ const Kr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((A) => /* @__PURE__ */ e(Kr, { ...A }, A.id)),
+      u.map((A) => /* @__PURE__ */ e(Jr, { ...A }, A.id)),
       p,
       i.length > 0 && /* @__PURE__ */ e(ke, { actions: i, className: "ml-auto" })
     ] }),
@@ -2806,9 +2814,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 +2830,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: Wr }).map((A, J) => /* @__PURE__ */ c(
         "tr",
         {
           className: "animate-pulse border-t border-border-subtle",
@@ -2839,7 +2847,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 +2868,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 +2895,7 @@ const Kr = (t) => {
             "tr",
             {
               className: d(
-                qr[F],
+                Kr[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 +2915,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 +2938,10 @@ const Kr = (t) => {
                   );
                 }),
                 w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
-                  Br,
+                  Ur,
                   {
                     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 +2949,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 +2962,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 +2974,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: Ee, size: "md", color: "current" })
           }
         ),
-        Vr(L.page, N).map(
+        Gr(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 +3004,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 = {
+}, Yr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3012,11 +3020,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 = {
+}, Xr = {
   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 = {
+}, Zr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3026,7 +3034,7 @@ const Kr = (t) => {
   info: "bg-info",
   note: "bg-note"
 };
-function Yr({
+function Qr({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3042,13 +3050,13 @@ function Yr({
     {
       className: d(
         "inline-flex items-center font-medium rounded-full",
-        Wr[t],
-        Gr[r],
+        Yr[t],
+        Xr[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", Zr[t]) }),
         s && /* @__PURE__ */ e("span", { className: d("flex-shrink-0", u && "mr-1"), children: s }),
         u,
         a && l && /* @__PURE__ */ e(
@@ -3057,14 +3065,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 en(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 +3080,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(Qr, { variant: l ? l(g, f) : "default", size: "sm", children: a(g, f) });
     },
     width: u,
     sortable: i,
     align: p
   };
 }
-function qs(t) {
+function Vs(t) {
   const {
     id: r,
     header: n,
@@ -3091,7 +3099,7 @@ function qs(t) {
     width: i,
     sortable: p
   } = t;
-  return Xr({
+  return en({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -3101,7 +3109,7 @@ function qs(t) {
     sortable: p
   });
 }
-function Us(t) {
+function Ks(t) {
   const {
     id: r,
     header: n,
@@ -3125,19 +3133,19 @@ function Us(t) {
     sortable: p
   };
 }
-const Qr = {
+const tn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, Zr = {
+}, rn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, en = {
+}, nn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -3148,12 +3156,12 @@ const Qr = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, tn = {
+}, sn = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, rn = {
+}, an = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -3172,20 +3180,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 || ln(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 && tn[r],
     // Weight — label owns its weight
-    !v && Zr[n],
-    en[s],
-    tn[a],
+    !v && rn[n],
+    nn[s],
+    sn[a],
     // Line height only overrides the body variant
-    t === "body" && rn[i],
+    t === "body" && an[i],
     o && "italic",
     u && "underline",
     l && "truncate",
@@ -3193,7 +3201,7 @@ const Qr = {
   );
   return /* @__PURE__ */ e(b, { className: C, ...g, children: f });
 };
-function nn(t) {
+function ln(t) {
   return {
     body: "p",
     caption: "span",
@@ -3201,13 +3209,13 @@ function nn(t) {
     code: "code"
   }[t] || "p";
 }
-function sn(t, r) {
+function on(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Vs = ({
+const Ws = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -3230,7 +3238,7 @@ const Vs = ({
     return g ? g.label : String(m || "-");
   }, u = de(
     (m) => {
-      const f = sn(r, m.name);
+      const f = on(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 +3381,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 Gs extends Et {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -3401,8 +3409,8 @@ class Ks extends kt {
     ] }) : this.props.children;
   }
 }
-const Re = /* @__PURE__ */ new Map();
-function Ws({
+const Fe = /* @__PURE__ */ new Map();
+function Js({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -3412,14 +3420,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 +3435,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 +3451,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 +3459,11 @@ function Ws({
     n === "react" && h && /* @__PURE__ */ e(h, { ...l })
   ] });
 }
-const an = {
+const cn = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Gs({
+function Ys({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3480,7 +3488,7 @@ function Gs({
           {
             className: d(
               "flex size-disc items-center justify-center rounded-full text-2xl",
-              an[r]
+              cn[r]
             ),
             children: t
           }
@@ -3492,7 +3500,7 @@ function Gs({
     }
   );
 }
-function Js({ children: t, className: r, ...n }) {
+function Xs({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3505,14 +3513,14 @@ function Js({ children: t, className: r, ...n }) {
     }
   );
 }
-const ln = {
+const dn = {
   sm: "h-1",
   md: "h-1.5"
-}, on = {
+}, un = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function Ys({
+function Zs({
   value: t,
   variant: r = "accent",
   size: n = "md",
@@ -3529,7 +3537,7 @@ function Ys({
       "aria-valuemax": 100,
       className: d(
         "w-full overflow-hidden rounded-full bg-surface-hover",
-        ln[n],
+        dn[n],
         s
       ),
       ...a,
@@ -3538,7 +3546,7 @@ function Ys({
         {
           className: d(
             "h-full rounded-full transition-[width] duration-300 ease-out",
-            on[r]
+            un[r]
           ),
           style: { width: `${l}%` }
         }
@@ -3546,25 +3554,25 @@ function Ys({
     }
   );
 }
-const cn = {
+const mn = {
   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 = {
+}, fn = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, un = {
+}, hn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function Xs({
+function Qs({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3581,7 +3589,7 @@ function Xs({
         /* @__PURE__ */ c(
           "svg",
           {
-            className: d("animate-spin", cn[t], dn[r]),
+            className: d("animate-spin", mn[t], fn[r]),
             fill: "none",
             viewBox: "0 0 24 24",
             "aria-hidden": !s,
@@ -3609,13 +3617,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", hn[t]), children: n }),
         !s && /* @__PURE__ */ e("span", { className: "sr-only", children: n })
       ]
     }
   );
 }
-const mn = {
+const xn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3629,7 +3637,7 @@ const mn = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function Qs({
+function ea({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3645,14 +3653,14 @@ function Qs({
       className: d(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        mn[t],
+        xn[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function Zs({
+function ta({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3692,7 +3700,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 gn = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3727,7 +3735,7 @@ const fn = /* @__PURE__ */ new Set([
   "one-time-code"
 ]);
 function Qe(t) {
-  return t && fn.has(t) ? { autoComplete: t } : {
+  return t && gn.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -3739,12 +3747,12 @@ function Qe(t) {
     "data-form-type": "other"
   };
 }
-const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCase(), xn = {
+const De = (t) => t == null ? "" : String(t), bn = (t) => De(t).trim().toLowerCase(), pn = {
   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(
+}, Ae = bn, $e = be(
   ({
     label: t,
     helperText: r,
@@ -3774,23 +3782,23 @@ 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) => Ae(M.value) === Ae(S) || Ae(M.label) === Ae(S)),
       []
     ), E = le.useCallback(
       (j, S) => {
-        const z = [...j], X = (q) => {
+        const M = [...j], X = (q) => {
           const N = De(q).trim();
-          N && (x(z, N) || z.push({ value: N, label: N }));
+          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]);
@@ -3799,25 +3807,25 @@ const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCa
       [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 +3860,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],
+                  pn[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 +3966,13 @@ const De = (t) => t == null ? "" : String(t), hn = (t) => De(t).trim().toLowerCa
     );
   }
 );
-_e.displayName = "Select";
-const gn = {
+$e.displayName = "Select";
+const vn = {
   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 +3995,7 @@ const gn = {
         {
           htmlFor: v,
           className: d(
-            dt,
+            mt,
             h ? "text-danger-fg" : "text-text-muted",
             p
           ),
@@ -4004,11 +4012,11 @@ const gn = {
             "aria-invalid": h || void 0,
             "aria-describedby": C,
             className: d(
-              ut,
-              gn[s],
+              ft,
+              vn[s],
               l && "pl-9",
               (o || u) && "pr-9",
-              mt(h),
+              ht(h),
               m
             ),
             ...g
@@ -4034,7 +4042,7 @@ const gn = {
   }
 );
 Ce.displayName = "TextField";
-function bn({
+function yn({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -4045,7 +4053,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 +4065,7 @@ function bn({
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      _e,
+      $e,
       {
         size: a,
         fullWidth: !0,
@@ -4079,7 +4087,7 @@ function bn({
     )
   ] });
 }
-const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
+const Nn = rt(null), ra = ({ 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 +4120,7 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
     },
     i.id
   )) }) });
-}, vn = ({
+}, wn = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -4169,7 +4177,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(Nn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: b, role: "tablist", children: t.map((v) => /* @__PURE__ */ e(
       "button",
       {
@@ -4198,14 +4206,14 @@ const pn = tt(null), ea = ({ items: t, activeTab: r, onTabChange: n, className:
       }
     )
   ] }) });
-}, yn = {
+}, kn = {
   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 +4227,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 +4255,7 @@ function ft({
           className: d(
             "relative w-full bg-surface rounded-lg shadow-modal",
             "focus:outline-none",
-            yn[s],
+            kn[s],
             o
           ),
           role: "dialog",
@@ -4263,7 +4271,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 +4283,7 @@ function ft({
     }
   ) : null;
 }
-const Nn = ({
+const Cn = ({
   value: t,
   onChange: r,
   label: n,
@@ -4318,9 +4326,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 +4354,7 @@ const Nn = ({
         _(!1);
       }
     }
-  }, M = async (N) => {
+  }, z = async (N) => {
     const R = N.target.files?.[0];
     if (!(!R || !h)) {
       _(!0);
@@ -4419,7 +4427,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 +4446,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 +4489,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 +4515,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 +4537,14 @@ const Nn = ({
         title: h ? `Explorer: ${h.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          vn,
+          wn,
           {
             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(Le, { children: [
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       ae,
@@ -4545,7 +4553,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 +4564,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 +4574,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 +4583,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 +4594,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 +4615,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 +4625,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 +4639,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 +4684,12 @@ const Nn = ({
       }
     )
   ] });
-}, wn = {
+}, Sn = {
   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 +4711,7 @@ const Nn = ({
         {
           htmlFor: w,
           className: d(
-            dt,
+            mt,
             v ? "text-danger-fg" : "text-text-muted",
             u
           ),
@@ -4720,10 +4728,10 @@ const Nn = ({
             "aria-invalid": v || void 0,
             "aria-describedby": h,
             className: d(
-              ut,
+              ft,
               "resize-y leading-relaxed",
-              wn[s],
-              mt(v),
+              Sn[s],
+              ht(v),
               i
             ),
             ...f
@@ -4748,14 +4756,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 En(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 +4772,7 @@ function kn(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Cn(t, r) {
+function Tn(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 +4782,7 @@ function Cn(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function Sn({
+function Mn({
   title: t,
   description: r,
   className: n,
@@ -4788,7 +4796,7 @@ function Sn({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const ta = ({
+const na = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -4810,7 +4818,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 +4834,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 +4856,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 $ = En(h, x, E);
+      t.flatMap((z) => z.items).find((z) => z.name === x)?.removeIfEmpty && (E == null || E === "") && ($ = Tn($, x)), C($), _((z) => ({ ...z, [x]: !0 }));
       const L = I(x, E, $);
-      Y((M) => ({
-        ...M,
+      Y((z) => ({
+        ...z,
         [x]: L || ""
       })), a?.($, x);
     },
@@ -4864,12 +4872,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 +4891,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 +4914,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 +4923,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 +4934,13 @@ const ta = ({
           );
         case "select":
           return /* @__PURE__ */ e(
-            _e,
+            $e,
             {
               ...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 +4954,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 +4974,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 +4989,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,
+            Cn,
             {
               ...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,
+            yn,
             {
               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 +5062,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 +5075,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 +5118,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,
+                          $e,
                           {
                             ...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 +5164,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 +5183,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 +5201,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 +5240,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 +5249,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 +5286,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,
+          Mn,
           {
             title: x.title,
             description: x.description,
@@ -5362,7 +5370,7 @@ const ta = ({
     ] })
   ] });
 };
-function ra({
+function sa({
   label: t,
   value: r,
   onChange: n,
@@ -5379,8 +5387,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 An(h, s);
+    if (a && zn(C) > a) {
       w(f);
       return;
     }
@@ -5439,11 +5447,11 @@ function ra({
     )
   ] });
 }
-function En(t) {
+function zn(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 An(t, r) {
   return new Promise((n, s) => {
     const a = new FileReader();
     a.onload = () => {
@@ -5461,20 +5469,20 @@ function Tn(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-function zn(t) {
+function Dn(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 $n = 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 [];
@@ -5482,8 +5490,8 @@ const Dn = be(
       return n.filter((I) => I.name.toLowerCase().includes(_)).slice(0, 8);
     }, [n, p]), C = Te(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 } = Dn(i.current);
+      r(_, I, O);
     }, [r]), P = de(() => {
       m(null), g(null), w(0);
     }, []);
@@ -5501,16 +5509,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 +5541,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 +5595,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 +5631,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 = {
+$n.displayName = "MentionComposer";
+const Ne = (...t) => t.filter(Boolean).join(" "), Ln = (t) => /* @__PURE__ */ e(Oe, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), In = (t) => /* @__PURE__ */ e(Ie, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), On = {
   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(
+}, Pn = be(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(_n, {}),
+    startIcon: l = /* @__PURE__ */ e(Ln, {}),
     loading: o = !1,
     containerClassName: u,
     labelClassName: i,
@@ -5656,7 +5665,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 +5675,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 +5693,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 +5706,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 +5731,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 +5746,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],
+                  On[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -5749,17 +5758,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,
+                In,
                 {
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
-                    Fe[s],
+                    Be[s],
                     H ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
@@ -5778,7 +5787,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 +5798,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), _n = (t) => /* @__PURE__ */ e(
     );
   }
 );
-In.displayName = "SearchableTextField";
-const On = be(
+Pn.displayName = "SearchableTextField";
+const jn = be(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -5843,25 +5852,25 @@ const On = be(
     );
   }
 );
-On.displayName = "Switch";
-const Pn = [
+jn.displayName = "Switch";
+const Rn = [
   { 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;
+], Fn = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
+function Bn(t) {
+  return Rn.find((r) => t <= r.upTo)?.cols ?? Fn;
 }
-function Fn(t, r) {
+function Hn(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 aa({ 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 } = Hn(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 +5889,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),
+        Bn(t.length),
         s
       ),
       children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-h-0 min-w-0", children: a }, l))
     }
   );
 }
-function sa({
+function la({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -5914,23 +5923,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 oa({
   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 +5957,7 @@ function aa({
     }
   );
 }
-const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+const qn = () => /* @__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 +5974,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 +6064,7 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
       ]
     }
   ) });
-}, la = ({
+}, ca = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -6063,12 +6072,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(qn, {})
 ] }) : /* @__PURE__ */ c("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
   /* @__PURE__ */ e("ul", { className: "flex min-h-0 flex-1 flex-col gap-px overflow-y-auto", children: t.map(
     (l, o) => !l.path && !l.label && !l.children ? /* @__PURE__ */ e("li", { "aria-hidden": !0, className: "h-4" }, o) : /* @__PURE__ */ e(
-      ht,
+      bt,
       {
         item: l,
         isSelectedHandler: r,
@@ -6078,7 +6087,7 @@ const Bn = () => /* @__PURE__ */ e(Ue, { variant: "inline", shape: "menu" }), ht
     )
   ) })
 ] });
-function oa({
+function ia({
   open: t,
   title: r,
   description: n,
@@ -6090,7 +6099,7 @@ function oa({
   onCancel: i
 }) {
   return /* @__PURE__ */ e(
-    ft,
+    xt,
     {
       open: t,
       onClose: i,
@@ -6112,7 +6121,7 @@ function oa({
     }
   );
 }
-const Hn = {
+const Un = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -6120,7 +6129,7 @@ const Hn = {
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, qn = {
+}, Vn = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -6128,7 +6137,7 @@ const Hn = {
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Un = {
+}, Kn = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -6144,26 +6153,26 @@ const Hn = {
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Vn = {
+}, Wn = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Kn = {
+}, Gn = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Wn = {
+}, Jn = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Gn = {
+}, Yn = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -6173,7 +6182,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 +6199,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 && Un[t],
+        r && Vn[r],
+        n && Kn[n],
+        s && Wn[s],
+        a && Gn[a],
+        l && Jn[l],
+        o && Yn[o],
         u
       ),
       ...p,
@@ -6204,11 +6213,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 da = ({ 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 = {
+] }), Xn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -6217,13 +6226,13 @@ const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { backgrou
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, Yn = {
+}, Zn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Xn = {
+}, Qn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -6233,11 +6242,11 @@ const ca = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(xt, { backgrou
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Qn = {
+}, es = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, ia = ({
+}, ua = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -6250,16 +6259,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],
+    Xn[r || ts(t)],
+    Zn[n],
+    Qn[s],
+    es[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(p, { className: m, ...i, children: u });
 };
-function Zn(t) {
+function ts(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -6269,111 +6278,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 ma(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,
+  ys as ActivityAvatar,
+  Ns as ActivityGlyph,
+  ps as ActivityRow,
+  hs as ArtifactView,
+  xs as AssistantCard,
+  it as Avatar,
+  bs as AvatarStack,
+  Qr as Badge,
+  pt as Box,
   ae as Button,
-  is as ButtonGroup,
-  ca as Card,
-  ws as ChannelBadge,
+  us as ButtonGroup,
+  da as Card,
+  Cs 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,
+  fs as CommandPalette,
+  ia as ConfirmDialog,
+  Ve as ContentLoading,
+  He as DatePicker,
+  Ur as Dropdown,
+  Ys as EmptyState,
+  Gs as ErrorBoundary,
+  Js as FederatedResource,
+  sr as FilterChip,
+  yn as FolderSelect,
+  na as Form,
+  Mn as FormSection,
+  ua as Heading,
+  vr as IDENTITY_TONE_COUNT,
+  Z as Icon,
+  Ss as Image,
+  sa as ImageField,
+  Xs as Kbd,
+  Es as KpiCard,
+  ms as Link,
+  Ms as List,
+  Ts as ListBulkAction,
+  aa as MeetingGrid,
+  $n as MentionComposer,
+  zs as MessageBubble,
+  Ds as MetaSeparator,
+  As as MetaValue,
+  xt as Modal,
+  _s as Page,
+  Or as PageHeader,
+  $s as PageToolbar,
   ke as PageToolbarActions,
-  sa as ParticipantTile,
-  nt as Popover,
-  Ys 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,
+  la as ParticipantTile,
+  st as Popover,
+  Zs as ProgressBar,
+  Me as RichText,
+  ws as RowCard,
+  ut as SearchField,
+  Pn as SearchableTextField,
+  Ls as SectionCaption,
+  Is as SectionDivider,
+  ir as SegmentedToggle,
+  $e as Select,
+  Os as SettingsFrameProvider,
+  js as SettingsPage,
+  Rs as SettingsRow,
+  Fs as SettingsSection,
+  ca as SidebarMenu,
+  Bs as SourceChip,
+  Qs as Spinner,
+  at as SplitButton,
+  ea as StatusDot,
+  ta as StepIndicator,
+  Cn as StorageInput,
+  jn as Switch,
+  ra as TabBar,
+  Ze as Table,
+  wn as Tabs,
   me as Text,
-  He as TextArea,
+  qe as TextArea,
   Ce as TextField,
-  Ns as TimelineEvent,
-  aa as VideoSurface,
-  Vs as View,
+  ks as TimelineEvent,
+  oa as VideoSurface,
+  Ws as View,
   Qe as autofillProps,
-  Xr as badgeColumn,
-  qs as booleanBadgeColumn,
-  bs as cardActionClass,
-  da as catTone,
+  en as badgeColumn,
+  Vs as booleanBadgeColumn,
+  vs as cardActionClass,
+  ma 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,
+  ds as createSizes,
+  is as createVariants,
+  Hs as dateFilterHandler,
+  gs as identityDotClass,
+  ct as identityPlateClass,
+  ot as identityTone,
+  Ks as labelsColumn,
+  Us as multiSelectFilterHandler,
+  bn as normalizeText,
+  Zt as resolveLucideIcon,
+  qs as selectFilterHandler,
   De as text,
   Te as useAnchoredPosition,
-  Or as useSettingsFrame,
-  Is as useSettingsFrameHost
+  Rr as useSettingsFrame,
+  Ps as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map