@opencxh/ui-kit 3.175.2 → 3.176.1

package/dist/index.js

@@ -1,21 +1,21 @@
-import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
-import ae, { forwardRef as ve, useState as R, useLayoutEffect as gt, useRef as ne, useEffect as X, createContext as et, useId as pt, useMemo as pe, useContext as vt, useCallback as xe, Component as yt } from "react";
-import { clsx as Nt } from "clsx";
-import * as wt from "lucide-react";
-import { X as Se, ChevronDown as Ae, ExternalLink as kt, Search as Le, ChevronRight as Ie, Sparkles as Ct, ImageOff as St, ChevronLeft as ze, Pencil as Et, ArrowUpRight as zt, Calendar as Mt, Check as Ue, ChevronUp as Tt, Ellipsis as $t, ChevronDownIcon as _t, FileText as je, HardDrive as We, ArrowLeft as Dt, FolderPlus as At, Upload as Lt, Folder as Ke, Trash2 as It, Plus as Pt, Loader2 as Ot, VideoOff as jt, User as Ft, MicOff as Rt, Mic as Bt } from "lucide-react";
-import Ht from "dompurify";
-import qt from "react-markdown";
-import Vt from "remark-gfm";
+import { jsxs as c, jsx as e, Fragment as Ae } from "react/jsx-runtime";
+import ae, { forwardRef as ve, useState as R, useLayoutEffect as vt, useRef as ne, useEffect as X, createContext as et, useId as yt, useMemo as pe, useContext as Nt, useCallback as fe, Component as wt } from "react";
+import { clsx as kt } from "clsx";
+import * as Ct from "lucide-react";
+import { X as Se, ChevronDown as De, ExternalLink as St, Search as Le, ChevronRight as Ie, Sparkles as Et, ArrowUpRight as tt, ImageOff as zt, ChevronLeft as Ee, Pencil as Mt, Calendar as Tt, Check as Ue, ChevronUp as _t, Ellipsis as $t, ChevronDownIcon as At, FileText as je, HardDrive as We, ArrowLeft as Dt, FolderPlus as Lt, Upload as It, Folder as Ke, Trash2 as Ot, Plus as Pt, Loader2 as jt, VideoOff as Ft, User as Rt, MicOff as Bt, Mic as Ht } from "lucide-react";
+import qt from "dompurify";
+import Vt from "react-markdown";
+import Ut from "remark-gfm";
 function i(...t) {
-  return Nt(t);
+  return kt(t);
 }
-function es(t) {
+function ns(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function ts(t) {
+function ss(t) {
   return (r) => t[r] || "";
 }
-const Ut = {
+const Wt = {
   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 Ut = {
   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 = {
+}, Kt = {
   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 Ut = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, Kt = {
+}, Gt = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -75,8 +75,8 @@ const Ut = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          Ut[t],
-          o ? Kt[r] : Wt[r],
+          Wt[t],
+          o ? Gt[r] : Kt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           d
@@ -102,7 +102,7 @@ const Ut = {
   }
 );
 se.displayName = "Button";
-const rs = ({
+const as = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -133,12 +133,12 @@ const rs = ({
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
 };
-function ns(t) {
+function Jt(t) {
   if (!t) return;
-  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = wt[r];
+  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = Ct[r];
   return typeof n == "function" || typeof n == "object" && n !== null ? n : void 0;
 }
-const Gt = {
+const Yt = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -148,7 +148,7 @@ const Gt = {
   info: "text-info-fg",
   neutral: "text-text-subtle",
   current: "text-current"
-}, ee = ({
+}, J = ({
   icon: t,
   size: r = "md",
   color: n = "current",
@@ -158,9 +158,9 @@ const Gt = {
   "aria-label": o,
   ...u
 }) => {
-  const d = typeof r == "number" ? r : Jt(r), v = i(
+  const d = typeof r == "number" ? r : Xt(r), v = i(
     "inline-block shrink-0",
-    Gt[n],
+    Yt[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 Gt = {
   };
   return /* @__PURE__ */ e(t, { ...m });
 };
-function Jt(t) {
+function Xt(t) {
   return {
     xs: 12,
     sm: 14,
@@ -191,9 +191,9 @@ function Jt(t) {
     xl: 24
   }[t];
 }
-function Pe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
+function Oe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
   const [l, o] = R({});
-  return gt(() => {
+  return vt(() => {
     if (!t) return;
     const u = () => {
       const d = r.current;
@@ -206,7 +206,7 @@ function Pe(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
     };
   }, [t, r, n, s, a]), l;
 }
-const tt = ({
+const rt = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -216,7 +216,7 @@ const tt = ({
   disabled: o = !1,
   triggerLabel: u
 }) => {
-  const [d, v] = R(!1), m = ne(null), f = ne(null), b = Pe(d, f, { placement: n });
+  const [d, v] = R(!1), m = ne(null), f = ne(null), b = Oe(d, f, { placement: n });
   X(() => {
     if (!d) return;
     const p = (C) => {
@@ -263,29 +263,29 @@ const tt = ({
       }
     )
   ] });
-}, Yt = {
+}, Zt = {
   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"
-}, Xt = (t) => i(
+}, Qt = (t) => i(
   // 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" : Yt[t.tone ?? "default"],
+  t.active ? "bg-info-soft text-info-fg" : Zt[t.tone ?? "default"],
   t.className
-), Zt = (t) => i(
+), er = (t) => i(
   "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 Qt({
+function tr({
   label: t,
   icon: r,
   tone: n = "default",
@@ -301,11 +301,11 @@ function Qt({
   title: b,
   className: g
 }) {
-  const w = l && !!v, p = s === "pill" ? "rounded-full" : "rounded-md", h = Xt({ active: l, tone: n, shape: s, size: a, className: g }), C = /* @__PURE__ */ c(Ee, { children: [
+  const w = l && !!v, p = s === "pill" ? "rounded-full" : "rounded-md", h = Qt({ active: l, tone: n, shape: s, size: a, className: g }), C = /* @__PURE__ */ c(Ae, { children: [
     r,
     t,
-    o && /* @__PURE__ */ e(ee, { icon: Ae, size: "xs" })
-  ] }), z = Zt({ shape: s, withClear: w }), P = w && /* @__PURE__ */ e(
+    o && /* @__PURE__ */ e(J, { icon: De, size: "xs" })
+  ] }), z = er({ shape: s, withClear: w }), O = w && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -315,12 +315,12 @@ function Qt({
         "inline-flex h-full items-center pr-3 focus-visible:outline-none focus-visible:focus-ring",
         p
       ),
-      children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs" })
+      children: /* @__PURE__ */ e(J, { icon: Se, size: "xs" })
     }
   );
   return u ? /* @__PURE__ */ c("span", { className: h, title: b, children: [
     /* @__PURE__ */ e(
-      tt,
+      rt,
       {
         trigger: C,
         rootClassName: "h-full",
@@ -329,19 +329,19 @@ function Qt({
         children: u
       }
     ),
-    P
+    O
   ] }) : w ? /* @__PURE__ */ c("span", { className: h, title: b, children: [
     /* @__PURE__ */ e("button", { type: "button", onClick: f, className: z, children: C }),
-    P
+    O
   ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: f, className: i(h, z), children: C });
 }
-const er = {
+const rr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, tr = {
+}, nr = {
   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 er = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, rr = {
+}, sr = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -359,7 +359,7 @@ const er = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, ss = ({
+}, ls = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -376,13 +376,13 @@ const er = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    er[r],
-    !s && tr[n],
+    rr[r],
+    !s && nr[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",
-      rr[n]
+      sr[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
@@ -395,13 +395,13 @@ const er = {
   };
   return /* @__PURE__ */ c("a", { className: b, ...g, children: [
     o,
-    f && /* @__PURE__ */ e(kt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
+    f && /* @__PURE__ */ e(St, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, nr = {
+}, ar = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function sr({
+function lr({
   options: t,
   value: r,
   onChange: n,
@@ -438,7 +438,7 @@ function sr({
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               l && "min-w-0 flex-1",
-              nr[s],
+              ar[s],
               v ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: d.label
@@ -449,15 +449,15 @@ function sr({
     }
   );
 }
-const ar = {
+const or = {
   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"
-}, lr = {
+}, cr = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
-function rt({
+function nt({
   label: t,
   onClick: r,
   variant: n = "primary",
@@ -489,7 +489,7 @@ function rt({
         }
       ),
       f && /* @__PURE__ */ e(
-        tt,
+        rt,
         {
           placement: d,
           disabled: m,
@@ -502,14 +502,14 @@ function rt({
               className: i(
                 "inline-flex items-center justify-center rounded-md rounded-l-none",
                 "transition-colors duration-fast ease-out",
-                ar[n],
-                lr[s],
+                or[n],
+                cr[s],
                 m && "cursor-not-allowed opacity-50"
               ),
-              children: /* @__PURE__ */ e(Ae, { className: "size-icon-md" })
+              children: /* @__PURE__ */ e(De, { className: "size-icon-md" })
             }
           ),
-          children: (b) => /* @__PURE__ */ e(Ee, { children: l.map((g) => /* @__PURE__ */ c(
+          children: (b) => /* @__PURE__ */ e(Ae, { children: l.map((g) => /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -534,7 +534,7 @@ function rt({
     ] })
   );
 }
-const as = ({
+const os = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -547,7 +547,7 @@ const as = ({
   );
   return X(() => {
     r || (u(""), v(a || []), f(l || 0));
-  }, [r]), X(() => {
+  }, [r, a, l]), X(() => {
     const h = (C) => {
       if (r) {
         if (C.key === "Escape")
@@ -587,7 +587,6 @@ const as = ({
             "input",
             {
               type: "text",
-              autoFocus: !0,
               placeholder: s?.searchPlaceholder || "Search commands...",
               value: o,
               onChange: (h) => u(h.target.value),
@@ -639,7 +638,7 @@ const as = ({
       ]
     }
   ) }) : null;
-}, or = /<[a-z][\s\S]*>/i, cr = [
+}, ir = /<[a-z][\s\S]*>/i, dr = [
   "[&_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",
@@ -654,7 +653,7 @@ const as = ({
   "[&_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(" "), ir = {
+].join(" "), ur = {
   p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
   a: (t) => /* @__PURE__ */ e(
     "a",
@@ -685,42 +684,42 @@ const as = ({
   th: (t) => /* @__PURE__ */ e("th", { className: "border border-border px-2 py-1 text-left font-semibold", ...t }),
   td: (t) => /* @__PURE__ */ e("td", { className: "border border-border px-2 py-1", ...t })
 };
-function Me({ text: t, className: r, as: n }) {
+function ze({ text: t, className: r, as: n }) {
   const s = t ?? "";
-  return (n ? n === "html" : or.test(s)) ? /* @__PURE__ */ e(
+  return (n ? n === "html" : ir.test(s)) ? /* @__PURE__ */ e(
     "div",
     {
-      className: i("break-words", cr, r),
+      className: i("break-words", dr, r),
       dangerouslySetInnerHTML: {
-        __html: Ht.sanitize(s, { ADD_ATTR: ["target", "rel"] })
+        __html: qt.sanitize(s, { ADD_ATTR: ["target", "rel"] })
       }
     }
-  ) : /* @__PURE__ */ e("div", { className: i("break-words", r), children: /* @__PURE__ */ e(qt, { remarkPlugins: [Vt], components: ir, children: s }) });
+  ) : /* @__PURE__ */ e("div", { className: i("break-words", r), children: /* @__PURE__ */ e(Vt, { remarkPlugins: [Ut], components: ur, children: s }) });
 }
-const dr = {
+const mr = {
   info: "text-info-fg",
   success: "text-success-fg",
   warning: "text-warning-fg",
   destructive: "text-danger-fg"
-}, ur = {
+}, fr = {
   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"
-}, mr = {
+}, hr = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
   4: "grid-cols-4"
 };
-function fr({ block: t }) {
+function xr({ block: t }) {
   switch (t.type) {
     case "heading":
       return t.level === 1 ? /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-text", children: t.text }) : t.level === 2 ? /* @__PURE__ */ e("h2", { className: "pt-2 text-base font-semibold tracking-tight text-text", children: t.text }) : /* @__PURE__ */ e("h3", { className: "pt-1 text-sm font-semibold text-text", children: t.text });
     case "paragraph":
-      return /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" });
+      return /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" });
     case "quote":
-      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
+      return /* @__PURE__ */ e("blockquote", { className: "border-l-2 border-border pl-3.5", children: /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text-muted" }) });
     case "code":
       return /* @__PURE__ */ e("pre", { className: "overflow-x-auto rounded-lg bg-surface-sunk p-3 text-xs", children: /* @__PURE__ */ e("code", { className: "font-mono", children: t.text }) });
     case "divider":
@@ -739,7 +738,7 @@ function fr({ block: t }) {
               n.lead,
               " "
             ] }),
-            /* @__PURE__ */ e(Me, { as: "markdown", text: n.text, className: "inline" })
+            /* @__PURE__ */ e(ze, { as: "markdown", text: n.text, className: "inline" })
           ] }, s))
         }
       );
@@ -773,13 +772,13 @@ function fr({ 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: i("grid gap-3", mr[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: i("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: [
         /* @__PURE__ */ e(
           "div",
           {
             className: i(
               "text-2xl font-semibold tracking-tight",
-              r.tone ? dr[r.tone] : "text-text"
+              r.tone ? mr[r.tone] : "text-text"
             ),
             children: r.value
           }
@@ -787,15 +786,15 @@ function fr({ 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: i("rounded-lg border px-4 py-3", ur[t.tone]), children: [
+      return /* @__PURE__ */ c("div", { className: i("rounded-lg border px-4 py-3", fr[t.tone]), children: [
         t.title && /* @__PURE__ */ e("div", { className: "pb-0.5 text-sm font-semibold text-text", children: t.title }),
-        /* @__PURE__ */ e(Me, { as: "markdown", text: t.text, className: "text-sm text-text" })
+        /* @__PURE__ */ e(ze, { as: "markdown", text: t.text, className: "text-sm text-text" })
       ] });
     default:
       return null;
   }
 }
-function ls({ blocks: t, runtime: r = "inert", className: n }) {
+function cs({ blocks: t, runtime: r = "inert", className: n }) {
   return r !== "inert" ? /* @__PURE__ */ c(
     "div",
     {
@@ -812,11 +811,11 @@ function ls({ blocks: t, runtime: r = "inert", className: n }) {
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e("article", { className: i("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(fr, { block: s }, s.block_id ?? a)) });
+  ) : /* @__PURE__ */ e("article", { className: i("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(xr, { block: s }, s.block_id ?? a)) });
 }
-function os({
+function is({
   title: t,
-  icon: r = /* @__PURE__ */ e(Ct, { className: "size-icon-md", "aria-hidden": !0 }),
+  icon: r = /* @__PURE__ */ e(Et, { className: "size-icon-md", "aria-hidden": !0 }),
   action: n,
   children: s,
   className: a,
@@ -842,53 +841,53 @@ function os({
     }
   );
 }
-const hr = 5;
-function xr(t) {
+const br = 5;
+function gr(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 nt(t) {
+function st(t) {
   const r = (t ?? "").trim().toLowerCase();
-  return r ? xr(r) % hr + 1 : 1;
+  return r ? gr(r) % br + 1 : 1;
 }
-const br = {
+const pr = {
   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"
-}, gr = {
+}, vr = {
   1: "bg-cat-1",
   2: "bg-cat-2",
   3: "bg-cat-3",
   4: "bg-cat-4",
   5: "bg-cat-5"
 };
-function st(t) {
-  return br[nt(t)];
+function at(t) {
+  return pr[st(t)];
 }
-function cs(t) {
-  return gr[nt(t)];
+function ds(t) {
+  return vr[st(t)];
 }
-const pr = {
+const yr = {
   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"
-}, vr = {
+}, Nr = {
   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 yr(t) {
+function wr(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 Nr = ({
+const lt = ({
   name: t,
   src: r,
   tone: n = "default",
@@ -903,8 +902,8 @@ const Nr = ({
     "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" ? st(t) : pr[n],
-    vr[s],
+    n === "identity" ? at(t) : yr[n],
+    Nr[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -916,8 +915,8 @@ const Nr = ({
       className: i(d, "object-cover"),
       onError: () => u(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: d, title: l ?? t, "aria-label": t, children: yr(t) });
-}, Ge = "ring-surface", wr = "ring-surface-accent", is = ({
+  ) : /* @__PURE__ */ e("span", { className: d, title: l ?? t, "aria-label": t, children: wr(t) });
+}, Ge = "ring-surface", kr = "ring-surface-accent", us = ({
   people: t,
   max: r = 4,
   size: n = "sm",
@@ -927,7 +926,7 @@ const Nr = ({
   const a = t.slice(0, r), l = t.length - a.length;
   return /* @__PURE__ */ c("span", { className: i("inline-flex items-center", s), children: [
     a.map((o, u) => /* @__PURE__ */ e(
-      Nr,
+      lt,
       {
         name: o.name,
         src: o.src,
@@ -935,7 +934,7 @@ const Nr = ({
         title: o.name ? o.seen === !1 ? `${o.name} — nog niet gelezen` : o.name : void 0,
         className: i(
           u > 0 && "-ml-2",
-          o.owner ? wr : Ge,
+          o.owner ? kr : Ge,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -958,43 +957,151 @@ const Nr = ({
       }
     )
   ] });
-}, Te = {
+}, Cr = {
+  neutral: "bg-surface-sunk",
+  out: "bg-bubble-out-soft",
+  note: "bg-note-soft",
+  assistant: "bg-assistant-soft"
+}, Sr = {
+  neutral: "text-text",
+  out: "text-text",
+  note: "text-note",
+  assistant: "text-text"
+};
+function ms({
+  avatar: t,
+  title: r,
+  context: n,
+  meta: s,
+  time: a,
+  tone: l = "neutral",
+  actions: o,
+  below: u,
+  children: d
+}) {
+  return /* @__PURE__ */ c("div", { className: "flex min-w-0 flex-col gap-2", children: [
+    /* @__PURE__ */ c("div", { className: "flex min-w-0 items-start gap-3.5", children: [
+      /* @__PURE__ */ e("span", { className: "mt-0.5 shrink-0", children: t }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: i("min-w-0 flex-1 overflow-hidden rounded-lg px-4 py-3.5", Cr[l]),
+          children: [
+            /* @__PURE__ */ c("div", { className: "flex items-baseline gap-2", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: i(
+                    "min-w-0 truncate text-md font-semibold",
+                    !n && "flex-1",
+                    Sr[l]
+                  ),
+                  children: r
+                }
+              ),
+              n && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-xs text-text-muted", children: n }),
+              (s || a) && /* @__PURE__ */ c("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+                s,
+                a && /* @__PURE__ */ e("span", { className: "text-xs tabular-nums text-text-subtle", children: a })
+              ] })
+            ] }),
+            d && /* @__PURE__ */ e("div", { className: "pt-2", children: d }),
+            o && /* @__PURE__ */ e("div", { className: "-ml-2.5 flex flex-wrap items-center gap-0.5 pt-2.5", children: o })
+          ]
+        }
+      )
+    ] }),
+    u
+  ] });
+}
+const fs = "hover:bg-surface-track";
+function hs({
+  name: t,
+  src: r,
+  tone: n = "in"
+}) {
+  return /* @__PURE__ */ e(lt, { name: t, src: r, tone: n, size: "sm" });
+}
+function xs({
+  icon: t,
+  tone: r = "neutral",
+  title: n
+}) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      title: n,
+      className: i(
+        "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(J, { icon: t, size: "sm", color: "current" })
+    }
+  );
+}
+function bs({ children: t, className: r }) {
+  return /* @__PURE__ */ e("div", { className: i("flex items-center gap-2.5 rounded-md bg-surface px-3 py-2.5", r), children: t });
+}
+function gs({ icon: t, text: r, time: n, joinUrl: s, joinLabel: a }) {
+  const l = Jt(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(J, { 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 }),
+    s && /* @__PURE__ */ c(
+      "a",
+      {
+        href: s,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "shrink-0 text-xs font-medium text-info-fg hover:underline",
+        children: [
+          a ?? "Join",
+          " ",
+          /* @__PURE__ */ e(J, { icon: tt, size: "xs" })
+        ]
+      }
+    )
+  ] });
+}
+const Me = {
   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" }
-}, kr = {
+}, Er = {
   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 ds({
+function ps({
   channel: t,
   children: r,
   size: n = "md",
   className: s,
   title: a
 }) {
-  const l = t in Te ? Te[t] : void 0;
+  const l = t in Me ? Me[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: i(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        kr[n],
+        Er[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 ? i(l.fg, l.bg) : t ? st(t) : i(Te.note.fg, Te.note.bg),
+        l ? i(l.fg, l.bg) : t ? at(t) : i(Me.note.fg, Me.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const us = ({
+const vs = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -1010,15 +1117,15 @@ const us = ({
   onError: b,
   ...g
 }) => {
-  const [w, p] = R(!0), [h, C] = R(!1), [z, P] = R(t), _ = (J) => {
-    p(!1), C(!1), f?.(J);
-  }, K = (J) => {
+  const [w, p] = R(!0), [h, C] = R(!1), [z, O] = R(t), $ = (Z) => {
+    p(!1), C(!1), f?.(Z);
+  }, G = (Z) => {
     if (p(!1), C(!0), u && z !== u) {
-      P(u), C(!1), p(!0);
+      O(u), C(!1), p(!0);
       return;
     }
-    b?.(J);
-  }, U = i(
+    b?.(Z);
+  }, j = i(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
     {
@@ -1046,53 +1153,53 @@ const us = ({
       "rounded-full": a === "full"
     },
     m
-  ), j = i("w-full h-full object-cover transition-opacity duration-fast", {
+  ), W = i("w-full h-full object-cover transition-opacity duration-fast", {
     "opacity-0": w || h,
     "opacity-100": !w && !h
   }), B = i(
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
-  ), W = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Z = /* @__PURE__ */ c("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(ee, { icon: St, size: "lg", className: "mx-auto mb-1" }),
+  ), U = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), ee = /* @__PURE__ */ c("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(J, { icon: zt, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
-  return /* @__PURE__ */ c("div", { className: U, children: [
+  return /* @__PURE__ */ c("div", { className: j, children: [
     /* @__PURE__ */ e(
       "img",
       {
         ...g,
         src: z,
         alt: r,
-        className: j,
-        onLoad: _,
-        onError: K
+        className: W,
+        onLoad: $,
+        onError: G
       }
     ),
-    w && l && /* @__PURE__ */ e("div", { className: B, children: d || W }),
-    h && o && /* @__PURE__ */ e("div", { className: B, children: v || Z })
+    w && l && /* @__PURE__ */ e("div", { className: B, children: d || U }),
+    h && o && /* @__PURE__ */ e("div", { className: B, children: v || ee })
   ] });
-}, Cr = {
+}, zr = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function ms({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function ys({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ c("div", { className: i("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
-    /* @__PURE__ */ e("div", { className: i("text-2xl font-semibold", Cr[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: i("text-2xl font-semibold", zr[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const Sr = {
+const Mr = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, Er = {
+}, Tr = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, zr = {
+}, _r = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -1119,7 +1226,7 @@ const Sr = {
     return ae.useEffect(() => {
       w.current && (w.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ c("div", { className: i("flex flex-col", l), children: [
-      /* @__PURE__ */ c("div", { className: i("flex items-center gap-3", Er[s]), children: [
+      /* @__PURE__ */ c("div", { className: i("flex items-center gap-3", Tr[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -1136,7 +1243,7 @@ const Sr = {
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               "disabled:cursor-not-allowed disabled:bg-surface-hover",
-              Sr[s],
+              Mr[s],
               g ? "border-danger-border" : "border-border-strong",
               u
             ),
@@ -1151,7 +1258,7 @@ const Sr = {
               className: i(
                 "cursor-pointer",
                 g ? "text-danger-fg" : "text-text",
-                zr[s],
+                _r[s],
                 o
               ),
               children: t
@@ -1165,7 +1272,7 @@ const Sr = {
   }
 );
 we.displayName = "Checkbox";
-function fs({
+function Ns({
   icon: t,
   onClick: r,
   children: n
@@ -1188,7 +1295,7 @@ function fs({
     }
   );
 }
-function hs({
+function ws({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -1208,31 +1315,31 @@ function hs({
   hideGroupCount: h = !1,
   selectable: C = !1,
   selectedItems: z = [],
-  onSelectionChange: P,
-  bulkActions: _,
-  header: K,
-  stickyHeader: U = !1,
-  bordered: j = !1,
+  onSelectionChange: O,
+  bulkActions: $,
+  header: G,
+  stickyHeader: j = !1,
+  bordered: W = !1,
   emptyContent: B,
-  loading: W = !1,
-  loadingRows: Z = 4,
-  className: J,
+  loading: U = !1,
+  loadingRows: ee = 4,
+  className: Z,
   "aria-label": de
 }) {
   const [Y, y] = ae.useState(
     () => Object.fromEntries((b ?? []).filter((k) => k.defaultCollapsed).map((k) => [k.id, !0]))
   ), x = ae.useRef(null), S = (k) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(k.key)) return;
-    const G = Array.from(
+    const K = Array.from(
       x.current?.querySelectorAll("li[data-list-row]") ?? []
     );
-    if (G.length === 0) return;
+    if (K.length === 0) return;
     k.preventDefault();
-    const O = G.indexOf(document.activeElement), N = k.key === "Home" ? 0 : k.key === "End" ? G.length - 1 : k.key === "ArrowDown" ? (O + 1) % G.length : (O - 1 + G.length) % G.length;
-    G[N]?.focus();
-  }, D = (k, M) => r ? r(k, M) : M, E = (k) => z.includes(k), A = (k, M) => {
-    P && P(M ? [...z, k] : z.filter((G) => G !== k));
-  }, $ = (k) => P?.(k ? [...t] : []), oe = i(
+    const P = K.indexOf(document.activeElement), N = k.key === "Home" ? 0 : k.key === "End" ? K.length - 1 : k.key === "ArrowDown" ? (P + 1) % K.length : (P - 1 + K.length) % K.length;
+    K[N]?.focus();
+  }, A = (k, M) => r ? r(k, M) : M, E = (k) => z.includes(k), D = (k, M) => {
+    O && O(M ? [...z, k] : z.filter((K) => K !== k));
+  }, T = (k) => O?.(k ? [...t] : []), oe = i(
     "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
@@ -1241,11 +1348,11 @@ function hs({
     // belongs — and only while a selection exists, so an ordinary short list
     // keeps its natural height.
     C && z.length > 0 && "min-h-full",
-    j && "overflow-hidden rounded-lg border border-border-subtle",
-    J
+    W && "overflow-hidden rounded-lg border border-border-subtle",
+    Z
   );
-  if (W)
-    return /* @__PURE__ */ e("div", { className: oe, children: Array.from({ length: Z }).map((k, M) => /* @__PURE__ */ c(
+  if (U)
+    return /* @__PURE__ */ e("div", { className: oe, children: Array.from({ length: ee }).map((k, M) => /* @__PURE__ */ c(
       "div",
       {
         className: i(
@@ -1263,8 +1370,8 @@ function hs({
     )) });
   if (t.length === 0 && B)
     return /* @__PURE__ */ e("div", { className: oe, children: B });
-  const ce = t.length > 0 && z.length === t.length, q = z.length > 0 && !ce, H = (k, M, G) => {
-    const O = d?.(k, M) ?? !1, N = v?.(k, M) ?? !1, I = m?.(k, M) ?? !1, te = C && E(k);
+  const ce = t.length > 0 && z.length === t.length, q = z.length > 0 && !ce, H = (k, M, K) => {
+    const P = d?.(k, M) ?? !1, N = v?.(k, M) ?? !1, I = m?.(k, M) ?? !1, te = C && E(k);
     return /* @__PURE__ */ c(
       "li",
       {
@@ -1272,7 +1379,7 @@ function hs({
           role: "button",
           tabIndex: 0,
           "data-list-row": "",
-          "aria-current": O || void 0,
+          "aria-current": P || void 0,
           onClick: () => o(k, M),
           onFocus: () => u?.(M),
           onKeyDown: (le) => {
@@ -1283,12 +1390,12 @@ function hs({
           "flex items-center gap-3 text-base",
           "transition-colors duration-fast ease-out",
           n === "inset" ? "mx-2 rounded-lg px-3 py-2.5" : "px-5 py-2.5",
-          n === "divided" && !G && "border-t border-border-subtle",
+          n === "divided" && !K && "border-t border-border-subtle",
           o && "cursor-pointer focus-visible:outline-none focus-visible:focus-ring",
           // An unread row is tinted, not bolded: at five columns a bold row
           // shouts across all of them, while the tint marks the row and leaves
           // the consumer free to weight only the sender and the subject.
-          O || te ? "bg-accent-soft text-text" : N ? i("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
+          P || te ? "bg-accent-soft text-text" : N ? i("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
           // Read rows stay at full opacity — fading them also fades the avatars
           // and team dots, which is exactly the identity you scan by. They read
           // as secondary through weight and text colour instead.
@@ -1299,7 +1406,7 @@ function hs({
             we,
             {
               checked: E(k),
-              onChange: (le) => A(k, le.target.checked),
+              onChange: (le) => D(k, le.target.checked),
               "aria-label": "Rij selecteren"
             }
           ) }),
@@ -1315,41 +1422,41 @@ function hs({
           l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(k, M) })
         ]
       },
-      D(k, M)
+      A(k, M)
     );
   }, L = (() => {
     if (!f)
-      return t.map((O, N) => H(O, N, N === 0));
+      return t.map((P, N) => H(P, N, N === 0));
     const k = /* @__PURE__ */ new Map();
-    t.forEach((O, N) => {
-      const I = f(O, N);
-      k.has(I) || k.set(I, []), k.get(I).push({ item: O, index: N });
+    t.forEach((P, N) => {
+      const I = f(P, N);
+      k.has(I) || k.set(I, []), k.get(I)?.push({ item: P, index: N });
     });
     const M = b ?? [];
     return [
-      ...M.filter((O) => k.has(O.id)),
-      ...[...k.keys()].filter((O) => !M.some((N) => N.id === O)).map((O) => ({ id: O }))
-    ].flatMap((O, N) => {
-      const I = k.get(O.id) ?? [], te = p && Y[O.id], le = O.title ?? O.id, be = O.count ?? I.length, ye = /* @__PURE__ */ e(
+      ...M.filter((P) => k.has(P.id)),
+      ...[...k.keys()].filter((P) => !M.some((N) => N.id === P)).map((P) => ({ id: P }))
+    ].flatMap((P, N) => {
+      const I = k.get(P.id) ?? [], te = p && Y[P.id], le = P.title ?? P.id, be = P.count ?? I.length, ye = /* @__PURE__ */ e(
         "li",
         {
-          onClick: p ? () => y((fe) => ({ ...fe, [O.id]: !fe[O.id] })) : void 0,
+          onClick: p ? () => y((he) => ({ ...he, [P.id]: !he[P.id] })) : void 0,
           className: i(
             // A caption over its rows, not a band across the table: same
             // surface as the rows, no rules, and the count as a quiet pill.
             // The old grey uppercase strip read as a second column header.
             "flex items-center gap-2.5 bg-surface px-5 pb-1.5 text-base font-semibold",
             N > 0 ? "pt-5" : "pt-3",
-            O.tone === "danger" ? "text-danger-fg" : O.tone === "muted" ? "text-text-subtle" : "text-text",
+            P.tone === "danger" ? "text-danger-fg" : P.tone === "muted" ? "text-text-subtle" : "text-text",
             w && "sticky z-10",
             p && "cursor-pointer select-none"
           ),
           "aria-expanded": p ? !te : void 0,
-          style: w ? { top: U ? 28 : 0 } : void 0,
+          style: w ? { top: j ? 28 : 0 } : void 0,
           children: g ? g(
-            O,
-            I.map((fe) => fe.item)
-          ) : /* @__PURE__ */ c(Ee, { children: [
+            P,
+            I.map((he) => he.item)
+          ) : /* @__PURE__ */ c(Ae, { children: [
             p && /* @__PURE__ */ e(
               Ie,
               {
@@ -1366,23 +1473,23 @@ function hs({
               {
                 className: i(
                   "rounded-full px-2 text-xs font-normal tabular-nums",
-                  O.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
+                  P.tone === "danger" ? "bg-danger-soft text-danger-fg" : "bg-surface-sunk text-text-subtle"
                 ),
                 children: be
               }
             )
           ] })
         },
-        `group-${O.id}`
+        `group-${P.id}`
       );
       return te ? [ye] : [
         ye,
-        ...I.map(({ item: fe, index: he }, Oe) => H(fe, he, Oe === 0))
+        ...I.map(({ item: he, index: xe }, Pe) => H(he, xe, Pe === 0))
       ];
     });
   })();
   return /* @__PURE__ */ c("div", { ref: x, className: oe, onKeyDown: o ? S : void 0, children: [
-    K && /* @__PURE__ */ c(
+    G && /* @__PURE__ */ c(
       "div",
       {
         className: i(
@@ -1390,7 +1497,7 @@ function hs({
           // sticky group headers park against.
           "flex h-row-sm items-end gap-3 border-b border-border bg-surface px-5 pb-2",
           "text-xs font-semibold uppercase tracking-wider text-text-disabled",
-          U && "sticky top-0 z-20"
+          j && "sticky top-0 z-20"
         ),
         children: [
           C && /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
@@ -1398,11 +1505,11 @@ function hs({
             {
               checked: ce,
               indeterminate: q,
-              onChange: (k) => $(k.target.checked),
+              onChange: (k) => T(k.target.checked),
               "aria-label": "Alles selecteren"
             }
           ) }),
-          K
+          G
         ]
       }
     ),
@@ -1413,13 +1520,13 @@ function hs({
         " geselecteerd"
       ] }),
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
-      _,
+      $,
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => P?.([]),
+          onClick: () => O?.([]),
           "aria-label": "Selectie wissen",
           className: "grid size-tile-md shrink-0 cursor-pointer place-items-center rounded-md transition-colors duration-fast ease-out hover:bg-white/15 focus-visible:outline-none focus-visible:focus-ring",
           children: /* @__PURE__ */ e(Se, { className: "size-icon-lg" })
@@ -1428,7 +1535,7 @@ function hs({
     ] }) })
   ] });
 }
-function xs({
+function ks({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -1461,7 +1568,7 @@ function xs({
     }
   );
 }
-function bs({ icon: t, label: r, unset: n, className: s }) {
+function Cs({ icon: t, label: r, unset: n, className: s }) {
   return /* @__PURE__ */ c(
     "span",
     {
@@ -1477,11 +1584,11 @@ function bs({ icon: t, label: r, unset: n, className: s }) {
     }
   );
 }
-function gs() {
+function Ss() {
   return /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 text-text-disabled", children: "·" });
 }
 const me = ({ className: t }) => /* @__PURE__ */ e("span", { className: i("block rounded-xs bg-surface-hover", t) });
-function Mr({
+function $r({
   shape: t,
   rows: r,
   columns: n
@@ -1541,7 +1648,6 @@ function Mr({
           ] }, a))
         }
       );
-    case "text":
     default:
       return /* @__PURE__ */ c("div", { className: "flex flex-col gap-6", children: [
         /* @__PURE__ */ e(me, { className: "h-6 w-1/4" }),
@@ -1549,7 +1655,7 @@ function Mr({
       ] });
   }
 }
-const Tr = {
+const Ar = {
   text: 2,
   table: 8,
   list: 6,
@@ -1568,10 +1674,10 @@ function qe({
   tableColumns: u,
   tableRows: d
 }) {
-  const v = r ?? (o ? "table" : "text"), m = n ?? d ?? Tr[v], f = s ?? u ?? (v === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: i("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Mr, { shape: v, rows: m, columns: f }) });
+  const v = r ?? (o ? "table" : "text"), m = n ?? d ?? Ar[v], f = s ?? u ?? (v === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: i("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e($r, { shape: v, rows: m, columns: f }) });
   return t === "inline" ? b : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: b });
 }
-const $r = ({
+const Dr = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -1595,8 +1701,8 @@ const $r = ({
     m && g(!0);
   }, z = () => {
     g(!1), w.trim() !== "" && w !== r && f ? f(w.trim()) : p(r);
-  }, P = (_) => {
-    _.key === "Enter" ? h.current?.blur() : _.key === "Escape" && (p(r), g(!1));
+  }, O = ($) => {
+    $.key === "Enter" ? h.current?.blur() : $.key === "Escape" && (p(r), g(!1));
   };
   return /* @__PURE__ */ c(
     "div",
@@ -1620,7 +1726,7 @@ const $r = ({
               {
                 variant: "ghost",
                 onClick: v,
-                leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "md" }),
+                leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "md" }),
                 iconOnly: !0
               }
             ),
@@ -1631,9 +1737,9 @@ const $r = ({
                   ref: h,
                   type: "text",
                   value: w,
-                  onChange: (_) => p(_.target.value),
+                  onChange: ($) => p($.target.value),
                   onBlur: z,
-                  onKeyDown: P,
+                  onKeyDown: O,
                   className: "text-1xl font-semibold bg-transparent border-b-1 border-border rounded-lg outline-none focus:border-none px-1 -mx-1 min-w-0 w-full"
                 }
               ) : /* @__PURE__ */ c("div", { className: "group flex items-baseline gap-2.5 min-w-0", children: [
@@ -1651,7 +1757,7 @@ const $r = ({
                 ),
                 n && /* @__PURE__ */ e("span", { className: "shrink-0 text-base text-text-muted truncate", children: n }),
                 m && /* @__PURE__ */ e(
-                  Et,
+                  Mt,
                   {
                     size: 15,
                     onClick: C,
@@ -1676,29 +1782,29 @@ const $r = ({
             ] })
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
-            (_) => _.render ? /* @__PURE__ */ e(ae.Fragment, { children: _.render() }, _.id) : _.splitOptions && _.splitOptions.length > 0 ? /* @__PURE__ */ e(
-              rt,
+            ($) => $.render ? /* @__PURE__ */ e(ae.Fragment, { children: $.render() }, $.id) : $.splitOptions && $.splitOptions.length > 0 ? /* @__PURE__ */ e(
+              nt,
               {
-                label: _.label,
-                onClick: _.onClick,
-                icon: _.icon,
-                variant: _.variant === "primary" ? "primary" : "outline",
-                options: _.splitOptions,
-                disabled: _.disabled
+                label: $.label,
+                onClick: $.onClick,
+                icon: $.icon,
+                variant: $.variant === "primary" ? "primary" : "outline",
+                options: $.splitOptions,
+                disabled: $.disabled
               },
-              _.id
+              $.id
             ) : /* @__PURE__ */ e(
               se,
               {
-                variant: _.variant ?? "secondary",
-                onClick: (K) => {
-                  K.stopPropagation(), K.target.blur(), _.onClick();
+                variant: $.variant ?? "secondary",
+                onClick: (G) => {
+                  G.stopPropagation(), G.target.blur(), $.onClick();
                 },
-                disabled: _.disabled,
-                leftIcon: _.icon,
-                children: _.label
+                disabled: $.disabled,
+                leftIcon: $.icon,
+                children: $.label
               },
-              _.id
+              $.id
             )
           ) })
         ] }),
@@ -1706,11 +1812,11 @@ const $r = ({
       ]
     }
   );
-}, _r = {
+}, Lr = {
   none: "",
   sm: "px-3 pb-3 pt-1",
   md: "px-5 pb-5 pt-1.5"
-}, ps = ({
+}, Es = ({
   title: t,
   subtitle: r,
   meta: n,
@@ -1743,7 +1849,7 @@ const $r = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          $r,
+          Dr,
           {
             surface: u,
             title: t,
@@ -1762,7 +1868,7 @@ const $r = ({
           {
             className: i(
               g && "min-h-0 flex-1 overflow-y-auto",
-              _r[b],
+              Lr[b],
               p
             ),
             children: C
@@ -1777,7 +1883,7 @@ const $r = ({
   className: n
 }) => t.length === 0 ? null : /* @__PURE__ */ e("div", { className: i("flex flex-wrap items-center gap-2", n), children: t.map(
   (s) => s.render ? /* @__PURE__ */ e(ae.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
-    rt,
+    nt,
     {
       label: s.label,
       onClick: s.onClick,
@@ -1800,32 +1906,32 @@ const $r = ({
     },
     s.id
   )
-) }), Dr = {
+) }), Ir = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, vs = ({
+}, zs = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ c("div", { className: i("flex items-center gap-2", Dr[a], s), children: [
+}) => /* @__PURE__ */ c("div", { className: i("flex items-center gap-2", Ir[a], s), children: [
   r && /* @__PURE__ */ e(
     se,
     {
       variant: "secondary",
       onClick: r,
       "aria-label": n,
-      leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "sm" }),
+      leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "sm" }),
       iconOnly: !0
     }
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
   /* @__PURE__ */ e(ke, { actions: t, className: i(!l && "ml-auto") })
-] }), ys = ({
+] }), Ms = ({
   label: t,
   meta: r,
   action: n,
@@ -1835,7 +1941,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 Ns({
+function Ts({
   label: t,
   trailing: r,
   align: n = "center",
@@ -1849,11 +1955,11 @@ function Ns({
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const at = et(null), ws = at.Provider;
-function Ar() {
-  return vt(at);
+const ot = et(null), _s = ot.Provider;
+function Or() {
+  return Nt(ot);
 }
-function ks() {
+function $s() {
   const [t, r] = R(null), n = pe(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
@@ -1862,13 +1968,13 @@ function ks() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const Lr = {
+const Pr = {
   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"
-}, Cs = ({
+}, As = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -1882,37 +1988,39 @@ const Lr = {
   className: m,
   contentClassName: f
 }) => {
-  const b = Ar(), g = pt(), w = ne(a);
+  const b = Or(), g = yt(), w = ne(a);
   w.current = a;
   const p = !!a, h = ne(r);
   h.current = r;
   const C = ne(n);
   C.current = n;
-  const z = s === "header", P = z && (r.length > 0 || n.length > 0), _ = P ? JSON.stringify(
+  const z = s === "header", O = z && (r.length > 0 || n.length > 0);
+  O && JSON.stringify(
     [...n, ...r].map((j) => [j.id, j.label, j.variant, j.disabled])
-  ) : "", K = pe(() => {
-    if (!P) return;
-    const j = (B) => (W, Z) => ({
-      ...W,
+  );
+  const $ = pe(() => {
+    if (!O) return;
+    const j = (W) => (B, U) => ({
+      ...B,
       onClick: () => {
-        (B === "primary" ? h.current : C.current)[Z]?.onClick();
+        (W === "primary" ? h.current : C.current)[U]?.onClick();
       }
     });
     return {
       actions: h.current.map(j("primary")),
       secondaryActions: C.current.map(j("secondary"))
     };
-  }, [P, _]);
+  }, [O]);
   X(() => {
-    if (b && !(!p && !o && !K))
+    if (b && !(!p && !o && !$))
       return b.setTrail(g, {
         title: o,
         onBack: p ? () => w.current?.() : void 0,
-        actions: K?.actions,
-        secondaryActions: K?.secondaryActions
+        actions: $?.actions,
+        secondaryActions: $?.secondaryActions
       }), () => b.setTrail(g, null);
-  }, [b, g, o, p, K]);
-  const U = !z && (r.length > 0 || n.length > 0);
+  }, [b, g, o, p, $]);
+  const G = !z && (r.length > 0 || n.length > 0);
   return (
     /**
      * `min-h-full` + a sticky footer, rather than a nested scroll container.
@@ -1921,14 +2029,14 @@ const Lr = {
      * its footer to the bottom, and a long one keeps it pinned while scrolling.
      */
     /* @__PURE__ */ c("div", { className: i("flex min-h-full flex-col", m), children: [
-      !b && (p || o || P) && /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
+      !b && (p || o || O) && /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center gap-2 px-5 pt-4", children: [
         p && /* @__PURE__ */ e(
           se,
           {
             variant: "ghost",
             onClick: () => w.current?.(),
             "aria-label": l,
-            leftIcon: /* @__PURE__ */ e(ee, { icon: ze, size: "sm" }),
+            leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "sm" }),
             iconOnly: !0
           }
         ),
@@ -1938,15 +2046,15 @@ const Lr = {
           r.length > 0 && /* @__PURE__ */ e(ke, { actions: r })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: i("flex-1", Lr[v], f), children: u ? /* @__PURE__ */ e(qe, { variant: "inline", shape: d }) : t }),
-      U && /* @__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: [
+      /* @__PURE__ */ e("div", { className: i("flex-1", Pr[v], f), children: u ? /* @__PURE__ */ e(qe, { variant: "inline", shape: d }) : t }),
+      G && /* @__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" })
       ] })
     ] })
   );
 };
-function Ss({
+function Ds({
   label: t,
   description: r,
   control: n,
@@ -1973,7 +2081,7 @@ function Ss({
     }
   );
 }
-function Es({
+function Ls({
   icon: t,
   title: r,
   description: n,
@@ -1983,7 +2091,7 @@ function Es({
 }) {
   return /* @__PURE__ */ c("section", { className: i("flex flex-col gap-2", l), children: [
     /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
-      t && /* @__PURE__ */ e(ee, { icon: t, size: "md", color: "secondary", className: "mt-0.5" }),
+      t && /* @__PURE__ */ e(J, { 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 })
@@ -1993,7 +2101,7 @@ function Es({
     /* @__PURE__ */ e("div", { className: i("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function zs({ label: t, dotColor: r, onClick: n, className: s }) {
+function Is({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -2013,12 +2121,12 @@ function zs({ label: t, dotColor: r, onClick: n, className: s }) {
           }
         ),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(ee, { icon: zt, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(J, { icon: tt, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current" }), Pr = () => /* @__PURE__ */ e(ee, { icon: ze, size: "md", color: "current" }), Or = () => /* @__PURE__ */ e(ee, { icon: Ie, size: "md", color: "current" }), Be = ve(
+const jr = () => /* @__PURE__ */ e(J, { icon: Tt, size: "md", color: "current" }), Fr = () => /* @__PURE__ */ e(J, { icon: Ee, size: "md", color: "current" }), Rr = () => /* @__PURE__ */ e(J, { icon: Ie, size: "md", color: "current" }), Be = ve(
   ({
     value: t,
     onChange: r,
@@ -2032,7 +2140,7 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
     format: v = "MM/dd/yyyy",
     withTime: m = !1
   }, f) => {
-    const [b, g] = R(!1), [w, p] = R(() => t || /* @__PURE__ */ new Date()), h = ne(null), C = ne(null), z = Pe(b, C);
+    const [b, g] = R(!1), [w, p] = R(() => t || /* @__PURE__ */ new Date()), h = ne(null), C = ne(null), z = Oe(b, C);
     X(() => {
       const y = (x) => {
         h.current && !h.current.contains(x.target) && g(!1);
@@ -2041,23 +2149,23 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         document.removeEventListener("mousedown", y);
       };
     }, [b]);
-    const P = (y) => {
+    const O = (y) => {
       if (!y) return "";
-      const x = y.getDate().toString().padStart(2, "0"), S = (y.getMonth() + 1).toString().padStart(2, "0"), D = y.getFullYear(), E = v === "dd/MM/yyyy" ? `${x}/${S}/${D}` : v === "yyyy-MM-dd" ? `${D}-${S}-${x}` : `${S}/${x}/${D}`;
-      return m ? `${E} ${_(y)}` : E;
-    }, _ = (y) => `${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`, K = (y) => {
+      const x = y.getDate().toString().padStart(2, "0"), S = (y.getMonth() + 1).toString().padStart(2, "0"), A = y.getFullYear(), E = v === "dd/MM/yyyy" ? `${x}/${S}/${A}` : v === "yyyy-MM-dd" ? `${A}-${S}-${x}` : `${S}/${x}/${A}`;
+      return m ? `${E} ${$(y)}` : E;
+    }, $ = (y) => `${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`, G = (y) => {
       const [x, S] = y.split(":").map(Number);
       if (Number.isNaN(x) || Number.isNaN(S)) return;
-      const D = t ? new Date(t) : /* @__PURE__ */ new Date();
-      D.setHours(x, S, 0, 0), r?.(D);
-    }, U = () => {
-      const y = w.getFullYear(), x = w.getMonth(), S = new Date(y, x, 1), D = new Date(S);
-      D.setDate(D.getDate() - S.getDay());
-      const E = [], A = new Date(D);
-      for (let $ = 0; $ < 42; $++)
-        E.push(new Date(A)), A.setDate(A.getDate() + 1);
+      const A = t ? new Date(t) : /* @__PURE__ */ new Date();
+      A.setHours(x, S, 0, 0), r?.(A);
+    }, j = () => {
+      const y = w.getFullYear(), x = w.getMonth(), S = new Date(y, x, 1), A = new Date(S);
+      A.setDate(A.getDate() - S.getDay());
+      const E = [], D = new Date(A);
+      for (let T = 0; T < 42; T++)
+        E.push(new Date(D)), D.setDate(D.getDate() + 1);
       return E;
-    }, j = (y) => {
+    }, W = (y) => {
       if (y.getMonth() === w.getMonth() && !(u && y < u) && !(d && y > d)) {
         if (m) {
           const S = new Date(y);
@@ -2068,11 +2176,11 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
       }
     }, B = () => {
       p(new Date(w.getFullYear(), w.getMonth() - 1, 1));
-    }, W = () => {
+    }, U = () => {
       p(new Date(w.getFullYear(), w.getMonth() + 1, 1));
-    }, Z = () => {
+    }, ee = () => {
       r?.(null), g(!1);
-    }, J = i(
+    }, Z = i(
       "w-full border border-border-strong rounded-tile transition-colors duration-fast",
       "bg-surface text-text",
       "placeholder:text-text-muted",
@@ -2085,7 +2193,7 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         "h-control-md w-full px-3 text-base": l === "full"
       },
       o
-    ), de = U(), Y = [
+    ), de = j(), Y = [
       "January",
       "February",
       "March",
@@ -2106,13 +2214,13 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
           {
             ref: f,
             type: "text",
-            value: P(t ?? null),
+            value: O(t ?? null),
             placeholder: n,
             disabled: s,
             required: a,
             readOnly: !0,
             onClick: () => !s && g(!b),
-            className: i(J, "pr-10 cursor-pointer")
+            className: i(Z, "pr-10 cursor-pointer")
           }
         ),
         /* @__PURE__ */ e(
@@ -2122,7 +2230,7 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
             onClick: () => !s && g(!b),
             disabled: s,
             className: "absolute inset-y-0 right-0 flex items-center pr-3 text-text-muted hover:text-text-muted",
-            children: /* @__PURE__ */ e(Ir, {})
+            children: /* @__PURE__ */ e(jr, {})
           }
         )
       ] }),
@@ -2133,27 +2241,27 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, 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: B, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Pr, {}) }),
+              /* @__PURE__ */ e("button", { onClick: B, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Fr, {}) }),
               /* @__PURE__ */ c("h3", { className: "text-sm font-medium text-text", children: [
                 Y[w.getMonth()],
                 " ",
                 w.getFullYear()
               ] }),
-              /* @__PURE__ */ e("button", { onClick: W, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Or, {}) })
+              /* @__PURE__ */ e("button", { onClick: U, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(Rr, {}) })
             ] }),
             /* @__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: de.map((y, x) => {
-              const S = y.getMonth() === w.getMonth(), D = t && y.toDateString() === t.toDateString(), E = y.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), A = !S || u && y < u || d && y > d;
+              const S = y.getMonth() === w.getMonth(), A = t && y.toDateString() === t.toDateString(), E = y.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), D = !S || u && y < u || d && y > d;
               return /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => !A && j(y),
-                  disabled: A,
+                  onClick: () => !D && W(y),
+                  disabled: D,
                   className: i("w-8 h-8 text-sm rounded transition-colors duration-fast", {
-                    "text-text hover:bg-surface-hover": S && !D && !A,
-                    "bg-accent text-accent-fg": D,
-                    "bg-surface-hover text-text": E && !D,
-                    "text-text-muted cursor-not-allowed": A
+                    "text-text hover:bg-surface-hover": S && !A && !D,
+                    "bg-accent text-accent-fg": A,
+                    "bg-surface-hover text-text": E && !A,
+                    "text-text-muted cursor-not-allowed": D
                   }),
                   children: y.getDate()
                 },
@@ -2167,14 +2275,14 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
                 {
                   id: "datepicker-time",
                   type: "time",
-                  value: t ? _(t) : "",
-                  onChange: (y) => K(y.target.value),
+                  value: t ? $(t) : "",
+                  onChange: (y) => G(y.target.value),
                   className: "h-control-sm rounded-md border border-border bg-surface-input px-2 text-sm text-text focus-visible:outline-none focus-visible:focus-ring"
                 }
               )
             ] }),
             /* @__PURE__ */ c("div", { className: "flex justify-between items-center mt-4 pt-3 border-t border-border", children: [
-              /* @__PURE__ */ e("button", { onClick: Z, className: "text-sm text-text-muted hover:text-text", children: "Clear" }),
+              /* @__PURE__ */ e("button", { onClick: ee, className: "text-sm text-text-muted hover:text-text", children: "Clear" }),
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -2189,7 +2297,7 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
       )
     ] });
   }
-), lt = ve(
+), ct = ve(
   ({
     value: t,
     onValueChange: r,
@@ -2214,7 +2322,7 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, size: "md", color: "current"
         l
       ),
       children: [
-        /* @__PURE__ */ e(ee, { icon: Le, size: "md", color: "current", className: "shrink-0" }),
+        /* @__PURE__ */ e(J, { icon: Le, size: "md", color: "current", className: "shrink-0" }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -2246,15 +2354,15 @@ const Ir = () => /* @__PURE__ */ e(ee, { icon: Mt, 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(ee, { icon: Se, size: "sm", color: "current" })
+            children: /* @__PURE__ */ e(J, { icon: Se, size: "sm", color: "current" })
           }
         ) : n && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: n })
       ]
     }
   )
 );
-lt.displayName = "SearchField";
-const jr = ({
+ct.displayName = "SearchField";
+const Br = ({
   trigger: t,
   options: r,
   value: n,
@@ -2265,32 +2373,32 @@ const jr = ({
   showCheck: u = !0,
   header: d
 }) => {
-  const [v, m] = R(!1), [f, b] = R(null), [g, w] = R({ top: 0, left: 0 }), p = ne(null), h = ne(null), C = ne(null), z = ne(null), P = Pe(v, h, { placement: a }), _ = ne(null), K = () => Array.from(
+  const [v, m] = R(!1), [f, b] = R(null), [g, w] = R({ top: 0, left: 0 }), p = ne(null), h = ne(null), C = ne(null), z = ne(null), O = Oe(v, h, { placement: a }), $ = ne(null), G = () => Array.from(
     z.current?.querySelectorAll(
       "button[data-option-value]:not(:disabled)"
     ) ?? []
   );
   X(() => {
-    v && K()[0]?.focus();
-  }, [v]);
-  const U = (y) => {
+    v && G()[0]?.focus();
+  }, [v, G]);
+  const j = (y) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) return;
-    const S = K();
+    const S = G();
     if (S.length === 0) return;
     y.preventDefault();
-    const D = S.indexOf(document.activeElement), E = y.key === "Home" ? 0 : y.key === "End" ? S.length - 1 : y.key === "ArrowDown" ? (D + 1) % S.length : (D - 1 + S.length) % S.length;
+    const A = S.indexOf(document.activeElement), E = y.key === "Home" ? 0 : y.key === "End" ? S.length - 1 : y.key === "ArrowDown" ? (A + 1) % S.length : (A - 1 + S.length) % S.length;
     S[E]?.focus();
   };
   X(() => {
     const y = (x) => {
-      p.current && (!p.current.contains(x.target) || C.current && !C.current.contains(x.target)) && (m(!1), b(null), _.current && (clearTimeout(_.current), _.current = null));
+      p.current && (!p.current.contains(x.target) || C.current && !C.current.contains(x.target)) && (m(!1), b(null), $.current && (clearTimeout($.current), $.current = null));
     };
     return v && document.addEventListener("mousedown", y), () => {
       document.removeEventListener("mousedown", y);
     };
   }, [v]), X(() => {
     const y = (x) => {
-      x.key === "Escape" && (m(!1), b(null), h.current?.focus(), _.current && (clearTimeout(_.current), _.current = null));
+      x.key === "Escape" && (m(!1), b(null), h.current?.focus(), $.current && (clearTimeout($.current), $.current = null));
     };
     return v && document.addEventListener("keydown", y), () => {
       document.removeEventListener("keydown", y);
@@ -2309,19 +2417,19 @@ const jr = ({
       }
     }
   }, [f]), X(() => () => {
-    _.current && clearTimeout(_.current);
+    $.current && clearTimeout($.current);
   }, []);
-  const j = (y) => {
-    y.stopPropagation(), !l && (m(!v), b(null), _.current && (clearTimeout(_.current), _.current = null));
+  const W = (y) => {
+    y.stopPropagation(), !l && (m(!v), b(null), $.current && (clearTimeout($.current), $.current = null));
   }, B = (y, x, S) => {
     y.stopPropagation(), !x.disabled && !x.divider && (!x.children || x.children.length === 0) && (s?.(x.value, S), m(!1), b(null));
-  }, W = (y) => {
-    _.current && (clearTimeout(_.current), _.current = null), y.children && y.children.length > 0 ? b(y.value) : b(null);
-  }, Z = (y) => {
-    y.children && y.children.length > 0 ? _.current = setTimeout(() => {
+  }, U = (y) => {
+    $.current && (clearTimeout($.current), $.current = null), y.children && y.children.length > 0 ? b(y.value) : b(null);
+  }, ee = (y) => {
+    y.children && y.children.length > 0 ? $.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, J = (y, x, S) => {
+  }, Z = (y, x, S) => {
     y.stopPropagation(), !x.disabled && !x.divider && (s?.(x.value, S), m(!1), b(null));
   }, de = i(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
@@ -2343,7 +2451,7 @@ const jr = ({
           "button",
           {
             ref: h,
-            onClick: j,
+            onClick: W,
             disabled: l,
             "aria-haspopup": "menu",
             "aria-expanded": v,
@@ -2358,14 +2466,14 @@ const jr = ({
           {
             ref: z,
             className: de,
-            style: P,
-            onKeyDown: U,
+            style: O,
+            onKeyDown: j,
             children: /* @__PURE__ */ c("div", { className: "p-2", role: "menu", children: [
               d && (typeof d == "string" ? /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted uppercase tracking-label px-3 py-2", children: d }) : d),
               r.map((y, x) => {
                 if (y.divider)
                   return /* @__PURE__ */ e("div", { className: "border-t border-border my-2" }, `divider-${x}`);
-                const S = y.children && y.children.length > 0, D = f === y.value;
+                const S = y.children && y.children.length > 0, A = f === y.value;
                 return /* @__PURE__ */ c("div", { className: "relative group", children: [
                   /* @__PURE__ */ c(
                     "button",
@@ -2374,14 +2482,14 @@ const jr = ({
                       role: "menuitem",
                       "aria-haspopup": S ? "menu" : void 0,
                       onClick: (E) => B(E, y),
-                      onMouseEnter: () => W(y),
-                      onMouseLeave: () => Z(y),
+                      onMouseEnter: () => U(y),
+                      onMouseLeave: () => ee(y),
                       disabled: y.disabled,
                       className: i(
                         "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover focus-visible:outline-none focus-visible:focus-ring",
                         {
                           "opacity-50 cursor-not-allowed": y.disabled,
-                          "bg-surface-hover": D && S
+                          "bg-surface-hover": A && S
                         }
                       ),
                       children: [
@@ -2399,7 +2507,7 @@ const jr = ({
                       ]
                     }
                   ),
-                  S && D && /* @__PURE__ */ e(
+                  S && A && /* @__PURE__ */ e(
                     "div",
                     {
                       ref: C,
@@ -2409,27 +2517,27 @@ const jr = ({
                         left: `${g.left}px`
                       },
                       onMouseEnter: () => {
-                        _.current && (clearTimeout(_.current), _.current = null), b(y.value);
+                        $.current && (clearTimeout($.current), $.current = null), b(y.value);
                       },
                       onMouseLeave: () => {
-                        _.current = setTimeout(() => {
+                        $.current = setTimeout(() => {
                           b(null);
                         }, 150);
                       },
-                      children: /* @__PURE__ */ e("div", { className: "p-2", children: y.children.map((E, A) => {
+                      children: /* @__PURE__ */ e("div", { className: "p-2", children: y.children?.map((E, D) => {
                         if (E.divider)
                           return /* @__PURE__ */ e(
                             "div",
                             {
                               className: "border-t border-border my-2"
                             },
-                            `divider-${A}`
+                            `divider-${D}`
                           );
-                        const $ = typeof n == "object" && n[y.value] && n[y.value].includes(E.value) || n === E.value;
+                        const T = typeof n == "object" && n[y.value] && n[y.value].includes(E.value) || n === E.value;
                         return /* @__PURE__ */ c(
                           "button",
                           {
-                            onClick: (oe) => J(oe, E, y.value),
+                            onClick: (oe) => Z(oe, E, y.value),
                             disabled: E.disabled,
                             className: i(
                               "flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm text-text transition-colors duration-fast ease-out hover:bg-surface-hover",
@@ -2445,7 +2553,7 @@ const jr = ({
                                   E.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: E.description })
                                 ] })
                               ] }),
-                              u && $ && /* @__PURE__ */ e(
+                              u && T && /* @__PURE__ */ e(
                                 Ue,
                                 {
                                   className: "size-icon-md shrink-0 text-success-fg",
@@ -2464,8 +2572,8 @@ const jr = ({
               (() => {
                 const y = r.reduce((x, S) => {
                   if (S.divider) return x;
-                  const D = S.children ? S.children.filter((E) => !E.divider).length : 0;
-                  return x + 1 + D;
+                  const A = S.children ? S.children.filter((E) => !E.divider).length : 0;
+                  return x + 1 + A;
                 }, 0);
                 return y > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ c("div", { className: "text-xs text-text-muted px-3 py-1", children: [
                   y,
@@ -2478,24 +2586,24 @@ const jr = ({
       ]
     }
   );
-}, Ms = (t) => (r) => t(r instanceof Date ? r : null), Ts = (t) => (r) => t(typeof r == "string" ? r : ""), $s = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Fr = {
+}, Os = (t) => (r) => t(r instanceof Date ? r : null), Ps = (t) => (r) => t(typeof r == "string" ? r : ""), js = (t) => (r) => t(Array.isArray(r) ? r : typeof r == "string" && r ? [r] : []), Hr = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
   lg: "px-5"
-}, Rr = {
+}, qr = {
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, Br = 8, Je = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
-function Hr(t, r) {
+}, Vr = 8, Je = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+function Ur(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 qr = (t) => {
+const Wr = (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;
@@ -2517,7 +2625,7 @@ const qr = (t) => {
     );
   }, l = r.length > 0;
   return /* @__PURE__ */ e(
-    Qt,
+    tr,
     {
       tone: "outline",
       caret: !0,
@@ -2567,80 +2675,80 @@ const qr = (t) => {
   selectable: h = !1,
   selectedRows: C = [],
   onSelectionChange: z,
-  getRowKey: P = (de, Y) => Y,
-  emptyContent: _,
-  footerSummary: K,
-  size: U = "md",
-  hoverable: j = !0,
+  getRowKey: O = (de, Y) => Y,
+  emptyContent: $,
+  footerSummary: G,
+  size: j = "md",
+  hoverable: W = !0,
   padding: B = "md",
-  className: W,
-  rowClassName: Z,
-  headerBackground: J = !0
+  className: U,
+  rowClassName: ee,
+  headerBackground: Z = !0
 }) => {
-  const [de, Y] = R(""), y = l !== void 0, x = y ? l : de, S = o ?? Y, [D, E] = R({
+  const [de, Y] = R(""), y = l !== void 0, x = y ? l : de, S = o ?? Y, [A, E] = R({
     column: null,
     direction: null
-  }), [A, $] = R({
+  }), [D, T] = R({
     page: 0,
     pageSize: g
   }), oe = ne(null), ce = pe(() => {
-    let T = t;
+    let _ = t;
     if (s && !y && x.trim()) {
       const V = r.filter((ie) => ie.searchable !== !1), re = x.toLowerCase();
-      T = T.filter((ie) => V.some((Q) => {
+      _ = _.filter((ie) => V.some((Q) => {
         const F = typeof Q.accessor == "function" ? Q.accessor(ie) : ie[Q.accessor];
         return String(F || "").toLowerCase().includes(re);
       }));
     }
-    return T;
+    return _;
   }, [t, x, y, r, s]), q = pe(() => {
-    if (!D.column || !D.direction) return ce;
-    const T = r.find((V) => V.id === D.column);
-    return T ? [...ce].sort((V, re) => {
-      const ie = typeof T.accessor == "function" ? T.accessor(V) : V[T.accessor], Q = typeof T.accessor == "function" ? T.accessor(re) : re[T.accessor];
+    if (!A.column || !A.direction) return ce;
+    const _ = r.find((V) => V.id === A.column);
+    return _ ? [...ce].sort((V, re) => {
+      const ie = typeof _.accessor == "function" ? _.accessor(V) : V[_.accessor], Q = typeof _.accessor == "function" ? _.accessor(re) : re[_.accessor];
       let F = 0;
-      return ie < Q ? F = -1 : ie > Q && (F = 1), D.direction === "desc" ? -F : F;
+      return ie < Q ? F = -1 : ie > Q && (F = 1), A.direction === "desc" ? -F : F;
     }) : ce;
-  }, [ce, D, r]), H = pe(() => {
+  }, [ce, A, r]), H = pe(() => {
     if (!b || m) return q;
-    const T = A.page * A.pageSize, V = T + A.pageSize;
-    return q.slice(T, V);
-  }, [q, A, b, m]), L = xe(
-    (T) => {
-      r.find((re) => re.id === T)?.sortable && E((re) => re.column !== T ? { column: T, direction: "asc" } : re.direction === "asc" ? { column: T, direction: "desc" } : { column: null, direction: null });
+    const _ = D.page * D.pageSize, V = _ + D.pageSize;
+    return q.slice(_, V);
+  }, [q, D, b, m]), L = fe(
+    (_) => {
+      r.find((re) => re.id === _)?.sortable && E((re) => re.column !== _ ? { column: _, direction: "asc" } : re.direction === "asc" ? { column: _, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), k = xe((T) => {
-    $((V) => ({ ...V, page: T }));
-  }, []), M = xe(
-    (T, V) => {
+  ), k = fe((_) => {
+    T((V) => ({ ...V, page: _ }));
+  }, []), M = fe(
+    (_, V) => {
       if (!z) return;
-      const re = P(T, 0);
-      z(V ? [...C, T] : C.filter((ie, Q) => P(C[Q], Q) !== re));
+      const re = O(_, 0);
+      z(V ? [...C, _] : C.filter((ie, Q) => O(C[Q], Q) !== re));
     },
-    [C, z, P]
-  ), G = xe(
-    (T) => {
-      z && z(T ? [...H] : []);
+    [C, z, O]
+  ), K = fe(
+    (_) => {
+      z && z(_ ? [...H] : []);
     },
     [H, z]
   );
   X(() => {
-    $((T) => ({ ...T, page: 0 }));
-  }, [x, D]), X(() => {
-    $((T) => ({ ...T, page: 0 }));
-  }, [u.map((T) => T.value).join(",")]);
-  const O = q.length, N = Math.ceil(O / A.pageSize), I = A.page * A.pageSize + 1, te = Math.min(I + A.pageSize - 1, O), le = H.length > 0 && H.every((T) => {
-    const V = P(T, 0);
-    return C.some((re, ie) => P(re, ie) === V);
-  }), be = H.some((T) => {
-    const V = P(T, 0);
-    return C.some((re, ie) => P(re, ie) === V);
-  }), ye = Fr[B], fe = J ? "bg-surface-sunk" : "bg-surface", he = i("text-text", ye), Oe = s || u.length > 0 || d.length > 0 || !!v, ft = pe(() => {
-    const T = H.map((Q, F) => ({ row: Q, index: F }));
-    if (!m) return [{ group: null, rows: T }];
+    T((_) => ({ ..._, page: 0 }));
+  }, []), X(() => {
+    T((_) => ({ ..._, page: 0 }));
+  }, []);
+  const P = q.length, N = Math.ceil(P / D.pageSize), I = D.page * D.pageSize + 1, te = Math.min(I + D.pageSize - 1, P), le = H.length > 0 && H.every((_) => {
+    const V = O(_, 0);
+    return C.some((re, ie) => O(re, ie) === V);
+  }), be = H.some((_) => {
+    const V = O(_, 0);
+    return C.some((re, ie) => O(re, ie) === V);
+  }), ye = Hr[B], he = Z ? "bg-surface-sunk" : "bg-surface", xe = i("text-text", ye), Pe = s || u.length > 0 || d.length > 0 || !!v, xt = pe(() => {
+    const _ = H.map((Q, F) => ({ row: Q, index: F }));
+    if (!m) return [{ group: null, rows: _ }];
     const V = /* @__PURE__ */ new Map();
-    for (const Q of T) {
+    for (const Q of _) {
       const F = m(Q.row, Q.index), ge = V.get(F);
       ge ? ge.push(Q) : V.set(F, [Q]);
     }
@@ -2649,11 +2757,11 @@ const qr = (t) => {
       ...re.filter((Q) => V.has(Q.id)),
       ...[...V.keys()].filter((Q) => !re.some((F) => F.id === Q)).map((Q) => ({ id: Q }))
     ].map((Q) => ({ group: Q, rows: V.get(Q.id) ?? [] }));
-  }, [H, m, f]), ht = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ve = b && O > 0, xt = Ve || K !== void 0;
-  return /* @__PURE__ */ c("div", { className: i("flex min-w-0 flex-col", W), children: [
-    Oe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
+  }, [H, m, f]), bt = r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0), Ve = b && P > 0, gt = Ve || G !== void 0;
+  return /* @__PURE__ */ c("div", { className: i("flex min-w-0 flex-col", U), children: [
+    Pe && /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
-        lt,
+        ct,
         {
           value: x,
           onValueChange: S,
@@ -2661,70 +2769,70 @@ const qr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      u.map((T) => /* @__PURE__ */ e(qr, { ...T }, T.id)),
+      u.map((_) => /* @__PURE__ */ e(Wr, { ..._ }, _.id)),
       v,
       d.length > 0 && /* @__PURE__ */ e(ke, { actions: d, className: "ml-auto" })
     ] }),
     /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ c("table", { ref: oe, className: "min-w-full border-collapse text-base text-text", children: [
-      /* @__PURE__ */ e("thead", { className: i(fe, "h-control-lg"), children: /* @__PURE__ */ c("tr", { children: [
-        h && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("thead", { className: i(he, "h-control-lg"), children: /* @__PURE__ */ c("tr", { children: [
+        h && /* @__PURE__ */ e("th", { className: i(xe, "w-10"), children: /* @__PURE__ */ e(
           we,
           {
             size: "sm",
             checked: le,
             indeterminate: be && !le,
-            onChange: (T) => G(T.target.checked),
+            onChange: (_) => K(_.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
-        r.map((T) => /* @__PURE__ */ e(
+        r.map((_) => /* @__PURE__ */ e(
           "th",
           {
             className: i(
-              he,
+              xe,
               "text-xs font-semibold uppercase tracking-label text-text-muted",
               "group",
               {
-                "text-left": T.align === "left" || !T.align,
-                "text-center": T.align === "center",
-                "text-right": T.align === "right",
-                "cursor-pointer select-none": T.sortable,
-                [`sticky left-0 ${fe}`]: T.sticky === "left",
-                [`sticky right-0 ${fe}`]: T.sticky === "right"
+                "text-left": _.align === "left" || !_.align,
+                "text-center": _.align === "center",
+                "text-right": _.align === "right",
+                "cursor-pointer select-none": _.sortable,
+                [`sticky left-0 ${he}`]: _.sticky === "left",
+                [`sticky right-0 ${he}`]: _.sticky === "right"
               }
             ),
-            style: { width: T.width },
-            onClick: () => T.sortable && L(T.id),
+            style: { width: _.width },
+            onClick: () => _.sortable && L(_.id),
             children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
-              T.headerCell ? T.headerCell() : T.header,
-              T.sortable && /* @__PURE__ */ e(
-                ee,
+              _.headerCell ? _.headerCell() : _.header,
+              _.sortable && /* @__PURE__ */ e(
+                J,
                 {
-                  icon: D.column === T.id && D.direction === "desc" ? Ae : Tt,
+                  icon: A.column === _.id && A.direction === "desc" ? De : _t,
                   size: "xs",
                   className: i(
                     "transition-opacity duration-fast ease-out",
-                    D.column === T.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
+                    A.column === _.id ? "text-text opacity-100" : "text-text-subtle opacity-0 group-hover:opacity-100"
                   )
                 }
               )
             ] })
           },
-          T.id
+          _.id
         )),
-        w.length > 0 && /* @__PURE__ */ e("th", { className: i(he, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+        w.length > 0 && /* @__PURE__ */ e("th", { className: i(xe, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Br }).map((T, V) => /* @__PURE__ */ c(
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: Vr }).map((_, V) => /* @__PURE__ */ c(
         "tr",
         {
           className: "animate-pulse border-t border-border-subtle",
           "aria-hidden": !0,
           children: [
-            h && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
+            h && /* @__PURE__ */ e("td", { className: i(xe, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
             r.map((re, ie) => /* @__PURE__ */ e(
               "td",
               {
-                className: i(he, "h-row-lg"),
+                className: i(xe, "h-row-lg"),
                 style: { width: re.width },
                 children: /* @__PURE__ */ e(
                   "span",
@@ -2738,7 +2846,7 @@ const qr = (t) => {
               },
               re.id
             )),
-            w.length > 0 && /* @__PURE__ */ e("td", { className: i(he, "h-row-lg") })
+            w.length > 0 && /* @__PURE__ */ e("td", { className: i(xe, "h-row-lg") })
           ]
         },
         `skeleton-${V}`
@@ -2747,52 +2855,52 @@ const qr = (t) => {
         {
           colSpan: r.length + (h ? 1 : 0) + (w.length > 0 ? 1 : 0),
           className: i(
-            he,
+            xe,
             "border-t border-border-subtle py-10 text-center text-text-muted"
           ),
-          children: _ || "No data available"
+          children: $ || "No data available"
         }
-      ) }) : ft.flatMap((T) => [
-        ...T.group ? [
+      ) }) : xt.flatMap((_) => [
+        ..._.group ? [
           /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
             "td",
             {
-              colSpan: ht,
+              colSpan: bt,
               className: i(
                 // A caption over its rows, not a second column strip:
                 // same surface as the rows, no rules, count on the right.
                 "border-t border-border-subtle bg-surface px-4 pb-1.5 pt-4 text-sm font-semibold",
-                T.group.tone === "danger" ? "text-danger-fg" : T.group.tone === "muted" ? "text-text-subtle" : "text-text"
+                _.group.tone === "danger" ? "text-danger-fg" : _.group.tone === "muted" ? "text-text-subtle" : "text-text"
               ),
               children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2.5", children: [
-                T.group.title ?? T.group.id,
-                /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-sunk px-1.5 py-0.5 text-xs font-medium text-text-muted tabular-nums", children: T.group.count ?? T.rows.length })
+                _.group.title ?? _.group.id,
+                /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-sunk px-1.5 py-0.5 text-xs font-medium text-text-muted tabular-nums", children: _.group.count ?? _.rows.length })
               ] })
             }
-          ) }, `group-${T.group.id}`)
+          ) }, `group-${_.group.id}`)
         ] : [],
-        ...T.rows.map(({ row: V, index: re }) => {
-          const ie = P(V, re), Q = C.some(
-            (F, ge) => P(F, ge) === ie
+        ..._.rows.map(({ row: V, index: re }) => {
+          const ie = O(V, re), Q = C.some(
+            (F, ge) => O(F, ge) === ie
           );
           return /* @__PURE__ */ c(
             "tr",
             {
               className: i(
-                Rr[U],
+                qr[j],
                 // Hairline above every row, including the first: it is
                 // what separates the body from the column strip.
                 "border-t border-border-subtle",
-                j && "transition-colors duration-fast ease-out hover:bg-surface-hover",
+                W && "transition-colors duration-fast ease-out hover:bg-surface-hover",
                 p && "cursor-pointer",
                 Q && "bg-accent-soft",
-                Z?.(V, re)
+                ee?.(V, re)
               ),
               onClick: (F) => {
                 F.stopPropagation(), p?.(V, re);
               },
               children: [
-                h && /* @__PURE__ */ e("td", { className: he, children: /* @__PURE__ */ e(
+                h && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
                   we,
                   {
                     size: "sm",
@@ -2809,7 +2917,7 @@ const qr = (t) => {
                   return /* @__PURE__ */ e(
                     "td",
                     {
-                      className: i(he, {
+                      className: i(xe, {
                         "text-left": F.align === "left" || !F.align,
                         "text-center": F.align === "center",
                         "text-right": F.align === "right",
@@ -2821,11 +2929,11 @@ const qr = (t) => {
                     F.id
                   );
                 }),
-                w.length > 0 && /* @__PURE__ */ e("td", { className: he, children: /* @__PURE__ */ e(
-                  jr,
+                w.length > 0 && /* @__PURE__ */ e("td", { className: xe, children: /* @__PURE__ */ e(
+                  Br,
                   {
                     className: "rounded-md",
-                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(ee, { icon: $t, size: "md", color: "current" }) }),
+                    trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(J, { icon: $t, size: "md", color: "current" }) }),
                     options: w.map((F) => ({
                       value: F.id,
                       label: F.label,
@@ -2833,7 +2941,7 @@ const qr = (t) => {
                       disabled: F.disabled?.(V)
                     })),
                     onSelect: (F) => {
-                      const ge = w.find((bt) => bt.id === F);
+                      const ge = w.find((pt) => pt.id === F);
                       ge && ge.onClick(V, re);
                     },
                     placement: "bottom-end"
@@ -2846,8 +2954,8 @@ const qr = (t) => {
         })
       ]) })
     ] }) }),
-    xt && /* @__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: K ?? `Showing ${I}–${te} of ${O}` }),
+    gt && /* @__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: G ?? `Showing ${I}–${te} of ${P}` }),
       Ve && /* @__PURE__ */ c("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           se,
@@ -2856,27 +2964,27 @@ const qr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Previous page",
-            onClick: () => k(A.page - 1),
-            disabled: A.page === 0,
-            children: /* @__PURE__ */ e(ee, { icon: ze, size: "md", color: "current" })
+            onClick: () => k(D.page - 1),
+            disabled: D.page === 0,
+            children: /* @__PURE__ */ e(J, { icon: Ee, size: "md", color: "current" })
           }
         ),
-        Hr(A.page, N).map(
-          (T, V) => T === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${V}`) : /* @__PURE__ */ e(
+        Ur(D.page, N).map(
+          (_, V) => _ === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${V}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-current": T === A.page ? "page" : void 0,
-              onClick: () => k(T),
+              "aria-current": _ === D.page ? "page" : void 0,
+              onClick: () => k(_),
               className: i(
                 "h-control-xs min-w-6 cursor-pointer rounded-sm px-1.5 tabular-nums",
                 "transition-colors duration-fast ease-out",
                 "focus-visible:outline-none focus-visible:focus-ring",
-                T === A.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
+                _ === D.page ? "bg-surface-sunk font-semibold text-text" : "text-text-muted hover:bg-surface-hover hover:text-text"
               ),
-              children: T + 1
+              children: _ + 1
             },
-            T
+            _
           )
         ),
         /* @__PURE__ */ e(
@@ -2886,15 +2994,15 @@ const qr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Next page",
-            onClick: () => k(A.page + 1),
-            disabled: A.page >= N - 1,
-            children: /* @__PURE__ */ e(ee, { icon: Ie, size: "md", color: "current" })
+            onClick: () => k(D.page + 1),
+            disabled: D.page >= N - 1,
+            children: /* @__PURE__ */ e(J, { icon: Ie, size: "md", color: "current" })
           }
         )
       ] })
     ] })
   ] });
-}, Vr = {
+}, Kr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -2904,11 +3012,11 @@ const qr = (t) => {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, Ur = {
+}, Gr = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, Wr = {
+}, Jr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -2918,7 +3026,7 @@ const qr = (t) => {
   info: "bg-info",
   note: "bg-note"
 };
-function Kr({
+function Yr({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -2934,13 +3042,13 @@ function Kr({
     {
       className: i(
         "inline-flex items-center font-medium rounded-full",
-        Vr[t],
-        Ur[r],
+        Kr[t],
+        Gr[r],
         o
       ),
       ...d,
       children: [
-        n && /* @__PURE__ */ e("span", { className: i("w-2 h-2 rounded-full mr-1.5", Wr[t]) }),
+        n && /* @__PURE__ */ e("span", { className: i("w-2 h-2 rounded-full mr-1.5", Jr[t]) }),
         s && /* @__PURE__ */ e("span", { className: i("flex-shrink-0", u && "mr-1"), children: s }),
         u,
         a && l && /* @__PURE__ */ e(
@@ -2949,14 +3057,14 @@ function Kr({
             onClick: l,
             className: "ml-1.5 flex-shrink-0 hover:opacity-70 transition-opacity",
             "aria-label": "Remove badge",
-            children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs", color: "current" })
+            children: /* @__PURE__ */ e(J, { icon: Se, size: "xs", color: "current" })
           }
         )
       ]
     }
   );
 }
-function Gr(t) {
+function Xr(t) {
   const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: u, sortable: d, align: v } = t;
   return {
     id: r,
@@ -2964,14 +3072,14 @@ function Gr(t) {
     accessor: (m) => a(s(m), m),
     cell: (m, f) => {
       const b = s(f);
-      return o && !o(b, f) ? null : /* @__PURE__ */ e(Kr, { variant: l ? l(b, f) : "default", size: "sm", children: a(b, f) });
+      return o && !o(b, f) ? null : /* @__PURE__ */ e(Yr, { variant: l ? l(b, f) : "default", size: "sm", children: a(b, f) });
     },
     width: u,
     sortable: d,
     align: v
   };
 }
-function _s(t) {
+function Fs(t) {
   const {
     id: r,
     header: n,
@@ -2983,7 +3091,7 @@ function _s(t) {
     width: d,
     sortable: v
   } = t;
-  return Gr({
+  return Xr({
     id: r,
     header: n,
     accessor: (m) => !!s(m),
@@ -2993,7 +3101,7 @@ function _s(t) {
     sortable: v
   });
 }
-function Ds(t) {
+function Rs(t) {
   const {
     id: r,
     header: n,
@@ -3017,19 +3125,19 @@ function Ds(t) {
     sortable: v
   };
 }
-const Jr = {
+const Zr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, Yr = {
+}, Qr = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Xr = {
+}, en = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -3040,12 +3148,12 @@ const Jr = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, Zr = {
+}, tn = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
   justify: "text-justify"
-}, Qr = {
+}, rn = {
   tight: "leading-tight",
   normal: "leading-normal",
   relaxed: "leading-relaxed"
@@ -3064,20 +3172,20 @@ const Jr = {
   children: f,
   ...b
 }) => {
-  const g = v || en(t), w = t === "caption", p = t === "label", h = t === "code", C = i(
+  const g = v || nn(t), w = t === "caption", p = t === "label", h = t === "code", C = i(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     w && "text-xs text-text-subtle",
     p && "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 && !p && !h && Jr[r],
+    !w && !p && !h && Zr[r],
     // Weight — label owns its weight
-    !p && Yr[n],
-    Xr[s],
-    Zr[a],
+    !p && Qr[n],
+    en[s],
+    tn[a],
     // Line height only overrides the body variant
-    t === "body" && Qr[d],
+    t === "body" && rn[d],
     o && "italic",
     u && "underline",
     l && "truncate",
@@ -3085,7 +3193,7 @@ const Jr = {
   );
   return /* @__PURE__ */ e(g, { className: C, ...b, children: f });
 };
-function en(t) {
+function nn(t) {
   return {
     body: "p",
     caption: "span",
@@ -3093,13 +3201,13 @@ function en(t) {
     code: "code"
   }[t] || "p";
 }
-function tn(t, r) {
+function sn(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const As = ({
+const Bs = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -3120,9 +3228,9 @@ const As = ({
     if (!f) return String(m || "-");
     const b = f.find((g) => g.value === m);
     return b ? b.label : String(m || "-");
-  }, u = xe(
+  }, u = fe(
     (m) => {
-      const f = tn(r, m.name);
+      const f = sn(r, m.name);
       if (m.type === "array") {
         const g = f;
         return !g || g.length === 0 ? /* @__PURE__ */ e(ue, { variant: "body", size: "sm", className: "text-text-muted", children: "Geen items" }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: g.map((w, p) => /* @__PURE__ */ c("div", { className: "p-4 border border-border rounded-xl space-y-3", children: [
@@ -3202,8 +3310,8 @@ const As = ({
       }
       return /* @__PURE__ */ e(ue, { variant: "body", size: "sm", className: "text-text", children: b });
     },
-    [r]
-  ), d = xe(
+    [r, o, a, l]
+  ), d = fe(
     (m) => {
       if (m.conditional && !m.conditional(r))
         return null;
@@ -3265,7 +3373,7 @@ const As = ({
   );
   return /* @__PURE__ */ e("div", { className: v, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(d) }) });
 };
-class Ls extends yt {
+class Hs extends wt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -3294,7 +3402,7 @@ class Ls extends yt {
   }
 }
 const Fe = /* @__PURE__ */ new Map();
-function Is({
+function qs({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -3309,11 +3417,11 @@ function Is({
     let C = !0;
     return (async () => {
       try {
-        const P = await b.current();
+        const O = await b.current();
         if (!C) return;
-        Fe.set(t, P), m((_) => _ + 1);
-      } catch (P) {
-        console.error(`[FederatedResource] Load failed: ${t}`, P), C && v(t);
+        Fe.set(t, O), m(($) => $ + 1);
+      } catch (O) {
+        console.error(`[FederatedResource] Load failed: ${t}`, O), C && v(t);
       }
     })(), () => {
       C = !1;
@@ -3325,8 +3433,8 @@ function Is({
     const C = u.current;
     if (C) {
       if (n === "svelte") {
-        const z = h.default || h, P = new z({ target: C, props: l || {} });
-        return f.current = P, () => P.$destroy();
+        const z = h.default || h, O = new z({ target: C, props: l || {} });
+        return f.current = O, () => O.$destroy();
       }
       if (h.mount) {
         const z = h.mount({ container: C, props: l || {} });
@@ -3335,7 +3443,7 @@ function Is({
         };
       }
     }
-  }, [h, n]), X(() => {
+  }, [h, n, l]), X(() => {
     n === "svelte" && f.current && f.current.$set?.(l);
   }, [l, n]), /* @__PURE__ */ c("div", { ref: u, className: o, style: { display: "contents" }, children: [
     p && s,
@@ -3343,11 +3451,11 @@ function Is({
     n === "react" && h && /* @__PURE__ */ e(h, { ...l })
   ] });
 }
-const rn = {
+const an = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Ps({
+function Vs({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3372,7 +3480,7 @@ function Ps({
           {
             className: i(
               "flex size-disc items-center justify-center rounded-full text-2xl",
-              rn[r]
+              an[r]
             ),
             children: t
           }
@@ -3384,7 +3492,7 @@ function Ps({
     }
   );
 }
-function Os({ children: t, className: r, ...n }) {
+function Us({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3397,14 +3505,14 @@ function Os({ children: t, className: r, ...n }) {
     }
   );
 }
-const nn = {
+const ln = {
   sm: "h-1",
   md: "h-1.5"
-}, sn = {
+}, on = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function js({
+function Ws({
   value: t,
   variant: r = "accent",
   size: n = "md",
@@ -3421,7 +3529,7 @@ function js({
       "aria-valuemax": 100,
       className: i(
         "w-full overflow-hidden rounded-full bg-surface-hover",
-        nn[n],
+        ln[n],
         s
       ),
       ...a,
@@ -3430,7 +3538,7 @@ function js({
         {
           className: i(
             "h-full rounded-full transition-[width] duration-300 ease-out",
-            sn[r]
+            on[r]
           ),
           style: { width: `${l}%` }
         }
@@ -3438,25 +3546,25 @@ function js({
     }
   );
 }
-const an = {
+const cn = {
   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"
-}, ln = {
+}, dn = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, on = {
+}, un = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function Fs({
+function Ks({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3473,7 +3581,7 @@ function Fs({
         /* @__PURE__ */ c(
           "svg",
           {
-            className: i("animate-spin", an[t], ln[r]),
+            className: i("animate-spin", cn[t], dn[r]),
             fill: "none",
             viewBox: "0 0 24 24",
             "aria-hidden": !s,
@@ -3501,13 +3609,13 @@ function Fs({
             ]
           }
         ),
-        s && /* @__PURE__ */ e("span", { className: i("text-text-muted", on[t]), children: n }),
+        s && /* @__PURE__ */ e("span", { className: i("text-text-muted", un[t]), children: n }),
         !s && /* @__PURE__ */ e("span", { className: "sr-only", children: n })
       ]
     }
   );
 }
-const cn = {
+const mn = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3521,7 +3629,7 @@ const cn = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function Rs({
+function Gs({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3537,14 +3645,14 @@ function Rs({
       className: i(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        cn[t],
+        mn[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function Bs({
+function Js({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -3584,7 +3692,7 @@ function Bs({
     d < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, u)) });
 }
-const dn = /* @__PURE__ */ new Set([
+const fn = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -3619,7 +3727,7 @@ const dn = /* @__PURE__ */ new Set([
   "one-time-code"
 ]);
 function Xe(t) {
-  return t && dn.has(t) ? { autoComplete: t } : {
+  return t && fn.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -3631,12 +3739,12 @@ function Xe(t) {
     "data-form-type": "other"
   };
 }
-const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCase(), mn = {
+const _e = (t) => t == null ? "" : String(t), hn = (t) => _e(t).trim().toLowerCase(), xn = {
   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"
-}, $e = un, De = ve(
+}, Te = hn, $e = ve(
   ({
     label: t,
     helperText: r,
@@ -3657,24 +3765,24 @@ const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCa
     allowCreate: h,
     onCreateOption: C,
     ...z
-  }, P) => {
-    const _ = f || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!n, [U, j] = ae.useState(!1), [B, W] = ae.useState(""), Z = ae.useRef(null), J = ae.useRef(null), de = Pe(U, J, { matchWidth: !0 }), [Y, y] = ae.useState(o);
-    ae.useImperativeHandle(P, () => Z.current), ae.useEffect(() => {
+  }, O) => {
+    const $ = f || `select-${Math.random().toString(36).substr(2, 9)}`, G = !!n, [j, W] = ae.useState(!1), [B, U] = ae.useState(""), ee = ae.useRef(null), Z = ae.useRef(null), de = Oe(j, Z, { matchWidth: !0 }), [Y, y] = ae.useState(o);
+    ae.useImperativeHandle(O, () => ee.current), ae.useEffect(() => {
       const L = (k) => {
-        Z.current && !Z.current.contains(k.target) && j(!1);
+        ee.current && !ee.current.contains(k.target) && W(!1);
       };
       return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
     }, []);
     const x = ae.useCallback(
-      (L, k) => L.some((M) => $e(M.value) === $e(k) || $e(M.label) === $e(k)),
+      (L, k) => L.some((M) => Te(M.value) === Te(k) || Te(M.label) === Te(k)),
       []
     ), S = ae.useCallback(
       (L, k) => {
-        const M = [...L], G = (O) => {
-          const N = _e(O).trim();
+        const M = [...L], K = (P) => {
+          const N = _e(P).trim();
           N && (x(M, N) || M.push({ value: N, label: N }));
         };
-        return Array.isArray(k) ? k.forEach(G) : G(k), M;
+        return Array.isArray(k) ? k.forEach(K) : K(k), M;
       },
       [x]
     );
@@ -3686,16 +3794,16 @@ const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCa
         }), S(k, w);
       });
     }, [o, w, S, x]);
-    const D = ae.useMemo(
+    const A = ae.useMemo(
       () => Array.isArray(w) ? w.map(_e) : w == null ? void 0 : _e(w),
       [w]
     ), E = (L) => {
       if (g) {
-        const k = Array.isArray(D) ? D : [], M = k.includes(L) ? k.filter((G) => G !== L) : [...k, L];
+        const k = Array.isArray(A) ? A : [], M = k.includes(L) ? k.filter((K) => K !== L) : [...k, L];
         p?.(M);
       } else
-        p?.(L), j(!1), W("");
-    }, A = g ? null : Y.find((L) => L.value === D), $ = g ? Y.filter((L) => Array.isArray(D) && D.includes(L.value)) : [], oe = b && B ? Y.filter(
+        p?.(L), W(!1), U("");
+    }, D = g ? null : Y.find((L) => L.value === A), T = g ? Y.filter((L) => Array.isArray(A) && A.includes(L.value)) : [], oe = b && B ? Y.filter(
       (L) => L.label.toLowerCase().includes(B.toLowerCase())
     ) : Y, ce = !!h && !!b && !!B.trim() && !x(Y, B), q = (L) => {
       const k = L.trim();
@@ -3705,26 +3813,26 @@ const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCa
         label: k
       };
       if (x(Y, M.value) || x(Y, M.label)) {
-        E(M.value), W(""), g || j(!1);
+        E(M.value), U(""), g || W(!1);
         return;
       }
-      y((G) => [...G, M]), E(M.value), W(""), g || j(!1);
-    }, H = () => g ? $.length > 0 ? $.map((L) => L.label).join(", ") : u || "Select options" : A?.label || u || "Select an option";
+      y((K) => [...K, M]), E(M.value), U(""), g || W(!1);
+    }, H = () => g ? T.length > 0 ? T.map((L) => L.label).join(", ") : u || "Select options" : D?.label || u || "Select an option";
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: Z,
+        ref: ee,
         className: i("relative flex flex-col", a && "w-full", d),
         ...z,
         children: [
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: _,
-              onClick: () => j(!U),
+              htmlFor: $,
+              onClick: () => W(!j),
               className: i(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
-                K ? "text-danger-fg" : "text-text-muted",
+                G ? "text-danger-fg" : "text-text-muted",
                 v
               ),
               children: t
@@ -3734,36 +3842,36 @@ const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCa
             /* @__PURE__ */ c(
               "button",
               {
-                ref: J,
+                ref: Z,
                 type: "button",
-                id: _,
+                id: $,
                 disabled: l,
-                onClick: () => j(!U),
+                onClick: () => W(!j),
                 className: i(
                   "flex w-full items-center justify-between gap-2 rounded-tile border transition-colors duration-fast text-left",
                   "focus-visible:outline-none focus-visible:focus-ring",
                   "disabled:cursor-not-allowed disabled:bg-surface-hover disabled:text-text-disabled",
                   "bg-surface",
-                  mn[s],
-                  K ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
+                  xn[s],
+                  G ? "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: H() }),
                   /* @__PURE__ */ e(
-                    _t,
+                    At,
                     {
                       size: 16,
                       className: i(
                         "shrink-0 opacity-60 transition-transform duration-fast",
-                        U && "rotate-180"
+                        j && "rotate-180"
                       )
                     }
                   )
                 ]
               }
             ),
-            U && /* @__PURE__ */ c(
+            j && /* @__PURE__ */ c(
               "div",
               {
                 style: de,
@@ -3775,7 +3883,7 @@ const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCa
                       type: "text",
                       placeholder: "Search...",
                       value: B,
-                      onChange: (L) => W(L.target.value),
+                      onChange: (L) => U(L.target.value),
                       onKeyDown: (L) => {
                         L.key === "Enter" && ce && (L.preventDefault(), q(B));
                       },
@@ -3806,13 +3914,13 @@ const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCa
                       {
                         className: "cursor-pointer px-3 py-1.5 text-sm text-text-muted hover:bg-surface-hover",
                         onClick: () => {
-                          p?.(""), j(!1);
+                          p?.(""), W(!1);
                         },
                         children: u
                       }
                     ),
                     oe.map((L) => {
-                      const k = g ? Array.isArray(D) && D.includes(L.value) : D === L.value;
+                      const k = g ? Array.isArray(A) && A.includes(L.value) : A === L.value;
                       return /* @__PURE__ */ e(
                         "li",
                         {
@@ -3844,19 +3952,19 @@ const _e = (t) => t == null ? "" : String(t), un = (t) => _e(t).trim().toLowerCa
               }
             )
           ] }),
-          (n || r) && /* @__PURE__ */ e("p", { className: i("mt-1 text-xs", K ? "text-danger-fg" : "text-text-muted"), children: n || r })
+          (n || r) && /* @__PURE__ */ e("p", { className: i("mt-1 text-xs", G ? "text-danger-fg" : "text-text-muted"), children: n || r })
         ]
       }
     );
   }
 );
-De.displayName = "Select";
-const fn = {
+$e.displayName = "Select";
+const bn = {
   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"
-}, ot = "mb-1.5 block text-sm font-medium", ct = "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", it = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ce = ve(
+}, it = "mb-1.5 block text-sm font-medium", dt = "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", ut = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ce = ve(
   ({
     label: t,
     helperText: r,
@@ -3879,7 +3987,7 @@ const fn = {
         {
           htmlFor: p,
           className: i(
-            ot,
+            it,
             h ? "text-danger-fg" : "text-text-muted",
             v
           ),
@@ -3896,11 +4004,11 @@ const fn = {
             "aria-invalid": h || void 0,
             "aria-describedby": C,
             className: i(
-              ct,
-              fn[s],
+              dt,
+              bn[s],
               l && "pl-9",
               (o || u) && "pr-9",
-              it(h),
+              ut(h),
               m
             ),
             ...b
@@ -3926,7 +4034,7 @@ const fn = {
   }
 );
 Ce.displayName = "TextField";
-function hn({
+function gn({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -3945,11 +4053,11 @@ function hn({
     }), () => {
       f = !1;
     };
-  }, []);
+  }, [n]);
   const m = t ?? {};
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e(
-      De,
+      $e,
       {
         size: a,
         fullWidth: !0,
@@ -3971,7 +4079,7 @@ function hn({
     )
   ] });
 }
-const xn = et(null), Hs = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
+const pn = et(null), Ys = ({ items: t, activeTab: r, onTabChange: n, className: s }) => {
   const [a, l] = R(t[0]?.id || ""), o = r || a, u = (d) => {
     n ? n(d) : l(d);
   };
@@ -4004,7 +4112,7 @@ const xn = et(null), Hs = ({ items: t, activeTab: r, onTabChange: n, className:
     },
     d.id
   )) }) });
-}, bn = ({
+}, vn = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -4034,20 +4142,20 @@ const xn = et(null), Hs = ({ items: t, activeTab: r, onTabChange: n, className:
       "text-xs px-2 py-1": l === "sm",
       "text-sm px-3 py-2": l === "md",
       "text-base px-4 py-3": l === "lg"
-    }, P = {
+    }, O = {
       // Default variant
       "border-b-2 -mb-px": a === "default",
       // Pills variant
       "rounded-md": a === "pills",
       // Underline variant
       "border-b-2 pb-2": a === "underline"
-    }, _ = {
+    }, $ = {
       "opacity-50 cursor-not-allowed": p.disabled,
       "cursor-pointer": !p.disabled
-    }, K = h ? {
+    }, G = h ? {
       "border-accent-border text-text": a === "default" || a === "underline",
       "bg-surface text-text shadow-none": a === "pills"
-    } : {}, U = !h && !p.disabled ? {
+    } : {}, j = !h && !p.disabled ? {
       "border-transparent text-text-muted hover:text-text": a === "default",
       "text-text-muted hover:text-text": a === "pills",
       "border-transparent text-text-muted hover:text-text hover:border-border": a === "underline"
@@ -4055,13 +4163,13 @@ const xn = et(null), Hs = ({ items: t, activeTab: r, onTabChange: n, className:
     return i(
       C,
       z,
-      P,
-      _,
-      K,
-      U
+      O,
+      $,
+      G,
+      j
     );
   };
-  return /* @__PURE__ */ e(xn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ e(pn.Provider, { value: f, children: /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ e("div", { className: g, role: "tablist", children: t.map((p) => /* @__PURE__ */ e(
       "button",
       {
@@ -4090,14 +4198,14 @@ const xn = et(null), Hs = ({ items: t, activeTab: r, onTabChange: n, className:
       }
     )
   ] }) });
-}, gn = {
+}, yn = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function dt({
+function mt({
   open: t,
   onClose: r,
   title: n,
@@ -4139,7 +4247,7 @@ function dt({
           className: i(
             "relative w-full bg-surface rounded-lg shadow-modal",
             "focus:outline-none",
-            gn[s],
+            yn[s],
             o
           ),
           role: "dialog",
@@ -4155,7 +4263,7 @@ function dt({
                   onClick: r,
                   className: "p-1 text-text-muted hover:text-text transition-colors",
                   "aria-label": "Close modal",
-                  children: /* @__PURE__ */ e(ee, { icon: Se, size: "lg", color: "current" })
+                  children: /* @__PURE__ */ e(J, { icon: Se, size: "lg", color: "current" })
                 }
               )
             ] }),
@@ -4167,7 +4275,7 @@ function dt({
     }
   ) : null;
 }
-const pn = ({
+const Nn = ({
   value: t,
   onChange: r,
   label: n,
@@ -4181,44 +4289,44 @@ const pn = ({
   onDownloadFile: m,
   onRegisterFile: f
 }) => {
-  const [b, g] = R(!1), [w, p] = R([]), [h, C] = R(null), [z, P] = R("/"), [_, K] = R([]), [U, j] = R(!1), [B, W] = R(""), [Z, J] = R(
+  const [b, g] = R(!1), [w, p] = R([]), [h, C] = R(null), [z, O] = R("/"), [$, G] = R([]), [j, W] = R(!1), [B, U] = R(""), [ee, Z] = R(
     typeof t == "object" ? t : null
-  ), [de, Y] = R(!1), [y, x] = R(""), S = ne(null);
-  X(() => {
-    b && D();
-  }, [b]), X(() => {
-    b && h && E();
-  }, [b, h, z, B]);
-  const D = async () => {
-    j(!0);
+  ), [de, Y] = R(!1), [y, x] = R(""), S = ne(null), A = fe(async () => {
+    W(!0);
     try {
       const N = await d?.();
       N?.data && p(N.data);
     } catch (N) {
       console.error("Failed to load mounts", N);
     } finally {
-      j(!1);
+      W(!1);
     }
-  }, E = async () => {
+  }, [d]), E = fe(async () => {
     if (h) {
-      j(!0);
+      W(!0);
       try {
         const N = await u?.({
           mountId: h.id,
           name: B,
           path: z
         });
-        N?.data && K(N.data);
+        N?.data && G(N.data);
       } catch (N) {
         console.error("Failed to load files", N);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
-  }, A = async (N) => {
+  }, [z, u, B, h]);
+  X(() => {
+    b && A();
+  }, [b, A]), X(() => {
+    b && h && E();
+  }, [b, h, E]);
+  const D = async (N) => {
     const I = N.target.files?.[0];
     if (I) {
-      j(!0);
+      W(!0);
       try {
         const te = await I.arrayBuffer(), le = new Uint8Array(te), be = {
           id: `local-${Date.now()}`,
@@ -4231,17 +4339,17 @@ const pn = ({
           providerKey: I.name,
           ownerId: "me"
         };
-        J(be), r(be, le), g(!1);
+        Z(be), r(be, le), g(!1);
       } catch (te) {
         console.error("Local file selection failed", te);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
-  }, $ = async (N) => {
+  }, T = async (N) => {
     const I = N.target.files?.[0];
     if (!(!I || !h)) {
-      j(!0);
+      W(!0);
       try {
         const te = await I.arrayBuffer(), le = await v?.({
           file: new Uint8Array(te),
@@ -4252,17 +4360,17 @@ const pn = ({
         });
         if (le?.data) {
           const be = le.data;
-          J(be), r(be, new Uint8Array(te)), g(!1);
+          Z(be), r(be, new Uint8Array(te)), g(!1);
         }
       } catch (te) {
         console.error("Upload failed", te);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
   }, oe = async () => {
     if (!(!y || !h)) {
-      j(!0);
+      W(!0);
       try {
         const N = `${z}${y}/`;
         f && (await f({
@@ -4278,39 +4386,39 @@ const pn = ({
       } catch (N) {
         console.error("Failed to create folder", N);
       } finally {
-        j(!1);
+        W(!1);
       }
     }
   }, ce = async (N) => {
-    j(!0);
+    W(!0);
     try {
       const I = await m?.(N.id);
-      J(N), r(N, I), g(!1);
+      Z(N), r(N, I), g(!1);
     } catch (I) {
       console.error("Failed to download file", I);
     } finally {
-      j(!1);
+      W(!1);
     }
   }, q = (N) => {
-    N.stopPropagation(), J(null), r(null);
+    N.stopPropagation(), Z(null), r(null);
   }, H = pe(() => {
     const N = /* @__PURE__ */ new Set(), I = [];
-    return _.forEach((te) => {
+    return $.forEach((te) => {
       if (te.type === "folder") {
         te.path === z && N.add(te.name);
         return;
       }
-      const le = te.providerKey || te.name, ye = (z ? le.substring(z.length) : le).split("/").filter((fe) => fe !== "");
+      const le = te.providerKey || te.name, ye = (z ? le.substring(z.length) : le).split("/").filter((he) => he !== "");
       ye.length > 1 ? N.add(ye[0]) : ye.length === 1 && I.push(te);
     }), {
       folders: Array.from(N).sort(),
       files: I.sort((te, le) => te.name.localeCompare(le.name))
     };
-  }, [_, z]), L = (N) => {
-    P((I) => `${I}${N}/`);
+  }, [$, z]), L = (N) => {
+    O((I) => `${I}${N}/`);
   }, k = () => {
     const N = z.split("/").filter((I) => I !== "");
-    N.pop(), N.length === 0 ? P("/") : P(`${N.join("/")}/`);
+    N.pop(), N.length === 0 ? O("/") : O(`${N.join("/")}/`);
   }, M = pe(() => {
     const N = H.folders.map((I) => ({
       id: `folder-${I}`,
@@ -4323,14 +4431,14 @@ const pn = ({
         type: "file"
       });
     }), N;
-  }, [H]), G = [
+  }, [H]), K = [
     {
       id: "name",
       header: "Name",
       accessor: "name",
       cell: (N, I) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ee,
+          J,
           {
             icon: I.type === "folder" ? Ke : je,
             size: "sm",
@@ -4362,18 +4470,18 @@ const pn = ({
           onClick: (te) => {
             te.stopPropagation(), I.type === "folder" ? L(I.name) : ce(I);
           },
-          loading: U && I.type === "file" && Z?.id === I.id,
+          loading: j && I.type === "file" && ee?.id === I.id,
           children: I.type === "folder" ? "Open" : "Select"
         }
       )
     }
-  ], O = [
+  ], P = [
     {
       id: "name",
       header: "Mount Name",
       accessor: "name",
       cell: (N) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(ee, { icon: We, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e(J, { icon: We, size: "sm", color: "primary" }),
         /* @__PURE__ */ e("span", { children: N })
       ] })
     },
@@ -4399,36 +4507,36 @@ const pn = ({
         ),
         children: [
           /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(
-            ee,
+            J,
             {
-              icon: Z ? je : We,
-              color: Z ? "primary" : "secondary"
+              icon: ee ? je : We,
+              color: ee ? "primary" : "secondary"
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Z ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Z.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
-          Z && !l && /* @__PURE__ */ e("button", { onClick: q, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(ee, { icon: Se, size: "xs" }) })
+          /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: ee ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: ee.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
+          ee && !l && /* @__PURE__ */ e("button", { onClick: q, className: "p-1 hover:bg-surface-hover rounded", children: /* @__PURE__ */ e(J, { icon: Se, size: "xs" }) })
         ]
       }
     ),
     a && /* @__PURE__ */ e(ue, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      dt,
+      mt,
       {
         open: b,
         onClose: () => {
-          g(!1), C(null), P("/"), Y(!1);
+          g(!1), C(null), O("/"), Y(!1);
         },
         title: h ? `Explorer: ${h.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          bn,
+          vn,
           {
             variant: "pills",
             items: [
               {
                 id: "remote",
                 label: "Platform Storage",
-                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Ee, { children: [
+                content: /* @__PURE__ */ e("div", { className: "space-y-4", children: h ? /* @__PURE__ */ c(Ae, { children: [
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       se,
@@ -4437,7 +4545,7 @@ const pn = ({
                         onClick: () => {
                           z && z !== "/" ? k() : C(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(ee, { icon: Dt, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(J, { icon: Dt, size: "xs" }),
                         children: z ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -4447,7 +4555,7 @@ const pn = ({
                       {
                         placeholder: "Search...",
                         value: B,
-                        onChange: (N) => W(N.target.value),
+                        onChange: (N) => U(N.target.value),
                         startIcon: /* @__PURE__ */ e(Le, { size: 14 }),
                         fullWidth: !0
                       }
@@ -4458,7 +4566,7 @@ const pn = ({
                         {
                           variant: "outline",
                           onClick: () => Y(!0),
-                          leftIcon: /* @__PURE__ */ e(ee, { icon: At, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(J, { icon: Lt, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -4467,8 +4575,8 @@ const pn = ({
                         {
                           variant: "primary",
                           onClick: () => S.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(ee, { icon: Lt, size: "xs" }),
-                          loading: U,
+                          leftIcon: /* @__PURE__ */ e(J, { icon: It, size: "xs" }),
+                          loading: j,
                           children: "Upload"
                         }
                       ),
@@ -4478,14 +4586,14 @@ const pn = ({
                           type: "file",
                           className: "hidden",
                           ref: S,
-                          onChange: $,
+                          onChange: T,
                           accept: o
                         }
                       )
                     ] })
                   ] }),
                   de && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(ee, { icon: Ke, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(J, { icon: Ke, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ce,
                       {
@@ -4495,15 +4603,15 @@ const pn = ({
                         autoFocus: !0
                       }
                     ),
-                    /* @__PURE__ */ e(se, { onClick: oe, loading: U, children: "Create" }),
+                    /* @__PURE__ */ e(se, { onClick: oe, loading: j, children: "Create" }),
                     /* @__PURE__ */ e(se, { variant: "ghost", onClick: () => Y(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
                     Ye,
                     {
                       data: M,
-                      columns: G,
-                      loading: U,
+                      columns: K,
+                      loading: j,
                       emptyContent: "This folder is empty",
                       onRowClick: (N) => N.type === "folder" ? L(N.name) : ce(N)
                     }
@@ -4512,8 +4620,8 @@ const pn = ({
                   Ye,
                   {
                     data: w,
-                    columns: O,
-                    loading: U,
+                    columns: P,
+                    loading: j,
                     emptyContent: "No storage mounts configured",
                     onRowClick: (N) => C(N)
                   }
@@ -4523,7 +4631,7 @@ const pn = ({
                 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(ee, { icon: je, size: "xl", color: "primary" }) }),
+                  /* @__PURE__ */ e("div", { className: "p-4 bg-accent-soft rounded-full mb-4", children: /* @__PURE__ */ e(J, { icon: je, size: "xl", color: "primary" }) }),
                   /* @__PURE__ */ e(ue, { variant: "label", size: "lg", weight: "semibold", children: "Select a file from your computer" }),
                   /* @__PURE__ */ c(
                     ue,
@@ -4544,7 +4652,7 @@ const pn = ({
                       {
                         variant: "primary",
                         size: "lg",
-                        loading: U,
+                        loading: j,
                         className: "pointer-events-none",
                         children: "Browse Local File"
                       }
@@ -4554,9 +4662,9 @@ const pn = ({
                       {
                         type: "file",
                         className: "hidden",
-                        onChange: A,
+                        onChange: D,
                         accept: o,
-                        disabled: U
+                        disabled: j
                       }
                     )
                   ] })
@@ -4568,7 +4676,7 @@ const pn = ({
       }
     )
   ] });
-}, vn = {
+}, wn = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
@@ -4595,7 +4703,7 @@ const pn = ({
         {
           htmlFor: w,
           className: i(
-            ot,
+            it,
             p ? "text-danger-fg" : "text-text-muted",
             u
           ),
@@ -4612,10 +4720,10 @@ const pn = ({
             "aria-invalid": p || void 0,
             "aria-describedby": h,
             className: i(
-              ct,
+              dt,
               "resize-y leading-relaxed",
-              vn[s],
-              it(p),
+              wn[s],
+              ut(p),
               d
             ),
             ...f
@@ -4647,7 +4755,7 @@ function Ze(t, r) {
     t
   );
 }
-function yn(t, r, n) {
+function kn(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++) {
@@ -4656,7 +4764,7 @@ function yn(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Nn(t, r) {
+function Cn(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -4666,7 +4774,7 @@ function Nn(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function wn({
+function Sn({
   title: t,
   description: r,
   className: n,
@@ -4680,7 +4788,7 @@ function wn({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const qs = ({
+const Xs = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -4698,16 +4806,16 @@ const qs = ({
   ref: w,
   sdk: p
 }) => {
-  const [h, C] = R(r || {}), z = ae.useId(), P = xe(
+  const [h, C] = R(r || {}), z = ae.useId(), O = fe(
     (x) => `${z}-${String(x).replace(/\./g, "-")}`,
     [z]
-  ), [_, K] = R({}), [U, j] = R({});
+  ), [$, G] = R({}), [j, W] = R({});
   X(() => {
     r && C({ ...r });
   }, [r]);
-  const B = xe(
-    (x, S, D) => {
-      const E = t.flatMap((A) => A.items).find((A) => A.name === x);
+  const B = fe(
+    (x, S, A) => {
+      const E = t.flatMap((D) => D.items).find((D) => D.name === x);
       if (!E) return null;
       if (E.required && (S == null || S === ""))
         return `${E.label} is required`;
@@ -4717,69 +4825,69 @@ const qs = ({
         if (S && !Array.isArray(S))
           return `${E.label} must be an array.`;
         if (Array.isArray(S) && E.arrayFields) {
-          const A = [];
-          let $ = !1;
+          const D = [];
+          let T = !1;
           if (S.forEach((oe, ce) => {
             const q = {};
             for (const H of E.arrayFields) {
               const L = oe?.[H.name];
               if (H.required && (L == null || L === ""))
-                q[H.name] = `${H.label} is required`, $ = !0;
+                q[H.name] = `${H.label} is required`, T = !0;
               else if (H.validator) {
                 const k = H.validator(L, oe);
-                k && (q[H.name] = k, $ = !0);
+                k && (q[H.name] = k, T = !0);
               }
             }
-            A[ce] = q;
-          }), $)
-            return JSON.stringify(A);
+            D[ce] = q;
+          }), T)
+            return JSON.stringify(D);
         }
       }
-      return E.validator ? E.validator(S, D) : null;
+      return E.validator ? E.validator(S, A) : null;
     },
     [t]
-  ), W = xe(
+  ), U = fe(
     (x, S) => {
-      let D = yn(h, x, S);
-      t.flatMap(($) => $.items).find(($) => $.name === x)?.removeIfEmpty && (S == null || S === "") && (D = Nn(D, x)), C(D), j(($) => ({ ...$, [x]: !0 }));
-      const A = B(x, S, D);
-      K(($) => ({
-        ...$,
-        [x]: A || ""
-      })), a?.(D, x);
+      let A = kn(h, x, S);
+      t.flatMap((T) => T.items).find((T) => T.name === x)?.removeIfEmpty && (S == null || S === "") && (A = Cn(A, x)), C(A), W((T) => ({ ...T, [x]: !0 }));
+      const D = B(x, S, A);
+      G((T) => ({
+        ...T,
+        [x]: D || ""
+      })), a?.(A, x);
     },
     [h, t, B, a]
-  ), Z = xe(
+  ), ee = fe(
     async (x) => {
       if (x.preventDefault(), b) return;
-      const S = {}, D = t.flatMap((A) => A.items);
-      for (const A of D) {
-        if (A.hidden || A.conditional && !A.conditional(h))
+      const S = {}, A = t.flatMap((D) => D.items);
+      for (const D of A) {
+        if (D.hidden || D.conditional && !D.conditional(h))
           continue;
-        const $ = B(
-          A.name,
-          Ze(h, A.name),
+        const T = B(
+          D.name,
+          Ze(h, D.name),
           h
         );
-        $ && (S[A.name] = $);
+        T && (S[D.name] = T);
       }
       if (o) {
-        const A = o(h);
-        A && Object.assign(S, A);
+        const D = o(h);
+        D && Object.assign(S, D);
       }
-      if (K(S), Object.keys(S).some((A) => S[A]))
+      if (G(S), Object.keys(S).some((D) => S[D]))
         return;
       const E = l ? l(h) : h;
       await n?.(h, E);
     },
     [h, t, B, o, l, n, b]
-  ), J = xe(
+  ), Z = fe(
     (x) => {
-      const S = Ze(h, x.name), D = U[x.name] ? _[x.name] : void 0, E = x.disabled || b, A = {
+      const S = Ze(h, x.name), A = j[x.name] ? $[x.name] : void 0, E = x.disabled || b, D = {
         // 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.
-        id: P(x.name),
+        id: O(x.name),
         value: S || "",
         disabled: E,
         required: x.required,
@@ -4797,11 +4905,11 @@ const qs = ({
           return /* @__PURE__ */ e(
             Ce,
             {
-              ...A,
-              onChange: ($) => W(x.name, $.target.value),
+              ...D,
+              onChange: (T) => U(x.name, T.target.value),
               type: x.textType || x.type,
               ...Xe(x.autocomplete),
-              error: D,
+              error: A,
               size: f
             }
           );
@@ -4809,27 +4917,27 @@ const qs = ({
           return /* @__PURE__ */ e(
             He,
             {
-              ...A,
-              onChange: ($) => W(x.name, $.target.value),
+              ...D,
+              onChange: (T) => U(x.name, T.target.value),
               rows: x.rows ?? 4,
-              error: D,
+              error: A,
               size: f
             }
           );
         case "select":
           return /* @__PURE__ */ e(
-            De,
+            $e,
             {
-              ...A,
-              onChange: ($) => W(x.name, $),
-              options: (x.options || []).map(($) => ({
-                ...$,
-                value: String($.value)
+              ...D,
+              onChange: (T) => U(x.name, T),
+              options: (x.options || []).map((T) => ({
+                ...T,
+                value: String(T.value)
               })),
               searchable: x.searchable,
               multiple: x.multiple,
               allowCreate: x.allowCreate,
-              error: D,
+              error: A,
               size: f
             }
           );
@@ -4838,14 +4946,14 @@ const qs = ({
         // open to learn what the choices even are.
         case "segmented":
           return /* @__PURE__ */ e(
-            sr,
+            lr,
             {
               "aria-label": x.label,
               value: S == null ? "" : String(S),
-              onChange: ($) => W(x.name, $),
-              options: (x.options || []).map(($) => ({
-                value: String($.value),
-                label: $.label
+              onChange: (T) => U(x.name, T),
+              options: (x.options || []).map((T) => ({
+                value: String(T.value),
+                label: T.label
               })),
               size: f === "sm" ? "sm" : "md",
               className: x.disabled ? "pointer-events-none opacity-50" : void 0
@@ -4855,15 +4963,15 @@ const qs = ({
           return /* @__PURE__ */ e(
             we,
             {
-              ...A,
+              ...D,
               label: x.label,
               checked: !!S,
-              onChange: ($) => W(x.name, $.target.checked),
+              onChange: (T) => U(x.name, T.target.checked),
               size: f
             }
           );
         case "radio":
-          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: x.options?.map(($) => /* @__PURE__ */ c(
+          return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: x.options?.map((T) => /* @__PURE__ */ c(
             "label",
             {
               className: "flex cursor-pointer items-center gap-3 text-base text-text",
@@ -4873,67 +4981,67 @@ const qs = ({
                   {
                     type: "radio",
                     name: x.name,
-                    value: $.value,
-                    checked: S === $.value,
-                    onChange: () => W(x.name, $.value),
-                    disabled: E || $.disabled,
+                    value: T.value,
+                    checked: S === T.value,
+                    onChange: () => U(x.name, T.value),
+                    disabled: E || T.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"
                   }
                 ),
-                $.label
+                T.label
               ]
             },
-            $.value
+            T.value
           )) });
         case "date":
           return /* @__PURE__ */ e(
             Be,
             {
-              ...A,
+              ...D,
               value: S ? new Date(S) : null,
-              onChange: ($) => W(x.name, $),
+              onChange: (T) => U(x.name, T),
               size: f
             }
           );
         case "file":
           return /* @__PURE__ */ e(
-            pn,
+            Nn,
             {
-              ...A,
+              ...D,
               value: S,
-              onChange: ($) => W(x.name, $),
-              error: D,
-              onListFiles: ($) => p?.http.invoke({
+              onChange: (T) => U(x.name, T),
+              error: A,
+              onListFiles: (T) => p?.http.invoke({
                 method: "POST",
                 action: "storage.file.list",
-                body: $
+                body: T
               }),
               onListMounts: () => p?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
               }),
-              onUploadFile: ($) => p?.http.invoke({
+              onUploadFile: (T) => p?.http.invoke({
                 method: "POST",
                 action: "storage.file.upload",
-                body: $
+                body: T
               }),
-              onDownloadFile: ($) => p?.http.invoke({
+              onDownloadFile: (T) => p?.http.invoke({
                 method: "GET",
-                action: `storage.file.${$}.download`
+                action: `storage.file.${T}.download`
               }),
-              onRegisterFile: ($) => p?.http.invoke({
+              onRegisterFile: (T) => p?.http.invoke({
                 method: "POST",
                 action: "storage.file.folder",
-                body: $
+                body: T
               })
             }
           );
         case "folder":
           return /* @__PURE__ */ e(
-            hn,
+            gn,
             {
               value: S || {},
-              onChange: ($) => W(x.name, $),
+              onChange: (T) => U(x.name, T),
               onListFolders: () => p?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
@@ -4946,43 +5054,43 @@ const qs = ({
         case "custom":
           return x.customComponent?.({
             value: S,
-            onChange: ($) => W(x.name, $),
-            error: D,
+            onChange: (T) => U(x.name, T),
+            error: A,
             disabled: E
           });
         case "array": {
-          const $ = S || [];
+          const T = S || [];
           let oe = [];
-          if (typeof D == "string" && D.startsWith("["))
+          if (typeof A == "string" && A.startsWith("["))
             try {
-              oe = JSON.parse(D);
+              oe = JSON.parse(A);
             } catch {
             }
           const ce = () => {
-            W(x.name, [...$, {}]);
+            U(x.name, [...T, {}]);
           }, q = (L) => {
-            W(
+            U(
               x.name,
-              $.filter((k, M) => M !== L)
+              T.filter((k, M) => M !== L)
             );
           }, H = (L, k, M) => {
-            const G = [...$];
-            G[L] = {
-              ...G[L],
+            const K = [...T];
+            K[L] = {
+              ...K[L],
               [k]: M
-            }, W(x.name, G);
+            }, U(x.name, K);
           };
           return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
-            $.map((L, k) => /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
+            T.map((L, k) => /* @__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 G = oe?.[k]?.[M.name];
+                const K = oe?.[k]?.[M.name];
                 return /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
                   k === 0 && /* @__PURE__ */ c("label", { className: "block text-xs font-semibold uppercase tracking-label text-text-subtle", children: [
                     M.label,
                     M.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                   ] }),
                   (() => {
-                    const O = {
+                    const P = {
                       value: L?.[M.name] || "",
                       disabled: E,
                       required: M.required,
@@ -4999,7 +5107,7 @@ const qs = ({
                         return /* @__PURE__ */ e(
                           Ce,
                           {
-                            ...O,
+                            ...P,
                             onChange: (N) => H(
                               k,
                               M.name,
@@ -5007,7 +5115,7 @@ const qs = ({
                             ),
                             type: M.textType || M.type,
                             ...Xe(M.autocomplete),
-                            error: G,
+                            error: K,
                             size: f
                           }
                         );
@@ -5015,22 +5123,22 @@ const qs = ({
                         return /* @__PURE__ */ e(
                           He,
                           {
-                            ...O,
+                            ...P,
                             onChange: (N) => H(
                               k,
                               M.name,
                               N.target.value
                             ),
                             rows: M.rows ?? 4,
-                            error: G,
+                            error: K,
                             size: f
                           }
                         );
                       case "select":
                         return /* @__PURE__ */ e(
-                          De,
+                          $e,
                           {
-                            ...O,
+                            ...P,
                             onChange: (N) => H(k, M.name, N),
                             options: (M.options || []).map((N) => ({
                               ...N,
@@ -5039,7 +5147,7 @@ const qs = ({
                             searchable: M.searchable,
                             multiple: M.multiple,
                             allowCreate: M.allowCreate,
-                            error: G,
+                            error: K,
                             size: f
                           }
                         );
@@ -5047,7 +5155,7 @@ const qs = ({
                         return /* @__PURE__ */ e(
                           we,
                           {
-                            ...O,
+                            ...P,
                             checked: !!L?.[M.name],
                             onChange: (N) => H(
                               k,
@@ -5089,7 +5197,7 @@ const qs = ({
                         return /* @__PURE__ */ e(
                           Be,
                           {
-                            ...O,
+                            ...P,
                             value: N ? new Date(N) : null,
                             onChange: (I) => H(k, M.name, I),
                             size: f
@@ -5100,7 +5208,7 @@ const qs = ({
                         return M.customComponent?.({
                           value: L?.[M.name],
                           onChange: (N) => H(k, M.name, N),
-                          error: G,
+                          error: K,
                           disabled: E
                         });
                       default:
@@ -5110,7 +5218,7 @@ const qs = ({
                         ] });
                     }
                   })(),
-                  G && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: G })
+                  K && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: K })
                 ] }, M.name);
               }) }),
               /* @__PURE__ */ e(
@@ -5124,7 +5232,7 @@ const qs = ({
                   onClick: () => q(k),
                   disabled: E,
                   className: i("shrink-0", k === 0 && "mt-5"),
-                  children: /* @__PURE__ */ e(It, { className: "size-icon-md" })
+                  children: /* @__PURE__ */ e(Ot, { className: "size-icon-md" })
                 }
               )
             ] }, k)),
@@ -5148,14 +5256,14 @@ const qs = ({
           return null;
       }
     },
-    [h, U, _, b, f, W]
-  ), de = xe(
+    [h, j, $, b, f, U, O, p?.http.invoke]
+  ), de = fe(
     (x) => {
       if (x.conditional && !x.conditional(h))
         return null;
       const S = x.items.filter((E) => !(E.hidden || E.conditional && !E.conditional(h)));
       if (S.length === 0) return null;
-      const D = i(
+      const A = i(
         x.layout === "flex" ? "flex flex-wrap gap-3.5" : "grid gap-3.5",
         x.layout !== "flex" && {
           "grid-cols-1": !x.columns || x.columns === 1,
@@ -5170,13 +5278,13 @@ const qs = ({
         // 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(
-          wn,
+          Sn,
           {
             title: x.title,
             description: x.description,
             className: "not-last:border-b not-last:border-border-subtle",
-            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: D, children: S.map((E) => {
-              const A = U[E.name] ? _[E.name] : void 0;
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: A, children: S.map((E) => {
+              const D = j[E.name] ? $[E.name] : void 0;
               return /* @__PURE__ */ c(
                 "div",
                 {
@@ -5192,7 +5300,7 @@ const qs = ({
                     E.type !== "custom" && E.type !== "checkbox" && /* @__PURE__ */ c(
                       "label",
                       {
-                        htmlFor: P(E.name),
+                        htmlFor: O(E.name),
                         className: "block text-sm font-medium text-text-muted",
                         children: [
                           E.label,
@@ -5200,8 +5308,8 @@ const qs = ({
                         ]
                       }
                     ),
-                    J(E),
-                    E.help && !A && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: E.help })
+                    Z(E),
+                    E.help && !D && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: E.help })
                   ]
                 },
                 E.name
@@ -5212,7 +5320,7 @@ const qs = ({
         )
       );
     },
-    [h, U, _, J]
+    [h, j, $, Z, O]
   ), Y = i(
     {
       "max-w-settings": f === "sm",
@@ -5222,10 +5330,10 @@ const qs = ({
     },
     g
   ), y = f === "full" ? "md" : f;
-  return /* @__PURE__ */ c("form", { ref: w, onSubmit: Z, className: Y, children: [
+  return /* @__PURE__ */ c("form", { ref: w, onSubmit: ee, className: Y, children: [
     !v && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(de) }),
-    v && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ c(Ee, { children: [
+    v && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: [
       /* @__PURE__ */ e("div", { className: "ml-auto" }),
       s && /* @__PURE__ */ e(
         se,
@@ -5251,10 +5359,10 @@ const qs = ({
           children: u.label
         }
       )
-    ] }) })
+    ] })
   ] });
 };
-function Vs({
+function Zs({
   label: t,
   value: r,
   onChange: n,
@@ -5271,8 +5379,8 @@ function Vs({
   const b = ne(null), [g, w] = R(null), p = async (h) => {
     if (!h) return;
     w(null);
-    const C = await Cn(h, s);
-    if (a && kn(C) > a) {
+    const C = await zn(h, s);
+    if (a && En(C) > a) {
       w(f);
       return;
     }
@@ -5331,11 +5439,11 @@ function Vs({
     )
   ] });
 }
-function kn(t) {
+function En(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 Cn(t, r) {
+function zn(t, r) {
   return new Promise((n, s) => {
     const a = new FileReader();
     a.onload = () => {
@@ -5353,7 +5461,7 @@ function Cn(t, r) {
     }, a.onerror = s, a.readAsDataURL(t);
   });
 }
-const Ne = (...t) => t.filter(Boolean).join(" "), Sn = (t) => /* @__PURE__ */ e(Le, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), En = (t) => /* @__PURE__ */ e(Ae, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), zn = {
+const Ne = (...t) => t.filter(Boolean).join(" "), Mn = (t) => /* @__PURE__ */ e(Le, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), Tn = (t) => /* @__PURE__ */ e(De, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), _n = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
@@ -5363,14 +5471,14 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Sn = (t) => /* @__PURE__ */ e(
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, Mn = ve(
+}, $n = ve(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(Sn, {}),
+    startIcon: l = /* @__PURE__ */ e(Mn, {}),
     loading: o = !1,
     containerClassName: u,
     labelClassName: d,
@@ -5384,10 +5492,10 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Sn = (t) => /* @__PURE__ */ e(
     value: h,
     onChange: C,
     ...z
-  }, P) => {
-    const _ = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!n, U = ne(null), j = ne(null), [B, W] = R(h || ""), [Z, J] = R(!1), [de, Y] = R(!1), [y, x] = R(!1);
+  }, O) => {
+    const $ = m || `searchfield-${Math.random().toString(36).substr(2, 9)}`, G = !!n, j = ne(null), W = ne(null), [B, U] = R(h || ""), [ee, Z] = R(!1), [de, Y] = R(!1), [y, x] = R(!1);
     X(() => {
-      h !== void 0 && W(h);
+      h !== void 0 && U(h);
     }, [h]);
     const S = pe(() => {
       if (p && !y || !B) return f;
@@ -5416,18 +5524,18 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Sn = (t) => /* @__PURE__ */ e(
       };
     }, [B, w, b]), X(() => {
       const q = (H) => {
-        U.current && !U.current.contains(H.target) && J(!1);
+        j.current && !j.current.contains(H.target) && Z(!1);
       };
       return document.addEventListener("mousedown", q), () => document.removeEventListener("mousedown", q);
     }, []);
-    const D = (q) => {
+    const A = (q) => {
       const H = q.target.value;
-      W(H), J(!0), x(!0), C && C(q);
+      U(H), Z(!0), x(!0), C && C(q);
     }, E = (q) => {
-      W(q.label), J(!1), x(!1), g && g(q.value);
-    }, A = () => {
-      (f.length > 0 || b) && (J(!0), x(!1));
-    }, $ = o || de, oe = Z && (S.length > 0 || $), ce = pe(() => P || j, [P]);
+      U(q.label), Z(!1), x(!1), g && g(q.value);
+    }, D = () => {
+      (f.length > 0 || b) && (Z(!0), x(!1));
+    }, T = o || de, oe = ee && (S.length > 0 || T), ce = pe(() => O || W, [O]);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -5437,15 +5545,15 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Sn = (t) => /* @__PURE__ */ e(
           u || "",
           "relative"
         ),
-        ref: U,
+        ref: j,
         children: [
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: _,
+              htmlFor: $,
               className: Ne(
                 "block text-sm font-medium mb-1",
-                K ? "text-danger-fg" : "text-text",
+                G ? "text-danger-fg" : "text-text",
                 d || ""
               ),
               children: t
@@ -5457,67 +5565,59 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Sn = (t) => /* @__PURE__ */ e(
               "input",
               {
                 ref: ce,
-                id: _,
+                id: $,
                 value: B,
-                onChange: D,
-                onFocus: A,
+                onChange: A,
+                onFocus: D,
                 className: Ne(
                   // Base styles
                   "block w-full rounded-tile border bg-surface-input 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",
                   // Size styles
-                  zn[s],
+                  _n[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
                   // room for the dropdown/loading icon
                   // State styles
-                  K ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
+                  G ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   v || ""
                 ),
                 ...z
               }
             ),
-            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: $ || o ? (
+            /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: T || o ? (
               // Loading Spinner
-              /* @__PURE__ */ e(Ot, { className: Ne("animate-spin text-info-fg", Re[s]), "aria-hidden": !0 })
+              /* @__PURE__ */ e(jt, { className: Ne("animate-spin text-info-fg", Re[s]), "aria-hidden": !0 })
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                En,
+                Tn,
                 {
                   className: Ne(
                     "text-text-muted cursor-pointer transition-transform",
                     Re[s],
-                    Z ? "rotate-180" : "rotate-0"
+                    ee ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    J((q) => (q || x(!1), !q));
+                    Z((q) => (q || x(!1), !q));
                   }
                 }
               )
             ) })
           ] }),
-          oe && /* @__PURE__ */ e(
-            "ul",
+          oe && /* @__PURE__ */ e("ul", { className: "absolute z-10 mt-1 w-full bg-surface border border-border rounded-lg shadow-lg max-h-60 overflow-auto top-full", children: S.length > 0 ? S.map((q) => /* @__PURE__ */ e(
+            "li",
             {
-              className: "absolute z-10 mt-1 w-full bg-surface border border-border rounded-lg shadow-lg max-h-60 overflow-auto top-full",
-              role: "listbox",
-              children: S.length > 0 ? S.map((q) => /* @__PURE__ */ e(
-                "li",
-                {
-                  className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-                  onClick: () => E(q),
-                  role: "option",
-                  "aria-selected": B === q.label,
-                  children: q.label
-                },
-                q.value
-              )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: $ || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
-            }
-          ),
-          (n || r) && /* @__PURE__ */ e("p", { className: Ne("mt-1 text-xs", K ? "text-danger-fg" : "text-text-muted"), children: n || r }),
+              className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
+              onClick: () => E(q),
+              "aria-selected": B === q.label,
+              children: q.label
+            },
+            q.value
+          )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: T || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." }) }),
+          (n || r) && /* @__PURE__ */ e("p", { className: Ne("mt-1 text-xs", G ? "text-danger-fg" : "text-text-muted"), children: n || r }),
           b && /* @__PURE__ */ c("p", { className: "mt-2 text-xs text-success-fg", children: [
             "Huidige zoekterm (niet-gedebounced): ",
             String(B)
@@ -5527,8 +5627,8 @@ const Ne = (...t) => t.filter(Boolean).join(" "), Sn = (t) => /* @__PURE__ */ e(
     );
   }
 );
-Mn.displayName = "SearchableTextField";
-const Tn = ve(
+$n.displayName = "SearchableTextField";
+const An = ve(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const u = /* @__PURE__ */ e(
       "span",
@@ -5581,25 +5681,25 @@ const Tn = ve(
     );
   }
 );
-Tn.displayName = "Switch";
-const $n = [
+An.displayName = "Switch";
+const Dn = [
   { 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" }
-], _n = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
-function Dn(t) {
-  return $n.find((r) => t <= r.upTo)?.cols ?? _n;
+], Ln = "grid-cols-2 @[26rem]:grid-cols-3 @[40rem]:grid-cols-4";
+function In(t) {
+  return Dn.find((r) => t <= r.upTo)?.cols ?? Ln;
 }
-function An(t, r) {
+function On(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 Us({ tiles: t, pinned: r, maxStrip: n, className: s }) {
+function Qs({ tiles: t, pinned: r, maxStrip: n, className: s }) {
   if (r) {
-    const { shown: a, hidden: l } = An(t.length, n), o = t.slice(0, a);
+    const { shown: a, hidden: l } = On(t.length, n), o = t.slice(0, a);
     return /* @__PURE__ */ c("div", { className: i("@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
@@ -5618,14 +5718,14 @@ function Us({ tiles: t, pinned: r, maxStrip: n, className: s }) {
     {
       className: i(
         "@container grid h-full min-h-0 auto-rows-fr gap-2",
-        Dn(t.length),
+        In(t.length),
         s
       ),
       children: t.map((a, l) => /* @__PURE__ */ e("div", { className: "min-h-0 min-w-0", children: a }, l))
     }
   );
 }
-function Ws({
+function ea({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -5652,16 +5752,16 @@ function Ws({
             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(jt, { className: "w-1/2 h-1/2" }) : /* @__PURE__ */ e(Ft, { 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(Ft, { className: "w-1/2 h-1/2" }) : /* @__PURE__ */ e(Rt, { 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(Rt, { className: "size-3 shrink-0" }) : /* @__PURE__ */ e(Bt, { className: "size-3 shrink-0" }),
+          n ? /* @__PURE__ */ e(Bt, { className: "size-3 shrink-0" }) : /* @__PURE__ */ e(Ht, { className: "size-3 shrink-0" }),
           /* @__PURE__ */ e("span", { className: "hidden truncate @[9rem]:inline", children: t })
         ] })
       ]
     }
   );
 }
-function Ks({
+function ta({
   attach: t,
   active: r = !0,
   mirrored: n = !1,
@@ -5686,7 +5786,7 @@ function Ks({
     }
   );
 }
-const Ln = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ut = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+const Pn = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ft = ({ 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: [
@@ -5703,7 +5803,7 @@ const Ln = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ut
         }
       ),
       /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((d, v) => /* @__PURE__ */ e(
-        ut,
+        ft,
         {
           item: d,
           isSelectedHandler: r,
@@ -5793,7 +5893,7 @@ const Ln = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ut
       ]
     }
   ) });
-}, Gs = ({
+}, ra = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -5801,12 +5901,12 @@ const Ln = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ut
   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(Ln, {})
+  /* @__PURE__ */ e(Pn, {})
 ] }) : /* @__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(
-      ut,
+      ft,
       {
         item: l,
         isSelectedHandler: r,
@@ -5816,7 +5916,7 @@ const Ln = () => /* @__PURE__ */ e(qe, { variant: "inline", shape: "menu" }), ut
     )
   ) })
 ] });
-function Js({
+function na({
   open: t,
   title: r,
   description: n,
@@ -5828,7 +5928,7 @@ function Js({
   onCancel: d
 }) {
   return /* @__PURE__ */ e(
-    dt,
+    mt,
     {
       open: t,
       onClose: d,
@@ -5850,7 +5950,7 @@ function Js({
     }
   );
 }
-const In = {
+const jn = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5858,7 +5958,7 @@ const In = {
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, Pn = {
+}, Fn = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5866,7 +5966,7 @@ const In = {
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, On = {
+}, Rn = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5882,26 +5982,26 @@ const In = {
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, jn = {
+}, Bn = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, Fn = {
+}, Hn = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, Rn = {
+}, qn = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Bn = {
+}, Vn = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5911,7 +6011,7 @@ const In = {
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, mt = ve(
+}, ht = ve(
   ({
     padding: t,
     margin: r,
@@ -5928,13 +6028,13 @@ const In = {
     {
       ref: m,
       className: i(
-        t && In[t],
-        r && Pn[r],
-        n && On[n],
-        s && jn[s],
-        a && Fn[a],
-        l && Rn[l],
-        o && Bn[o],
+        t && jn[t],
+        r && Fn[r],
+        n && Rn[n],
+        s && Bn[s],
+        a && Hn[a],
+        l && qn[l],
+        o && Vn[o],
         u
       ),
       ...v,
@@ -5942,11 +6042,11 @@ const In = {
     }
   )
 );
-mt.displayName = "Box";
-const Ys = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(mt, { background: "module", radius: "lg", shadow: "none", border: "sm", borderColor: "neutral", ...n, children: [
+ht.displayName = "Box";
+const sa = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(ht, { 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
-] }), Hn = {
+] }), Un = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -5955,13 +6055,13 @@ const Ys = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(mt, { backgrou
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, qn = {
+}, Wn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, Vn = {
+}, Kn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -5971,11 +6071,11 @@ const Ys = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(mt, { backgrou
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, Un = {
+}, Gn = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Xs = ({
+}, aa = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -5988,16 +6088,16 @@ const Ys = ({ children: t, title: r, ...n }) => /* @__PURE__ */ c(mt, { backgrou
 }) => {
   const v = `h${t}`, m = i(
     "font-sans text-pretty",
-    Hn[r || Wn(t)],
-    qn[n],
-    Vn[s],
-    Un[a],
+    Un[r || Jn(t)],
+    Wn[n],
+    Kn[s],
+    Gn[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(v, { className: m, ...d, children: u });
 };
-function Wn(t) {
+function Jn(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -6008,103 +6108,109 @@ function Wn(t) {
   }[t] || "md";
 }
 const Qe = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function Zs(t) {
+function la(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
   return Qe[r % Qe.length];
 }
 export {
-  ls as ArtifactView,
-  os as AssistantCard,
-  Nr as Avatar,
-  is as AvatarStack,
-  Kr as Badge,
-  mt as Box,
+  hs as ActivityAvatar,
+  xs as ActivityGlyph,
+  ms as ActivityRow,
+  cs as ArtifactView,
+  is as AssistantCard,
+  lt as Avatar,
+  us as AvatarStack,
+  Yr as Badge,
+  ht as Box,
   se as Button,
-  rs as ButtonGroup,
-  Ys as Card,
-  ds as ChannelBadge,
+  as as ButtonGroup,
+  sa as Card,
+  ps as ChannelBadge,
   we as Checkbox,
-  as as CommandPalette,
-  Js as ConfirmDialog,
+  os as CommandPalette,
+  na as ConfirmDialog,
   qe as ContentLoading,
   Be as DatePicker,
-  jr as Dropdown,
-  Ps as EmptyState,
-  Ls as ErrorBoundary,
-  Is as FederatedResource,
-  Qt as FilterChip,
-  hn as FolderSelect,
-  qs as Form,
-  wn as FormSection,
-  Xs as Heading,
-  hr as IDENTITY_TONE_COUNT,
-  ee as Icon,
-  us as Image,
-  Vs as ImageField,
-  Os as Kbd,
-  ms as KpiCard,
-  ss as Link,
-  hs as List,
-  fs as ListBulkAction,
-  Us as MeetingGrid,
-  xs as MessageBubble,
-  gs as MetaSeparator,
-  bs as MetaValue,
-  dt as Modal,
-  ps as Page,
-  $r as PageHeader,
-  vs as PageToolbar,
+  Br as Dropdown,
+  Vs as EmptyState,
+  Hs as ErrorBoundary,
+  qs as FederatedResource,
+  tr as FilterChip,
+  gn as FolderSelect,
+  Xs as Form,
+  Sn as FormSection,
+  aa as Heading,
+  br as IDENTITY_TONE_COUNT,
+  J as Icon,
+  vs as Image,
+  Zs as ImageField,
+  Us as Kbd,
+  ys as KpiCard,
+  ls as Link,
+  ws as List,
+  Ns as ListBulkAction,
+  Qs as MeetingGrid,
+  ks as MessageBubble,
+  Ss as MetaSeparator,
+  Cs as MetaValue,
+  mt as Modal,
+  Es as Page,
+  Dr as PageHeader,
+  zs as PageToolbar,
   ke as PageToolbarActions,
-  Ws as ParticipantTile,
-  tt as Popover,
-  js as ProgressBar,
-  Me as RichText,
-  lt as SearchField,
-  Mn as SearchableTextField,
-  ys as SectionCaption,
-  Ns as SectionDivider,
-  sr as SegmentedToggle,
-  De as Select,
-  ws as SettingsFrameProvider,
-  Cs as SettingsPage,
-  Ss as SettingsRow,
-  Es as SettingsSection,
-  Gs as SidebarMenu,
-  zs as SourceChip,
-  Fs as Spinner,
-  rt as SplitButton,
-  Rs as StatusDot,
-  Bs as StepIndicator,
-  pn as StorageInput,
-  Tn as Switch,
-  Hs as TabBar,
+  ea as ParticipantTile,
+  rt as Popover,
+  Ws as ProgressBar,
+  ze as RichText,
+  bs as RowCard,
+  ct as SearchField,
+  $n as SearchableTextField,
+  Ms as SectionCaption,
+  Ts as SectionDivider,
+  lr as SegmentedToggle,
+  $e as Select,
+  _s as SettingsFrameProvider,
+  As as SettingsPage,
+  Ds as SettingsRow,
+  Ls as SettingsSection,
+  ra as SidebarMenu,
+  Is as SourceChip,
+  Ks as Spinner,
+  nt as SplitButton,
+  Gs as StatusDot,
+  Js as StepIndicator,
+  Nn as StorageInput,
+  An as Switch,
+  Ys as TabBar,
   Ye as Table,
-  bn as Tabs,
+  vn as Tabs,
   ue as Text,
   He as TextArea,
   Ce as TextField,
-  Ks as VideoSurface,
-  As as View,
+  gs as TimelineEvent,
+  ta as VideoSurface,
+  Bs as View,
   Xe as autofillProps,
-  Gr as badgeColumn,
-  _s as booleanBadgeColumn,
-  Zs as catTone,
+  Xr as badgeColumn,
+  Fs as booleanBadgeColumn,
+  fs as cardActionClass,
+  la as catTone,
   i as cn,
-  ts as createSizes,
-  es as createVariants,
-  Ms as dateFilterHandler,
-  cs as identityDotClass,
-  st as identityPlateClass,
-  nt as identityTone,
-  Ds as labelsColumn,
-  $s as multiSelectFilterHandler,
-  un as normalizeText,
-  ns as resolveLucideIcon,
-  Ts as selectFilterHandler,
+  ss as createSizes,
+  ns as createVariants,
+  Os as dateFilterHandler,
+  ds as identityDotClass,
+  at as identityPlateClass,
+  st as identityTone,
+  Rs as labelsColumn,
+  js as multiSelectFilterHandler,
+  hn as normalizeText,
+  Jt as resolveLucideIcon,
+  Ps as selectFilterHandler,
   _e as text,
-  Pe as useAnchoredPosition,
-  Ar as useSettingsFrame,
-  ks as useSettingsFrameHost
+  Oe as useAnchoredPosition,
+  Or as useSettingsFrame,
+  $s as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map