@danxbot/ui 15.2.0 → 15.3.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 })
@@ -30909,7 +30909,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 +30965,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 +31521,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 +36939,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 +36967,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 +37002,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 +38463,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 +38475,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 +38624,7 @@ function CN({
   children: t
 }) {
   return /* @__PURE__ */ f(
-    Dt,
+    At,
     {
       size: "sm",
       tone: e.tone,
@@ -38670,7 +38670,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 +38738,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 +38995,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 +42659,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 +43435,7 @@ function zK({
                       }
                     ) }),
                     /* @__PURE__ */ f(
-                      Dt,
+                      At,
                       {
                         size: "sm",
                         tone: V ? "danger" : _ === 0 ? "neutral" : "accent",
@@ -44331,7 +44331,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 +45683,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 +47809,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 +48121,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 +48229,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 +48422,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 +48435,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 +48450,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 +48485,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 +48610,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 +48875,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 +48921,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 +49107,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 +49168,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 +49231,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 +49270,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 +51695,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 +52385,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 +52902,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 +54679,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,