@danxbot/ui 4.0.0 → 4.1.1

package/dist/index.js

@@ -45594,7 +45594,12 @@ function n4({
 }
 const dv = mt({
   slots: {
-    root: "flex items-center gap-px",
+    /* `w-fit`, because the pips are a HOVER TARGET as well as a drawing. A
+       flex item stretches to its container by default, so in a column layout
+       the row silently spanned the full width of the panel and the tooltip
+       fired anywhere along that line — pointing at a value's text and being
+       told its certainty. The ticks looked correct the whole time. */
+    root: "flex w-fit items-center gap-px",
     pip: "rounded-[1px]"
   },
   variants: {
@@ -45713,20 +45718,21 @@ function i4({
   actions: t,
   emptyLabel: n = "No value",
   redactedLabel: r = "Redacted",
-  valueContent: o,
-  titleId: s,
-  titleAs: i = "h2",
-  className: a
+  ratingLabel: o,
+  valueContent: s,
+  titleId: i,
+  titleAs: a = "h2",
+  className: l
 }) {
-  const l = `provenance-detail-${Ut()}`, c = s ?? l, u = Ag(e), m = ak(e), d = u && e.source ? { ...e.source, quote: null } : e.source, p = u ? null : e.reasoning, h = u && e.signoff ? { ...e.signoff, note: null, replaced: null } : e.signoff, g = lk(e, { emptyLabel: n, redactedLabel: r });
-  return /* @__PURE__ */ T("div", { className: W("flex flex-col", a), children: [
+  const c = `provenance-detail-${Ut()}`, u = i ?? c, m = Ag(e), d = ak(e), p = m && e.source ? { ...e.source, quote: null } : e.source, h = m ? null : e.reasoning, g = m && e.signoff ? { ...e.signoff, note: null, replaced: null } : e.signoff, x = lk(e, { emptyLabel: n, redactedLabel: r });
+  return /* @__PURE__ */ T("div", { className: W("flex flex-col", l), children: [
     /* @__PURE__ */ T("header", { className: "flex flex-col gap-2 p-4 pb-3", children: [
       /* @__PURE__ */ T("div", { className: "flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ f(i, { id: c, className: "text-2xs font-semibold uppercase tracking-widest text-tertiary", children: e.label }),
+        /* @__PURE__ */ f(a, { id: u, className: "text-2xs font-semibold uppercase tracking-widest text-tertiary", children: e.label }),
         /* @__PURE__ */ f(ik, { state: e.state, alwaysShow: !0 })
       ] }),
-      o ?? /* @__PURE__ */ f("p", { className: W("text-md text-primary", m && "text-danger-text"), children: g }),
-      /* @__PURE__ */ f(o4, { confidence: e.confidence })
+      s ?? /* @__PURE__ */ f("p", { className: W("text-md text-primary", d && "text-danger-text"), children: x }),
+      /* @__PURE__ */ f(o4, { confidence: e.confidence, ratingLabel: o })
     ] }),
     /* @__PURE__ */ f(Mx, {}),
     /* @__PURE__ */ T("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -45747,37 +45753,37 @@ function i4({
           )
         }
       ),
-      d && /* @__PURE__ */ T(bi, { icon: "file-text", label: "Source", children: [
+      p && /* @__PURE__ */ T(bi, { icon: "file-text", label: "Source", children: [
         /* @__PURE__ */ T("p", { className: "text-primary", children: [
-          d.label,
-          d.locus && /* @__PURE__ */ T("span", { className: "text-tertiary", children: [
+          p.label,
+          p.locus && /* @__PURE__ */ T("span", { className: "text-tertiary", children: [
             " · ",
-            d.locus
+            p.locus
           ] })
         ] }),
-        d.quote && /* The quote is the evidence, so it is set apart rather than run
+        p.quote && /* The quote is the evidence, so it is set apart rather than run
         into the sentence above it — and it is never truncated: a
         half-shown quotation is a misquotation. */
-        /* @__PURE__ */ f("blockquote", { className: "mt-2 border-l-2 border-accent-border bg-surface-sunken py-2 pl-3 text-sm text-secondary", children: d.quote })
+        /* @__PURE__ */ f("blockquote", { className: "mt-2 border-l-2 border-accent-border bg-surface-sunken py-2 pl-3 text-sm text-secondary", children: p.quote })
       ] }),
-      p && /* @__PURE__ */ f(bi, { icon: "brain", label: "Reasoning", children: p }),
-      h && /* @__PURE__ */ T(bi, { icon: "shield-check", label: "Signed", children: [
+      h && /* @__PURE__ */ f(bi, { icon: "brain", label: "Reasoning", children: h }),
+      g && /* @__PURE__ */ T(bi, { icon: "shield-check", label: "Signed", children: [
         /* @__PURE__ */ T("p", { className: "text-primary", children: [
-          h.by,
+          g.by,
           " ",
           /* @__PURE__ */ T("span", { className: "text-tertiary", children: [
             "· ",
-            h.at
+            g.at
           ] })
         ] }),
-        h.note && /* @__PURE__ */ f("p", { className: "mt-1", children: h.note }),
-        h.replaced !== null && /* The original, kept. A correction whose previous value is gone is
+        g.note && /* @__PURE__ */ f("p", { className: "mt-1", children: g.note }),
+        g.replaced !== null && /* The original, kept. A correction whose previous value is gone is
         an assertion rather than a record — this line is the difference
         between the two. */
         /* @__PURE__ */ T("p", { className: "mt-2 text-xs text-tertiary", children: [
           "Corrected from",
           " ",
-          /* @__PURE__ */ f("span", { className: "line-through decoration-danger-border", children: h.replaced })
+          /* @__PURE__ */ f("span", { className: "line-through decoration-danger-border", children: g.replaced })
         ] })
       ] }),
       e.call && /* @__PURE__ */ f(bi, { icon: "cpu", label: "Model call", children: /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center gap-1.5", children: [
@@ -45795,7 +45801,7 @@ function i4({
           " ms"
         ] })
       ] }) }),
-      !d && !p && !e.call && !e.check && /* Says so, rather than rendering an empty panel that reads as a
+      !p && !h && !e.call && !e.check && /* Says so, rather than rendering an empty panel that reads as a
       loading state or a bug. */
       /* @__PURE__ */ f("p", { className: "text-sm text-tertiary", children: "Nothing was recorded about where this value came from." })
     ] }),
@@ -45810,14 +45816,15 @@ function EU({
   actions: t,
   emptyLabel: n = "No value",
   redactedLabel: r = "Redacted",
-  triggerBadge: o = "word",
-  valueWrap: s = !1,
-  triggerContent: i,
-  valueContent: a,
-  onOpenChange: l,
-  className: c
+  ratingLabel: o,
+  triggerBadge: s = "word",
+  valueWrap: i = !1,
+  triggerContent: a,
+  valueContent: l,
+  onOpenChange: c,
+  className: u
 }) {
-  const u = lk(e, { emptyLabel: n, redactedLabel: r }), m = `provenance-${Ut()}`, d = /* @__PURE__ */ T(
+  const m = lk(e, { emptyLabel: n, redactedLabel: r }), d = `provenance-${Ut()}`, p = /* @__PURE__ */ T(
     "button",
     {
       type: "button",
@@ -45826,21 +45833,21 @@ function EU({
         /* A wrapping value is several lines tall; centring the badge against
            the block would float it beside the middle line. Aligned to the top
            it sits on the first line, where the value starts. */
-        s ? "items-start" : "items-center",
+        i ? "items-start" : "items-center",
         /* The dotted rule is the affordance on a bare value. Custom content
            brings its own edges, and a chip inside a second underline reads as
            two controls. */
-        !i && "underline decoration-border-subtle decoration-dotted underline-offset-4 hover:decoration-accent-border",
+        !a && "underline decoration-border-subtle decoration-dotted underline-offset-4 hover:decoration-accent-border",
         "transition-colors duration-(--dur-fast)",
         "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-border",
-        c
+        u
       ),
       children: [
         /* @__PURE__ */ T("span", { className: "sr-only", children: [
           e.label,
           ":"
         ] }),
-        i ?? /* @__PURE__ */ f(
+        a ?? /* @__PURE__ */ f(
           "span",
           {
             className: W(
@@ -45849,16 +45856,16 @@ function EU({
                  together, so wrapping is not "drop truncate" — the wrap case
                  names both halves explicitly, and `break-words` covers the
                  single unbroken token that would otherwise push the column. */
-              s ? "whitespace-normal break-words" : "truncate"
+              i ? "whitespace-normal break-words" : "truncate"
             ),
-            children: u
+            children: m
           }
         ),
-        o !== "none" && /* @__PURE__ */ f(
+        s !== "none" && /* @__PURE__ */ f(
           ik,
           {
             state: e.state,
-            appearance: o === "icon" ? "icon" : "word",
+            appearance: s === "icon" ? "icon" : "word",
             className: "shrink-0"
           }
         ),
@@ -45877,13 +45884,13 @@ function EU({
   return /* @__PURE__ */ f(
     tr,
     {
-      trigger: d,
+      trigger: p,
       side: "bottom",
       align: "start",
       width: "30rem",
       className: "p-0",
-      onOpenChange: l,
-      "aria-labelledby": m,
+      onOpenChange: c,
+      "aria-labelledby": d,
       children: /* @__PURE__ */ f(
         i4,
         {
@@ -45891,8 +45898,9 @@ function EU({
           actions: t,
           emptyLabel: n,
           redactedLabel: r,
-          valueContent: a,
-          titleId: m
+          ratingLabel: o,
+          valueContent: l,
+          titleId: d
         }
       )
     }