@danxbot/ui 15.2.0 → 15.4.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as f, jsxs as P, Fragment as lt } from "react/jsx-runtime";
 import * as y from "react";
-import cu, { createElement as ix, useLayoutEffect as jn, useState as he, useRef as ye, useId as At, Component as YM, useCallback as Ne, useEffect as $e, createContext as In, useContext as Mn, useMemo as De, memo as uu, useImperativeHandle as XM, Fragment as fh, Children as ZM, isValidElement as QM, useSyncExternalStore as Vr } from "react";
+import cu, { createElement as ix, useLayoutEffect as jn, useState as he, useRef as ye, useId as Dt, Component as YM, useCallback as Ne, useEffect as $e, createContext as In, useContext as Mn, useMemo as De, memo as uu, useImperativeHandle as XM, Fragment as fh, Children as ZM, isValidElement as QM, useSyncExternalStore as Vr } from "react";
 import * as kn from "react-dom";
 import { createPortal as JM } from "react-dom";
 const eT = {
@@ -13781,7 +13781,7 @@ function ct({
   "aria-disabled": b,
   ...x
 }) {
-  const [w, v] = he([]), E = ye(0), C = At(), S = h !== void 0, R = S ? !0 : b, k = i || c || S || R === !0 || R === "true";
+  const [w, v] = he([]), E = ye(0), C = Dt(), S = h !== void 0, R = S ? !0 : b, k = i || c || S || R === !0 || R === "true";
   function N(T) {
     if (S) {
       T.preventDefault();
@@ -13969,7 +13969,7 @@ const p_ = pt({
   danger: "bg-danger",
   info: "bg-info"
 };
-function Dt({
+function At({
   className: e,
   tone: t = "neutral",
   size: n,
@@ -15866,7 +15866,7 @@ function M8(e) {
     onCommit: n,
     onError: p,
     close: W
-  }), { pending: z, refusal: F, blocked: B } = _, O = At(), L = At(), $ = u !== void 0, H = R && !$;
+  }), { pending: z, refusal: F, blocked: B } = _, O = Dt(), L = Dt(), $ = u !== void 0, H = R && !$;
   $e(() => {
     S && R && $ && k(!1);
   }, [S, R, $, k]);
@@ -24304,7 +24304,7 @@ function wz({
   S.current = C;
   const R = ye(p);
   R.current = p;
-  const [k, N] = he(e.length === 0), M = At(), I = ye(c), [T, A] = he(null), [D, _] = he(0), [V, z] = he(null), F = ye(t);
+  const [k, N] = he(e.length === 0), M = Dt(), I = ye(c), [T, A] = he(null), [D, _] = he(0), [V, z] = he(null), F = ye(t);
   F.current = t, $e(() => {
     if (!g.current) return;
     const W = new IL({
@@ -24642,7 +24642,7 @@ function Nz({
 }) {
   if (!Number.isInteger(e) || e <= 0)
     throw new Error(`ReadMore: \`lines\` must be a positive integer, got ${e}.`);
-  const c = Ez(), u = At(), [p, d] = Us(n, r, o), h = ye(p);
+  const c = Ez(), u = Dt(), [p, d] = Us(n, r, o), h = ye(p);
   h.current = p;
   const m = ye(e);
   m.current = e;
@@ -24796,7 +24796,7 @@ function U8(e) {
   }, [t, r, n]), t && !r ? /* @__PURE__ */ f(Tz, { ...e, session: s, editorRef: o }) : /* @__PURE__ */ f(Mz, { ...e });
 }
 function Mz({ value: e, label: t, placeholder: n = "Empty", collapsedLines: r, readOnly: o, className: s }) {
-  const i = At(), a = e.length === 0 ? /* @__PURE__ */ f("p", { className: "text-sm text-tertiary", children: n }) : /* @__PURE__ */ f(NC, { children: e }), l = /* @__PURE__ */ P(
+  const i = Dt(), a = e.length === 0 ? /* @__PURE__ */ f("p", { className: "text-sm text-tertiary", children: n }) : /* @__PURE__ */ f(NC, { children: e }), l = /* @__PURE__ */ P(
     "div",
     {
       role: "group",
@@ -26477,7 +26477,7 @@ function W8(e) {
     effect: i,
     status: a,
     className: l
-  } = e, c = ZS(), u = At(), p = At(), d = n != null, h = e.readOnly ? null : typeof e.control == "function" ? e.control({
+  } = e, c = ZS(), u = Dt(), p = Dt(), d = n != null, h = e.readOnly ? null : typeof e.control == "function" ? e.control({
     "aria-labelledby": u,
     "aria-describedby": d ? p : void 0
   }) : e.control;
@@ -26600,7 +26600,7 @@ function Y8({
   titleAs: l,
   className: c
 }) {
-  const u = r5[r], p = a !== void 0, d = At(), h = l ?? "h3";
+  const u = r5[r], p = a !== void 0, d = Dt(), h = l ?? "h3";
   function m(x) {
     if (p) {
       x.preventDefault();
@@ -26635,7 +26635,7 @@ function Y8({
         /* @__PURE__ */ f(h, { className: "font-display text-md font-semibold text-primary text-balance", children: t }),
         n && /* @__PURE__ */ f("p", { className: "text-sm text-secondary text-pretty", children: n })
       ] }),
-      /* @__PURE__ */ f(Dt, { size: "sm", tone: u.tone, icon: u.icon, children: u.label })
+      /* @__PURE__ */ f(At, { size: "sm", tone: u.tone, icon: u.icon, children: u.label })
     ] }),
     o != null && /* @__PURE__ */ f("p", { className: "text-xs text-tertiary text-pretty", children: o }),
     b && /* @__PURE__ */ f(XS, { children: p ? /* @__PURE__ */ f(Wt, { content: a, children: b }) : b })
@@ -30206,45 +30206,46 @@ function oB(e) {
 const sB = (e) => typeof e == "boolean";
 function iK({
   brand: e,
-  sections: t,
-  activeId: n,
-  sidebarFooter: r,
-  header: o,
-  contentLandmark: s = "main",
-  navLabel: i = "Main",
-  scroll: a = "content",
-  scrollResetKey: l,
-  persistId: c = "app-shell-sidebar",
-  children: u,
-  className: p
+  brandCollapsed: t,
+  sections: n,
+  activeId: r,
+  sidebarFooter: o,
+  header: s,
+  contentLandmark: i = "main",
+  navLabel: a = "Main",
+  scroll: l = "content",
+  scrollResetKey: c,
+  persistId: u = "app-shell-sidebar",
+  children: p,
+  className: d
 }) {
-  const d = s === "main" ? "main" : "div", h = a === "content", [m, g] = Fk(
-    c === !1 ? void 0 : c,
+  const h = i === "main" ? "main" : "div", m = l === "content", [g, b] = Fk(
+    u === !1 ? void 0 : u,
     !1,
     { isValid: sB }
-  ), b = ye(null);
+  ), x = ye(null);
   $e(() => {
-    l !== void 0 && b.current?.scrollTo({ top: 0, behavior: "instant" });
-  }, [l]);
-  const [x, w] = he(!1), v = /* @__PURE__ */ f(
+    c !== void 0 && x.current?.scrollTo({ top: 0, behavior: "instant" });
+  }, [c]);
+  const [w, v] = he(!1), E = /* @__PURE__ */ f(
     Ry,
     {
-      sections: t,
-      activeId: n,
-      collapsed: m,
-      label: i,
-      onNavigate: () => w(!1)
+      sections: n,
+      activeId: r,
+      collapsed: g,
+      label: a,
+      onNavigate: () => v(!1)
     }
   );
   return (
     /* THE ONE VIEWPORT UNIT. Everything below it is `flex-1` and `min-h-0`,
        so no descendant — here or in a consumer's screen — ever has a reason to
        name `dvh` or subtract a token from it. */
-    /* @__PURE__ */ P("div", { className: U("flex bg-canvas", h ? "h-dvh" : "min-h-dvh", p), children: [
+    /* @__PURE__ */ P("div", { className: U("flex bg-canvas", m ? "h-dvh" : "min-h-dvh", d), children: [
       /* @__PURE__ */ P(
         "aside",
         {
-          "data-collapsed": m || void 0,
+          "data-collapsed": g || void 0,
           className: U(
             "group/sidebar hidden shrink-0 flex-col border-r border-border-subtle bg-surface lg:flex",
             /* Bounded: nothing. A flex item in a row of a fixed height is
@@ -30254,36 +30255,37 @@ function iK({
                so the aside has to state the viewport itself and stay put while
                the page scrolls past it — the ONE place a second viewport unit is
                unavoidable, and the reason it lives behind an opt-out. */
-            !h && "sticky top-0 h-dvh",
+            !m && "sticky top-0 h-dvh",
             "transition-[var(--tx-colors),width] duration-(--dur-slow) ease-emphasis",
-            m ? "w-14" : "w-60"
+            g ? "w-14" : "w-60"
           ),
           children: [
-            /* @__PURE__ */ P("div", { className: U("flex h-control-xl shrink-0 items-center gap-2 px-3", m && "justify-center"), children: [
-              !m && /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: e }),
+            /* @__PURE__ */ P("div", { className: U("flex h-control-xl shrink-0 items-center gap-2 px-3", g && "justify-center"), children: [
+              !g && /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: e }),
               /* @__PURE__ */ f(
                 gt,
                 {
-                  label: m ? "Expand sidebar" : "Collapse sidebar",
+                  label: g ? "Expand sidebar" : "Collapse sidebar",
                   tooltipSide: "right",
-                  onClick: () => g((E) => !E),
+                  onClick: () => b((C) => !C),
                   icon: /* @__PURE__ */ f(
                     de,
                     {
                       name: "panel-left",
                       size: "sm",
-                      className: U("transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-base)", m && "rotate-180")
+                      className: U("transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-base)", g && "rotate-180")
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ f("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: v }),
-            r && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
+            g && t && /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center justify-center px-3 pb-2", children: t }),
+            /* @__PURE__ */ f("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: E }),
+            o && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: o })
           ]
         }
       ),
-      /* @__PURE__ */ P("div", { className: U("flex min-w-0 flex-1 flex-col", h && "min-h-0"), children: [
+      /* @__PURE__ */ P("div", { className: U("flex min-w-0 flex-1 flex-col", m && "min-h-0"), children: [
         /* @__PURE__ */ P(
           "header",
           {
@@ -30294,10 +30296,10 @@ function iK({
                  OUTSIDE the scroller, so there is nothing for it to stick to.
                  `sticky top-0` there would be a declaration that reads as intent
                  and does nothing. */
-              !h && "sticky top-0"
+              !m && "sticky top-0"
             ),
             children: [
-              /* @__PURE__ */ P(_m, { open: x, onOpenChange: w, children: [
+              /* @__PURE__ */ P(_m, { open: w, onOpenChange: v, children: [
                 /* @__PURE__ */ f(
                   Yu,
                   {
@@ -30353,34 +30355,34 @@ function iK({
                         /* @__PURE__ */ f("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: /* @__PURE__ */ f(
                           Ry,
                           {
-                            sections: t,
-                            activeId: n,
+                            sections: n,
+                            activeId: r,
                             collapsed: !1,
-                            label: i,
-                            onNavigate: () => w(!1)
+                            label: a,
+                            onNavigate: () => v(!1)
                           }
                         ) }),
-                        r && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
+                        o && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: o })
                       ]
                     }
                   )
                 ] })
               ] }),
-              o
+              s
             ]
           }
         ),
         /* @__PURE__ */ f(
-          d,
+          h,
           {
-            ref: b,
+            ref: x,
             "data-app-shell-content": "",
-            tabIndex: h ? 0 : -1,
+            tabIndex: m ? 0 : -1,
             className: U(
               "flex min-w-0 flex-1 flex-col outline-none",
-              h && "relative min-h-0 overflow-y-auto focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent-border"
+              m && "relative min-h-0 overflow-y-auto focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent-border"
             ),
-            children: u
+            children: p
           }
         )
       ] })
@@ -30909,7 +30911,7 @@ function hB({
 }) {
   const { arcs: a, used: l, overflow: c } = dB(e, t), u = Vl(l, t), p = t - l, d = e.filter((g) => g.value > 0).map((g) => `${g.label} ${Vl(g.value, t)}%`);
   p > 0 && d.push(`${o} ${Vl(p, t)}%`);
-  const h = c > 0 ? `${d.join(", ")} — over the total by ${Vl(c, t)}%` : d.join(", "), m = `dx-ring-${At()}`;
+  const h = c > 0 ? `${d.join(", ")} — over the total by ${Vl(c, t)}%` : d.join(", "), m = `dx-ring-${Dt()}`;
   return /* @__PURE__ */ P(
     "div",
     {
@@ -30965,7 +30967,7 @@ function mB({
   hint: l,
   className: c
 }) {
-  const u = At(), p = ye(0), [d, h] = he(!1), [m, g] = he([]);
+  const u = Dt(), p = ye(0), [d, h] = he(!1), [m, g] = he([]);
   function b(x) {
     if (!x) return;
     const w = Array.from(x), v = s ? w.filter((C) => C.size > s) : [], E = s ? w.filter((C) => C.size <= s) : w;
@@ -31521,7 +31523,7 @@ function PB({
   invalidMessage: i = "That isn't a date — type it as MM/DD/YYYY.",
   className: a
 }) {
-  const l = At(), [c, u] = he(!1), [p, d] = he(""), [h, m] = he(!1), [g, b] = he(!1), x = c || h ? p : Ai(e), w = (S) => {
+  const l = Dt(), [c, u] = he(!1), [p, d] = he(""), [h, m] = he(!1), [g, b] = he(!1), x = c || h ? p : Ai(e), w = (S) => {
     const R = S.trim();
     if (R === "") {
       m(!1), d(""), e !== null && t(null);
@@ -36939,7 +36941,7 @@ function g4({
   placeholder: i = "Unknown",
   className: a
 }) {
-  const l = t.find((u) => u.value === e), c = At();
+  const l = t.find((u) => u.value === e), c = Dt();
   for (const u of t)
     if (u.refusal === "")
       throw new Error(
@@ -36967,7 +36969,7 @@ function g4({
             a
           ),
           children: [
-            /* @__PURE__ */ f(Dt, { size: r, tone: l?.tone ?? "neutral", dot: l?.dot, pulse: l?.pulse, icon: l?.icon, children: l?.label ?? i }),
+            /* @__PURE__ */ f(At, { size: r, tone: l?.tone ?? "neutral", dot: l?.dot, pulse: l?.pulse, icon: l?.icon, children: l?.label ?? i }),
             !s && /* @__PURE__ */ f(
               de,
               {
@@ -37002,7 +37004,7 @@ function g4({
             ),
             children: [
               /* @__PURE__ */ P("span", { className: "flex min-w-0 flex-col items-start gap-1", children: [
-                /* @__PURE__ */ f(Dt, { size: r, tone: u.tone, dot: u.dot, pulse: u.pulse, icon: u.icon, children: u.label }),
+                /* @__PURE__ */ f(At, { size: r, tone: u.tone, dot: u.dot, pulse: u.pulse, icon: u.icon, children: u.label }),
                 d && /* @__PURE__ */ f("span", { id: h, className: "text-2xs leading-snug text-tertiary", children: u.refusal })
               ] }),
               u.value === e && /* @__PURE__ */ f(de, { name: "check", size: "xs", className: "shrink-0 text-success" })
@@ -38463,7 +38465,7 @@ function TK({
   className: u
 }) {
   wd(t, n);
-  const p = _4(t, n), d = D4(t, n), h = n === t.length - 1, g = `stepper-blocked-${At()}`, b = l === "vertical";
+  const p = _4(t, n), d = D4(t, n), h = n === t.length - 1, g = `stepper-blocked-${Dt()}`, b = l === "vertical";
   return /* @__PURE__ */ P("div", { className: U("flex min-w-0 flex-col gap-6", u), children: [
     /* @__PURE__ */ P("div", { className: "flex flex-wrap items-center gap-3", children: [
       /* @__PURE__ */ P("p", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: [
@@ -38475,7 +38477,7 @@ function TK({
       p.skipped > 0 && /* THE DISAGREEMENT, STATED. This is the chip a progress bar would
       have swallowed: the cursor is at step 4 and only two of the three
       behind it are finished. */
-      /* @__PURE__ */ P(Dt, { size: "sm", tone: "danger", dot: !0, children: [
+      /* @__PURE__ */ P(At, { size: "sm", tone: "danger", dot: !0, children: [
         p.skipped,
         " skipped"
       ] })
@@ -38624,7 +38626,7 @@ function CN({
   children: t
 }) {
   return /* @__PURE__ */ f(
-    Dt,
+    At,
     {
       size: "sm",
       tone: e.tone,
@@ -38670,7 +38672,7 @@ function PK({
   emptyIcon: a,
   className: l
 }) {
-  const c = V4(t, n), u = At(), p = (d) => c.find((h) => h.option.value === d).option;
+  const c = V4(t, n), u = Dt(), p = (d) => c.find((h) => h.option.value === d).option;
   return (
     /* GROUP, NOT REGION. `role="region"` is a landmark, and a page carrying
        three of these would offer three landmarks — the `landmark-unique`
@@ -38738,7 +38740,7 @@ function OK({
     // `ordered` reads a ref, so `membership` is what makes this recompute.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [d, S]
-  ), k = R.some((O) => O.id === b) ? b : R[0]?.id ?? null, N = c === "tabs" && R.length >= 2, M = At(), I = Ne((O) => `${M}-tab-${O}`, [M]), T = Ne((O) => `${M}-panel-${O}`, [M]);
+  ), k = R.some((O) => O.id === b) ? b : R[0]?.id ?? null, N = c === "tabs" && R.length >= 2, M = Dt(), I = Ne((O) => `${M}-tab-${O}`, [M]), T = Ne((O) => `${M}-panel-${O}`, [M]);
   jn(() => {
     const O = S();
     if (O.length === 0) return;
@@ -38995,7 +38997,7 @@ function DK({
   className: o,
   ref: s
 }) {
-  const i = kN("PanelResizer"), a = ye(null), l = ye(null), c = At(), u = i.direction === "horizontal", d = (a.current ? i.neighbours(a.current) : null)?.[0], h = d ? i.sizes[d.id] : void 0, m = (w) => {
+  const i = kN("PanelResizer"), a = ye(null), l = ye(null), c = Dt(), u = i.direction === "horizontal", d = (a.current ? i.neighbours(a.current) : null)?.[0], h = d ? i.sizes[d.id] : void 0, m = (w) => {
     if (r || w.button !== 0) return;
     const v = a.current;
     v && (v.setPointerCapture(w.pointerId), l.current = {
@@ -42659,7 +42661,7 @@ function Sb({
   children: o,
   ...s
 }) {
-  const i = cU(s), a = SU(s.onDragEnd !== void 0), l = At(), c = Ss(), { threshold: u, maxSpeed: p, reducedMaxSpeed: d } = t ?? {}, h = De(
+  const i = cU(s), a = SU(s.onDragEnd !== void 0), l = Dt(), c = Ss(), { threshold: u, maxSpeed: p, reducedMaxSpeed: d } = t ?? {}, h = De(
     () => ({ threshold: u, maxSpeed: p, reducedMaxSpeed: d }),
     [u, p, d]
   );
@@ -43435,7 +43437,7 @@ function zK({
                       }
                     ) }),
                     /* @__PURE__ */ f(
-                      Dt,
+                      At,
                       {
                         size: "sm",
                         tone: V ? "danger" : _ === 0 ? "neutral" : "accent",
@@ -44331,7 +44333,7 @@ function QU({
   align: a = "start",
   className: l
 }) {
-  const c = At(), u = e.reduce((x, w) => x + Math.max(0, w.tokens), 0), p = t > 0 ? u / t : 0, d = Math.round(p * 100), h = p >= o ? "danger" : p >= r ? "warning" : "normal", m = `${Fl(u)} / ${Fl(t)} (${d}%)`, g = /* @__PURE__ */ f(
+  const c = Dt(), u = e.reduce((x, w) => x + Math.max(0, w.tokens), 0), p = t > 0 ? u / t : 0, d = Math.round(p * 100), h = p >= o ? "danger" : p >= r ? "warning" : "normal", m = `${Fl(u)} / ${Fl(t)} (${d}%)`, g = /* @__PURE__ */ f(
     "div",
     {
       role: "img",
@@ -45683,7 +45685,7 @@ function nq({
   className: d,
   label: h = "Month"
 }) {
-  const m = Ij(), g = At(), b = De(
+  const m = Ij(), g = Dt(), b = De(
     () => RB(e, r),
     [e.year, e.month, e.day, r]
   ), x = De(() => {
@@ -47809,7 +47811,7 @@ function uG(e, t) {
         return /* @__PURE__ */ P("div", { className: "flex items-center gap-2.5", children: [
           /* @__PURE__ */ f("span", { className: "grid size-8 shrink-0 place-items-center rounded-full bg-surface-inset text-tertiary", children: /* @__PURE__ */ f(de, { name: "monitor", size: "sm" }) }),
           /* @__PURE__ */ f(Sd, { primary: r.name, secondary: o || void 0 }),
-          r.current && /* @__PURE__ */ f(Dt, { tone: "accent", size: "sm", dot: !0, children: "Current" })
+          r.current && /* @__PURE__ */ f(At, { tone: "accent", size: "sm", dot: !0, children: "Current" })
         ] });
       }
     },
@@ -48121,7 +48123,17 @@ function gG(e, t, n, r) {
       id: "status",
       header: "Status",
       accessorFn: (o) => o.status,
-      cell: ({ row: o }) => /* @__PURE__ */ f(Dt, { tone: pG[o.original.status], dot: !0, children: hG[o.original.status] })
+      // card AC #6 — a failed/suppressed send, or a later bounce/complaint
+      // notification, is shown on the invitation itself (not just a
+      // one-time toast at create/resend time) so an operator revisiting the
+      // list later still sees it and knows to Resend.
+      cell: ({ row: o }) => {
+        const { lastEmailStatus: s, lastEmailBounced: i, lastEmailComplained: a } = o.original, l = a ? "Complaint" : i ? "Bounced" : s === "failed" || s === "suppressed" ? "Delivery failed" : null;
+        return /* @__PURE__ */ P("div", { className: "flex flex-wrap items-center gap-1", children: [
+          /* @__PURE__ */ f(At, { tone: pG[o.original.status], dot: !0, children: hG[o.original.status] }),
+          l && /* @__PURE__ */ f(At, { tone: "danger", children: l })
+        ] });
+      }
     },
     {
       id: "sent",
@@ -48219,7 +48231,7 @@ function vq({
         o && /* @__PURE__ */ f(Ar, { tone: "danger", title: o }),
         /* @__PURE__ */ f(_t, { label: "Email addresses", error: h, description: "Press Enter or comma after each one.", children: /* @__PURE__ */ P("div", { className: "flex flex-wrap items-center gap-1.5 rounded-md border border-field-border bg-field p-1.5 focus-within:border-accent focus-within:shadow-[0_0_0_3px_var(--focus-halo)]", children: [
           a.map((C) => /* @__PURE__ */ f(
-            Dt,
+            At,
             {
               tone: "accent",
               dismiss: {
@@ -48412,7 +48424,7 @@ function wG({
       children: [
         /* @__PURE__ */ P("header", { className: "flex flex-wrap items-start justify-between gap-2", children: [
           /* @__PURE__ */ P("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ f(Dt, { size: "sm", tone: "neutral", className: "font-mono", children: e.ref }),
+            /* @__PURE__ */ f(At, { size: "sm", tone: "neutral", className: "font-mono", children: e.ref }),
             /* @__PURE__ */ f("h5", { className: "min-w-0 truncate text-sm font-semibold text-primary", children: e.title })
           ] }),
           /* @__PURE__ */ P("div", { className: "flex shrink-0 flex-wrap items-center gap-1.5", children: [
@@ -48425,7 +48437,7 @@ function wG({
                 options: yG,
                 onValueChange: n
               }
-            ) : /* @__PURE__ */ f(Dt, { size: "sm", tone: s.tone, icon: s.icon, dot: s.live, pulse: s.live, children: s.label }),
+            ) : /* @__PURE__ */ f(At, { size: "sm", tone: s.tone, icon: s.icon, dot: s.live, pulse: s.live, children: s.label }),
             t.map((i) => {
               const a = e.built[i.id] === !0, l = `${i.name}${a ? " built" : " not built"}`, c = /* @__PURE__ */ P(lt, { children: [
                 /* @__PURE__ */ f(de, { name: a ? "circle-check" : "circle-dashed", size: "xs" }),
@@ -48440,13 +48452,13 @@ function wG({
                   "aria-label": l,
                   onClick: () => r(i.id, !a),
                   className: "dx-tap rounded-full",
-                  children: /* @__PURE__ */ f(Dt, { size: "sm", tone: a ? "success" : "neutral", className: "gap-1", children: /* @__PURE__ */ P("span", { "aria-hidden": "true", className: "flex items-center gap-1", children: [
+                  children: /* @__PURE__ */ f(At, { size: "sm", tone: a ? "success" : "neutral", className: "gap-1", children: /* @__PURE__ */ P("span", { "aria-hidden": "true", className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ f(de, { name: a ? "circle-check" : "circle-dashed", size: "xs" }),
                     i.name
                   ] }) })
                 },
                 i.id
-              ) : /* @__PURE__ */ f(Dt, { size: "sm", tone: a ? "success" : "neutral", className: "gap-1", children: c }, i.id);
+              ) : /* @__PURE__ */ f(At, { size: "sm", tone: a ? "success" : "neutral", className: "gap-1", children: c }, i.id);
             })
           ] })
         ] }),
@@ -48475,18 +48487,18 @@ function NI({
   defaultExpanded: c = !1,
   className: u
 }) {
-  const [p, d] = he(c), h = RI[Pb(s, Ob(i))], m = At();
+  const [p, d] = he(c), h = RI[Pb(s, Ob(i))], m = Dt();
   return /* @__PURE__ */ P(ud, { variant: "raised", padding: "md", className: U("gap-3", u), children: [
     /* @__PURE__ */ P("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
       /* @__PURE__ */ P("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ f(Dt, { size: "sm", tone: "neutral", className: "font-mono", children: e.ref }),
+        /* @__PURE__ */ f(At, { size: "sm", tone: "neutral", className: "font-mono", children: e.ref }),
         /* @__PURE__ */ f("h4", { className: "min-w-0 truncate font-display text-md font-semibold text-primary", children: e.title })
       ] }),
-      /* @__PURE__ */ f(Dt, { size: "sm", tone: h.tone, dot: h.live, pulse: h.live, children: h.label })
+      /* @__PURE__ */ f(At, { size: "sm", tone: h.tone, dot: h.live, pulse: h.live, children: h.label })
     ] }),
     /* @__PURE__ */ P("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ f(Dt, { size: "sm", tone: ww(n), children: t.name }),
-      /* @__PURE__ */ f(Dt, { size: "sm", tone: ww(o), children: r.name })
+      /* @__PURE__ */ f(At, { size: "sm", tone: ww(n), children: t.name }),
+      /* @__PURE__ */ f(At, { size: "sm", tone: ww(o), children: r.name })
     ] }),
     e.summary && /* @__PURE__ */ f("p", { className: "text-sm text-secondary text-pretty", children: e.summary }),
     s.length > 0 && /* @__PURE__ */ P(lt, { children: [
@@ -48600,7 +48612,7 @@ function kG({
           children: [
             /* @__PURE__ */ P("div", { className: "flex items-center justify-between gap-2", children: [
               /* @__PURE__ */ f("span", { className: "text-2xs font-semibold uppercase tracking-widest text-tertiary", children: h.label }),
-              /* @__PURE__ */ f(Dt, { size: "sm", tone: g, children: m.length })
+              /* @__PURE__ */ f(At, { size: "sm", tone: g, children: m.length })
             ] }),
             /* @__PURE__ */ f("div", { className: "flex flex-col gap-3", children: m.length === 0 ? /* @__PURE__ */ f("p", { className: "text-xs text-tertiary", children: "Nothing here yet." }) : m.map((b) => {
               const { phase: x, index: w } = SG(t, b.phaseId);
@@ -48865,7 +48877,7 @@ function Sq({
   function l(c) {
     const u = a.get(c.id) ?? 0, p = u > 0;
     return {
-      badge: p && /* @__PURE__ */ P(Dt, { size: "sm", tone: "warning", className: "shrink-0", children: [
+      badge: p && /* @__PURE__ */ P(At, { size: "sm", tone: "warning", className: "shrink-0", children: [
         "In use by ",
         u,
         " item",
@@ -48911,7 +48923,7 @@ function kq({
          delete guard applies, so a disabled button never stands alone
          without one — unlike `PhaseManager`'s badge, this one is ALWAYS
          shown, not just while blocked. */
-      badge: /* @__PURE__ */ P(Dt, { size: "sm", tone: p ? "success" : "neutral", className: "shrink-0 tabular", children: [
+      badge: /* @__PURE__ */ P(At, { size: "sm", tone: p ? "success" : "neutral", className: "shrink-0 tabular", children: [
         c,
         " / ",
         u,
@@ -49097,7 +49109,7 @@ function TI({
 }) {
   const s = MI[e], i = n === "icon";
   return s.quiet && !t && !i ? null : /* @__PURE__ */ f(
-    Dt,
+    At,
     {
       tone: s.tone,
       size: r,
@@ -49158,7 +49170,7 @@ function $G({
   titleAs: l = "h2",
   className: c
 }) {
-  const u = `provenance-detail-${At()}`, p = a ?? u, d = Ab(e), h = PI(e), m = d && e.source ? { ...e.source, quote: null } : e.source, g = d ? null : e.reasoning, b = d && e.signoff ? { ...e.signoff, note: null, replaced: null } : e.signoff, x = OI(e, { emptyLabel: n, redactedLabel: r });
+  const u = `provenance-detail-${Dt()}`, p = a ?? u, d = Ab(e), h = PI(e), m = d && e.source ? { ...e.source, quote: null } : e.source, g = d ? null : e.reasoning, b = d && e.signoff ? { ...e.signoff, note: null, replaced: null } : e.signoff, x = OI(e, { emptyLabel: n, redactedLabel: r });
   return /* @__PURE__ */ P("div", { className: U("flex flex-col", c), children: [
     /* @__PURE__ */ P("header", { className: "flex flex-col gap-2 p-4 pb-3", children: [
       /* @__PURE__ */ P("div", { className: "flex items-start justify-between gap-3", children: [
@@ -49221,16 +49233,16 @@ function $G({
         ] })
       ] }),
       e.call && /* @__PURE__ */ f(zi, { icon: "cpu", label: "Model call", children: /* @__PURE__ */ P("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ f(Dt, { size: "sm", tone: "neutral", className: "font-mono", children: e.call.model }),
-        /* @__PURE__ */ P(Dt, { size: "sm", tone: "neutral", className: "tabular font-mono", children: [
+        /* @__PURE__ */ f(At, { size: "sm", tone: "neutral", className: "font-mono", children: e.call.model }),
+        /* @__PURE__ */ P(At, { size: "sm", tone: "neutral", className: "tabular font-mono", children: [
           e.call.tokensIn.toLocaleString(),
           " in"
         ] }),
-        /* @__PURE__ */ P(Dt, { size: "sm", tone: "neutral", className: "tabular font-mono", children: [
+        /* @__PURE__ */ P(At, { size: "sm", tone: "neutral", className: "tabular font-mono", children: [
           e.call.tokensOut.toLocaleString(),
           " out"
         ] }),
-        /* @__PURE__ */ P(Dt, { size: "sm", tone: "neutral", className: "tabular font-mono", children: [
+        /* @__PURE__ */ P(At, { size: "sm", tone: "neutral", className: "tabular font-mono", children: [
           e.call.latencyMs.toLocaleString(),
           " ms"
         ] })
@@ -49260,7 +49272,7 @@ function Tq({
   className: p,
   width: d = "30rem"
 }) {
-  const h = OI(e, { emptyLabel: n, redactedLabel: r }), m = `provenance-${At()}`, g = /* @__PURE__ */ P(
+  const h = OI(e, { emptyLabel: n, redactedLabel: r }), m = `provenance-${Dt()}`, g = /* @__PURE__ */ P(
     "button",
     {
       type: "button",
@@ -51685,7 +51697,7 @@ function Oq({
   disabled: g,
   className: b
 }) {
-  const x = At(), [w, v] = he(p), E = u !== void 0 ? u : w, C = Ne(
+  const x = Dt(), [w, v] = he(p), E = u !== void 0 ? u : w, C = Ne(
     (Q) => {
       u === void 0 && v(Q), d?.(Q);
     },
@@ -52375,7 +52387,7 @@ function Yw({
   showToolbar: g,
   className: b
 }) {
-  const x = At(), [w, v] = he(null), [E, C] = he({}), S = ye(/* @__PURE__ */ new Map()), R = ye(/* @__PURE__ */ new Map()), k = Ne((q) => {
+  const x = Dt(), [w, v] = he(null), [E, C] = he({}), S = ye(/* @__PURE__ */ new Map()), R = ye(/* @__PURE__ */ new Map()), k = Ne((q) => {
     let J = R.current.get(q);
     return J || (J = (se) => {
       const ue = S.current.get(q);
@@ -52892,7 +52904,7 @@ function Aq({
   label: l,
   className: c
 }) {
-  const u = At(), p = De(() => QW(t.map((I) => I.id)), [t]), d = yd("sm"), h = De(() => {
+  const u = Dt(), p = De(() => QW(t.map((I) => I.id)), [t]), d = yd("sm"), h = De(() => {
     const I = [];
     return n && I.push({ node: n, role: "parent", leftPct: Zw.leftPct, topPct: Zw.topPct, index: null, tier: null }), I.push({ node: e, role: "center", leftPct: qo.leftPct, topPct: qo.topPct, index: null, tier: null }), t.forEach((T, A) => {
       const D = p[A];
@@ -54669,7 +54681,7 @@ export {
   yq as AuthLayout,
   No as Avatar,
   _K as AvatarGroup,
-  Dt as Badge,
+  At as Badge,
   BK as Board,
   jK as BoardCard,
   HK as BoardCardSurface,