npm - @opencxh/ui-kit - Versions diffs - 3.137.13 → 3.140.0 - Mend

@opencxh/ui-kit 3.137.13 → 3.140.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs +2 -2
package/dist/index.cjs.map +1 -1
package/dist/index.js +986 -877
package/dist/index.js.map +1 -1
package/dist/src/content/ArtifactView.d.ts +33 -0
package/dist/src/index.d.ts +1 -0
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,23 +1,23 @@
-import { clsx as it } from "clsx";
-import ce, { useState as O, useLayoutEffect as dt, useRef as se, useEffect as G, forwardRef as be, useMemo as pe, useCallback as xe, createContext as Je, useId as ut, useContext as mt, Component as ft } from "react";
+import { clsx as dt } from "clsx";
+import ce, { useState as j, useLayoutEffect as ut, useRef as se, useEffect as G, forwardRef as be, useMemo as pe, useCallback as xe, createContext as Ye, useId as mt, useContext as ft, Component as ht } from "react";
 import { jsxs as i, jsx as e, Fragment as ke } from "react/jsx-runtime";
-import * as ht from "lucide-react";
-import { VideoOff as xt, User as bt, MicOff as gt, Mic as pt, X as we, ChevronDown as $e, ExternalLink as vt, Calendar as yt, ChevronLeft as Ce, ChevronRight as _e, ChevronDownIcon as Nt, Loader2 as wt, Search as De, Check as Be, ChevronUp as kt, Ellipsis as Ct, FileText as Ie, HardDrive as Re, ArrowLeft as St, FolderPlus as Et, Upload as zt, Folder as He, Trash2 as Mt, Plus as Tt, Sparkles as $t, ImageOff as _t, Pencil as Dt, ArrowUpRight as At } from "lucide-react";
-import Lt from "dompurify";
+import * as xt from "lucide-react";
+import { VideoOff as bt, User as gt, MicOff as pt, Mic as vt, X as we, ChevronDown as $e, ExternalLink as yt, Calendar as Nt, ChevronLeft as Ce, ChevronRight as Ae, ChevronDownIcon as wt, Loader2 as kt, Search as De, Check as Re, ChevronUp as Ct, Ellipsis as St, FileText as Ie, HardDrive as He, ArrowLeft as Et, FolderPlus as zt, Upload as Tt, Folder as Ve, Trash2 as Mt, Plus as _t, Sparkles as $t, ImageOff as At, Pencil as Dt, ArrowUpRight as Lt } from "lucide-react";
+import Pt from "dompurify";
 import It from "react-markdown";
-import Pt from "remark-gfm";
+import Ot from "remark-gfm";
 function c(...t) {
-  return it(t);
+  return dt(t);
 }
-function Pn(t) {
+function Rn(t) {
   return (r, n) => t[r]?.[n] || "";
 }
-function jn(t) {
+function Hn(t) {
   return (r) => t[r] || "";
 }
-function Ae(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
-  const [l, o] = O({});
-  return dt(() => {
+function Le(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start" } = {}) {
+  const [l, o] = j({});
+  return ut(() => {
     if (!t) return;
     const f = () => {
       const d = r.current;
@@ -31,43 +31,43 @@ function Ae(t, r, { gap: n = 6, matchWidth: s = !1, placement: a = "bottom-start
   }, [t, r, n, s, a]), l;
 }
 const jt = 5;
-function Ot(t) {
+function Ft(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 Ye(t) {
+function Xe(t) {
   const r = (t ?? "").trim().toLowerCase();
-  return r ? Ot(r) % jt + 1 : 1;
+  return r ? Ft(r) % jt + 1 : 1;
 }
-const Ft = {
+const Bt = {
   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"
-}, Bt = {
+}, Rt = {
   1: "bg-cat-1",
   2: "bg-cat-2",
   3: "bg-cat-3",
   4: "bg-cat-4",
   5: "bg-cat-5"
 };
-function Xe(t) {
-  return Ft[Ye(t)];
+function Ze(t) {
+  return Bt[Xe(t)];
 }
-function On(t) {
-  return Bt[Ye(t)];
+function Vn(t) {
+  return Rt[Xe(t)];
 }
-const Ve = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
-function Fn(t) {
+const qe = ["cat-1", "cat-2", "cat-3", "cat-4", "cat-5"];
+function qn(t) {
   let r = 0;
   for (let n = 0; n < t.length; n++) r = r * 31 + t.charCodeAt(n) >>> 0;
-  return Ve[r % Ve.length];
+  return qe[r % qe.length];
 }
-const ze = (t) => t == null ? "" : String(t), Rt = (t) => ze(t).trim().toLowerCase();
-function Bn({ tiles: t, pinned: r, className: n }) {
+const Te = (t) => t == null ? "" : String(t), Ht = (t) => Te(t).trim().toLowerCase();
+function Un({ tiles: t, pinned: r, className: n }) {
   if (r)
     return /* @__PURE__ */ i("div", { className: c("flex flex-col md:flex-row gap-2 h-full min-h-0", n), children: [
       /* @__PURE__ */ e("div", { className: "flex-1 min-h-0", children: r }),
@@ -76,7 +76,7 @@ function Bn({ tiles: t, pinned: r, className: n }) {
   const s = t.length <= 1 ? "grid-cols-1" : t.length <= 4 ? "grid-cols-2" : t.length <= 9 ? "grid-cols-3" : "grid-cols-4";
   return /* @__PURE__ */ e("div", { className: c("grid gap-2 h-full", s, n), children: t.map((a, l) => /* @__PURE__ */ e("div", { children: a }, l)) });
 }
-function Rn({
+function Kn({
   name: t,
   avatarUrl: r,
   muted: n,
@@ -96,16 +96,16 @@ function Rn({
         o
       ),
       children: [
-        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(xt, { className: "w-8 h-8" }) : /* @__PURE__ */ e(bt, { className: "w-8 h-8" }) }) }),
+        a && l ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: l }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: r ? /* @__PURE__ */ e("img", { src: r, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-video-surface-strong flex items-center justify-center", children: a ? /* @__PURE__ */ e(bt, { className: "w-8 h-8" }) : /* @__PURE__ */ e(gt, { className: "w-8 h-8" }) }) }),
         /* @__PURE__ */ i("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-video-overlay text-white text-xs", children: [
-          n ? /* @__PURE__ */ e(gt, { className: "w-3 h-3" }) : /* @__PURE__ */ e(pt, { className: "w-3 h-3" }),
+          n ? /* @__PURE__ */ e(pt, { className: "w-3 h-3" }) : /* @__PURE__ */ e(vt, { className: "w-3 h-3" }),
           /* @__PURE__ */ e("span", { className: "truncate max-w-35", children: t })
         ] })
       ]
     }
   );
 }
-function Hn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
+function Wn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
   const a = se(null);
   return G(() => {
     if (!r || !a.current) return;
@@ -125,7 +125,7 @@ function Hn({ attach: t, active: r = !0, mirrored: n = !1, className: s }) {
     }
   );
 }
-const Ht = {
+const Vt = {
   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
@@ -138,7 +138,7 @@ const Ht = {
   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"
-}, Vt = {
+}, qt = {
   xs: "h-control-xs px-2 text-xs",
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-4 text-sm",
@@ -146,7 +146,7 @@ const Ht = {
   xl: "h-control-xl px-6 text-base",
   "2xl": "h-control-2xl px-6 text-base",
   full: "h-control-md px-4 text-sm"
-}, qt = {
+}, Ut = {
   xs: "h-control-xs w-6",
   sm: "h-control-sm w-7",
   md: "h-control-md w-8",
@@ -185,8 +185,8 @@ const Ht = {
           "focus-visible:outline-none focus-visible:focus-ring",
           "disabled:cursor-not-allowed disabled:border-border-subtle",
           "disabled:text-text-disabled",
-          Ht[t],
-          o ? qt[r] : Vt[r],
+          Vt[t],
+          o ? Ut[r] : qt[r],
           (n || r === "full") && "w-full",
           s && "cursor-wait",
           d
@@ -212,7 +212,7 @@ const Ht = {
   }
 );
 le.displayName = "Button";
-const Vn = ({
+const Gn = ({
   children: t,
   size: r = "md",
   orientation: n = "horizontal",
@@ -243,12 +243,12 @@ const Vn = ({
   );
   return /* @__PURE__ */ e("div", { className: l, role: "group", children: t });
 };
-function qn(t) {
+function Jn(t) {
   if (!t) return;
-  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = ht[r];
+  const r = t.split(/[-_ ]/).filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(""), n = xt[r];
   return typeof n == "function" || typeof n == "object" && n !== null ? n : void 0;
 }
-const Ut = {
+const Kt = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -270,7 +270,7 @@ const Ut = {
 }) => {
   const d = typeof r == "number" ? r : Wt(r), p = c(
     "inline-block shrink-0",
-    Ut[n],
+    Kt[n],
     s && [
       "cursor-pointer rounded-sm transition-opacity duration-fast ease-out hover:opacity-80",
       "focus-visible:outline-none focus-visible:focus-ring"
@@ -301,7 +301,7 @@ function Wt(t) {
     xl: 24
   }[t];
 }
-const Ze = ({
+const Qe = ({
   trigger: t,
   children: r,
   placement: n = "bottom-start",
@@ -311,13 +311,13 @@ const Ze = ({
   disabled: o = !1,
   triggerLabel: f
 }) => {
-  const [d, p] = O(!1), h = se(null), u = se(null), b = Ae(d, u, { placement: n });
+  const [d, p] = j(!1), h = se(null), u = se(null), b = Le(d, u, { placement: n });
   G(() => {
     if (!d) return;
-    const g = ($) => {
-      h.current && !h.current.contains($.target) && p(!1);
-    }, x = ($) => {
-      $.key === "Escape" && p(!1);
+    const g = (_) => {
+      h.current && !h.current.contains(_.target) && p(!1);
+    }, x = (_) => {
+      _.key === "Escape" && p(!1);
     };
     return document.addEventListener("mousedown", g), document.addEventListener("keydown", x), () => {
       document.removeEventListener("mousedown", g), document.removeEventListener("keydown", x);
@@ -358,29 +358,29 @@ const Ze = ({
       }
     )
   ] });
-}, Kt = {
+}, Gt = {
   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"
-}, Gt = (t) => c(
+}, Jt = (t) => c(
   // 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" : Kt[t.tone ?? "default"],
+  t.active ? "bg-info-soft text-info-fg" : Gt[t.tone ?? "default"],
   t.className
-), Jt = (t) => c(
+), Yt = (t) => c(
   "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 Yt({
+function Xt({
   label: t,
   icon: r,
   tone: n = "default",
@@ -396,11 +396,11 @@ function Yt({
   title: b,
   className: v
 }) {
-  const w = l && !!p, g = s === "pill" ? "rounded-full" : "rounded-md", x = Gt({ active: l, tone: n, shape: s, size: a, className: v }), $ = /* @__PURE__ */ i(ke, { children: [
+  const w = l && !!p, g = s === "pill" ? "rounded-full" : "rounded-md", x = Jt({ active: l, tone: n, shape: s, size: a, className: v }), _ = /* @__PURE__ */ i(ke, { children: [
     r,
     t,
     o && /* @__PURE__ */ e(Z, { icon: $e, size: "xs" })
-  ] }), S = Jt({ shape: s, withClear: w }), q = w && /* @__PURE__ */ e(
+  ] }), S = Yt({ shape: s, withClear: w }), q = w && /* @__PURE__ */ e(
     "button",
     {
       type: "button",
@@ -412,9 +412,9 @@ function Yt({
   );
   return f ? /* @__PURE__ */ i("span", { className: x, title: b, children: [
     /* @__PURE__ */ e(
-      Ze,
+      Qe,
       {
-        trigger: $,
+        trigger: _,
         rootClassName: "h-full",
         triggerClassName: c(S, "h-full"),
         className: c("min-w-menu p-1.5", d),
@@ -423,17 +423,17 @@ function Yt({
     ),
     q
   ] }) : w ? /* @__PURE__ */ i("span", { className: x, title: b, children: [
-    /* @__PURE__ */ e("button", { type: "button", onClick: u, className: S, children: $ }),
+    /* @__PURE__ */ e("button", { type: "button", onClick: u, className: S, children: _ }),
     q
-  ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: u, className: c(x, S), children: $ });
+  ] }) : /* @__PURE__ */ e("button", { type: "button", title: b, onClick: u, className: c(x, S), children: _ });
 }
-const Xt = {
+const Zt = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, Zt = {
+}, Qt = {
   primary: "text-text hover:text-info-fg hover:underline",
   info: "text-info-fg hover:underline",
   secondary: "text-text-muted hover:text-text",
@@ -442,7 +442,7 @@ const Xt = {
   success: "text-success-fg hover:underline",
   warning: "text-warning-fg hover:underline",
   error: "text-danger-fg hover:underline"
-}, Qt = {
+}, er = {
   primary: "bg-accent-soft",
   accent: "bg-accent-soft",
   secondary: "bg-surface-hover",
@@ -451,7 +451,7 @@ const Xt = {
   warning: "bg-warning-soft",
   error: "bg-danger-soft",
   info: "bg-info-soft"
-}, Un = ({
+}, Yn = ({
   variant: t = "default",
   size: r = "md",
   color: n = "primary",
@@ -468,13 +468,13 @@ const Xt = {
     "inline-flex items-center gap-1 underline-offset-2",
     "transition-colors duration-fast ease-out",
     "focus-visible:outline-none focus-visible:focus-ring",
-    Xt[r],
-    !s && Zt[n],
+    Zt[r],
+    !s && Qt[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",
-      Qt[n]
+      er[n]
     ],
     s && "pointer-events-none cursor-not-allowed text-text-disabled opacity-50",
     l
@@ -487,13 +487,13 @@ const Xt = {
   };
   return /* @__PURE__ */ i("a", { className: b, ...v, children: [
     o,
-    u && /* @__PURE__ */ e(vt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
+    u && /* @__PURE__ */ e(yt, { className: "size-icon-sm shrink-0", "aria-hidden": !0 })
   ] });
-}, er = {
+}, tr = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-sm"
 };
-function tr({
+function rr({
   options: t,
   value: r,
   onChange: n,
@@ -528,7 +528,7 @@ function tr({
               "transition-colors duration-fast ease-out",
               "focus-visible:outline-none focus-visible:focus-ring",
               l && "min-w-0 flex-1",
-              er[s],
+              tr[s],
               p ? "bg-surface text-text font-medium shadow-sm" : "text-text-muted hover:text-text"
             ),
             children: d.label
@@ -539,15 +539,15 @@ function tr({
     }
   );
 }
-const rr = {
+const nr = {
   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"
-}, nr = {
+}, sr = {
   sm: "h-control-sm w-7",
   md: "h-control-md w-8"
 };
-function Qe({
+function et({
   label: t,
   onClick: r,
   variant: n = "primary",
@@ -580,7 +580,7 @@ function Qe({
         }
       ),
       u && /* @__PURE__ */ e(
-        Ze,
+        Qe,
         {
           placement: d,
           disabled: h,
@@ -593,8 +593,8 @@ function Qe({
               className: c(
                 "inline-flex items-center justify-center rounded-md rounded-l-none",
                 "transition-colors duration-fast ease-out",
-                rr[n],
-                nr[s],
+                nr[n],
+                sr[s],
                 h && "cursor-not-allowed opacity-50"
               ),
               children: /* @__PURE__ */ e($e, { className: "size-icon-md" })
@@ -625,17 +625,17 @@ function Qe({
     ] })
   );
 }
-const sr = {
+const ar = {
   sm: "size-checkbox-sm",
   md: "size-checkbox",
   lg: "size-checkbox-lg",
   full: "size-checkbox"
-}, ar = {
+}, lr = {
   sm: "min-h-control-sm",
   md: "min-h-control-md",
   lg: "min-h-control-lg",
   full: "min-h-control-md"
-}, lr = {
+}, or = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
@@ -662,7 +662,7 @@ const sr = {
     return ce.useEffect(() => {
       w.current && (w.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ i("div", { className: c("flex flex-col", l), children: [
-      /* @__PURE__ */ i("div", { className: c("flex items-center gap-3", ar[s]), children: [
+      /* @__PURE__ */ i("div", { className: c("flex items-center gap-3", lr[s]), children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -679,7 +679,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],
+              ar[s],
               v ? "border-danger-border" : "border-border-strong",
               f
             ),
@@ -694,7 +694,7 @@ const sr = {
               className: c(
                 "cursor-pointer",
                 v ? "text-danger-fg" : "text-text",
-                lr[s],
+                or[s],
                 o
               ),
               children: t
@@ -708,7 +708,7 @@ const sr = {
   }
 );
 ye.displayName = "Checkbox";
-const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }), cr = () => /* @__PURE__ */ e(Z, { icon: Ce, size: "md", color: "current" }), ir = () => /* @__PURE__ */ e(Z, { icon: _e, size: "md", color: "current" }), je = be(({
+const cr = () => /* @__PURE__ */ e(Z, { icon: Nt, size: "md", color: "current" }), ir = () => /* @__PURE__ */ e(Z, { icon: Ce, size: "md", color: "current" }), dr = () => /* @__PURE__ */ e(Z, { icon: Ae, size: "md", color: "current" }), je = be(({
   value: t,
   onChange: r,
   placeholder: n = "Select date",
@@ -721,7 +721,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
   format: p = "MM/dd/yyyy",
   withTime: h = !1
 }, u) => {
-  const [b, v] = O(!1), [w, g] = O(() => t || /* @__PURE__ */ new Date()), x = se(null), $ = se(null), S = Ae(b, $);
+  const [b, v] = j(!1), [w, g] = j(() => t || /* @__PURE__ */ new Date()), x = se(null), _ = se(null), S = Le(b, _);
   G(() => {
     const m = (z) => {
       x.current && !x.current.contains(z.target) && v(!1);
@@ -732,21 +732,21 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
   }, [b]);
   const q = (m) => {
     if (!m) return "";
-    const z = m.getDate().toString().padStart(2, "0"), y = (m.getMonth() + 1).toString().padStart(2, "0"), _ = m.getFullYear(), N = p === "dd/MM/yyyy" ? `${z}/${y}/${_}` : p === "yyyy-MM-dd" ? `${_}-${y}-${z}` : `${y}/${z}/${_}`;
-    return h ? `${N} ${D(m)}` : N;
-  }, D = (m) => `${m.getHours().toString().padStart(2, "0")}:${m.getMinutes().toString().padStart(2, "0")}`, J = (m) => {
+    const z = m.getDate().toString().padStart(2, "0"), y = (m.getMonth() + 1).toString().padStart(2, "0"), $ = m.getFullYear(), N = p === "dd/MM/yyyy" ? `${z}/${y}/${$}` : p === "yyyy-MM-dd" ? `${$}-${y}-${z}` : `${y}/${z}/${$}`;
+    return h ? `${N} ${A(m)}` : N;
+  }, A = (m) => `${m.getHours().toString().padStart(2, "0")}:${m.getMinutes().toString().padStart(2, "0")}`, J = (m) => {
     const [z, y] = m.split(":").map(Number);
     if (Number.isNaN(z) || Number.isNaN(y)) return;
-    const _ = t ? new Date(t) : /* @__PURE__ */ new Date();
-    _.setHours(z, y, 0, 0), r?.(_);
+    const $ = t ? new Date(t) : /* @__PURE__ */ new Date();
+    $.setHours(z, y, 0, 0), r?.($);
   }, V = () => {
-    const m = w.getFullYear(), z = w.getMonth(), y = new Date(m, z, 1), _ = new Date(y);
-    _.setDate(_.getDate() - y.getDay());
-    const N = [], K = new Date(_);
+    const m = w.getFullYear(), z = w.getMonth(), y = new Date(m, z, 1), $ = new Date(y);
+    $.setDate($.getDate() - y.getDay());
+    const N = [], W = new Date($);
     for (let re = 0; re < 42; re++)
-      N.push(new Date(K)), K.setDate(K.getDate() + 1);
+      N.push(new Date(W)), W.setDate(W.getDate() + 1);
     return N;
-  }, P = (m) => {
+  }, I = (m) => {
     if (m.getMonth() === w.getMonth() && !(f && m < f) && !(d && m > d)) {
       if (h) {
         const y = new Date(m);
@@ -761,7 +761,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
     g(new Date(w.getFullYear(), w.getMonth() + 1, 1));
   }, Y = () => {
     r?.(null), v(!1);
-  }, W = c(
+  }, K = c(
     "w-full border border-border-strong rounded-tile transition-colors duration-fast",
     "bg-surface text-text",
     "placeholder:text-text-muted",
@@ -789,7 +789,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
     "December"
   ];
   return /* @__PURE__ */ i("div", { ref: x, className: "relative", children: [
-    /* @__PURE__ */ i("div", { ref: $, className: "relative", children: [
+    /* @__PURE__ */ i("div", { ref: _, className: "relative", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -801,7 +801,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
           required: a,
           readOnly: !0,
           onClick: () => !s && v(!b),
-          className: c(W, "pr-10 cursor-pointer")
+          className: c(K, "pr-10 cursor-pointer")
         }
       ),
       /* @__PURE__ */ e(
@@ -811,7 +811,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
           onClick: () => !s && v(!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(or, {})
+          children: /* @__PURE__ */ e(cr, {})
         }
       )
     ] }),
@@ -822,7 +822,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
           {
             onClick: H,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(cr, {})
+            children: /* @__PURE__ */ e(ir, {})
           }
         ),
         /* @__PURE__ */ i("h3", { className: "text-sm font-medium text-text", children: [
@@ -835,25 +835,25 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
           {
             onClick: te,
             className: "p-1 hover:bg-surface-hover rounded",
-            children: /* @__PURE__ */ e(ir, {})
+            children: /* @__PURE__ */ e(dr, {})
           }
         )
       ] }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((m) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-text-muted text-center py-1", children: m }, m)) }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: ie.map((m, z) => {
-        const y = m.getMonth() === w.getMonth(), _ = t && m.toDateString() === t.toDateString(), N = m.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), K = !y || f && m < f || d && m > d;
+        const y = m.getMonth() === w.getMonth(), $ = t && m.toDateString() === t.toDateString(), N = m.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), W = !y || f && m < f || d && m > d;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => !K && P(m),
-            disabled: K,
+            onClick: () => !W && I(m),
+            disabled: W,
             className: c(
               "w-8 h-8 text-sm rounded transition-colors duration-fast",
               {
-                "text-text hover:bg-surface-hover": y && !_ && !K,
-                "bg-accent text-accent-fg": _,
-                "bg-surface-hover text-text": N && !_,
-                "text-text-muted cursor-not-allowed": K
+                "text-text hover:bg-surface-hover": y && !$ && !W,
+                "bg-accent text-accent-fg": $,
+                "bg-surface-hover text-text": N && !$,
+                "text-text-muted cursor-not-allowed": W
               }
             ),
             children: m.getDate()
@@ -868,7 +868,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
           {
             id: "datepicker-time",
             type: "time",
-            value: t ? D(t) : "",
+            value: t ? A(t) : "",
             onChange: (m) => J(m.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"
           }
@@ -894,12 +894,12 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
       ] })
     ] })
   ] });
-}), dr = {
+}), ur = {
   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"
-}, Se = Rt, Me = be(
+}, Se = Ht, Me = be(
   ({
     label: t,
     helperText: r,
@@ -918,65 +918,65 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
     value: w,
     onChange: g,
     allowCreate: x,
-    onCreateOption: $,
+    onCreateOption: _,
     ...S
   }, q) => {
-    const D = u || `select-${Math.random().toString(36).substr(2, 9)}`, J = !!n, [V, P] = ce.useState(!1), [H, te] = ce.useState(""), Y = ce.useRef(null), W = ce.useRef(null), ie = Ae(V, W, { matchWidth: !0 }), [k, m] = ce.useState(o);
+    const A = u || `select-${Math.random().toString(36).substr(2, 9)}`, J = !!n, [V, I] = ce.useState(!1), [H, te] = ce.useState(""), Y = ce.useRef(null), K = ce.useRef(null), ie = Le(V, K, { matchWidth: !0 }), [k, m] = ce.useState(o);
     ce.useImperativeHandle(q, () => Y.current), ce.useEffect(() => {
-      const M = (C) => {
-        Y.current && !Y.current.contains(C.target) && P(!1);
+      const T = (C) => {
+        Y.current && !Y.current.contains(C.target) && I(!1);
       };
-      return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
+      return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
     }, []);
     const z = ce.useCallback(
-      (M, C) => M.some(
-        (A) => Se(A.value) === Se(C) || Se(A.label) === Se(C)
+      (T, C) => T.some(
+        (D) => Se(D.value) === Se(C) || Se(D.label) === Se(C)
       ),
       []
     ), y = ce.useCallback(
-      (M, C) => {
-        const A = [...M], j = (R) => {
-          const T = ze(R).trim();
-          T && (z(A, T) || A.push({ value: T, label: T }));
+      (T, C) => {
+        const D = [...T], O = (R) => {
+          const M = Te(R).trim();
+          M && (z(D, M) || D.push({ value: M, label: M }));
         };
-        return Array.isArray(C) ? C.forEach(j) : j(C), A;
+        return Array.isArray(C) ? C.forEach(O) : O(C), D;
       },
       [z]
     );
     ce.useEffect(() => {
-      m((M) => {
+      m((T) => {
         const C = [...o];
-        return M.forEach((A) => {
-          !z(C, A.value) && !z(C, A.label) && C.push(A);
+        return T.forEach((D) => {
+          !z(C, D.value) && !z(C, D.label) && C.push(D);
         }), y(C, w);
       });
     }, [o, w, y, z]);
-    const _ = ce.useMemo(
-      () => Array.isArray(w) ? w.map(ze) : w == null ? void 0 : ze(w),
+    const $ = ce.useMemo(
+      () => Array.isArray(w) ? w.map(Te) : w == null ? void 0 : Te(w),
       [w]
-    ), N = (M) => {
+    ), N = (T) => {
       if (v) {
-        const C = Array.isArray(_) ? _ : [], A = C.includes(M) ? C.filter((j) => j !== M) : [...C, M];
-        g?.(A);
+        const C = Array.isArray($) ? $ : [], D = C.includes(T) ? C.filter((O) => O !== T) : [...C, T];
+        g?.(D);
       } else
-        g?.(M), P(!1), te("");
-    }, K = v ? null : k.find((M) => M.value === _), re = v ? k.filter(
-      (M) => Array.isArray(_) && _.includes(M.value)
+        g?.(T), I(!1), te("");
+    }, W = v ? null : k.find((T) => T.value === $), re = v ? k.filter(
+      (T) => Array.isArray($) && $.includes(T.value)
     ) : [], ee = b && H ? k.filter(
-      (M) => M.label.toLowerCase().includes(H.toLowerCase())
-    ) : k, X = !!x && !!b && !!H.trim() && !z(k, H), I = (M) => {
-      const C = M.trim();
+      (T) => T.label.toLowerCase().includes(H.toLowerCase())
+    ) : k, X = !!x && !!b && !!H.trim() && !z(k, H), P = (T) => {
+      const C = T.trim();
       if (!C) return;
-      const A = $?.(C) ?? {
+      const D = _?.(C) ?? {
         value: C,
         label: C
       };
-      if (z(k, A.value) || z(k, A.label)) {
-        N(A.value), te(""), v || P(!1);
+      if (z(k, D.value) || z(k, D.label)) {
+        N(D.value), te(""), v || I(!1);
         return;
       }
-      m((j) => [...j, A]), N(A.value), te(""), v || P(!1);
-    }, B = () => v ? re.length > 0 ? re.map((M) => M.label).join(", ") : f || "Select options" : K?.label || f || "Select an option";
+      m((O) => [...O, D]), N(D.value), te(""), v || I(!1);
+    }, B = () => v ? re.length > 0 ? re.map((T) => T.label).join(", ") : f || "Select options" : W?.label || f || "Select an option";
     return /* @__PURE__ */ i(
       "div",
       {
@@ -991,8 +991,8 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: D,
-              onClick: () => P(!V),
+              htmlFor: A,
+              onClick: () => I(!V),
               className: c(
                 "block text-xs font-semibold uppercase tracking-label mb-1.5",
                 J ? "text-danger-fg" : "text-text-muted",
@@ -1005,24 +1005,24 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
             /* @__PURE__ */ i(
               "button",
               {
-                ref: W,
+                ref: K,
                 type: "button",
-                id: D,
+                id: A,
                 disabled: l,
-                onClick: () => P(!V),
+                onClick: () => I(!V),
                 className: c(
                   "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",
-                  dr[s],
+                  ur[s],
                   J ? "border-danger-border text-danger-fg focus-visible:focus-ring" : "border-border-strong text-text",
                   h
                 ),
                 children: [
                   /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: B() }),
                   /* @__PURE__ */ e(
-                    Nt,
+                    wt,
                     {
                       size: 16,
                       className: c(
@@ -1041,9 +1041,9 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
                   type: "text",
                   placeholder: "Search...",
                   value: H,
-                  onChange: (M) => te(M.target.value),
-                  onKeyDown: (M) => {
-                    M.key === "Enter" && X && (M.preventDefault(), I(H));
+                  onChange: (T) => te(T.target.value),
+                  onKeyDown: (T) => {
+                    T.key === "Enter" && X && (T.preventDefault(), P(H));
                   },
                   className: c(
                     "w-full px-3 py-2 text-sm rounded-md border",
@@ -1058,7 +1058,7 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
                     "cursor-pointer px-3 py-1.5 text-sm",
                     "text-info-fg hover:bg-surface-hover"
                   ),
-                  onClick: () => I(H),
+                  onClick: () => P(H),
                   children: [
                     "+: “",
                     H.trim(),
@@ -1072,21 +1072,21 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
                   {
                     className: "cursor-pointer px-3 py-1.5 text-sm text-text-muted hover:bg-surface-hover",
                     onClick: () => {
-                      g?.(""), P(!1);
+                      g?.(""), I(!1);
                     },
                     children: f
                   }
                 ),
-                ee.map((M) => {
-                  const C = v ? Array.isArray(_) && _.includes(M.value) : _ === M.value;
+                ee.map((T) => {
+                  const C = v ? Array.isArray($) && $.includes(T.value) : $ === T.value;
                   return /* @__PURE__ */ e(
                     "li",
                     {
-                      onClick: () => !M.disabled && N(M.value),
+                      onClick: () => !T.disabled && N(T.value),
                       className: c(
                         "cursor-pointer px-3 py-1.5 text-sm",
                         "text-text",
-                        M.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
+                        T.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover",
                         C && "bg-accent-soft text-accent font-semibold"
                       ),
                       children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
@@ -1099,10 +1099,10 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
                             className: "mr-3 h-4 w-4 rounded border-border [&:not(:checked)]:bg-surface-input text-accent "
                           }
                         ),
-                        /* @__PURE__ */ e("span", { children: M.label })
+                        /* @__PURE__ */ e("span", { children: T.label })
                       ] })
                     },
-                    M.value
+                    T.value
                   );
                 })
               ] })
@@ -1124,12 +1124,12 @@ const or = () => /* @__PURE__ */ e(Z, { icon: yt, size: "md", color: "current" }
   }
 );
 Me.displayName = "Select";
-const ur = {
+const mr = {
   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"
-}, et = "mb-1.5 block text-sm font-medium", tt = "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", rt = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ne = be(
+}, tt = "mb-1.5 block text-sm font-medium", rt = "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", nt = (t) => t ? "border-danger-border bg-danger-soft" : "border-border-strong", Ne = be(
   ({
     label: t,
     helperText: r,
@@ -1145,14 +1145,14 @@ const ur = {
     id: u,
     ...b
   }, v) => {
-    const w = ce.useId(), g = u || `textfield-${w}`, x = !!n, $ = n || r ? `${g}-description` : void 0;
+    const w = ce.useId(), g = u || `textfield-${w}`, x = !!n, _ = n || r ? `${g}-description` : void 0;
     return /* @__PURE__ */ i("div", { className: c("flex flex-col", a && "w-full", d), children: [
       t && /* @__PURE__ */ e(
         "label",
         {
           htmlFor: g,
           className: c(
-            et,
+            tt,
             x ? "text-danger-fg" : "text-text-muted",
             p
           ),
@@ -1167,13 +1167,13 @@ const ur = {
             ref: v,
             id: g,
             "aria-invalid": x || void 0,
-            "aria-describedby": $,
+            "aria-describedby": _,
             className: c(
-              tt,
-              ur[s],
+              rt,
+              mr[s],
               l && "pl-9",
               (o || f) && "pr-9",
-              rt(x),
+              nt(x),
               h
             ),
             ...b
@@ -1190,7 +1190,7 @@ const ur = {
       (n || r) && /* @__PURE__ */ e(
         "p",
         {
-          id: $,
+          id: _,
           className: c("mt-1 text-xs", x ? "text-danger-fg" : "text-text-subtle"),
           children: n || r
         }
@@ -1199,7 +1199,7 @@ const ur = {
   }
 );
 Ne.displayName = "TextField";
-function mr({
+function fr({
   value: t,
   onChange: r,
   onListFolders: n,
@@ -1209,7 +1209,7 @@ function mr({
   templatePlaceholder: o,
   showTemplate: f = !0
 }) {
-  const [d, p] = O([]);
+  const [d, p] = j([]);
   G(() => {
     let u = !0;
     return Promise.resolve(n?.()).then((b) => {
@@ -1244,24 +1244,24 @@ function mr({
     )
   ] });
 }
-const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(De, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), hr = (t) => /* @__PURE__ */ e($e, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), xr = {
+const ve = (...t) => t.filter(Boolean).join(" "), hr = (t) => /* @__PURE__ */ e(De, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), xr = (t) => /* @__PURE__ */ e($e, { ...t, strokeWidth: 1.5, "aria-hidden": !0 }), br = {
   sm: "h-control-sm px-3 text-sm",
   md: "h-control-md px-3 text-base",
   lg: "h-control-lg px-3 text-base",
   full: "h-control-md w-full px-3 text-base"
-}, Pe = {
+}, Oe = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6",
   full: "h-6 w-6"
-}, br = be(
+}, gr = be(
   ({
     label: t,
     helperText: r,
     error: n,
     size: s = "md",
     fullWidth: a = !1,
-    startIcon: l = /* @__PURE__ */ e(fr, {}),
+    startIcon: l = /* @__PURE__ */ e(hr, {}),
     loading: o = !1,
     containerClassName: f,
     labelClassName: d,
@@ -1273,18 +1273,18 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
     debounceTime: w = 500,
     showAllOnOpen: g = !1,
     value: x,
-    onChange: $,
+    onChange: _,
     ...S
   }, q) => {
-    const D = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, J = !!n, V = se(null), P = se(null), [H, te] = O(x || ""), [Y, W] = O(!1), [ie, k] = O(!1), [m, z] = O(!1);
+    const A = h || `searchfield-${Math.random().toString(36).substr(2, 9)}`, J = !!n, V = se(null), I = se(null), [H, te] = j(x || ""), [Y, K] = j(!1), [ie, k] = j(!1), [m, z] = j(!1);
     G(() => {
       x !== void 0 && te(x);
     }, [x]);
     const y = pe(() => {
       if (g && !m || !H) return u;
-      const I = String(H).toLowerCase();
+      const P = String(H).toLowerCase();
       return u.filter(
-        (B) => String(B.label).toLowerCase().includes(I)
+        (B) => String(B.label).toLowerCase().includes(P)
       );
     }, [H, u, g, m]);
     G(() => {
@@ -1292,7 +1292,7 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
         k(!1);
         return;
       }
-      const I = setTimeout(async () => {
+      const P = setTimeout(async () => {
         k(!0);
         try {
           await b(String(H));
@@ -1303,22 +1303,22 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
         }
       }, w);
       return () => {
-        clearTimeout(I), k(!1);
+        clearTimeout(P), k(!1);
       };
     }, [H, w, b]), G(() => {
-      const I = (B) => {
-        V.current && !V.current.contains(B.target) && W(!1);
+      const P = (B) => {
+        V.current && !V.current.contains(B.target) && K(!1);
       };
-      return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
+      return document.addEventListener("mousedown", P), () => document.removeEventListener("mousedown", P);
     }, []);
-    const _ = (I) => {
-      const B = I.target.value;
-      te(B), W(!0), z(!0), $ && $(I);
-    }, N = (I) => {
-      te(I.label), W(!1), z(!1), v && v(I.value);
-    }, K = () => {
-      (u.length > 0 || b) && (W(!0), z(!1));
-    }, re = o || ie, ee = Y && (y.length > 0 || re), X = pe(() => q || P, [q]);
+    const $ = (P) => {
+      const B = P.target.value;
+      te(B), K(!0), z(!0), _ && _(P);
+    }, N = (P) => {
+      te(P.label), K(!1), z(!1), v && v(P.value);
+    }, W = () => {
+      (u.length > 0 || b) && (K(!0), z(!1));
+    }, re = o || ie, ee = Y && (y.length > 0 || re), X = pe(() => q || I, [q]);
     return /* @__PURE__ */ i(
       "div",
       {
@@ -1333,7 +1333,7 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
           t && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: D,
+              htmlFor: A,
               className: ve(
                 "block text-sm font-medium mb-1",
                 J ? "text-danger-fg" : "text-text",
@@ -1343,22 +1343,22 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
             }
           ),
           /* @__PURE__ */ i("div", { className: "relative", children: [
-            l && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: ve("text-text-muted", Pe[s]), children: l }) }),
+            l && /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: ve("text-text-muted", Oe[s]), children: l }) }),
             /* @__PURE__ */ e(
               "input",
               {
                 ref: X,
-                id: D,
+                id: A,
                 value: H,
-                onChange: _,
-                onFocus: K,
+                onChange: $,
+                onFocus: W,
                 className: ve(
                   // 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
-                  xr[s],
+                  br[s],
                   // Icon padding
                   l ? "pl-10" : "",
                   "pr-10",
@@ -1373,24 +1373,24 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
             /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: re || o ? (
               // Loading Spinner
               /* @__PURE__ */ e(
-                wt,
+                kt,
                 {
-                  className: ve("animate-spin text-info-fg", Pe[s]),
+                  className: ve("animate-spin text-info-fg", Oe[s]),
                   "aria-hidden": !0
                 }
               )
             ) : (
               // Dropdown Chevron
               /* @__PURE__ */ e(
-                hr,
+                xr,
                 {
                   className: ve(
                     "text-text-muted cursor-pointer transition-transform",
-                    Pe[s],
+                    Oe[s],
                     Y ? "rotate-180" : "rotate-0"
                   ),
                   onClick: () => {
-                    W((I) => (I || z(!1), !I));
+                    K((P) => (P || z(!1), !P));
                   }
                 }
               )
@@ -1401,16 +1401,16 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
             {
               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: y.length > 0 ? y.map((I) => /* @__PURE__ */ e(
+              children: y.length > 0 ? y.map((P) => /* @__PURE__ */ e(
                 "li",
                 {
                   className: "px-4 py-2 cursor-pointer text-text hover:bg-accent-soft hover:text-accent transition-colors",
-                  onClick: () => N(I),
+                  onClick: () => N(P),
                   role: "option",
-                  "aria-selected": H === I.label,
-                  children: I.label
+                  "aria-selected": H === P.label,
+                  children: P.label
                 },
-                I.value
+                P.value
               )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-text-muted", children: re || o ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
             }
           ),
@@ -1433,8 +1433,8 @@ const ve = (...t) => t.filter(Boolean).join(" "), fr = (t) => /* @__PURE__ */ e(
     );
   }
 );
-br.displayName = "SearchableTextField";
-const nt = be(
+gr.displayName = "SearchableTextField";
+const st = be(
   ({
     value: t,
     onValueChange: r,
@@ -1498,8 +1498,8 @@ const nt = be(
     }
   )
 );
-nt.displayName = "SearchField";
-const gr = be(
+st.displayName = "SearchField";
+const pr = be(
   ({ checked: t, onChange: r, label: n, disabled: s = !1, className: a, ...l }, o) => {
     const f = /* @__PURE__ */ e(
       "span",
@@ -1552,8 +1552,8 @@ const gr = be(
     );
   }
 );
-gr.displayName = "Switch";
-const pr = ({
+pr.displayName = "Switch";
+const vr = ({
   trigger: t,
   options: r,
   value: n,
@@ -1564,7 +1564,7 @@ const pr = ({
   showCheck: f = !0,
   header: d
 }) => {
-  const [p, h] = O(!1), [u, b] = O(null), [v, w] = O({ top: 0, left: 0 }), g = se(null), x = se(null), $ = se(null), S = se(null), q = Ae(p, x, { placement: a }), D = se(null), J = () => Array.from(
+  const [p, h] = j(!1), [u, b] = j(null), [v, w] = j({ top: 0, left: 0 }), g = se(null), x = se(null), _ = se(null), S = se(null), q = Le(p, x, { placement: a }), A = se(null), J = () => Array.from(
     S.current?.querySelectorAll("button[data-option-value]:not(:disabled)") ?? []
   );
   G(() => {
@@ -1575,19 +1575,19 @@ const pr = ({
     const y = J();
     if (y.length === 0) return;
     m.preventDefault();
-    const _ = y.indexOf(document.activeElement), N = m.key === "Home" ? 0 : m.key === "End" ? y.length - 1 : m.key === "ArrowDown" ? (_ + 1) % y.length : (_ - 1 + y.length) % y.length;
+    const $ = y.indexOf(document.activeElement), N = m.key === "Home" ? 0 : m.key === "End" ? y.length - 1 : m.key === "ArrowDown" ? ($ + 1) % y.length : ($ - 1 + y.length) % y.length;
     y[N]?.focus();
   };
   G(() => {
     const m = (z) => {
-      g.current && (!g.current.contains(z.target) || $.current && !$.current.contains(z.target)) && (h(!1), b(null), D.current && (clearTimeout(D.current), D.current = null));
+      g.current && (!g.current.contains(z.target) || _.current && !_.current.contains(z.target)) && (h(!1), b(null), A.current && (clearTimeout(A.current), A.current = null));
     };
     return p && document.addEventListener("mousedown", m), () => {
       document.removeEventListener("mousedown", m);
     };
   }, [p]), G(() => {
     const m = (z) => {
-      z.key === "Escape" && (h(!1), b(null), x.current?.focus(), D.current && (clearTimeout(D.current), D.current = null));
+      z.key === "Escape" && (h(!1), b(null), x.current?.focus(), A.current && (clearTimeout(A.current), A.current = null));
     };
     return p && document.addEventListener("keydown", m), () => {
       document.removeEventListener("keydown", m);
@@ -1606,19 +1606,19 @@ const pr = ({
       }
     }
   }, [u]), G(() => () => {
-    D.current && clearTimeout(D.current);
+    A.current && clearTimeout(A.current);
   }, []);
-  const P = (m) => {
-    m.stopPropagation(), !l && (h(!p), b(null), D.current && (clearTimeout(D.current), D.current = null));
+  const I = (m) => {
+    m.stopPropagation(), !l && (h(!p), b(null), A.current && (clearTimeout(A.current), A.current = null));
   }, H = (m, z, y) => {
     m.stopPropagation(), !z.disabled && !z.divider && (!z.children || z.children.length === 0) && (s?.(z.value, y), h(!1), b(null));
   }, te = (m) => {
-    D.current && (clearTimeout(D.current), D.current = null), m.children && m.children.length > 0 ? b(m.value) : b(null);
+    A.current && (clearTimeout(A.current), A.current = null), m.children && m.children.length > 0 ? b(m.value) : b(null);
   }, Y = (m) => {
-    m.children && m.children.length > 0 ? D.current = setTimeout(() => {
+    m.children && m.children.length > 0 ? A.current = setTimeout(() => {
       b(null);
     }, 150) : b(null);
-  }, W = (m, z, y) => {
+  }, K = (m, z, y) => {
     m.stopPropagation(), !z.disabled && !z.divider && (s?.(z.value, y), h(!1), b(null));
   }, ie = c(
     "fixed z-overlay min-w-menu bg-surface rounded-lg shadow-overlay border border-border",
@@ -1640,7 +1640,7 @@ const pr = ({
           "button",
           {
             ref: x,
-            onClick: P,
+            onClick: I,
             disabled: l,
             "aria-haspopup": "menu",
             "aria-expanded": p,
@@ -1661,7 +1661,7 @@ const pr = ({
                 },
                 `divider-${z}`
               );
-            const y = m.children && m.children.length > 0, _ = u === m.value;
+            const y = m.children && m.children.length > 0, $ = u === m.value;
             return /* @__PURE__ */ i("div", { className: "relative group", children: [
               /* @__PURE__ */ i(
                 "button",
@@ -1677,7 +1677,7 @@ const pr = ({
                     "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": m.disabled,
-                      "bg-surface-hover": _ && y
+                      "bg-surface-hover": $ && y
                     }
                   ),
                   children: [
@@ -1689,37 +1689,37 @@ const pr = ({
                       ] })
                     ] }),
                     /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
-                      f && n === m.value && /* @__PURE__ */ e(Be, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
+                      f && n === m.value && /* @__PURE__ */ e(Re, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 }),
                       y && /* @__PURE__ */ e("span", { className: "text-text-muted text-xs", children: "▶" })
                     ] })
                   ]
                 }
               ),
-              y && _ && /* @__PURE__ */ e(
+              y && $ && /* @__PURE__ */ e(
                 "div",
                 {
-                  ref: $,
+                  ref: _,
                   className: k,
                   style: {
                     top: `${v.top}px`,
                     left: `${v.left}px`
                   },
                   onMouseEnter: () => {
-                    D.current && (clearTimeout(D.current), D.current = null), b(m.value);
+                    A.current && (clearTimeout(A.current), A.current = null), b(m.value);
                   },
                   onMouseLeave: () => {
-                    D.current = setTimeout(() => {
+                    A.current = setTimeout(() => {
                       b(null);
                     }, 150);
                   },
-                  children: /* @__PURE__ */ e("div", { className: "p-2", children: m.children.map((N, K) => {
+                  children: /* @__PURE__ */ e("div", { className: "p-2", children: m.children.map((N, W) => {
                     if (N.divider)
                       return /* @__PURE__ */ e(
                         "div",
                         {
                           className: "border-t border-border my-2"
                         },
-                        `divider-${K}`
+                        `divider-${W}`
                       );
                     const re = typeof n == "object" && n[m.value] && n[m.value].includes(
                       N.value
@@ -1727,7 +1727,7 @@ const pr = ({
                     return /* @__PURE__ */ i(
                       "button",
                       {
-                        onClick: (ee) => W(
+                        onClick: (ee) => K(
                           ee,
                           N,
                           m.value
@@ -1747,7 +1747,7 @@ const pr = ({
                               N.description && /* @__PURE__ */ e("span", { className: "text-xs text-text-muted", children: N.description })
                             ] })
                           ] }),
-                          f && re && /* @__PURE__ */ e(Be, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 })
+                          f && re && /* @__PURE__ */ e(Re, { className: "size-icon-md shrink-0 text-success-fg", "aria-hidden": !0 })
                         ]
                       },
                       N.value
@@ -1760,8 +1760,8 @@ const pr = ({
           (() => {
             const m = r.reduce((z, y) => {
               if (y.divider) return z;
-              const _ = y.children ? y.children.filter((N) => !N.divider).length : 0;
-              return z + 1 + _;
+              const $ = y.children ? y.children.filter((N) => !N.divider).length : 0;
+              return z + 1 + $;
             }, 0);
             return m > 1 && /* @__PURE__ */ e("div", { className: "border-t border-border mt-2 pt-2", children: /* @__PURE__ */ i("div", { className: "text-xs text-text-muted px-3 py-1", children: [
               m,
@@ -1772,13 +1772,13 @@ const pr = ({
       ]
     }
   );
-}, Te = ({
+}, _e = ({
   actions: t,
   defaultVariant: r = "secondary",
   className: n
 }) => t.length === 0 ? null : /* @__PURE__ */ e("div", { className: c("flex flex-wrap items-center gap-2", n), children: t.map(
   (s) => s.render ? /* @__PURE__ */ e(ce.Fragment, { children: s.render() }, s.id) : s.splitOptions && s.splitOptions.length > 0 ? /* @__PURE__ */ e(
-    Qe,
+    et,
     {
       label: s.label,
       onClick: s.onClick,
@@ -1801,19 +1801,19 @@ const pr = ({
     },
     s.id
   )
-) }), vr = {
+) }), yr = {
   none: "p-0",
   sm: "p-2",
   md: "px-5 py-4",
   lg: "p-6"
-}, Wn = ({
+}, Xn = ({
   actions: t = [],
   onBack: r,
   backLabel: n = "Back",
   className: s,
   padding: a = "md",
   children: l
-}) => /* @__PURE__ */ i("div", { className: c("flex items-center gap-2", vr[a], s), children: [
+}) => /* @__PURE__ */ i("div", { className: c("flex items-center gap-2", yr[a], s), children: [
   r && /* @__PURE__ */ e(
     le,
     {
@@ -1825,25 +1825,25 @@ const pr = ({
     }
   ),
   l && /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
-  /* @__PURE__ */ e(Te, { actions: t, className: c(!l && "ml-auto") })
-] }), Kn = (t) => (r) => t(r instanceof Date ? r : null), Gn = (t) => (r) => t(typeof r == "string" ? r : ""), yr = {
+  /* @__PURE__ */ e(_e, { actions: t, className: c(!l && "ml-auto") })
+] }), Zn = (t) => (r) => t(r instanceof Date ? r : null), Qn = (t) => (r) => t(typeof r == "string" ? r : ""), Nr = {
   none: "px-0",
   sm: "px-2",
   md: "px-3.5",
   lg: "px-5"
-}, Nr = {
+}, wr = {
   sm: "h-row-lg",
   md: "h-row-xl",
   lg: "h-14"
-}, wr = 8, qe = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
-function kr(t, r) {
+}, kr = 8, Ue = ["62%", "44%", "74%", "52%", "68%", "48%", "80%", "56%"];
+function Cr(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 Cr = (t) => {
+const Sr = (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;
@@ -1865,7 +1865,7 @@ const Cr = (t) => {
     );
   }, l = r.length > 0;
   return /* @__PURE__ */ e(
-    Yt,
+    Xt,
     {
       tone: "outline",
       caret: !0,
@@ -1895,7 +1895,7 @@ const Cr = (t) => {
       )) })
     }
   );
-}, Ue = ({
+}, Ke = ({
   data: t,
   columns: r,
   loading: n = !1,
@@ -1913,24 +1913,24 @@ const Cr = (t) => {
   selectedRows: w = [],
   onSelectionChange: g,
   getRowKey: x = (te, Y) => Y,
-  emptyContent: $,
+  emptyContent: _,
   footerSummary: S,
   size: q = "md",
-  hoverable: D = !0,
+  hoverable: A = !0,
   padding: J = "md",
   className: V,
-  rowClassName: P,
+  rowClassName: I,
   headerBackground: H = !0
 }) => {
-  const [te, Y] = O(""), W = l !== void 0, ie = W ? l : te, k = o ?? Y, [m, z] = O({
+  const [te, Y] = j(""), K = l !== void 0, ie = K ? l : te, k = o ?? Y, [m, z] = j({
     column: null,
     direction: null
-  }), [y, _] = O({
+  }), [y, $] = j({
     page: 0,
     pageSize: h
-  }), N = se(null), K = pe(() => {
+  }), N = se(null), W = pe(() => {
     let E = t;
-    if (s && !W && ie.trim()) {
+    if (s && !K && ie.trim()) {
       const U = r.filter(
         (oe) => oe.searchable !== !1
       ), ne = ie.toLowerCase();
@@ -1947,15 +1947,15 @@ const Cr = (t) => {
         return String(F || "") === U.value;
       }));
     }), E;
-  }, [t, ie, W, r, s, f]), re = pe(() => {
-    if (!m.column || !m.direction) return K;
+  }, [t, ie, K, r, s, f]), re = pe(() => {
+    if (!m.column || !m.direction) return W;
     const E = r.find((U) => U.id === m.column);
-    return E ? [...K].sort((U, ne) => {
+    return E ? [...W].sort((U, ne) => {
       const oe = typeof E.accessor == "function" ? E.accessor(U) : U[E.accessor], F = typeof E.accessor == "function" ? E.accessor(ne) : ne[E.accessor];
       let ue = 0;
       return oe < F ? ue = -1 : oe > F && (ue = 1), m.direction === "desc" ? -ue : ue;
-    }) : K;
-  }, [K, m, r]), ee = pe(() => {
+    }) : W;
+  }, [W, m, r]), ee = pe(() => {
     if (!p) return re;
     const E = y.page * y.pageSize, U = E + y.pageSize;
     return re.slice(E, U);
@@ -1964,8 +1964,8 @@ const Cr = (t) => {
       r.find((ne) => ne.id === E)?.sortable && z((ne) => ne.column !== E ? { column: E, direction: "asc" } : ne.direction === "asc" ? { column: E, direction: "desc" } : { column: null, direction: null });
     },
     [r]
-  ), I = xe((E) => {
-    _((U) => ({ ...U, page: E }));
+  ), P = xe((E) => {
+    $((U) => ({ ...U, page: E }));
   }, []), B = xe(
     (E, U) => {
       if (!g) return;
@@ -1975,18 +1975,18 @@ const Cr = (t) => {
       ));
     },
     [w, g, x]
-  ), M = xe(
+  ), T = xe(
     (E) => {
       g && g(E ? [...ee] : []);
     },
     [ee, g]
   );
   G(() => {
-    _((E) => ({ ...E, page: 0 }));
+    $((E) => ({ ...E, page: 0 }));
   }, [ie, m]), G(() => {
-    _((E) => ({ ...E, page: 0 }));
+    $((E) => ({ ...E, page: 0 }));
   }, [f.map((E) => E.value).join(",")]);
-  const C = re.length, A = Math.ceil(C / y.pageSize), j = y.page * y.pageSize + 1, R = Math.min(j + y.pageSize - 1, C), T = ee.length > 0 && ee.every((E) => {
+  const C = re.length, D = Math.ceil(C / y.pageSize), O = y.page * y.pageSize + 1, R = Math.min(O + y.pageSize - 1, C), M = ee.length > 0 && ee.every((E) => {
     const U = x(E, 0);
     return w.some(
       (ne, oe) => x(ne, oe) === U
@@ -1996,11 +1996,11 @@ const Cr = (t) => {
     return w.some(
       (ne, oe) => x(ne, oe) === U
     );
-  }), Q = yr[J], ae = H ? "bg-surface-sunk" : "bg-surface", de = c("text-text", Q), ge = s || f.length > 0 || d.length > 0, he = p && C > 0, Le = he || S !== void 0;
+  }), Q = Nr[J], ae = H ? "bg-surface-sunk" : "bg-surface", de = c("text-text", Q), ge = s || f.length > 0 || d.length > 0, he = p && C > 0, Pe = he || S !== void 0;
   return /* @__PURE__ */ i("div", { className: c("flex min-w-0 flex-col", V), children: [
     ge && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
       s && /* @__PURE__ */ e(
-        nt,
+        st,
         {
           value: ie,
           onValueChange: k,
@@ -2008,8 +2008,8 @@ const Cr = (t) => {
           containerClassName: "w-full sm:w-66"
         }
       ),
-      f.map((E) => /* @__PURE__ */ e(Cr, { ...E }, E.id)),
-      d.length > 0 && /* @__PURE__ */ e(Te, { actions: d, className: "ml-auto" })
+      f.map((E) => /* @__PURE__ */ e(Sr, { ...E }, E.id)),
+      d.length > 0 && /* @__PURE__ */ e(_e, { actions: d, className: "ml-auto" })
     ] }),
     /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ i("table", { ref: N, className: "min-w-full border-collapse text-base text-text", children: [
       /* @__PURE__ */ e("thead", { className: c(ae, "h-control-lg"), children: /* @__PURE__ */ i("tr", { children: [
@@ -2017,9 +2017,9 @@ const Cr = (t) => {
           ye,
           {
             size: "sm",
-            checked: T,
-            indeterminate: L && !T,
-            onChange: (E) => M(E.target.checked),
+            checked: M,
+            indeterminate: L && !M,
+            onChange: (E) => T(E.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
@@ -2046,7 +2046,7 @@ const Cr = (t) => {
               E.sortable && /* @__PURE__ */ e(
                 Z,
                 {
-                  icon: m.column === E.id && m.direction === "desc" ? $e : kt,
+                  icon: m.column === E.id && m.direction === "desc" ? $e : Ct,
                   size: "xs",
                   className: c(
                     "transition-opacity duration-fast ease-out",
@@ -2060,13 +2060,13 @@ const Cr = (t) => {
         )),
         u.length > 0 && /* @__PURE__ */ e("th", { className: c(de, "w-10"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: wr }).map((E, U) => /* @__PURE__ */ i("tr", { className: "animate-pulse border-t border-border-subtle", "aria-hidden": !0, children: [
+      /* @__PURE__ */ e("tbody", { children: n ? Array.from({ length: kr }).map((E, U) => /* @__PURE__ */ i("tr", { className: "animate-pulse border-t border-border-subtle", "aria-hidden": !0, children: [
         v && /* @__PURE__ */ e("td", { className: c(de, "h-row-lg"), children: /* @__PURE__ */ e("span", { className: "block size-4 rounded-xs bg-surface-hover" }) }),
         r.map((ne, oe) => /* @__PURE__ */ e("td", { className: c(de, "h-row-lg"), style: { width: ne.width }, children: /* @__PURE__ */ e(
           "span",
           {
             className: "block h-3 rounded-xs bg-surface-hover",
-            style: { width: qe[(U + oe) % qe.length] }
+            style: { width: Ue[(U + oe) % Ue.length] }
           }
         ) }, ne.id)),
         u.length > 0 && /* @__PURE__ */ e("td", { className: c(de, "h-row-lg") })
@@ -2078,7 +2078,7 @@ const Cr = (t) => {
             de,
             "border-t border-border-subtle py-10 text-center text-text-muted"
           ),
-          children: $ || "No data available"
+          children: _ || "No data available"
         }
       ) }) : ee.map((E, U) => {
         const ne = x(E, U), oe = w.some(
@@ -2088,14 +2088,14 @@ const Cr = (t) => {
           "tr",
           {
             className: c(
-              Nr[q],
+              wr[q],
               // Hairline above every row, including the first: it is
               // what separates the body from the column strip.
               "border-t border-border-subtle",
-              D && "transition-colors duration-fast ease-out hover:bg-surface-hover",
+              A && "transition-colors duration-fast ease-out hover:bg-surface-hover",
               b && "cursor-pointer",
               oe && "bg-accent-soft",
-              P?.(E, U)
+              I?.(E, U)
             ),
             onClick: (F) => {
               F.stopPropagation(), b?.(E, U);
@@ -2131,10 +2131,10 @@ const Cr = (t) => {
                 );
               }),
               u.length > 0 && /* @__PURE__ */ e("td", { className: de, children: /* @__PURE__ */ e(
-                pr,
+                vr,
                 {
                   className: "rounded-md",
-                  trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Z, { icon: Ct, size: "md", color: "current" }) }),
+                  trigger: /* @__PURE__ */ e("span", { className: "grid size-7 place-items-center text-text-subtle", children: /* @__PURE__ */ e(Z, { icon: St, size: "md", color: "current" }) }),
                   options: u.map((F) => ({
                     value: F.id,
                     label: F.label,
@@ -2143,7 +2143,7 @@ const Cr = (t) => {
                   })),
                   onSelect: (F) => {
                     const ue = u.find(
-                      (ct) => ct.id === F
+                      (it) => it.id === F
                     );
                     ue && ue.onClick(E, U);
                   },
@@ -2156,8 +2156,8 @@ const Cr = (t) => {
         );
       }) })
     ] }) }),
-    Le && /* @__PURE__ */ i("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: S ?? `Showing ${j}–${R} of ${C}` }),
+    Pe && /* @__PURE__ */ i("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: S ?? `Showing ${O}–${R} of ${C}` }),
       he && /* @__PURE__ */ i("div", { className: "flex items-center gap-0.5", children: [
         /* @__PURE__ */ e(
           le,
@@ -2166,18 +2166,18 @@ const Cr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Previous page",
-            onClick: () => I(y.page - 1),
+            onClick: () => P(y.page - 1),
             disabled: y.page === 0,
             children: /* @__PURE__ */ e(Z, { icon: Ce, size: "md", color: "current" })
           }
         ),
-        kr(y.page, A).map(
+        Cr(y.page, D).map(
           (E, U) => E === "gap" ? /* @__PURE__ */ e("span", { className: "px-1 text-text-subtle", children: "…" }, `gap-${U}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               "aria-current": E === y.page ? "page" : void 0,
-              onClick: () => I(E),
+              onClick: () => P(E),
               className: c(
                 "h-control-xs min-w-6 cursor-pointer rounded-sm px-1.5 tabular-nums",
                 "transition-colors duration-fast ease-out",
@@ -2196,21 +2196,21 @@ const Cr = (t) => {
             variant: "ghost",
             iconOnly: !0,
             "aria-label": "Next page",
-            onClick: () => I(y.page + 1),
-            disabled: y.page >= A - 1,
-            children: /* @__PURE__ */ e(Z, { icon: _e, size: "md", color: "current" })
+            onClick: () => P(y.page + 1),
+            disabled: y.page >= D - 1,
+            children: /* @__PURE__ */ e(Z, { icon: Ae, size: "md", color: "current" })
           }
         )
       ] })
     ] })
   ] });
-}, Sr = Je(null), Jn = ({
+}, Er = Ye(null), es = ({
   items: t,
   activeTab: r,
   onTabChange: n,
   className: s
 }) => {
-  const [a, l] = O(t[0]?.id || ""), o = r || a, f = (d) => {
+  const [a, l] = j(t[0]?.id || ""), o = r || a, f = (d) => {
     n ? n(d) : l(d);
   };
   return /* @__PURE__ */ e("div", { className: c("border-b border-border", s), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: t.map((d) => /* @__PURE__ */ e(
@@ -2236,7 +2236,7 @@ const Cr = (t) => {
     },
     d.id
   )) }) });
-}, Er = ({
+}, zr = ({
   items: t,
   defaultTab: r,
   activeTab: n,
@@ -2245,7 +2245,7 @@ const Cr = (t) => {
   size: l = "md",
   className: o
 }) => {
-  const [f, d] = O(
+  const [f, d] = j(
     r || n || t[0]?.id || ""
   ), p = n || f, h = (g) => {
     s ? s(g) : d(g);
@@ -2262,7 +2262,7 @@ const Cr = (t) => {
     },
     o
   ), w = (g, x) => {
-    const $ = "transition-colors duration-fast font-medium", S = {
+    const _ = "transition-colors duration-fast font-medium", S = {
       "text-xs px-2 py-1": l === "sm",
       "text-sm px-3 py-2": l === "md",
       "text-base px-4 py-3": l === "lg"
@@ -2273,7 +2273,7 @@ const Cr = (t) => {
       "rounded-md": a === "pills",
       // Underline variant
       "border-b-2 pb-2": a === "underline"
-    }, D = {
+    }, A = {
       "opacity-50 cursor-not-allowed": g.disabled,
       "cursor-pointer": !g.disabled
     }, J = x ? {
@@ -2284,9 +2284,9 @@ const Cr = (t) => {
       "text-text-muted hover:text-text": a === "pills",
       "border-transparent text-text-muted hover:text-text hover:border-border": a === "underline"
     } : {};
-    return c($, S, q, D, J, V);
+    return c(_, S, q, A, J, V);
   };
-  return /* @__PURE__ */ e(Sr.Provider, { value: u, children: /* @__PURE__ */ i("div", { children: [
+  return /* @__PURE__ */ e(Er.Provider, { value: u, children: /* @__PURE__ */ i("div", { children: [
     /* @__PURE__ */ e("div", { className: v, role: "tablist", children: t.map((g) => /* @__PURE__ */ e(
       "button",
       {
@@ -2315,14 +2315,14 @@ const Cr = (t) => {
       }
     )
   ] }) });
-}, zr = {
+}, Tr = {
   sm: "max-w-md",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-full mx-4"
 };
-function st({
+function at({
   open: t,
   onClose: r,
   title: n,
@@ -2366,7 +2366,7 @@ function st({
             "relative w-full bg-surface rounded-lg shadow-modal",
             // 'animate-scale-in',
             "focus:outline-none",
-            zr[s],
+            Tr[s],
             o
           ),
           role: "dialog",
@@ -2407,7 +2407,7 @@ const Mr = {
   md: "text-base",
   lg: "text-md",
   xl: "text-lg"
-}, Tr = {
+}, _r = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
@@ -2424,7 +2424,7 @@ const Mr = {
   neutral: "text-text",
   current: "text-current",
   muted: "text-text-subtle"
-}, _r = {
+}, Ar = {
   left: "text-left",
   center: "text-center",
   right: "text-right",
@@ -2448,7 +2448,7 @@ const Mr = {
   children: u,
   ...b
 }) => {
-  const v = p || Ar(t), w = t === "caption", g = t === "label", x = t === "code", $ = c(
+  const v = p || Lr(t), w = t === "caption", g = t === "label", x = t === "code", _ = c(
     "font-sans",
     // Variant — caption and label pin their own size/weight
     w && "text-xs text-text-subtle",
@@ -2457,9 +2457,9 @@ const Mr = {
     // Size — only where the variant does not pin it
     !w && !g && !x && Mr[r],
     // Weight — label owns its weight
-    !g && Tr[n],
+    !g && _r[n],
     $r[s],
-    _r[a],
+    Ar[a],
     // Line height only overrides the body variant
     t === "body" && Dr[d],
     o && "italic",
@@ -2467,9 +2467,9 @@ const Mr = {
     l && "truncate",
     h
   );
-  return /* @__PURE__ */ e(v, { className: $, ...b, children: u });
+  return /* @__PURE__ */ e(v, { className: _, ...b, children: u });
 };
-function Ar(t) {
+function Lr(t) {
   return {
     body: "p",
     caption: "span",
@@ -2477,7 +2477,7 @@ function Ar(t) {
     code: "code"
   }[t] || "p";
 }
-const Lr = ({
+const Pr = ({
   value: t,
   onChange: r,
   label: n,
@@ -2491,40 +2491,40 @@ const Lr = ({
   onDownloadFile: h,
   onRegisterFile: u
 }) => {
-  const [b, v] = O(!1), [w, g] = O([]), [x, $] = O(null), [S, q] = O("/"), [D, J] = O([]), [V, P] = O(!1), [H, te] = O(""), [Y, W] = O(
+  const [b, v] = j(!1), [w, g] = j([]), [x, _] = j(null), [S, q] = j("/"), [A, J] = j([]), [V, I] = j(!1), [H, te] = j(""), [Y, K] = j(
     typeof t == "object" ? t : null
-  ), [ie, k] = O(!1), [m, z] = O(""), y = se(null);
+  ), [ie, k] = j(!1), [m, z] = j(""), y = se(null);
   G(() => {
-    b && _();
+    b && $();
   }, [b]), G(() => {
     b && x && N();
   }, [b, x, S, H]);
-  const _ = async () => {
-    P(!0);
+  const $ = async () => {
+    I(!0);
     try {
-      const T = await d?.();
-      T?.data && g(T.data);
-    } catch (T) {
-      console.error("Failed to load mounts", T);
+      const M = await d?.();
+      M?.data && g(M.data);
+    } catch (M) {
+      console.error("Failed to load mounts", M);
     } finally {
-      P(!1);
+      I(!1);
     }
   }, N = async () => {
     if (x) {
-      P(!0);
+      I(!0);
       try {
-        const T = await f?.({ mountId: x.id, name: H, path: S });
-        T?.data && J(T.data);
-      } catch (T) {
-        console.error("Failed to load files", T);
+        const M = await f?.({ mountId: x.id, name: H, path: S });
+        M?.data && J(M.data);
+      } catch (M) {
+        console.error("Failed to load files", M);
       } finally {
-        P(!1);
+        I(!1);
       }
     }
-  }, K = async (T) => {
-    const L = T.target.files?.[0];
+  }, W = async (M) => {
+    const L = M.target.files?.[0];
     if (L) {
-      P(!0);
+      I(!0);
       try {
         const Q = await L.arrayBuffer(), ae = new Uint8Array(Q), de = {
           id: `local-${Date.now()}`,
@@ -2537,17 +2537,17 @@ const Lr = ({
           providerKey: L.name,
           ownerId: "me"
         };
-        W(de), r(de, ae), v(!1);
+        K(de), r(de, ae), v(!1);
       } catch (Q) {
         console.error("Local file selection failed", Q);
       } finally {
-        P(!1);
+        I(!1);
       }
     }
-  }, re = async (T) => {
-    const L = T.target.files?.[0];
+  }, re = async (M) => {
+    const L = M.target.files?.[0];
     if (!(!L || !x)) {
-      P(!0);
+      I(!0);
       try {
         const Q = await L.arrayBuffer(), ae = await p?.({
           file: new Uint8Array(Q),
@@ -2558,19 +2558,19 @@ const Lr = ({
         });
         if (ae?.data) {
           const de = ae.data;
-          W(de), r(de, new Uint8Array(Q)), v(!1);
+          K(de), r(de, new Uint8Array(Q)), v(!1);
         }
       } catch (Q) {
         console.error("Upload failed", Q);
       } finally {
-        P(!1);
+        I(!1);
       }
     }
   }, ee = async () => {
     if (!(!m || !x)) {
-      P(!0);
+      I(!0);
       try {
-        const T = `${S}${m}/`;
+        const M = `${S}${m}/`;
         u && (await u({
           name: m,
           type: "folder",
@@ -2578,95 +2578,95 @@ const Lr = ({
           mimeType: "application/x-directory",
           size: 0,
           mountId: x.id,
-          providerKey: T,
+          providerKey: M,
           ownerId: "me"
         }), await N()), k(!1), z("");
-      } catch (T) {
-        console.error("Failed to create folder", T);
+      } catch (M) {
+        console.error("Failed to create folder", M);
       } finally {
-        P(!1);
+        I(!1);
       }
     }
-  }, X = async (T) => {
-    P(!0);
+  }, X = async (M) => {
+    I(!0);
     try {
-      const L = await h?.(T.id);
-      W(T), r(T, L), v(!1);
+      const L = await h?.(M.id);
+      K(M), r(M, L), v(!1);
     } catch (L) {
       console.error("Failed to download file", L);
     } finally {
-      P(!1);
+      I(!1);
     }
-  }, I = (T) => {
-    T.stopPropagation(), W(null), r(null);
+  }, P = (M) => {
+    M.stopPropagation(), K(null), r(null);
   }, B = pe(() => {
-    const T = /* @__PURE__ */ new Set(), L = [];
-    return D.forEach((Q) => {
+    const M = /* @__PURE__ */ new Set(), L = [];
+    return A.forEach((Q) => {
       if (Q.type === "folder") {
-        Q.path === S && T.add(Q.name);
+        Q.path === S && M.add(Q.name);
         return;
       }
       const ae = Q.providerKey || Q.name, ge = (S ? ae.substring(S.length) : ae).split("/").filter((he) => he !== "");
-      ge.length > 1 ? T.add(ge[0]) : ge.length === 1 && L.push(Q);
+      ge.length > 1 ? M.add(ge[0]) : ge.length === 1 && L.push(Q);
     }), {
-      folders: Array.from(T).sort(),
+      folders: Array.from(M).sort(),
       files: L.sort((Q, ae) => Q.name.localeCompare(ae.name))
     };
-  }, [D, S]), M = (T) => {
-    q((L) => `${L}${T}/`);
+  }, [A, S]), T = (M) => {
+    q((L) => `${L}${M}/`);
   }, C = () => {
-    const T = S.split("/").filter((L) => L !== "");
-    T.pop(), T.length === 0 ? q("/") : q(`${T.join("/")}/`);
-  }, A = pe(() => {
-    const T = B.folders.map((L) => ({
+    const M = S.split("/").filter((L) => L !== "");
+    M.pop(), M.length === 0 ? q("/") : q(`${M.join("/")}/`);
+  }, D = pe(() => {
+    const M = B.folders.map((L) => ({
       id: `folder-${L}`,
       name: L,
       type: "folder"
     }));
     return B.files.forEach((L) => {
-      T.push({
+      M.push({
         ...L,
         type: "file"
       });
-    }), T;
-  }, [B]), j = [
+    }), M;
+  }, [B]), O = [
     {
       id: "name",
       header: "Name",
       accessor: "name",
-      cell: (T, L) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+      cell: (M, L) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           Z,
           {
-            icon: L.type === "folder" ? He : Ie,
+            icon: L.type === "folder" ? Ve : Ie,
             size: "sm",
             color: L.type === "folder" ? "warning" : "secondary"
           }
         ),
-        /* @__PURE__ */ e("span", { className: c(L.type === "folder" && "font-medium"), children: T })
+        /* @__PURE__ */ e("span", { className: c(L.type === "folder" && "font-medium"), children: M })
       ] })
     },
     {
       id: "type",
       header: "Type",
-      accessor: (T) => T.type === "folder" ? "Folder" : T.mimeType
+      accessor: (M) => M.type === "folder" ? "Folder" : M.mimeType
     },
     {
       id: "size",
       header: "Size",
-      accessor: (T) => T.type === "file" ? `${(T.size / 1024).toFixed(1)} KB` : "-"
+      accessor: (M) => M.type === "file" ? `${(M.size / 1024).toFixed(1)} KB` : "-"
     },
     {
       id: "actions",
       header: "",
       accessor: "id",
       align: "right",
-      cell: (T, L) => /* @__PURE__ */ e(
+      cell: (M, L) => /* @__PURE__ */ e(
         le,
         {
           variant: "outline",
           onClick: (Q) => {
-            Q.stopPropagation(), L.type === "folder" ? M(L.name) : X(L);
+            Q.stopPropagation(), L.type === "folder" ? T(L.name) : X(L);
           },
           loading: V && L.type === "file" && Y?.id === L.id,
           children: L.type === "folder" ? "Open" : "Select"
@@ -2678,9 +2678,9 @@ const Lr = ({
       id: "name",
       header: "Mount Name",
       accessor: "name",
-      cell: (T) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ e(Z, { icon: Re, size: "sm", color: "primary" }),
-        /* @__PURE__ */ e("span", { children: T })
+      cell: (M) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 font-medium", children: [
+        /* @__PURE__ */ e(Z, { icon: He, size: "sm", color: "primary" }),
+        /* @__PURE__ */ e("span", { children: M })
       ] })
     },
     {
@@ -2688,7 +2688,7 @@ const Lr = ({
       header: "",
       accessor: "id",
       align: "right",
-      cell: (T, L) => /* @__PURE__ */ e(le, { variant: "outline", onClick: () => $(L), children: "Open" })
+      cell: (M, L) => /* @__PURE__ */ e(le, { variant: "outline", onClick: () => _(L), children: "Open" })
     }
   ];
   return /* @__PURE__ */ i("div", { className: "space-y-1", children: [
@@ -2704,12 +2704,12 @@ const Lr = ({
           l && "opacity-50 cursor-not-allowed bg-surface-sunk"
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Z, { icon: Y ? Ie : Re, color: Y ? "primary" : "secondary" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(Z, { icon: Y ? Ie : He, color: Y ? "primary" : "secondary" }) }),
           /* @__PURE__ */ e("div", { className: "flex-grow truncate", children: Y ? /* @__PURE__ */ e("span", { className: "text-sm text-text font-medium", children: Y.name }) : /* @__PURE__ */ e("span", { className: "text-sm text-text-muted", children: s }) }),
           Y && !l && /* @__PURE__ */ e(
             "button",
             {
-              onClick: I,
+              onClick: P,
               className: "p-1 hover:bg-surface-hover rounded",
               children: /* @__PURE__ */ e(Z, { icon: we, size: "xs" })
             }
@@ -2719,16 +2719,16 @@ const Lr = ({
     ),
     a && /* @__PURE__ */ e(fe, { variant: "body", size: "xs", className: "text-danger-fg", children: a }),
     /* @__PURE__ */ e(
-      st,
+      at,
       {
         open: b,
         onClose: () => {
-          v(!1), $(null), q("/"), k(!1);
+          v(!1), _(null), q("/"), k(!1);
         },
         title: x ? `Explorer: ${x.name}` : "Select Storage Mount",
         size: "lg",
         children: /* @__PURE__ */ e(
-          Er,
+          zr,
           {
             variant: "pills",
             items: [
@@ -2742,9 +2742,9 @@ const Lr = ({
                       {
                         variant: "ghost",
                         onClick: () => {
-                          S && S !== "/" ? C() : $(null);
+                          S && S !== "/" ? C() : _(null);
                         },
-                        leftIcon: /* @__PURE__ */ e(Z, { icon: St, size: "xs" }),
+                        leftIcon: /* @__PURE__ */ e(Z, { icon: Et, size: "xs" }),
                         children: S ? "Back" : "Back to Mounts"
                       }
                     ),
@@ -2754,7 +2754,7 @@ const Lr = ({
                       {
                         placeholder: "Search...",
                         value: H,
-                        onChange: (T) => te(T.target.value),
+                        onChange: (M) => te(M.target.value),
                         startIcon: /* @__PURE__ */ e(De, { size: 14 }),
                         fullWidth: !0
                       }
@@ -2765,7 +2765,7 @@ const Lr = ({
                         {
                           variant: "outline",
                           onClick: () => k(!0),
-                          leftIcon: /* @__PURE__ */ e(Z, { icon: Et, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Z, { icon: zt, size: "xs" }),
                           children: "New Folder"
                         }
                       ),
@@ -2774,7 +2774,7 @@ const Lr = ({
                         {
                           variant: "primary",
                           onClick: () => y.current?.click(),
-                          leftIcon: /* @__PURE__ */ e(Z, { icon: zt, size: "xs" }),
+                          leftIcon: /* @__PURE__ */ e(Z, { icon: Tt, size: "xs" }),
                           loading: V,
                           children: "Upload"
                         }
@@ -2792,13 +2792,13 @@ const Lr = ({
                     ] })
                   ] }),
                   ie && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 p-3 bg-surface-sunk rounded-lg border border-border", children: [
-                    /* @__PURE__ */ e(Z, { icon: He, size: "sm", color: "warning" }),
+                    /* @__PURE__ */ e(Z, { icon: Ve, size: "sm", color: "warning" }),
                     /* @__PURE__ */ e(
                       Ne,
                       {
                         placeholder: "Folder name",
                         value: m,
-                        onChange: (T) => z(T.target.value),
+                        onChange: (M) => z(M.target.value),
                         autoFocus: !0
                       }
                     ),
@@ -2806,23 +2806,23 @@ const Lr = ({
                     /* @__PURE__ */ e(le, { variant: "ghost", onClick: () => k(!1), children: "Cancel" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                    Ue,
+                    Ke,
                     {
-                      data: A,
-                      columns: j,
+                      data: D,
+                      columns: O,
                       loading: V,
                       emptyContent: "This folder is empty",
-                      onRowClick: (T) => T.type === "folder" ? M(T.name) : X(T)
+                      onRowClick: (M) => M.type === "folder" ? T(M.name) : X(M)
                     }
                   ) })
                 ] }) : /* @__PURE__ */ e("div", { className: "max-h-100 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ e(
-                  Ue,
+                  Ke,
                   {
                     data: w,
                     columns: R,
                     loading: V,
                     emptyContent: "No storage mounts configured",
-                    onRowClick: (T) => $(T)
+                    onRowClick: (M) => _(M)
                   }
                 ) }) })
               },
@@ -2844,7 +2844,7 @@ const Lr = ({
                       {
                         type: "file",
                         className: "hidden",
-                        onChange: K,
+                        onChange: W,
                         accept: o,
                         disabled: V
                       }
@@ -2863,7 +2863,7 @@ const Lr = ({
   md: "px-3 py-2 text-base",
   lg: "px-3 py-2 text-md",
   full: "px-3 py-2 text-md"
-}, Oe = be(
+}, Fe = be(
   ({
     label: t,
     helperText: r,
@@ -2885,7 +2885,7 @@ const Lr = ({
         {
           htmlFor: w,
           className: c(
-            et,
+            tt,
             g ? "text-danger-fg" : "text-text-muted",
             f
           ),
@@ -2902,10 +2902,10 @@ const Lr = ({
             "aria-invalid": g || void 0,
             "aria-describedby": x,
             className: c(
-              tt,
+              rt,
               "resize-y leading-relaxed",
               Ir[s],
-              rt(g),
+              nt(g),
               d
             ),
             ...u
@@ -2930,8 +2930,8 @@ const Lr = ({
     ] });
   }
 );
-Oe.displayName = "TextArea";
-const Pr = /* @__PURE__ */ new Set([
+Fe.displayName = "TextArea";
+const Or = /* @__PURE__ */ new Set([
   "name",
   "given-name",
   "family-name",
@@ -2966,7 +2966,7 @@ const Pr = /* @__PURE__ */ new Set([
   "one-time-code"
 ]);
 function We(t) {
-  return t && Pr.has(t) ? { autoComplete: t } : {
+  return t && Or.has(t) ? { autoComplete: t } : {
     autoComplete: "off",
     // 1Password
     "data-1p-ignore": "true",
@@ -2978,7 +2978,7 @@ function We(t) {
     "data-form-type": "other"
   };
 }
-function Ke(t, r) {
+function Ge(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
@@ -2993,7 +2993,7 @@ function jr(t, r, n) {
   }
   return l[s[s.length - 1]] = n, a;
 }
-function Or(t, r) {
+function Fr(t, r) {
   const n = r.split("."), s = Array.isArray(t) ? [...t] : { ...t };
   let a = s;
   for (let l = 0; l < n.length - 1; l++) {
@@ -3003,7 +3003,7 @@ function Or(t, r) {
   }
   return delete a[n[n.length - 1]], s;
 }
-function Fr({
+function Br({
   title: t,
   description: r,
   className: n,
@@ -3017,7 +3017,7 @@ function Fr({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: s })
   ] });
 }
-const Yn = ({
+const ts = ({
   groups: t,
   data: r,
   onSubmit: n,
@@ -3035,13 +3035,13 @@ const Yn = ({
   ref: w,
   sdk: g
 }) => {
-  const [x, $] = O(r || {}), [S, q] = O({}), [D, J] = O({});
+  const [x, _] = j(r || {}), [S, q] = j({}), [A, J] = j({});
   G(() => {
-    r && $({ ...r });
+    r && _({ ...r });
   }, [r]);
   const V = xe(
     (k, m, z) => {
-      const y = t.flatMap((_) => _.items).find((_) => _.name === k);
+      const y = t.flatMap(($) => $.items).find(($) => $.name === k);
       if (!y) return null;
       if (y.required && (m == null || m === ""))
         return `${y.label} is required`;
@@ -3051,61 +3051,61 @@ const Yn = ({
         if (m && !Array.isArray(m))
           return `${y.label} must be an array.`;
         if (Array.isArray(m) && y.arrayFields) {
-          const _ = [];
+          const $ = [];
           let N = !1;
-          if (m.forEach((K, re) => {
+          if (m.forEach((W, re) => {
             const ee = {};
             for (const X of y.arrayFields) {
-              const I = K?.[X.name];
-              if (X.required && (I == null || I === ""))
+              const P = W?.[X.name];
+              if (X.required && (P == null || P === ""))
                 ee[X.name] = `${X.label} is required`, N = !0;
               else if (X.validator) {
-                const B = X.validator(I, K);
+                const B = X.validator(P, W);
                 B && (ee[X.name] = B, N = !0);
               }
             }
-            _[re] = ee;
+            $[re] = ee;
           }), N)
-            return JSON.stringify(_);
+            return JSON.stringify($);
         }
       }
       return y.validator ? y.validator(m, z) : null;
     },
     [t]
-  ), P = xe(
+  ), I = xe(
     (k, m) => {
       let z = jr(
         x,
         k,
         m
       );
-      t.flatMap((N) => N.items).find((N) => N.name === k)?.removeIfEmpty && (m == null || m === "") && (z = Or(z, k)), $(z), J((N) => ({ ...N, [k]: !0 }));
-      const _ = V(k, m, z);
+      t.flatMap((N) => N.items).find((N) => N.name === k)?.removeIfEmpty && (m == null || m === "") && (z = Fr(z, k)), _(z), J((N) => ({ ...N, [k]: !0 }));
+      const $ = V(k, m, z);
       q((N) => ({
         ...N,
-        [k]: _ || ""
+        [k]: $ || ""
       })), a?.(z, k);
     },
     [x, t, V, a]
   ), H = xe(
     async (k) => {
       if (k.preventDefault(), b) return;
-      const m = {}, z = t.flatMap((_) => _.items);
-      for (const _ of z) {
-        if (_.hidden || _.conditional && !_.conditional(x))
+      const m = {}, z = t.flatMap(($) => $.items);
+      for (const $ of z) {
+        if ($.hidden || $.conditional && !$.conditional(x))
           continue;
         const N = V(
-          _.name,
-          Ke(x, _.name),
+          $.name,
+          Ge(x, $.name),
           x
         );
-        N && (m[_.name] = N);
+        N && (m[$.name] = N);
       }
       if (o) {
-        const _ = o(x);
-        _ && Object.assign(m, _);
+        const $ = o(x);
+        $ && Object.assign(m, $);
       }
-      if (q(m), Object.keys(m).some((_) => m[_]))
+      if (q(m), Object.keys(m).some(($) => m[$]))
         return;
       const y = l ? l(x) : x;
       await n?.(x, y);
@@ -3113,7 +3113,7 @@ const Yn = ({
     [x, t, V, o, l, n, b]
   ), te = xe(
     (k) => {
-      const m = Ke(x, k.name), z = D[k.name] ? S[k.name] : void 0, y = k.disabled || b, _ = {
+      const m = Ge(x, k.name), z = A[k.name] ? S[k.name] : void 0, y = k.disabled || b, $ = {
         value: m || "",
         disabled: y,
         required: k.required,
@@ -3130,8 +3130,8 @@ const Yn = ({
           return /* @__PURE__ */ e(
             Ne,
             {
-              ..._,
-              onChange: (N) => P(k.name, N.target.value),
+              ...$,
+              onChange: (N) => I(k.name, N.target.value),
               type: k.textType || k.type,
               ...We(k.autocomplete),
               error: z,
@@ -3140,10 +3140,10 @@ const Yn = ({
           );
         case "textarea":
           return /* @__PURE__ */ e(
-            Oe,
+            Fe,
             {
-              ..._,
-              onChange: (N) => P(k.name, N.target.value),
+              ...$,
+              onChange: (N) => I(k.name, N.target.value),
               rows: k.rows ?? 4,
               error: z,
               size: u
@@ -3153,8 +3153,8 @@ const Yn = ({
           return /* @__PURE__ */ e(
             Me,
             {
-              ..._,
-              onChange: (N) => P(k.name, N),
+              ...$,
+              onChange: (N) => I(k.name, N),
               options: (k.options || []).map((N) => ({
                 ...N,
                 value: String(N.value)
@@ -3171,11 +3171,11 @@ const Yn = ({
         // open to learn what the choices even are.
         case "segmented":
           return /* @__PURE__ */ e(
-            tr,
+            rr,
             {
               "aria-label": k.label,
               value: m == null ? "" : String(m),
-              onChange: (N) => P(k.name, N),
+              onChange: (N) => I(k.name, N),
               options: (k.options || []).map((N) => ({
                 value: String(N.value),
                 label: N.label
@@ -3188,10 +3188,10 @@ const Yn = ({
           return /* @__PURE__ */ e(
             ye,
             {
-              ..._,
+              ...$,
               label: k.label,
               checked: !!m,
-              onChange: (N) => P(k.name, N.target.checked),
+              onChange: (N) => I(k.name, N.target.checked),
               size: u
             }
           );
@@ -3208,7 +3208,7 @@ const Yn = ({
                     name: k.name,
                     value: N.value,
                     checked: m === N.value,
-                    onChange: () => P(k.name, N.value),
+                    onChange: () => I(k.name, N.value),
                     disabled: y || N.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"
                   }
@@ -3222,19 +3222,19 @@ const Yn = ({
           return /* @__PURE__ */ e(
             je,
             {
-              ..._,
+              ...$,
               value: m ? new Date(m) : null,
-              onChange: (N) => P(k.name, N),
+              onChange: (N) => I(k.name, N),
               size: u
             }
           );
         case "file":
           return /* @__PURE__ */ e(
-            Lr,
+            Pr,
             {
-              ..._,
+              ...$,
               value: m,
-              onChange: (N) => P(k.name, N),
+              onChange: (N) => I(k.name, N),
               error: z,
               onListFiles: (N) => g?.http.invoke({
                 method: "POST",
@@ -3263,10 +3263,10 @@ const Yn = ({
           );
         case "folder":
           return /* @__PURE__ */ e(
-            mr,
+            fr,
             {
               value: m || {},
-              onChange: (N) => P(k.name, N),
+              onChange: (N) => I(k.name, N),
               onListFolders: () => g?.http.invoke({
                 method: "GET",
                 action: "storage.mount"
@@ -3279,54 +3279,54 @@ const Yn = ({
         case "custom":
           return k.customComponent?.({
             value: m,
-            onChange: (N) => P(k.name, N),
+            onChange: (N) => I(k.name, N),
             error: z,
             disabled: y
           });
         case "array": {
           const N = m || [];
-          let K = [];
+          let W = [];
           if (typeof z == "string" && z.startsWith("["))
             try {
-              K = JSON.parse(z);
+              W = JSON.parse(z);
             } catch {
             }
           const re = () => {
-            P(k.name, [...N, {}]);
-          }, ee = (I) => {
-            P(
+            I(k.name, [...N, {}]);
+          }, ee = (P) => {
+            I(
               k.name,
-              N.filter((B, M) => M !== I)
+              N.filter((B, T) => T !== P)
             );
-          }, X = (I, B, M) => {
+          }, X = (P, B, T) => {
             const C = [...N];
-            C[I] = {
-              ...C[I],
-              [B]: M
-            }, P(k.name, C);
+            C[P] = {
+              ...C[P],
+              [B]: T
+            }, I(k.name, C);
           };
           return /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-            N.map((I, B) => /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: k.arrayFields?.map((M) => {
-                const C = K?.[B]?.[M.name];
+            N.map((P, B) => /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ e("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: k.arrayFields?.map((T) => {
+                const C = W?.[B]?.[T.name];
                 return /* @__PURE__ */ i(
                   "div",
                   {
                     className: "flex flex-col gap-1",
                     children: [
                       B === 0 && /* @__PURE__ */ i("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: "*" })
+                        T.label,
+                        T.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                       ] }),
                       (() => {
-                        const A = {
-                          value: I?.[M.name] || "",
+                        const D = {
+                          value: P?.[T.name] || "",
                           disabled: y,
-                          required: M.required,
-                          placeholder: M.placeholder,
-                          ...M.fieldProps
+                          required: T.required,
+                          placeholder: T.placeholder,
+                          ...T.fieldProps
                         };
-                        switch (M.type) {
+                        switch (T.type) {
                           case "text":
                           case "email":
                           case "password":
@@ -3336,29 +3336,29 @@ const Yn = ({
                             return /* @__PURE__ */ e(
                               Ne,
                               {
-                                ...A,
-                                onChange: (j) => X(
+                                ...D,
+                                onChange: (O) => X(
                                   B,
-                                  M.name,
-                                  j.target.value
+                                  T.name,
+                                  O.target.value
                                 ),
-                                type: M.textType || M.type,
-                                ...We(M.autocomplete),
+                                type: T.textType || T.type,
+                                ...We(T.autocomplete),
                                 error: C,
                                 size: u
                               }
                             );
                           case "textarea":
                             return /* @__PURE__ */ e(
-                              Oe,
+                              Fe,
                               {
-                                ...A,
-                                onChange: (j) => X(
+                                ...D,
+                                onChange: (O) => X(
                                   B,
-                                  M.name,
-                                  j.target.value
+                                  T.name,
+                                  O.target.value
                                 ),
-                                rows: M.rows ?? 4,
+                                rows: T.rows ?? 4,
                                 error: C,
                                 size: u
                               }
@@ -3367,21 +3367,21 @@ const Yn = ({
                             return /* @__PURE__ */ e(
                               Me,
                               {
-                                ...A,
-                                onChange: (j) => X(
+                                ...D,
+                                onChange: (O) => X(
                                   B,
-                                  M.name,
-                                  j
+                                  T.name,
+                                  O
                                 ),
-                                options: (M.options || []).map(
-                                  (j) => ({
-                                    ...j,
-                                    value: String(j.value)
+                                options: (T.options || []).map(
+                                  (O) => ({
+                                    ...O,
+                                    value: String(O.value)
                                   })
                                 ),
-                                searchable: M.searchable,
-                                multiple: M.multiple,
-                                allowCreate: M.allowCreate,
+                                searchable: T.searchable,
+                                multiple: T.multiple,
+                                allowCreate: T.allowCreate,
                                 error: C,
                                 size: u
                               }
@@ -3390,18 +3390,18 @@ const Yn = ({
                             return /* @__PURE__ */ e(
                               ye,
                               {
-                                ...A,
-                                checked: !!I?.[M.name],
-                                onChange: (j) => X(
+                                ...D,
+                                checked: !!P?.[T.name],
+                                onChange: (O) => X(
                                   B,
-                                  M.name,
-                                  j.target.checked
+                                  T.name,
+                                  O.target.checked
                                 ),
                                 size: u
                               }
                             );
                           case "radio":
-                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: M.options?.map((j) => /* @__PURE__ */ i(
+                            return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: T.options?.map((O) => /* @__PURE__ */ i(
                               "label",
                               {
                                 className: "flex cursor-pointer items-center gap-2 text-base text-text",
@@ -3410,33 +3410,33 @@ const Yn = ({
                                     "input",
                                     {
                                       type: "radio",
-                                      name: `${k.name}.${B}.${M.name}`,
-                                      value: j.value,
-                                      checked: I?.[M.name] === j.value,
+                                      name: `${k.name}.${B}.${T.name}`,
+                                      value: O.value,
+                                      checked: P?.[T.name] === O.value,
                                       onChange: () => X(
                                         B,
-                                        M.name,
-                                        j.value
+                                        T.name,
+                                        O.value
                                       ),
-                                      disabled: y || j.disabled,
+                                      disabled: y || O.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"
                                     }
                                   ),
-                                  j.label
+                                  O.label
                                 ]
                               },
-                              j.value
+                              O.value
                             )) });
                           case "date": {
-                            const j = I?.[M.name];
+                            const O = P?.[T.name];
                             return /* @__PURE__ */ e(
                               je,
                               {
-                                ...A,
-                                value: j ? new Date(j) : null,
+                                ...D,
+                                value: O ? new Date(O) : null,
                                 onChange: (R) => X(
                                   B,
-                                  M.name,
+                                  T.name,
                                   R
                                 ),
                                 size: u
@@ -3444,12 +3444,12 @@ const Yn = ({
                             );
                           }
                           case "custom":
-                            return M.customComponent?.({
-                              value: I?.[M.name],
-                              onChange: (j) => X(
+                            return T.customComponent?.({
+                              value: P?.[T.name],
+                              onChange: (O) => X(
                                 B,
-                                M.name,
-                                j
+                                T.name,
+                                O
                               ),
                               error: C,
                               disabled: y
@@ -3459,14 +3459,14 @@ const Yn = ({
                             return /* @__PURE__ */ i("p", { children: [
                               "Unsupported field type in array:",
                               " ",
-                              M.type
+                              T.type
                             ] });
                         }
                       })(),
                       C && /* @__PURE__ */ e("p", { className: "text-xs text-danger-fg", children: C })
                     ]
                   },
-                  M.name
+                  T.name
                 );
               }) }),
               /* @__PURE__ */ e(
@@ -3489,7 +3489,7 @@ const Yn = ({
               {
                 type: "button",
                 variant: "secondary",
-                leftIcon: /* @__PURE__ */ e(Tt, { className: "size-icon-sm" }),
+                leftIcon: /* @__PURE__ */ e(_t, { className: "size-icon-sm" }),
                 onClick: re,
                 disabled: y,
                 children: [
@@ -3504,7 +3504,7 @@ const Yn = ({
           return null;
       }
     },
-    [x, D, S, b, u, P]
+    [x, A, S, b, u, I]
   ), Y = xe(
     (k) => {
       if (k.conditional && !k.conditional(x))
@@ -3526,13 +3526,13 @@ const Yn = ({
         // 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(
-          Fr,
+          Br,
           {
             title: k.title,
             description: k.description,
             className: "not-last:border-b not-last:border-border-subtle",
             children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: z, children: m.map((y) => {
-              const _ = D[y.name] ? S[y.name] : void 0;
+              const $ = A[y.name] ? S[y.name] : void 0;
               return /* @__PURE__ */ i(
                 "div",
                 {
@@ -3550,7 +3550,7 @@ const Yn = ({
                       y.required && /* @__PURE__ */ e("span", { className: "ml-1 text-danger-fg", children: "*" })
                     ] }),
                     te(y),
-                    y.help && !_ && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: y.help })
+                    y.help && !$ && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-text-subtle", children: y.help })
                   ]
                 },
                 y.name
@@ -3561,8 +3561,8 @@ const Yn = ({
         )
       );
     },
-    [x, D, S, te]
-  ), W = c(
+    [x, A, S, te]
+  ), K = c(
     {
       "max-w-settings": u === "sm",
       "max-w-form": u === "md",
@@ -3571,7 +3571,7 @@ const Yn = ({
     },
     v
   ), ie = u === "full" ? "md" : u;
-  return /* @__PURE__ */ i("form", { ref: w, onSubmit: H, className: W, children: [
+  return /* @__PURE__ */ i("form", { ref: w, onSubmit: H, className: K, children: [
     !p && /* @__PURE__ */ e("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": !0 }),
     /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map(Y) }),
     p && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 border-t border-border-subtle py-4", children: /* @__PURE__ */ i(ke, { children: [
@@ -3603,7 +3603,7 @@ const Yn = ({
     ] }) })
   ] });
 };
-function Xn({
+function rs({
   open: t,
   title: r,
   description: n,
@@ -3615,7 +3615,7 @@ function Xn({
   onCancel: d
 }) {
   return /* @__PURE__ */ e(
-    st,
+    at,
     {
       open: t,
       onClose: d,
@@ -3637,7 +3637,7 @@ function Xn({
     }
   );
 }
-const Br = {
+const Rr = {
   default: "bg-surface-hover text-text",
   primary: "bg-accent-soft text-accent",
   secondary: "bg-surface-hover text-text-muted",
@@ -3647,11 +3647,11 @@ const Br = {
   info: "bg-info-soft text-info-fg",
   // Internal-note amber. Never for customer-visible content.
   note: "bg-note-soft text-note"
-}, Rr = {
+}, Hr = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
-}, Hr = {
+}, Vr = {
   default: "bg-surface-hover",
   primary: "bg-accent",
   secondary: "bg-surface-hover",
@@ -3661,7 +3661,7 @@ const Br = {
   info: "bg-info",
   note: "bg-note"
 };
-function Vr({
+function qr({
   variant: t = "default",
   size: r = "md",
   dot: n = !1,
@@ -3679,9 +3679,9 @@ function Vr({
         // Base styles
         "inline-flex items-center font-medium rounded-full",
         // Variant styles
-        Br[t],
+        Rr[t],
         // Size styles
-        Rr[r],
+        Hr[r],
         o
       ),
       ...d,
@@ -3691,7 +3691,7 @@ function Vr({
           {
             className: c(
               "w-2 h-2 rounded-full mr-1.5",
-              Hr[t]
+              Vr[t]
             )
           }
         ),
@@ -3711,7 +3711,7 @@ function Vr({
   );
 }
 const me = ({ className: t }) => /* @__PURE__ */ e("span", { className: c("block rounded-xs bg-surface-hover", t) });
-function qr({ shape: t, rows: r, columns: n }) {
+function Ur({ shape: t, rows: r, columns: n }) {
   switch (t) {
     case "table":
       return /* @__PURE__ */ i("div", { className: "overflow-hidden rounded-lg ring-1 ring-border", children: [
@@ -3775,7 +3775,7 @@ function qr({ shape: t, rows: r, columns: n }) {
       ] });
   }
 }
-const Ur = {
+const Kr = {
   text: 2,
   table: 8,
   list: 6,
@@ -3783,7 +3783,7 @@ const Ur = {
   menu: 4,
   cards: 2
 };
-function Fe({
+function Be({
   variant: t = "page",
   shape: r,
   rows: n,
@@ -3794,14 +3794,14 @@ function Fe({
   tableColumns: f,
   tableRows: d
 }) {
-  const p = r ?? (o ? "table" : "text"), h = n ?? d ?? Ur[p], u = s ?? f ?? (p === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: c("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(qr, { shape: p, rows: h, columns: u }) });
+  const p = r ?? (o ? "table" : "text"), h = n ?? d ?? Kr[p], u = s ?? f ?? (p === "cards" ? 3 : 6), b = /* @__PURE__ */ e("div", { className: c("w-full animate-pulse", l), "aria-hidden": !0, children: a ?? /* @__PURE__ */ e(Ur, { shape: p, rows: h, columns: u }) });
   return t === "inline" ? b : /* @__PURE__ */ e("main", { className: "flex-1 bg-surface p-6", children: b });
 }
 const Wr = {
   neutral: "bg-surface-hover text-text-muted",
   success: "bg-success-soft text-success-fg"
 };
-function Zn({
+function ns({
   icon: t,
   tone: r = "neutral",
   title: n,
@@ -3829,7 +3829,7 @@ function Zn({
     }
   );
 }
-function Qn({ children: t, className: r, ...n }) {
+function ss({ children: t, className: r, ...n }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -3842,14 +3842,14 @@ function Qn({ children: t, className: r, ...n }) {
     }
   );
 }
-const Kr = {
+const Gr = {
   sm: "h-1",
   md: "h-1.5"
-}, Gr = {
+}, Jr = {
   accent: "bg-accent",
   success: "bg-success"
 };
-function es({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
+function as({ value: t, variant: r = "accent", size: n = "md", className: s, ...a }) {
   const l = Math.max(0, Math.min(100, t));
   return /* @__PURE__ */ e(
     "div",
@@ -3858,37 +3858,37 @@ function es({ value: t, variant: r = "accent", size: n = "md", className: s, ...
       "aria-valuenow": Math.round(l),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      className: c("w-full overflow-hidden rounded-full bg-surface-hover", Kr[n], s),
+      className: c("w-full overflow-hidden rounded-full bg-surface-hover", Gr[n], s),
       ...a,
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: c("h-full rounded-full transition-[width] duration-300 ease-out", Gr[r]),
+          className: c("h-full rounded-full transition-[width] duration-300 ease-out", Jr[r]),
           style: { width: `${l}%` }
         }
       )
     }
   );
 }
-const Jr = {
+const Yr = {
   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"
-}, Yr = {
+}, Xr = {
   primary: "text-accent",
   secondary: "text-text-muted",
   white: "text-white",
   current: "text-current"
-}, Xr = {
+}, Zr = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-lg"
 };
-function ts({
+function ls({
   size: t = "md",
   variant: r = "primary",
   label: n = "Loading...",
@@ -3911,8 +3911,8 @@ function ts({
           {
             className: c(
               "animate-spin",
-              Jr[t],
-              Yr[r]
+              Yr[t],
+              Xr[r]
             ),
             fill: "none",
             viewBox: "0 0 24 24",
@@ -3946,7 +3946,7 @@ function ts({
           {
             className: c(
               "text-text-muted",
-              Xr[t]
+              Zr[t]
             ),
             children: n
           }
@@ -3956,7 +3956,7 @@ function ts({
     }
   );
 }
-const Zr = {
+const Qr = {
   neutral: "bg-text-disabled",
   accent: "bg-accent",
   success: "bg-success",
@@ -3970,7 +3970,7 @@ const Zr = {
   "cat-4": "bg-cat-4",
   "cat-5": "bg-cat-5"
 };
-function rs({
+function os({
   tone: t = "neutral",
   shape: r = "round",
   pulse: n = !1,
@@ -3986,14 +3986,14 @@ function rs({
       className: c(
         "inline-block size-dot shrink-0",
         r === "round" ? "rounded-full" : "rounded-sm",
-        Zr[t],
+        Qr[t],
         n && "animate-pulse",
         a
       )
     }
   );
 }
-function ns({
+function cs({
   steps: t,
   current: r,
   variant: n = "numbered",
@@ -4029,7 +4029,163 @@ function ns({
     d < t.length - 1 && /* @__PURE__ */ e("span", { className: "h-px w-8 bg-border-strong" })
   ] }, f)) });
 }
-function ss({ title: t, icon: r = /* @__PURE__ */ e($t, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
+const en = /<[a-z][\s\S]*>/i, tn = [
+  "[&_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",
+  "[&_ul]:my-1.5 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:my-1.5 [&_ol]:list-decimal [&_ol]:pl-5",
+  "[&_li]:leading-relaxed",
+  "[&_h1]:mb-1 [&_h1]:mt-2 [&_h1]:font-semibold [&_h2]:mb-1 [&_h2]:mt-2 [&_h2]:font-semibold [&_h3]:mb-1 [&_h3]:mt-2 [&_h3]:font-semibold",
+  "[&_blockquote]:my-1.5 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-text-muted",
+  "[&_hr]:my-2 [&_hr]:border-border",
+  "[&_pre]:my-1.5 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-surface-sunk [&_pre]:p-2 [&_pre]:text-xs",
+  "[&_code]:rounded-sm [&_code]:bg-surface-sunk [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-xs",
+  "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
+  "[&_table]:my-1.5 [&_table]:w-full [&_table]:border-collapse [&_table]:text-xs",
+  "[&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold",
+  "[&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1"
+].join(" "), rn = {
+  p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
+  a: (t) => /* @__PURE__ */ e("a", { className: "text-accent underline underline-offset-2 hover:opacity-80", target: "_blank", rel: "noopener noreferrer", ...t }),
+  strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
+  em: (t) => /* @__PURE__ */ e("em", { className: "italic", ...t }),
+  ul: (t) => /* @__PURE__ */ e("ul", { className: "my-1.5 list-disc space-y-0.5 pl-5", ...t }),
+  ol: (t) => /* @__PURE__ */ e("ol", { className: "my-1.5 list-decimal space-y-0.5 pl-5", ...t }),
+  li: (t) => /* @__PURE__ */ e("li", { className: "leading-relaxed", ...t }),
+  h1: (t) => /* @__PURE__ */ e("h1", { className: "mb-1 mt-2 text-md font-semibold first:mt-0", ...t }),
+  h2: (t) => /* @__PURE__ */ e("h2", { className: "mb-1 mt-2 text-base font-semibold first:mt-0", ...t }),
+  h3: (t) => /* @__PURE__ */ e("h3", { className: "mb-1 mt-2 text-base font-semibold first:mt-0", ...t }),
+  blockquote: (t) => /* @__PURE__ */ e("blockquote", { className: "my-1.5 border-l-2 border-border pl-3 text-text-muted", ...t }),
+  hr: (t) => /* @__PURE__ */ e("hr", { className: "my-2 border-border", ...t }),
+  pre: (t) => /* @__PURE__ */ e("pre", { className: "my-1.5 overflow-x-auto rounded-md bg-surface-sunk p-2 text-xs", ...t }),
+  code: ({ className: t, children: r, ...n }) => {
+    const s = String(r ?? "");
+    return /language-/.test(t ?? "") || s.includes(`
+`) ? /* @__PURE__ */ e("code", { className: "font-mono text-xs", ...n, children: r }) : /* @__PURE__ */ e("code", { className: "rounded-sm bg-surface-sunk px-1 py-0.5 font-mono text-xs", ...n, children: r });
+  },
+  table: (t) => /* @__PURE__ */ e("div", { className: "my-1.5 overflow-x-auto", children: /* @__PURE__ */ e("table", { className: "w-full border-collapse text-xs", ...t }) }),
+  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 Ee({ text: t, className: r, as: n }) {
+  const s = t ?? "";
+  return (n ? n === "html" : en.test(s)) ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: c("break-words", tn, r),
+      dangerouslySetInnerHTML: { __html: Pt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
+    }
+  ) : /* @__PURE__ */ e("div", { className: c("break-words", r), children: /* @__PURE__ */ e(It, { remarkPlugins: [Ot], components: rn, children: s }) });
+}
+const nn = {
+  info: "text-info-fg",
+  success: "text-success-fg",
+  warning: "text-warning-fg",
+  destructive: "text-danger-fg"
+}, sn = {
+  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"
+}, an = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4"
+};
+function ln({ 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(Ee, { 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(Ee, { 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":
+      return /* @__PURE__ */ e("hr", { className: "border-border-subtle" });
+    case "list": {
+      const r = t.style === "numbered" ? "ol" : "ul";
+      return /* @__PURE__ */ e(
+        r,
+        {
+          className: c(
+            "flex flex-col gap-2 pl-5 text-sm text-text",
+            t.style === "numbered" ? "list-decimal" : "list-disc"
+          ),
+          children: t.items.map((n, s) => /* @__PURE__ */ i("li", { className: "leading-relaxed marker:text-text-subtle", children: [
+            n.lead && /* @__PURE__ */ i("strong", { className: "font-semibold", children: [
+              n.lead,
+              " "
+            ] }),
+            /* @__PURE__ */ e(Ee, { as: "markdown", text: n.text, className: "inline" })
+          ] }, s))
+        }
+      );
+    }
+    case "table":
+      return /* @__PURE__ */ i("figure", { className: "m-0", children: [
+        /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-lg ring-1 ring-border", children: /* @__PURE__ */ i("table", { className: "w-full border-collapse text-sm", children: [
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "bg-surface-sunk", children: t.columns.map((r, n) => /* @__PURE__ */ e(
+            "th",
+            {
+              className: c(
+                "px-4 py-2.5 text-xs font-semibold text-text-muted",
+                r.align === "right" ? "text-right" : "text-left"
+              ),
+              children: r.label
+            },
+            n
+          )) }) }),
+          /* @__PURE__ */ e("tbody", { children: t.rows.map((r, n) => /* @__PURE__ */ e("tr", { className: "border-t border-border-subtle", children: r.map((s, a) => /* @__PURE__ */ e(
+            "td",
+            {
+              className: c(
+                "px-4 py-2.5 tabular-nums text-text",
+                t.columns[a]?.align === "right" ? "text-right" : "text-left"
+              ),
+              children: s
+            },
+            a
+          )) }, n)) })
+        ] }) }),
+        t.caption && /* @__PURE__ */ e("figcaption", { className: "pt-2 text-xs italic text-text-subtle", children: t.caption })
+      ] });
+    case "kpi":
+      return /* @__PURE__ */ e("div", { className: c("grid gap-3", an[t.items.length] ?? "grid-cols-4"), children: t.items.map((r, n) => /* @__PURE__ */ i("div", { className: "rounded-lg bg-surface-sunk px-4 py-3.5", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: c(
+              "text-2xl font-semibold tracking-tight",
+              r.tone ? nn[r.tone] : "text-text"
+            ),
+            children: r.value
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r.label })
+      ] }, n)) });
+    case "callout":
+      return /* @__PURE__ */ i("div", { className: c("rounded-lg border px-4 py-3", sn[t.tone]), children: [
+        t.title && /* @__PURE__ */ e("div", { className: "pb-0.5 text-sm font-semibold text-text", children: t.title }),
+        /* @__PURE__ */ e(Ee, { as: "markdown", text: t.text, className: "text-sm text-text" })
+      ] });
+    default:
+      return null;
+  }
+}
+function is({ blocks: t, runtime: r = "inert", className: n }) {
+  return r !== "inert" ? /* @__PURE__ */ i("div", { className: c("rounded-lg border border-warning-border bg-warning-soft px-4 py-3", n), children: [
+    /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-text", children: "Deze versie kan hier niet getoond worden" }),
+    /* @__PURE__ */ i("div", { className: "pt-0.5 text-xs text-text-muted", children: [
+      "Hij is opgeslagen als ",
+      /* @__PURE__ */ e("code", { className: "font-mono", children: r }),
+      ", en deze weergave tekent alleen inerte inhoud."
+    ] })
+  ] }) : /* @__PURE__ */ e("article", { className: c("flex flex-col gap-4", n), children: t.map((s, a) => /* @__PURE__ */ e(ln, { block: s }, s.block_id ?? a)) });
+}
+function ds({ title: t, icon: r = /* @__PURE__ */ e($t, { className: "size-icon-md", "aria-hidden": !0 }), action: n, children: s, className: a, ...l }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -4050,23 +4206,23 @@ function ss({ title: t, icon: r = /* @__PURE__ */ e($t, { className: "size-icon-
     }
   );
 }
-const Qr = {
+const on = {
   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"
-}, en = {
+}, cn = {
   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 tn(t) {
+function dn(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 rn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a, title: l }) => {
+const un = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a, title: l }) => {
   const [o, f] = ce.useState(!1), d = c(
     // Its own token and not `surface-hover`: at 0.972 the plate was within a few
     // percent of every surface it sits on, so the monogram floated instead of
@@ -4074,8 +4230,8 @@ const rn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
     "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" ? Xe(t) : Qr[n],
-    en[s],
+    n === "identity" ? Ze(t) : on[n],
+    cn[s],
     a
   );
   return r && !o ? /* @__PURE__ */ e(
@@ -4087,13 +4243,13 @@ const rn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
       className: c(d, "object-cover"),
       onError: () => f(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: d, title: l ?? t, "aria-label": t, children: tn(t) });
-}, Ge = "ring-surface", nn = "ring-surface-accent", as = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
+  ) : /* @__PURE__ */ e("span", { className: d, title: l ?? t, "aria-label": t, children: dn(t) });
+}, Je = "ring-surface", mn = "ring-surface-accent", us = ({ people: t, max: r = 4, size: n = "sm", className: s }) => {
   if (t.length === 0) return null;
   const a = t.slice(0, r), l = t.length - a.length;
   return /* @__PURE__ */ i("span", { className: c("inline-flex items-center", s), children: [
     a.map((o, f) => /* @__PURE__ */ e(
-      rn,
+      un,
       {
         name: o.name,
         src: o.src,
@@ -4101,7 +4257,7 @@ const rn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
         title: o.name ? o.seen === !1 ? `${o.name} — nog niet gelezen` : o.name : void 0,
         className: c(
           f > 0 && "-ml-2",
-          o.owner ? nn : Ge,
+          o.owner ? mn : Je,
           o.seen === !1 && "opacity-40"
         )
       },
@@ -4115,7 +4271,7 @@ const rn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
           // in the row rather than a gap at the end of it.
           "inline-flex items-center justify-center rounded-full shrink-0 -ml-2 font-semibold bg-avatar text-avatar-fg",
           n === "xs" ? "w-5 h-5 text-xs" : n === "md" ? "w-7 h-7 text-xs" : n === "lg" ? "w-9 h-9 text-xs" : "w-6 h-6 text-xs",
-          Ge
+          Je
         ),
         children: [
           "+",
@@ -4124,37 +4280,37 @@ const rn = ({ name: t, src: r, tone: n = "default", size: s = "sm", className: a
       }
     )
   ] });
-}, Ee = {
+}, ze = {
   mail: { fg: "text-channel-mail-fg", bg: "bg-channel-mail-soft" },
   wa: { fg: "text-channel-whatsapp-fg", bg: "bg-channel-whatsapp-soft" },
   chat: { fg: "text-channel-chat-fg", bg: "bg-channel-chat-soft" },
   tel: { fg: "text-channel-phone-fg", bg: "bg-channel-phone-soft" },
   note: { fg: "text-channel-note-fg", bg: "bg-channel-note-soft" }
-}, sn = {
+}, fn = {
   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 ls({ channel: t, children: r, size: n = "md", className: s, title: a }) {
-  const l = t in Ee ? Ee[t] : void 0;
+function ms({ channel: t, children: r, size: n = "md", className: s, title: a }) {
+  const l = t in ze ? ze[t] : void 0;
   return /* @__PURE__ */ e(
     "span",
     {
       title: a,
       className: c(
         "inline-flex shrink-0 items-center justify-center font-bold",
-        sn[n],
+        fn[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 ? c(l.fg, l.bg) : t ? Xe(t) : c(Ee.note.fg, Ee.note.bg),
+        l ? c(l.fg, l.bg) : t ? Ze(t) : c(ze.note.fg, ze.note.bg),
         s
       ),
       children: r
     }
   );
 }
-const os = ({
+const fs = ({
   src: t,
   alt: r,
   size: n = "md",
@@ -4170,14 +4326,14 @@ const os = ({
   onError: b,
   ...v
 }) => {
-  const [w, g] = O(!0), [x, $] = O(!1), [S, q] = O(t), D = (W) => {
-    g(!1), $(!1), u?.(W);
-  }, J = (W) => {
-    if (g(!1), $(!0), f && S !== f) {
-      q(f), $(!1), g(!0);
+  const [w, g] = j(!0), [x, _] = j(!1), [S, q] = j(t), A = (K) => {
+    g(!1), _(!1), u?.(K);
+  }, J = (K) => {
+    if (g(!1), _(!0), f && S !== f) {
+      q(f), _(!1), g(!0);
       return;
     }
-    b?.(W);
+    b?.(K);
   }, V = c(
     "relative overflow-hidden bg-surface-hover",
     // Size variants
@@ -4206,7 +4362,7 @@ const os = ({
       "rounded-full": a === "full"
     },
     h
-  ), P = c(
+  ), I = c(
     "w-full h-full object-cover transition-opacity duration-fast",
     {
       "opacity-0": w || x,
@@ -4216,7 +4372,7 @@ const os = ({
     "absolute inset-0 flex items-center justify-center",
     "text-text-muted"
   ), te = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-surface-hover rounded" }) }), Y = /* @__PURE__ */ i("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(Z, { icon: _t, size: "lg", className: "mx-auto mb-1" }),
+    /* @__PURE__ */ e(Z, { icon: At, size: "lg", className: "mx-auto mb-1" }),
     /* @__PURE__ */ e("span", { className: "text-xs", children: "Failed to load" })
   ] });
   return /* @__PURE__ */ i("div", { className: V, children: [
@@ -4226,8 +4382,8 @@ const os = ({
         ...v,
         src: S,
         alt: r,
-        className: P,
-        onLoad: D,
+        className: I,
+        onLoad: A,
         onError: J
       }
     ),
@@ -4235,7 +4391,7 @@ const os = ({
     x && o && /* @__PURE__ */ e("div", { className: H, children: p || Y })
   ] });
 };
-function cs({
+function hs({
   icon: t,
   onClick: r,
   children: n
@@ -4258,7 +4414,7 @@ function cs({
     }
   );
 }
-function is({
+function xs({
   items: t,
   getRowKey: r,
   variant: n = "divided",
@@ -4276,17 +4432,17 @@ function is({
   stickyGroupHeaders: w = !1,
   collapsibleGroups: g = !1,
   hideGroupCount: x = !1,
-  selectable: $ = !1,
+  selectable: _ = !1,
   selectedItems: S = [],
   onSelectionChange: q,
-  bulkActions: D,
+  bulkActions: A,
   header: J,
   stickyHeader: V = !1,
-  bordered: P = !1,
+  bordered: I = !1,
   emptyContent: H,
   loading: te = !1,
   loadingRows: Y = 4,
-  className: W,
+  className: K,
   "aria-label": ie
 }) {
   const [k, m] = ce.useState(
@@ -4295,16 +4451,16 @@ function is({
     )
   ), z = ce.useRef(null), y = (C) => {
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(C.key)) return;
-    const j = Array.from(
+    const O = Array.from(
       z.current?.querySelectorAll("li[data-list-row]") ?? []
     );
-    if (j.length === 0) return;
+    if (O.length === 0) return;
     C.preventDefault();
-    const R = j.indexOf(document.activeElement), T = C.key === "Home" ? 0 : C.key === "End" ? j.length - 1 : C.key === "ArrowDown" ? (R + 1) % j.length : (R - 1 + j.length) % j.length;
-    j[T]?.focus();
-  }, _ = (C, A) => r ? r(C, A) : A, N = (C) => S.includes(C), K = (C, A) => {
+    const R = O.indexOf(document.activeElement), M = C.key === "Home" ? 0 : C.key === "End" ? O.length - 1 : C.key === "ArrowDown" ? (R + 1) % O.length : (R - 1 + O.length) % O.length;
+    O[M]?.focus();
+  }, $ = (C, D) => r ? r(C, D) : D, N = (C) => S.includes(C), W = (C, D) => {
     q && q(
-      A ? [...S, C] : S.filter((j) => j !== C)
+      D ? [...S, C] : S.filter((O) => O !== C)
     );
   }, re = (C) => q?.(C ? [...t] : []), ee = c(
     "flex flex-col",
@@ -4314,17 +4470,17 @@ function is({
     // screen. Growing the box to the height of its parent puts it where it
     // belongs — and only while a selection exists, so an ordinary short list
     // keeps its natural height.
-    $ && S.length > 0 && "min-h-full",
-    P && "overflow-hidden rounded-lg border border-border-subtle",
-    W
+    _ && S.length > 0 && "min-h-full",
+    I && "overflow-hidden rounded-lg border border-border-subtle",
+    K
   );
   if (te)
-    return /* @__PURE__ */ e("div", { className: ee, children: Array.from({ length: Y }).map((C, A) => /* @__PURE__ */ i(
+    return /* @__PURE__ */ e("div", { className: ee, children: Array.from({ length: Y }).map((C, D) => /* @__PURE__ */ i(
       "div",
       {
         className: c(
           "flex animate-pulse items-center gap-3 px-4 py-2",
-          n === "divided" && A > 0 && "border-t border-border-subtle"
+          n === "divided" && D > 0 && "border-t border-border-subtle"
         ),
         children: [
           /* @__PURE__ */ e("span", { className: "size-tile-sm shrink-0 rounded-md bg-surface-hover" }),
@@ -4333,12 +4489,12 @@ function is({
           /* @__PURE__ */ e("span", { className: "h-3 w-8 shrink-0 rounded-sm bg-surface-hover" })
         ]
       },
-      `skeleton-${A}`
+      `skeleton-${D}`
     )) });
   if (t.length === 0 && H)
     return /* @__PURE__ */ e("div", { className: ee, children: H });
-  const X = t.length > 0 && S.length === t.length, I = S.length > 0 && !X, B = (C, A, j) => {
-    const R = d?.(C, A) ?? !1, T = p?.(C, A) ?? !1, L = h?.(C, A) ?? !1, Q = $ && N(C);
+  const X = t.length > 0 && S.length === t.length, P = S.length > 0 && !X, B = (C, D, O) => {
+    const R = d?.(C, D) ?? !1, M = p?.(C, D) ?? !1, L = h?.(C, D) ?? !1, Q = _ && N(C);
     return /* @__PURE__ */ i(
       "li",
       {
@@ -4347,33 +4503,33 @@ function is({
           tabIndex: 0,
           "data-list-row": "",
           "aria-current": R || void 0,
-          onClick: () => o(C, A),
-          onFocus: () => f?.(A),
+          onClick: () => o(C, D),
+          onFocus: () => f?.(D),
           onKeyDown: (ae) => {
-            ae.key !== "Enter" && ae.key !== " " || (ae.preventDefault(), o(C, A));
+            ae.key !== "Enter" && ae.key !== " " || (ae.preventDefault(), o(C, D));
           }
         } : {},
         className: c(
           "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" && !j && "border-t border-border-subtle",
+          n === "divided" && !O && "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.
-          R || Q ? "bg-accent-soft text-text" : T ? c("bg-surface-unread", o && "hover:bg-surface-unread-hover") : o && "hover:bg-surface-hover",
+          R || Q ? "bg-accent-soft text-text" : M ? c("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.
           L && "text-text-muted"
         ),
         children: [
-          $ && /* @__PURE__ */ e("span", { onClick: (ae) => ae.stopPropagation(), children: /* @__PURE__ */ e(
+          _ && /* @__PURE__ */ e("span", { onClick: (ae) => ae.stopPropagation(), children: /* @__PURE__ */ e(
             ye,
             {
               checked: N(C),
-              onChange: (ae) => K(C, ae.target.checked),
+              onChange: (ae) => W(C, ae.target.checked),
               "aria-label": "Rij selecteren"
             }
           ) }),
@@ -4384,26 +4540,26 @@ function is({
               className: "mt-2 size-1.5 shrink-0 self-start rounded-full bg-border-strong"
             }
           ),
-          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(C, A) }),
-          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(C, A) : String(C) }),
-          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(C, A) })
+          s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s(C, D) }),
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: a ? a(C, D) : String(C) }),
+          l && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-text-subtle", children: l(C, D) })
         ]
       },
-      _(C, A)
+      $(C, D)
     );
-  }, M = (() => {
+  }, T = (() => {
     if (!u)
-      return t.map((R, T) => B(R, T, T === 0));
+      return t.map((R, M) => B(R, M, M === 0));
     const C = /* @__PURE__ */ new Map();
-    t.forEach((R, T) => {
-      const L = u(R, T);
-      C.has(L) || C.set(L, []), C.get(L).push({ item: R, index: T });
+    t.forEach((R, M) => {
+      const L = u(R, M);
+      C.has(L) || C.set(L, []), C.get(L).push({ item: R, index: M });
     });
-    const A = b ?? [];
+    const D = b ?? [];
     return [
-      ...A.filter((R) => C.has(R.id)),
-      ...[...C.keys()].filter((R) => !A.some((T) => T.id === R)).map((R) => ({ id: R }))
-    ].flatMap((R, T) => {
+      ...D.filter((R) => C.has(R.id)),
+      ...[...C.keys()].filter((R) => !D.some((M) => M.id === R)).map((R) => ({ id: R }))
+    ].flatMap((R, M) => {
       const L = C.get(R.id) ?? [], Q = g && k[R.id], ae = R.title ?? R.id, de = R.count ?? L.length, ge = /* @__PURE__ */ e(
         "li",
         {
@@ -4413,7 +4569,7 @@ function is({
             // 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",
-            T > 0 ? "pt-5" : "pt-3",
+            M > 0 ? "pt-5" : "pt-3",
             R.tone === "danger" ? "text-danger-fg" : R.tone === "muted" ? "text-text-subtle" : "text-text",
             w && "sticky z-10",
             g && "cursor-pointer select-none"
@@ -4422,7 +4578,7 @@ function is({
           style: w ? { top: V ? 28 : 0 } : void 0,
           children: v ? v(R, L.map((he) => he.item)) : /* @__PURE__ */ i(ke, { children: [
             g && /* @__PURE__ */ e(
-              _e,
+              Ae,
               {
                 "aria-hidden": !0,
                 className: c(
@@ -4449,7 +4605,7 @@ function is({
       return Q ? [ge] : [
         ge,
         ...L.map(
-          ({ item: he, index: Le }, E) => B(he, Le, E === 0)
+          ({ item: he, index: Pe }, E) => B(he, Pe, E === 0)
         )
       ];
     });
@@ -4466,11 +4622,11 @@ function is({
           V && "sticky top-0 z-20"
         ),
         children: [
-          $ && /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
+          _ && /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
             ye,
             {
               checked: X,
-              indeterminate: I,
+              indeterminate: P,
               onChange: (C) => re(C.target.checked),
               "aria-label": "Alles selecteren"
             }
@@ -4479,14 +4635,14 @@ function is({
         ]
       }
     ),
-    /* @__PURE__ */ e("ul", { "aria-label": ie, className: "flex flex-col", children: M }),
-    $ && S.length > 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none sticky bottom-0 z-10 flex justify-center px-5 pb-4", children: /* @__PURE__ */ i("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-lg bg-accent py-1.5 pl-3.5 pr-1.5 text-accent-fg shadow-overlay", children: [
+    /* @__PURE__ */ e("ul", { "aria-label": ie, className: "flex flex-col", children: T }),
+    _ && S.length > 0 && /* @__PURE__ */ e("div", { className: "pointer-events-none sticky bottom-0 z-10 flex justify-center px-5 pb-4", children: /* @__PURE__ */ i("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-lg bg-accent py-1.5 pl-3.5 pr-1.5 text-accent-fg shadow-overlay", children: [
       /* @__PURE__ */ i("span", { className: "text-sm font-medium", children: [
         S.length,
         " geselecteerd"
       ] }),
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
-      D,
+      A,
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "mx-1.5 h-4 w-px bg-current opacity-25" }),
       /* @__PURE__ */ e(
         "button",
@@ -4501,7 +4657,7 @@ function is({
     ] }) })
   ] });
 }
-function ds({
+function bs({
   side: t,
   continued: r = !1,
   tone: n = "default",
@@ -4538,18 +4694,18 @@ function ds({
     }
   );
 }
-const an = {
+const hn = {
   default: "text-text",
   urgent: "text-danger-fg",
   success: "text-success-fg"
 };
-function us({ value: t, label: r, tone: n = "default", className: s, ...a }) {
+function gs({ value: t, label: r, tone: n = "default", className: s, ...a }) {
   return /* @__PURE__ */ i("div", { className: c("rounded-xl bg-editor px-4 py-3.5", s), ...a, children: [
-    /* @__PURE__ */ e("div", { className: c("text-2xl font-semibold", an[n]), children: t }),
+    /* @__PURE__ */ e("div", { className: c("text-2xl font-semibold", hn[n]), children: t }),
     /* @__PURE__ */ e("div", { className: "pt-0.5 text-xs text-text-muted", children: r })
   ] });
 }
-const ln = ({
+const xn = ({
   surface: t = !1,
   title: r,
   subtitle: n,
@@ -4563,18 +4719,18 @@ const ln = ({
   editable: h = !1,
   onTitleChange: u
 }) => {
-  const [b, v] = O(!1), [w, g] = O(r), x = se(null);
+  const [b, v] = j(!1), [w, g] = j(r), x = se(null);
   G(() => {
     g(r);
   }, [r]), G(() => {
     b && x.current && (x.current.focus(), x.current.select());
   }, [b]);
-  const $ = () => {
+  const _ = () => {
     h && v(!0);
   }, S = () => {
     v(!1), w.trim() !== "" && w !== r && u ? u(w.trim()) : g(r);
-  }, q = (D) => {
-    D.key === "Enter" ? x.current?.blur() : D.key === "Escape" && (g(r), v(!1));
+  }, q = (A) => {
+    A.key === "Enter" ? x.current?.blur() : A.key === "Escape" && (g(r), v(!1));
   };
   return /* @__PURE__ */ i(
     "div",
@@ -4601,7 +4757,7 @@ const ln = ({
                   ref: x,
                   type: "text",
                   value: w,
-                  onChange: (D) => g(D.target.value),
+                  onChange: (A) => g(A.target.value),
                   onBlur: S,
                   onKeyDown: q,
                   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"
@@ -4610,7 +4766,7 @@ const ln = ({
                 /* @__PURE__ */ e(
                   "h2",
                   {
-                    onClick: $,
+                    onClick: _,
                     className: c(
                       "text-lg font-semibold tracking-title truncate",
                       h && "cursor-pointer"
@@ -4624,7 +4780,7 @@ const ln = ({
                   Dt,
                   {
                     size: 15,
-                    onClick: $,
+                    onClick: _,
                     className: "shrink-0 cursor-pointer text-text-muted opacity-0 group-hover:opacity-100 transition-opacity"
                   }
                 )
@@ -4646,29 +4802,29 @@ const ln = ({
             ] })
           ] }) }),
           a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: a.map(
-            (D) => D.render ? /* @__PURE__ */ e(ce.Fragment, { children: D.render() }, D.id) : D.splitOptions && D.splitOptions.length > 0 ? /* @__PURE__ */ e(
-              Qe,
+            (A) => A.render ? /* @__PURE__ */ e(ce.Fragment, { children: A.render() }, A.id) : A.splitOptions && A.splitOptions.length > 0 ? /* @__PURE__ */ e(
+              et,
               {
-                label: D.label,
-                onClick: D.onClick,
-                icon: D.icon,
-                variant: D.variant === "primary" ? "primary" : "outline",
-                options: D.splitOptions,
-                disabled: D.disabled
+                label: A.label,
+                onClick: A.onClick,
+                icon: A.icon,
+                variant: A.variant === "primary" ? "primary" : "outline",
+                options: A.splitOptions,
+                disabled: A.disabled
               },
-              D.id
+              A.id
             ) : /* @__PURE__ */ e(
               le,
               {
-                variant: D.variant ?? "secondary",
+                variant: A.variant ?? "secondary",
                 onClick: (J) => {
-                  J.stopPropagation(), J.target.blur(), D.onClick();
+                  J.stopPropagation(), J.target.blur(), A.onClick();
                 },
-                disabled: D.disabled,
-                leftIcon: D.icon,
-                children: D.label
+                disabled: A.disabled,
+                leftIcon: A.icon,
+                children: A.label
               },
-              D.id
+              A.id
             )
           ) })
         ] }),
@@ -4676,11 +4832,11 @@ const ln = ({
       ]
     }
   );
-}, on = {
+}, bn = {
   none: "",
   sm: "px-3 pb-3 pt-1",
   md: "px-5 pb-5 pt-1.5"
-}, ms = ({
+}, ps = ({
   title: t,
   subtitle: r,
   meta: n,
@@ -4697,7 +4853,7 @@ const ln = ({
   contentClassName: v,
   children: w
 }) => {
-  const g = f ? /* @__PURE__ */ e(Fe, { variant: "inline", shape: d }) : p ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: p }) : w;
+  const g = f ? /* @__PURE__ */ e(Be, { variant: "inline", shape: d }) : p ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12", children: p }) : w;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -4711,7 +4867,7 @@ const ln = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          ln,
+          xn,
           {
             surface: l ?? u,
             title: t,
@@ -4728,7 +4884,7 @@ const ln = ({
           {
             className: c(
               u && "min-h-0 flex-1 overflow-y-auto",
-              on[h],
+              bn[h],
               v
             ),
             children: g
@@ -4737,60 +4893,12 @@ const ln = ({
       ]
     }
   );
-}, cn = /<[a-z][\s\S]*>/i, dn = [
-  "[&_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",
-  "[&_ul]:my-1.5 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:my-1.5 [&_ol]:list-decimal [&_ol]:pl-5",
-  "[&_li]:leading-relaxed",
-  "[&_h1]:mb-1 [&_h1]:mt-2 [&_h1]:font-semibold [&_h2]:mb-1 [&_h2]:mt-2 [&_h2]:font-semibold [&_h3]:mb-1 [&_h3]:mt-2 [&_h3]:font-semibold",
-  "[&_blockquote]:my-1.5 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-text-muted",
-  "[&_hr]:my-2 [&_hr]:border-border",
-  "[&_pre]:my-1.5 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-surface-sunk [&_pre]:p-2 [&_pre]:text-xs",
-  "[&_code]:rounded-sm [&_code]:bg-surface-sunk [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-xs",
-  "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
-  "[&_table]:my-1.5 [&_table]:w-full [&_table]:border-collapse [&_table]:text-xs",
-  "[&_th]:border [&_th]:border-border [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_th]:font-semibold",
-  "[&_td]:border [&_td]:border-border [&_td]:px-2 [&_td]:py-1"
-].join(" "), un = {
-  p: (t) => /* @__PURE__ */ e("p", { className: "my-1.5 leading-relaxed first:mt-0 last:mb-0", ...t }),
-  a: (t) => /* @__PURE__ */ e("a", { className: "text-accent underline underline-offset-2 hover:opacity-80", target: "_blank", rel: "noopener noreferrer", ...t }),
-  strong: (t) => /* @__PURE__ */ e("strong", { className: "font-semibold", ...t }),
-  em: (t) => /* @__PURE__ */ e("em", { className: "italic", ...t }),
-  ul: (t) => /* @__PURE__ */ e("ul", { className: "my-1.5 list-disc space-y-0.5 pl-5", ...t }),
-  ol: (t) => /* @__PURE__ */ e("ol", { className: "my-1.5 list-decimal space-y-0.5 pl-5", ...t }),
-  li: (t) => /* @__PURE__ */ e("li", { className: "leading-relaxed", ...t }),
-  h1: (t) => /* @__PURE__ */ e("h1", { className: "mb-1 mt-2 text-md font-semibold first:mt-0", ...t }),
-  h2: (t) => /* @__PURE__ */ e("h2", { className: "mb-1 mt-2 text-base font-semibold first:mt-0", ...t }),
-  h3: (t) => /* @__PURE__ */ e("h3", { className: "mb-1 mt-2 text-base font-semibold first:mt-0", ...t }),
-  blockquote: (t) => /* @__PURE__ */ e("blockquote", { className: "my-1.5 border-l-2 border-border pl-3 text-text-muted", ...t }),
-  hr: (t) => /* @__PURE__ */ e("hr", { className: "my-2 border-border", ...t }),
-  pre: (t) => /* @__PURE__ */ e("pre", { className: "my-1.5 overflow-x-auto rounded-md bg-surface-sunk p-2 text-xs", ...t }),
-  code: ({ className: t, children: r, ...n }) => {
-    const s = String(r ?? "");
-    return /language-/.test(t ?? "") || s.includes(`
-`) ? /* @__PURE__ */ e("code", { className: "font-mono text-xs", ...n, children: r }) : /* @__PURE__ */ e("code", { className: "rounded-sm bg-surface-sunk px-1 py-0.5 font-mono text-xs", ...n, children: r });
-  },
-  table: (t) => /* @__PURE__ */ e("div", { className: "my-1.5 overflow-x-auto", children: /* @__PURE__ */ e("table", { className: "w-full border-collapse text-xs", ...t }) }),
-  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 fs({ text: t, className: r, as: n }) {
-  const s = t ?? "";
-  return (n ? n === "html" : cn.test(s)) ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: c("break-words", dn, r),
-      dangerouslySetInnerHTML: { __html: Lt.sanitize(s, { ADD_ATTR: ["target", "rel"] }) }
-    }
-  ) : /* @__PURE__ */ e("div", { className: c("break-words", r), children: /* @__PURE__ */ e(It, { remarkPlugins: [Pt], components: un, children: s }) });
-}
-const hs = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ i("div", { className: c("flex items-center gap-2 px-1 pb-2 pt-7 first:pt-0", s), children: [
+}, vs = ({ label: t, meta: r, action: n, className: s }) => /* @__PURE__ */ i("div", { className: c("flex items-center gap-2 px-1 pb-2 pt-7 first:pt-0", s), children: [
   /* @__PURE__ */ e("span", { className: "shrink-0 text-2xs font-semibold uppercase tracking-label text-text-subtle", children: t }),
   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 xs({ label: t, trailing: r, align: n = "center", className: s }) {
+function ys({ label: t, trailing: r, align: n = "center", className: s }) {
   const a = /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-border-subtle", "aria-hidden": !0 });
   return !t && !r ? /* @__PURE__ */ e("div", { className: c("flex items-center py-2", s), children: a }) : /* @__PURE__ */ i("div", { className: c("flex items-center gap-3 py-2", s), children: [
     n === "center" && a,
@@ -4799,12 +4907,12 @@ function xs({ label: t, trailing: r, align: n = "center", className: s }) {
     r && /* @__PURE__ */ e("span", { className: "shrink-0", children: r })
   ] });
 }
-const at = Je(null), bs = at.Provider;
-function mn() {
-  return mt(at);
+const lt = Ye(null), Ns = lt.Provider;
+function gn() {
+  return ft(lt);
 }
-function gs() {
-  const [t, r] = O(null), n = pe(
+function ws() {
+  const [t, r] = j(null), n = pe(
     () => ({
       setTrail: (s, a) => r((l) => a ? { ownerId: s, entry: a } : l && l.ownerId !== s ? l : null)
     }),
@@ -4812,13 +4920,13 @@ function gs() {
   );
   return { trail: t?.entry ?? null, api: n };
 }
-const fn = {
+const pn = {
   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"
-}, ps = ({
+}, ks = ({
   children: t,
   actions: r = [],
   secondaryActions: n = [],
@@ -4831,7 +4939,7 @@ const fn = {
   className: p,
   contentClassName: h
 }) => {
-  const u = mn(), b = ut(), v = se(s);
+  const u = gn(), b = mt(), v = se(s);
   v.current = s;
   const w = !!s;
   G(() => {
@@ -4863,15 +4971,15 @@ const fn = {
         ),
         l && /* @__PURE__ */ e("h2", { className: "min-w-0 truncate text-md font-semibold tracking-title text-text", children: l })
       ] }),
-      /* @__PURE__ */ e("div", { className: c("flex-1", fn[d], h), children: o ? /* @__PURE__ */ e(Fe, { variant: "inline", shape: f }) : t }),
+      /* @__PURE__ */ e("div", { className: c("flex-1", pn[d], h), children: o ? /* @__PURE__ */ e(Be, { variant: "inline", shape: f }) : t }),
       g && /* @__PURE__ */ i("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(Te, { actions: n, defaultVariant: "ghost" }),
-        r.length > 0 && /* @__PURE__ */ e(Te, { actions: r, className: "ml-auto" })
+        n.length > 0 && /* @__PURE__ */ e(_e, { actions: n, defaultVariant: "ghost" }),
+        r.length > 0 && /* @__PURE__ */ e(_e, { actions: r, className: "ml-auto" })
       ] })
     ] })
   );
 };
-function vs({
+function Cs({
   label: t,
   description: r,
   control: n,
@@ -4898,7 +5006,7 @@ function vs({
     }
   );
 }
-function ys({
+function Ss({
   icon: t,
   title: r,
   description: n,
@@ -4918,7 +5026,7 @@ function ys({
     /* @__PURE__ */ e("div", { className: c("flex flex-col", t && "pl-6"), children: a })
   ] });
 }
-function Ns({ label: t, dotColor: r, onClick: n, className: s }) {
+function Es({ label: t, dotColor: r, onClick: n, className: s }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -4931,12 +5039,12 @@ function Ns({ label: t, dotColor: r, onClick: n, className: s }) {
       children: [
         r && /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: r }, "aria-hidden": !0 }),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ e(Z, { icon: At, size: "xs", className: "opacity-70" })
+        /* @__PURE__ */ e(Z, { icon: Lt, size: "xs", className: "opacity-70" })
       ]
     }
   );
 }
-function hn(t) {
+function vn(t) {
   const { id: r, header: n, accessor: s, label: a, tone: l, visible: o, width: f, sortable: d, align: p } = t;
   return {
     id: r,
@@ -4944,14 +5052,14 @@ function hn(t) {
     accessor: (h) => a(s(h), h),
     cell: (h, u) => {
       const b = s(u);
-      return o && !o(b, u) ? null : /* @__PURE__ */ e(Vr, { variant: l ? l(b, u) : "default", size: "sm", children: a(b, u) });
+      return o && !o(b, u) ? null : /* @__PURE__ */ e(qr, { variant: l ? l(b, u) : "default", size: "sm", children: a(b, u) });
     },
     width: f,
     sortable: d,
     align: p
   };
 }
-function ws(t) {
+function zs(t) {
   const {
     id: r,
     header: n,
@@ -4963,7 +5071,7 @@ function ws(t) {
     width: d,
     sortable: p
   } = t;
-  return hn({
+  return vn({
     id: r,
     header: n,
     accessor: (h) => !!s(h),
@@ -4973,7 +5081,7 @@ function ws(t) {
     sortable: p
   });
 }
-function ks(t) {
+function Ts(t) {
   const {
     id: r,
     header: n,
@@ -4997,13 +5105,13 @@ function ks(t) {
     sortable: p
   };
 }
-function xn(t, r) {
+function yn(t, r) {
   return r.split(".").reduce(
     (n, s) => n && typeof n == "object" && s in n ? n[s] : void 0,
     t
   );
 }
-const Cs = ({
+const Ms = ({
   groups: t,
   data: r,
   size: n = "md",
@@ -5026,7 +5134,7 @@ const Cs = ({
     return b ? b.label : String(h || "-");
   }, f = xe(
     (h) => {
-      const u = xn(r, h.name);
+      const u = yn(r, h.name);
       if (h.type === "array") {
         const v = u;
         return !v || v.length === 0 ? /* @__PURE__ */ e(
@@ -5057,7 +5165,7 @@ const Cs = ({
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: h.arrayFields?.map((x) => {
-                const $ = w?.[x.name];
+                const _ = w?.[x.name];
                 let S = "-";
                 switch (x.type) {
                   case "text":
@@ -5066,30 +5174,30 @@ const Cs = ({
                   case "tel":
                   case "url":
                   case "textarea":
-                    S = $ || "-";
+                    S = _ || "-";
                     break;
                   case "select":
                   case "radio":
                     S = o(
-                      $,
+                      _,
                       x.options
                     );
                     break;
                   case "checkbox":
-                    S = l($);
+                    S = l(_);
                     break;
                   case "date":
-                    S = a($);
+                    S = a(_);
                     break;
                   case "custom":
                     S = x.customComponent?.({
-                      value: $
+                      value: _
                     });
                     break;
                   default:
-                    S = String($ || "-");
+                    S = String(_ || "-");
                 }
-                return x.format && (S = x.format($, w)), /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+                return x.format && (S = x.format(_, w)), /* @__PURE__ */ i("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ e(
                     fe,
                     {
@@ -5252,7 +5360,7 @@ const Cs = ({
     s
   );
   return /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(d) }) });
-}, bn = () => /* @__PURE__ */ e(Fe, { variant: "inline", shape: "menu" }), lt = ({ item: t, isSelectedHandler: r, onClick: n, depth: s = 0 }) => {
+}, Nn = () => /* @__PURE__ */ e(Be, { variant: "inline", shape: "menu" }), ot = ({ 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__ */ i("li", { children: [
@@ -5269,7 +5377,7 @@ const Cs = ({
         }
       ),
       /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: t.children?.map((d, p) => /* @__PURE__ */ e(
-        lt,
+        ot,
         {
           item: d,
           isSelectedHandler: r,
@@ -5344,7 +5452,7 @@ const Cs = ({
       ]
     }
   ) });
-}, Ss = ({
+}, _s = ({
   items: t,
   isSelectedHandler: r,
   onClick: n,
@@ -5352,12 +5460,12 @@ const Cs = ({
   loading: a = !1
 }) => a ? /* @__PURE__ */ i("nav", { className: "flex h-full min-h-0 shrink-0 flex-col", children: [
   s && /* @__PURE__ */ e("div", { className: "pb-4", children: s }),
-  /* @__PURE__ */ e(bn, {})
+  /* @__PURE__ */ e(Nn, {})
 ] }) : /* @__PURE__ */ i("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(
-      lt,
+      ot,
       {
         item: l,
         isSelectedHandler: r,
@@ -5366,7 +5474,7 @@ const Cs = ({
       o
     )
   ) })
-] }), gn = {
+] }), wn = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -5375,13 +5483,13 @@ const Cs = ({
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-3xl"
-}, pn = {
+}, kn = {
   light: "font-normal",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, vn = {
+}, Cn = {
   primary: "text-text",
   secondary: "text-text-muted",
   accent: "text-accent",
@@ -5391,11 +5499,11 @@ const Cs = ({
   info: "text-info-fg",
   neutral: "text-text",
   current: "text-current"
-}, yn = {
+}, Sn = {
   left: "text-left",
   center: "text-center",
   right: "text-right"
-}, Es = ({
+}, $s = ({
   level: t = 1,
   size: r,
   weight: n = "semibold",
@@ -5408,16 +5516,16 @@ const Cs = ({
 }) => {
   const p = `h${t}`, h = c(
     "font-sans text-pretty",
-    gn[r || Nn(t)],
-    pn[n],
-    vn[s],
-    yn[a],
+    wn[r || En(t)],
+    kn[n],
+    Cn[s],
+    Sn[a],
     l && "truncate",
     o
   );
   return /* @__PURE__ */ e(p, { className: h, ...d, children: f });
 };
-function Nn(t) {
+function En(t) {
   return {
     1: "2xl",
     2: "xl",
@@ -5427,7 +5535,7 @@ function Nn(t) {
     6: "md"
   }[t] || "md";
 }
-const zs = ({
+const As = ({
   commands: t,
   isOpen: r,
   onClose: n,
@@ -5435,25 +5543,25 @@ const zs = ({
   initialCommandPath: a,
   initialActiveIndex: l
 }) => {
-  const [o, f] = O(""), [d, p] = O(a || []), [h, u] = O(l || 0), b = se(null), v = se(null), g = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
+  const [o, f] = j(""), [d, p] = j(a || []), [h, u] = j(l || 0), b = se(null), v = se(null), g = (d.length ? t.find((x) => x.id === d[0])?.subCommands || [] : t).filter(
     (x) => x.label.toLowerCase().includes(o.toLowerCase())
   );
   return G(() => {
     r || (f(""), p(a || []), u(l || 0));
   }, [r]), G(() => {
-    const x = ($) => {
+    const x = (_) => {
       if (r) {
-        if ($.key === "Escape")
+        if (_.key === "Escape")
           n();
-        else if ($.key === "ArrowUp")
+        else if (_.key === "ArrowUp")
           u(
             (S) => S > 0 ? S - 1 : g.length - 1
           );
-        else if ($.key === "ArrowDown")
+        else if (_.key === "ArrowDown")
           u(
             (S) => S < g.length - 1 ? S + 1 : 0
           );
-        else if ($.key === "Enter") {
+        else if (_.key === "Enter") {
           const S = g[h];
           S && (S.subCommands ? (p([...d, S.id]), u(0)) : S.action && (S.action(), n()));
         }
@@ -5461,8 +5569,8 @@ const zs = ({
     };
     return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
   }, [r, n, g, h, d]), G(() => {
-    const x = ($) => {
-      b.current && !b.current.contains($.target) && n();
+    const x = (_) => {
+      b.current && !b.current.contains(_.target) && n();
     };
     return r && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [r, n]), G(() => {
@@ -5495,19 +5603,19 @@ const zs = ({
             className: "mt-2 pt-2 text-sm border-t border-border max-h-dialog-list overflow-y-auto",
             children: [
               g.length === 0 && /* @__PURE__ */ e("div", { className: "text-text-muted text-center text-sm", children: s?.noCommandsFound || "No commands found" }),
-              g.map((x, $) => /* @__PURE__ */ i(
+              g.map((x, _) => /* @__PURE__ */ i(
                 "div",
                 {
-                  "data-index": $,
-                  className: `flex items-center p-2 cursor-pointer rounded-md ${$ === h ? "bg-accent-soft text-accent" : "text-text"}`,
+                  "data-index": _,
+                  className: `flex items-center p-2 cursor-pointer rounded-md ${_ === h ? "bg-accent-soft text-accent" : "text-text"}`,
                   onClick: () => {
                     x.subCommands ? (p([...d, x.id]), u(0)) : x.action && (x.action(), n());
                   },
-                  onMouseEnter: () => u($),
+                  onMouseEnter: () => u(_),
                   children: [
                     x.icon && /* @__PURE__ */ e("span", { className: "mr-3", children: x.icon }),
                     /* @__PURE__ */ e("span", { className: "flex-grow", children: x.label }),
-                    x.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(_e, { className: "w-4 h-4" }) })
+                    x.subCommands && /* @__PURE__ */ e("span", { className: "text-text-muted", children: /* @__PURE__ */ e(Ae, { className: "w-4 h-4" }) })
                   ]
                 },
                 x.id
@@ -5532,7 +5640,7 @@ const zs = ({
       ]
     }
   ) }) : null;
-}, wn = {
+}, zn = {
   none: "p-0",
   xs: "p-1",
   sm: "p-2",
@@ -5540,7 +5648,7 @@ const zs = ({
   lg: "p-6",
   xl: "p-8",
   "2xl": "p-12"
-}, kn = {
+}, Tn = {
   none: "m-0",
   xs: "m-1",
   sm: "m-2",
@@ -5548,7 +5656,7 @@ const zs = ({
   lg: "m-6",
   xl: "m-8",
   "2xl": "m-12"
-}, Cn = {
+}, Mn = {
   none: "",
   primary: "bg-accent text-accent-fg",
   secondary: "bg-surface-hover",
@@ -5564,26 +5672,26 @@ const zs = ({
   backdrop: "bg-page",
   editor: "bg-surface",
   input: "bg-surface-input"
-}, Sn = {
+}, _n = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, En = {
+}, $n = {
   none: "shadow-none",
   sm: "shadow-none",
   md: "shadow-overlay",
   lg: "shadow-overlay",
   xl: "shadow-modal",
   "2xl": "shadow-modal"
-}, zn = {
+}, An = {
   none: "border-0",
   sm: "border",
   md: "border-2",
   lg: "border-4"
-}, Mn = {
+}, Dn = {
   primary: "border-accent-border",
   secondary: "border-border",
   accent: "border-accent-border",
@@ -5593,7 +5701,7 @@ const zs = ({
   info: "border-info-border",
   neutral: "border-border-subtle",
   white: "border-border-subtle"
-}, ot = be(
+}, ct = be(
   ({
     padding: t,
     margin: r,
@@ -5610,13 +5718,13 @@ const zs = ({
     {
       ref: h,
       className: c(
-        t && wn[t],
-        r && kn[r],
-        n && Cn[n],
-        s && Sn[s],
-        a && En[a],
-        l && zn[l],
-        o && Mn[o],
+        t && zn[t],
+        r && Tn[r],
+        n && Mn[n],
+        s && _n[s],
+        a && $n[a],
+        l && An[l],
+        o && Dn[o],
         f
       ),
       ...p,
@@ -5624,9 +5732,9 @@ const zs = ({
     }
   )
 );
-ot.displayName = "Box";
-const Ms = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
-  ot,
+ct.displayName = "Box";
+const Ds = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
+  ct,
   {
     background: "module",
     radius: "lg",
@@ -5640,7 +5748,7 @@ const Ms = ({ children: t, title: r, ...n }) => /* @__PURE__ */ i(
     ]
   }
 );
-function Ts({
+function Ls({
   identifier: t,
   resourceLoader: r,
   framework: n = "react",
@@ -5649,7 +5757,7 @@ function Ts({
   componentProps: l,
   className: o
 }) {
-  const f = se(null), [d, p] = O(!0), [h, u] = O(!1), [b, v] = O(null), w = se(null);
+  const f = se(null), [d, p] = j(!0), [h, u] = j(!1), [b, v] = j(null), w = se(null);
   se(null);
   const g = se(r);
   return g.current = r, G(() => {
@@ -5674,13 +5782,13 @@ function Ts({
     const x = f.current;
     if (x) {
       if (n === "svelte") {
-        const $ = b.default || b, S = new $({ target: x, props: l || {} });
+        const _ = b.default || b, S = new _({ target: x, props: l || {} });
         return w.current = S, () => S.$destroy();
       }
       if (b.mount) {
-        const $ = b.mount({ container: x, props: l || {} });
+        const _ = b.mount({ container: x, props: l || {} });
         return () => {
-          typeof $ == "function" ? $() : b.unmount?.(x);
+          typeof _ == "function" ? _() : b.unmount?.(x);
         };
       }
     }
@@ -5692,7 +5800,7 @@ function Ts({
     n === "react" && !h && b && /* @__PURE__ */ e(b, { ...l })
   ] });
 }
-class $s extends ft {
+class Ps extends ht {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1,
@@ -5721,92 +5829,93 @@ class $s extends ft {
   }
 }
 export {
-  ss as AssistantCard,
-  rn as Avatar,
-  as as AvatarStack,
-  Vr as Badge,
-  ot as Box,
+  is as ArtifactView,
+  ds as AssistantCard,
+  un as Avatar,
+  us as AvatarStack,
+  qr as Badge,
+  ct as Box,
   le as Button,
-  Vn as ButtonGroup,
-  Ms as Card,
-  ls as ChannelBadge,
+  Gn as ButtonGroup,
+  Ds as Card,
+  ms as ChannelBadge,
   ye as Checkbox,
-  zs as CommandPalette,
-  Xn as ConfirmDialog,
-  Fe as ContentLoading,
+  As as CommandPalette,
+  rs as ConfirmDialog,
+  Be as ContentLoading,
   je as DatePicker,
-  pr as Dropdown,
-  Zn as EmptyState,
-  $s as ErrorBoundary,
-  Ts as FederatedResource,
-  Yt as FilterChip,
-  mr as FolderSelect,
-  Yn as Form,
-  Fr as FormSection,
-  Es as Heading,
+  vr as Dropdown,
+  ns as EmptyState,
+  Ps as ErrorBoundary,
+  Ls as FederatedResource,
+  Xt as FilterChip,
+  fr as FolderSelect,
+  ts as Form,
+  Br as FormSection,
+  $s as Heading,
   jt as IDENTITY_TONE_COUNT,
   Z as Icon,
-  os as Image,
-  Qn as Kbd,
-  us as KpiCard,
-  Un as Link,
-  is as List,
-  cs as ListBulkAction,
-  Bn as MeetingGrid,
-  ds as MessageBubble,
-  st as Modal,
-  ms as Page,
-  ln as PageHeader,
-  Wn as PageToolbar,
-  Te as PageToolbarActions,
-  Rn as ParticipantTile,
-  Ze as Popover,
-  es as ProgressBar,
-  fs as RichText,
-  nt as SearchField,
-  br as SearchableTextField,
-  hs as SectionCaption,
-  xs as SectionDivider,
-  tr as SegmentedToggle,
+  fs as Image,
+  ss as Kbd,
+  gs as KpiCard,
+  Yn as Link,
+  xs as List,
+  hs as ListBulkAction,
+  Un as MeetingGrid,
+  bs as MessageBubble,
+  at as Modal,
+  ps as Page,
+  xn as PageHeader,
+  Xn as PageToolbar,
+  _e as PageToolbarActions,
+  Kn as ParticipantTile,
+  Qe as Popover,
+  as as ProgressBar,
+  Ee as RichText,
+  st as SearchField,
+  gr as SearchableTextField,
+  vs as SectionCaption,
+  ys as SectionDivider,
+  rr as SegmentedToggle,
   Me as Select,
-  bs as SettingsFrameProvider,
-  ps as SettingsPage,
-  vs as SettingsRow,
-  ys as SettingsSection,
-  Ss as SidebarMenu,
-  Ns as SourceChip,
-  ts as Spinner,
-  Qe as SplitButton,
-  rs as StatusDot,
-  ns as StepIndicator,
-  Lr as StorageInput,
-  gr as Switch,
-  Jn as TabBar,
-  Ue as Table,
-  Er as Tabs,
+  Ns as SettingsFrameProvider,
+  ks as SettingsPage,
+  Cs as SettingsRow,
+  Ss as SettingsSection,
+  _s as SidebarMenu,
+  Es as SourceChip,
+  ls as Spinner,
+  et as SplitButton,
+  os as StatusDot,
+  cs as StepIndicator,
+  Pr as StorageInput,
+  pr as Switch,
+  es as TabBar,
+  Ke as Table,
+  zr as Tabs,
   fe as Text,
-  Oe as TextArea,
+  Fe as TextArea,
   Ne as TextField,
-  Hn as VideoSurface,
-  Cs as View,
+  Wn as VideoSurface,
+  Ms as View,
   We as autofillProps,
-  hn as badgeColumn,
-  ws as booleanBadgeColumn,
-  Fn as catTone,
+  vn as badgeColumn,
+  zs as booleanBadgeColumn,
+  qn as catTone,
   c as cn,
-  jn as createSizes,
-  Pn as createVariants,
-  Kn as dateFilterHandler,
-  On as identityDotClass,
-  Xe as identityPlateClass,
-  Ye as identityTone,
-  ks as labelsColumn,
-  Rt as normalizeText,
-  qn as resolveLucideIcon,
-  Gn as selectFilterHandler,
-  ze as text,
-  Ae as useAnchoredPosition,
-  mn as useSettingsFrame,
-  gs as useSettingsFrameHost
+  Hn as createSizes,
+  Rn as createVariants,
+  Zn as dateFilterHandler,
+  Vn as identityDotClass,
+  Ze as identityPlateClass,
+  Xe as identityTone,
+  Ts as labelsColumn,
+  Ht as normalizeText,
+  Jn as resolveLucideIcon,
+  Qn as selectFilterHandler,
+  Te as text,
+  Le as useAnchoredPosition,
+  gn as useSettingsFrame,
+  ws as useSettingsFrameHost
 };
 //# sourceMappingURL=index.js.map