@actioneer/ads 0.5.6 → 0.5.8

package/components/answer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as n, jsx as t, Fragment as D } from "react/jsx-runtime";
-import * as p from "react";
+import * as b from "react";
 import { cva as H } from "class-variance-authority";
 import { z as e } from "zod/v4";
 import { Alert as T, AlertTitle as O, AlertDescription as L } from "./alert.js";
@@ -12,7 +12,7 @@ import { FollowUpQuestion as Ae } from "./assistant-ui/follow-up-suggestions.js"
 import { Source as je, SourceTitle as Se } from "./assistant-ui/sources.js";
 import { AreaChart as Ce, BarChart as Re, LineChart as Te } from "./chart.js";
 import { Progress as Oe } from "./progress.js";
-import { Skeleton as u } from "./skeleton.js";
+import { Skeleton as p } from "./skeleton.js";
 import { Table as Le, TableHeader as ze, TableRow as B, TableColumn as De, TableBody as qe, TableCell as M } from "./table.js";
 import { Check as q, Minus as Be, WarningCircle as Ke, Clock as Ee, Database as Fe } from "../lib/icons.js";
 import { cn as g } from "../lib/cn.js";
@@ -461,7 +461,7 @@ const We = "render_answer", Pe = "Render the final answer with one curated ADS t
   name: We,
   description: Pe,
   inputSchema: ha
-}, A = H("font-semibold tabular-nums text-foreground", {
+}, A = H("font-medium tabular-nums text-foreground", {
   variants: {
     tone: {
       default: "text-foreground",
@@ -488,7 +488,7 @@ const We = "render_answer", Pe = "Render the final answer with one curated ADS t
 }), ga = new Intl.NumberFormat("en-US", {
   notation: "compact",
   maximumFractionDigits: 1
-}), X = (a) => a === "success" || a === "warning" || a === "danger" || a === "info" ? a : "default", ba = (a) => a === "success" || a === "warning" || a === "danger" || a === "info" ? a : "primary", J = p.createContext(void 0);
+}), X = (a) => a === "success" || a === "warning" || a === "danger" || a === "info" ? a : "default", ua = (a) => a === "success" || a === "warning" || a === "danger" || a === "info" ? a : "primary", J = b.createContext(void 0);
 function f({ spec: a }) {
   return (
     // `flex-1 min-w-0` lets the header fill its available width, including in
@@ -520,31 +520,31 @@ function W({
 }) {
   const d = a.split(/\n{2,}/).map((m) => m.trim()).filter(Boolean);
   return /* @__PURE__ */ t("div", { className: g("space-y-2 text-sm leading-6 text-secondary", c), children: d.map((m, o) => /* @__PURE__ */ n("p", { children: [
-    o === 0 && l && /* @__PURE__ */ n("span", { className: "font-semibold text-foreground", children: [
+    o === 0 && l && /* @__PURE__ */ n("span", { className: "font-medium text-foreground", children: [
       l,
       " — "
     ] }),
     m
   ] }, o)) });
 }
-const Z = (a) => typeof a == "string" ? { label: a } : a, pa = (a) => a == null ? void 0 : a.split(" · ")[0], E = "inline-flex items-center gap-1 rounded-md px-2 py-0.5 font-mono text-xs tabular-nums", I = "cursor-pointer bg-info-50 text-info-700 outline-none transition-colors hover:bg-info-100 focus-visible:ring-3 focus-visible:ring-info/40 active:scale-(--scale-press)";
+const Z = (a) => typeof a == "string" ? { label: a } : a, ba = (a) => a == null ? void 0 : a.split(" · ")[0], E = "inline-flex items-center gap-1 rounded-md px-2 py-0.5 font-mono text-xs tabular-nums", I = "cursor-pointer bg-info-50 text-info-700 outline-none transition-colors hover:bg-info-100 focus-visible:ring-3 focus-visible:ring-info/40 active:scale-[0.97]";
 function F({ citation: a }) {
-  const l = pa(a.source);
+  const l = ba(a.source);
   return /* @__PURE__ */ n(D, { children: [
-    /* @__PURE__ */ t(Fe, { "aria-hidden": !0, className: "size-3 shrink-0 opacity-70" }),
+    /* @__PURE__ */ t(Fe, { "aria-hidden": !0, className: "size-3 shrink-0" }),
     /* @__PURE__ */ t("span", { children: a.label }),
-    l && /* @__PURE__ */ n("span", { className: "max-w-[12ch] truncate font-normal opacity-70", children: [
+    l && /* @__PURE__ */ n("span", { className: "max-w-[12ch] truncate font-normal", children: [
       "· ",
       l
     ] }),
-    a.rows != null && /* @__PURE__ */ n("span", { className: "font-normal opacity-60", children: [
+    a.rows != null && /* @__PURE__ */ n("span", { className: "font-normal", children: [
       "· ",
       a.rows.toLocaleString()
     ] })
   ] });
 }
 function U({ citation: a }) {
-  const l = p.useContext(J), c = !!(a.query || a.source || a.rows != null);
+  const l = b.useContext(J), c = !!(a.query || a.source || a.rows != null);
   return l ? /* @__PURE__ */ t(
     "button",
     {
@@ -572,7 +572,7 @@ function U({ citation: a }) {
         children: [
           /* @__PURE__ */ n("div", { className: "space-y-1 px-3 pb-2 pt-3", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ t("span", { className: "font-mono text-xs font-semibold text-foreground", children: a.label }),
+              /* @__PURE__ */ t("span", { className: "font-mono text-xs font-medium text-foreground", children: a.label }),
               a.rows != null && /* @__PURE__ */ n("span", { className: "text-xs tabular-nums text-tertiary", children: [
                 a.rows.toLocaleString(),
                 " ",
@@ -628,7 +628,7 @@ function ee({
     c.label
   )) });
 }
-function ua({ items: a }) {
+function pa({ items: a }) {
   return /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2 @lg:grid-cols-3", children: a.map((l) => /* @__PURE__ */ n("div", { className: "rounded-xl border border-border bg-card px-4 py-3", children: [
     /* @__PURE__ */ t("p", { className: "text-xs font-normal text-tertiary", children: l.label }),
     /* @__PURE__ */ t(
@@ -652,10 +652,10 @@ function ae({
     "span",
     {
       className: g(
-        r ? g("text-secondary", i && "font-semibold text-foreground") : g(
+        r ? g("text-secondary", i && "font-medium text-foreground") : g(
           "tabular-nums",
           h ? $({ tone: h }) : "text-foreground",
-          i && "font-semibold"
+          i && "font-medium"
         )
       ),
       children: o
@@ -677,7 +677,7 @@ function ae({
             "span",
             {
               className: g(
-                "font-semibold text-foreground",
+                "font-medium text-foreground",
                 h > 0 && "tabular-nums"
               ),
               children: r
@@ -691,7 +691,7 @@ function ae({
   ] });
 }
 function te({ chart: a }) {
-  const l = p.useMemo(
+  const l = b.useMemo(
     () => a.unit ? (d) => `${ga.format(d)}${a.unit}` : void 0,
     [a.unit]
   ), c = {
@@ -717,14 +717,14 @@ function y({
     i && /* @__PURE__ */ n("div", { className: "space-y-3", children: [
       (m || !!(l != null && l.length)) && /* @__PURE__ */ n("p", { className: "text-base leading-6 text-tertiary", children: [
         m && /* @__PURE__ */ n(D, { children: [
-          /* @__PURE__ */ t("span", { className: "font-semibold", children: "How computed" }),
+          /* @__PURE__ */ t("span", { className: "font-medium", children: "How computed" }),
           " · ",
           m
         ] }),
-        l == null ? void 0 : l.map((s, b) => /* @__PURE__ */ n(p.Fragment, { children: [
+        l == null ? void 0 : l.map((s, u) => /* @__PURE__ */ n(b.Fragment, { children: [
           " ",
           /* @__PURE__ */ t(U, { citation: Z(s) })
-        ] }, b))
+        ] }, u))
       ] }),
       !!(o != null && o.length) && /* @__PURE__ */ t("ul", { className: "space-y-1", children: o.map((s) => /* @__PURE__ */ n(
         "li",
@@ -791,7 +791,7 @@ function y({
     ] })
   ] });
 }
-const ne = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
+const ne = b.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
   "div",
   {
     ref: h,
@@ -817,14 +817,14 @@ const ne = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
               scope: "col",
               className: "px-3 py-2 align-bottom",
               children: [
-                /* @__PURE__ */ t("span", { className: "block text-base font-semibold text-foreground", children: r.label }),
+                /* @__PURE__ */ t("span", { className: "block text-base font-medium text-foreground", children: r.label }),
                 r.description && /* @__PURE__ */ t("span", { className: "mt-0.5 block text-xs font-normal text-tertiary", children: r.description })
               ]
             },
             r.label
           )),
           /* @__PURE__ */ n("th", { scope: "col", className: "px-3 py-2 align-bottom", children: [
-            /* @__PURE__ */ t("span", { className: "block text-sm font-semibold text-foreground", children: "Difference" }),
+            /* @__PURE__ */ t("span", { className: "block text-sm font-medium text-foreground", children: "Difference" }),
             /* @__PURE__ */ n("span", { className: "mt-0.5 block text-xs font-normal text-tertiary", children: [
               a.subjects[1].label,
               " − ",
@@ -846,7 +846,7 @@ const ne = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
                 ]
               }
             ),
-            r.values.map((b, j) => /* @__PURE__ */ t(
+            r.values.map((u, j) => /* @__PURE__ */ t(
               "td",
               {
                 className: "px-3 py-3 align-top",
@@ -854,10 +854,10 @@ const ne = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
                   "span",
                   {
                     className: g(
-                      A({ tone: b.tone }),
+                      A({ tone: u.tone }),
                       "block text-base"
                     ),
-                    children: b.value
+                    children: u.value
                   }
                 )
               },
@@ -889,7 +889,7 @@ const ne = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
   }
 ));
 ne.displayName = "ComparisonAnswer";
-const re = p.forwardRef(
+const re = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
     "div",
     {
@@ -930,7 +930,7 @@ const re = p.forwardRef(
   )
 );
 re.displayName = "TrendAnswer";
-const ie = p.forwardRef(
+const ie = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
     "div",
     {
@@ -971,7 +971,7 @@ const ie = p.forwardRef(
   )
 );
 ie.displayName = "StatusAnswer";
-const le = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
+const le = b.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
   "div",
   {
     ref: h,
@@ -983,7 +983,7 @@ const le = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
         /* @__PURE__ */ t(f, { spec: a }),
         a.total && /* @__PURE__ */ n("div", { className: "shrink-0 @md:text-right", children: [
           /* @__PURE__ */ t("p", { className: "text-xs font-normal text-tertiary", children: a.total.label }),
-          /* @__PURE__ */ t("p", { className: "mt-1 text-2xl font-semibold tabular-nums tracking-tight text-foreground", children: a.total.value })
+          /* @__PURE__ */ t("p", { className: "mt-1 text-2xl font-medium tabular-nums tracking-tight text-foreground", children: a.total.value })
         ] })
       ] }),
       /* @__PURE__ */ t("ol", { className: "space-y-2", children: a.items.map((r, i) => /* @__PURE__ */ n("li", { className: "rounded-xl border border-border bg-card px-4 py-3", children: [
@@ -1008,7 +1008,7 @@ const le = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
           {
             value: r.share,
             size: "sm",
-            color: ba(r.tone),
+            color: ua(r.tone),
             label: `${r.label}: ${r.share}%`
           }
         )
@@ -1026,7 +1026,7 @@ const le = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
   }
 ));
 le.displayName = "BreakdownAnswer";
-const se = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
+const se = b.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
   "div",
   {
     ref: h,
@@ -1040,9 +1040,9 @@ const se = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
         return /* @__PURE__ */ n("li", { className: "flex gap-3 rounded-xl border border-border bg-card px-4 py-3.5", children: [
           /* @__PURE__ */ t(w, { variant: "soft", className: "mt-0.5 h-fit tabular-nums", children: i + 1 }),
           /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ t("h3", { className: "text-sm font-semibold text-foreground", children: r.title }),
+            /* @__PURE__ */ t("h3", { className: "text-sm font-medium text-foreground", children: r.title }),
             r.body && /* @__PURE__ */ t("p", { className: "mt-1 text-sm leading-6 text-secondary", children: r.body }),
-            !!((s = r.bullets) != null && s.length) && /* @__PURE__ */ t("ul", { className: "mt-2 space-y-1.5", children: r.bullets.map((b) => /* @__PURE__ */ n("li", { className: "flex items-start gap-2 text-xs leading-5 text-secondary", children: [
+            !!((s = r.bullets) != null && s.length) && /* @__PURE__ */ t("ul", { className: "mt-2 space-y-1.5", children: r.bullets.map((u) => /* @__PURE__ */ n("li", { className: "flex items-start gap-2 text-xs leading-5 text-secondary", children: [
               /* @__PURE__ */ t(
                 "span",
                 {
@@ -1050,8 +1050,8 @@ const se = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
                   className: "mt-2 size-1 shrink-0 rounded-dot bg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ t("span", { children: b })
-            ] }, b)) }),
+              /* @__PURE__ */ t("span", { children: u })
+            ] }, u)) }),
             r.code && /* @__PURE__ */ t(
               R,
               {
@@ -1077,7 +1077,7 @@ const se = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
   }
 ));
 se.displayName = "ExplanationAnswer";
-const oe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
+const oe = b.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
   var r;
   return /* @__PURE__ */ n(
     "div",
@@ -1090,9 +1090,9 @@ const oe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
         /* @__PURE__ */ t(f, { spec: a }),
         a.lead && /* @__PURE__ */ t(W, { text: a.lead, className: "text-base" }),
         /* @__PURE__ */ t("div", { className: "space-y-5", children: a.blocks.map((i, s) => {
-          var b;
+          var u;
           return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-            i.heading && /* @__PURE__ */ t("h3", { className: "text-sm font-semibold text-foreground", children: i.heading }),
+            i.heading && /* @__PURE__ */ t("h3", { className: "text-sm font-medium text-foreground", children: i.heading }),
             i.tone && i.tone !== "default" ? /* @__PURE__ */ n(
               T,
               {
@@ -1104,7 +1104,7 @@ const oe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
                 ]
               }
             ) : /* @__PURE__ */ t(W, { text: i.body, lead: i.lead }),
-            !!((b = i.bullets) != null && b.length) && /* @__PURE__ */ t("ul", { className: "space-y-1.5", children: i.bullets.map((j) => /* @__PURE__ */ n(
+            !!((u = i.bullets) != null && u.length) && /* @__PURE__ */ t("ul", { className: "space-y-1.5", children: i.bullets.map((j) => /* @__PURE__ */ n(
               "li",
               {
                 className: "flex items-start gap-2 text-sm leading-6 text-secondary",
@@ -1125,7 +1125,7 @@ const oe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
           ] }, s);
         }) }),
         !!((r = a.takeaways) != null && r.length) && /* @__PURE__ */ n("div", { className: "space-y-2 rounded-2xl border border-border bg-card px-4 py-3.5", children: [
-          /* @__PURE__ */ t("p", { className: "text-xs font-semibold uppercase tracking-wider text-tertiary", children: "Key takeaways" }),
+          /* @__PURE__ */ t("p", { className: "text-xs font-medium uppercase tracking-wider text-tertiary", children: "Key takeaways" }),
           /* @__PURE__ */ t("ul", { className: "space-y-1.5", children: a.takeaways.map((i, s) => /* @__PURE__ */ n(
             "li",
             {
@@ -1139,7 +1139,7 @@ const oe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
                   }
                 ),
                 /* @__PURE__ */ n("span", { children: [
-                  i.lead && /* @__PURE__ */ n("span", { className: "font-semibold text-foreground", children: [
+                  i.lead && /* @__PURE__ */ n("span", { className: "font-medium text-foreground", children: [
                     i.lead,
                     " —",
                     " "
@@ -1165,7 +1165,7 @@ const oe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
   );
 });
 oe.displayName = "NarrativeAnswer";
-const de = p.forwardRef(
+const de = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
     var i;
     const r = [a.value.change, a.value.asOf].filter(Boolean).join(" · ");
@@ -1222,7 +1222,7 @@ const de = p.forwardRef(
   }
 );
 de.displayName = "FactAnswer";
-const ce = p.forwardRef(
+const ce = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
     "div",
     {
@@ -1247,7 +1247,7 @@ const ce = p.forwardRef(
   )
 );
 ce.displayName = "TableAnswer";
-const me = p.forwardRef(
+const me = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => /* @__PURE__ */ n(
     "div",
     {
@@ -1280,7 +1280,7 @@ const me = p.forwardRef(
                       {
                         className: g(
                           "text-base font-normal text-foreground",
-                          r.highlight && "font-semibold"
+                          r.highlight && "font-medium"
                         ),
                         children: r.label
                       }
@@ -1342,7 +1342,7 @@ const xa = {
   pending: "Pending",
   failed: "Failed",
   skipped: "Skipped"
-}, he = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
+}, he = b.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
   var r, i;
   return /* @__PURE__ */ n(
     "div",
@@ -1416,7 +1416,7 @@ const xa = {
   );
 });
 he.displayName = "ConfirmationAnswer";
-const ge = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
+const ge = b.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
   var i, s;
   const r = c ?? l;
   return /* @__PURE__ */ n(
@@ -1429,26 +1429,26 @@ const ge = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
       children: [
         /* @__PURE__ */ t(f, { spec: a }),
         !!((i = a.findings) != null && i.length) && /* @__PURE__ */ t(ee, { items: a.findings }),
-        /* @__PURE__ */ t("p", { className: "text-sm font-semibold leading-6 text-foreground", children: a.question }),
-        !!((s = a.options) != null && s.length) && /* @__PURE__ */ t("div", { className: "space-y-2", children: a.options.map((b) => /* @__PURE__ */ n(
+        /* @__PURE__ */ t("p", { className: "text-sm font-medium leading-6 text-foreground", children: a.question }),
+        !!((s = a.options) != null && s.length) && /* @__PURE__ */ t("div", { className: "space-y-2", children: a.options.map((u) => /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             disabled: !r,
-            onClick: () => r == null ? void 0 : r(b),
+            onClick: () => r == null ? void 0 : r(u),
             className: g(
               "w-full rounded-xl bg-card px-4 py-3 text-left shadow-elevation",
-              "transition-[background,transform,box-shadow] duration-(--duration-fast) ease-out motion-reduce:transition-none",
+              "transition-[background,transform,box-shadow] duration-150 ease-out motion-reduce:transition-none",
               "outline-none focus-visible:ring-3 focus-visible:ring-ring",
-              "hover:bg-surface active:scale-(--scale-press)",
+              "hover:bg-surface active:scale-[0.97]",
               "disabled:pointer-events-none"
             ),
             children: [
-              /* @__PURE__ */ t("span", { className: "block text-sm font-semibold text-foreground", children: b.label }),
-              b.description && /* @__PURE__ */ t("span", { className: "mt-0.5 block text-xs leading-5 text-secondary", children: b.description })
+              /* @__PURE__ */ t("span", { className: "block text-sm font-medium text-foreground", children: u.label }),
+              u.description && /* @__PURE__ */ t("span", { className: "mt-0.5 block text-xs leading-5 text-secondary", children: u.description })
             ]
           },
-          b.id
+          u.id
         )) }),
         /* @__PURE__ */ t(
           y,
@@ -1463,7 +1463,7 @@ const ge = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
   );
 });
 ge.displayName = "ClarificationAnswer";
-const be = p.forwardRef(
+const ue = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
     var r;
     return /* @__PURE__ */ n(
@@ -1501,7 +1501,7 @@ const be = p.forwardRef(
           a.reason && /* @__PURE__ */ t("p", { className: "text-sm leading-6 text-secondary", children: a.reason }),
           a.baseline && /* @__PURE__ */ n("div", { className: "rounded-xl border border-border bg-card px-4 py-3", children: [
             /* @__PURE__ */ t("p", { className: "text-xs font-normal text-tertiary", children: a.baseline.label }),
-            /* @__PURE__ */ t("p", { className: "mt-1 text-lg font-semibold tabular-nums tracking-tight text-foreground", children: a.baseline.value })
+            /* @__PURE__ */ t("p", { className: "mt-1 text-lg font-medium tabular-nums tracking-tight text-foreground", children: a.baseline.value })
           ] }),
           a.alternative && /* @__PURE__ */ t(k, { signal: a.alternative }),
           /* @__PURE__ */ t(
@@ -1517,13 +1517,13 @@ const be = p.forwardRef(
     );
   }
 );
-be.displayName = "EmptyAnswer";
+ue.displayName = "EmptyAnswer";
 const ya = {
   user: "You",
   admin: "Workspace admin",
   platform: "Platform team",
   agent: "Agent"
-}, pe = p.forwardRef(
+}, be = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
     var r, i;
     return /* @__PURE__ */ n(
@@ -1551,13 +1551,13 @@ const ya = {
             },
             s.label
           )) }),
-          !!((i = a.resolution) != null && i.length) && /* @__PURE__ */ t("ol", { className: "space-y-2", children: a.resolution.map((s, b) => /* @__PURE__ */ n(
+          !!((i = a.resolution) != null && i.length) && /* @__PURE__ */ t("ol", { className: "space-y-2", children: a.resolution.map((s, u) => /* @__PURE__ */ n(
             "li",
             {
               className: "flex items-start justify-between gap-4 rounded-xl border border-border bg-card px-4 py-3",
               children: [
                 /* @__PURE__ */ n("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-                  /* @__PURE__ */ t(w, { variant: "soft", className: "mt-0.5 tabular-nums", children: b + 1 }),
+                  /* @__PURE__ */ t(w, { variant: "soft", className: "mt-0.5 tabular-nums", children: u + 1 }),
                   /* @__PURE__ */ t("p", { className: "text-sm leading-6 text-foreground", children: s.action })
                 ] }),
                 s.owner && /* @__PURE__ */ t(w, { variant: "soft", className: "shrink-0", children: ya[s.owner] })
@@ -1590,8 +1590,8 @@ const ya = {
     );
   }
 );
-pe.displayName = "ErrorAnswer";
-const ue = p.forwardRef(
+be.displayName = "ErrorAnswer";
+const pe = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
     var r;
     return /* @__PURE__ */ n(
@@ -1613,13 +1613,13 @@ const ue = p.forwardRef(
           ] }),
           a.scope && /* @__PURE__ */ t("p", { className: "text-xs leading-5 text-tertiary", children: a.scope }),
           !!((r = a.alternatives) != null && r.length) && /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ t("p", { className: "text-xs font-semibold uppercase tracking-wider text-tertiary", children: "Available instead" }),
+            /* @__PURE__ */ t("p", { className: "text-xs font-medium uppercase tracking-wider text-tertiary", children: "Available instead" }),
             /* @__PURE__ */ t("ul", { className: "space-y-2", children: a.alternatives.map((i) => /* @__PURE__ */ n(
               "li",
               {
                 className: "rounded-xl border border-border bg-card px-4 py-3",
                 children: [
-                  /* @__PURE__ */ t("p", { className: "text-sm font-semibold text-foreground", children: i.label }),
+                  /* @__PURE__ */ t("p", { className: "text-sm font-medium text-foreground", children: i.label }),
                   i.description && /* @__PURE__ */ t("p", { className: "mt-0.5 text-xs leading-5 text-secondary", children: i.description })
                 ]
               },
@@ -1639,8 +1639,8 @@ const ue = p.forwardRef(
     );
   }
 );
-ue.displayName = "RefusalAnswer";
-const xe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
+pe.displayName = "RefusalAnswer";
+const xe = b.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
   var r;
   return /* @__PURE__ */ n(
     "div",
@@ -1656,30 +1656,30 @@ const xe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
             var s;
             return /* @__PURE__ */ n("div", { className: "rounded-xl border border-border bg-card px-4 py-3.5", children: [
               /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ t("h3", { className: "text-sm font-semibold text-foreground", children: i.term }),
+                /* @__PURE__ */ t("h3", { className: "text-sm font-medium text-foreground", children: i.term }),
                 i.category && /* @__PURE__ */ t(w, { variant: "soft", children: i.category })
               ] }),
               i.body && /* @__PURE__ */ t("p", { className: "mt-1 text-sm leading-6 text-secondary", children: i.body }),
               i.formula && /* @__PURE__ */ t(R, { isCopyable: !1, className: "mt-2", children: i.formula }),
-              !!((s = i.items) != null && s.length) && /* @__PURE__ */ t("ul", { className: "mt-2 space-y-1.5", children: i.items.map((b) => /* @__PURE__ */ n(
+              !!((s = i.items) != null && s.length) && /* @__PURE__ */ t("ul", { className: "mt-2 space-y-1.5", children: i.items.map((u) => /* @__PURE__ */ n(
                 "li",
                 {
                   className: "flex items-baseline justify-between gap-4 text-xs leading-5",
                   children: [
-                    /* @__PURE__ */ t("span", { className: "font-normal text-secondary", children: b.label }),
+                    /* @__PURE__ */ t("span", { className: "font-normal text-secondary", children: u.label }),
                     /* @__PURE__ */ t(
                       "span",
                       {
                         className: g(
                           "min-w-0 text-right text-foreground",
-                          b.code ? "break-all font-mono" : "tabular-nums"
+                          u.code ? "break-all font-mono" : "tabular-nums"
                         ),
-                        children: b.value
+                        children: u.value
                       }
                     )
                   ]
                 },
-                b.label
+                u.label
               )) })
             ] }, i.term);
           }),
@@ -1706,7 +1706,7 @@ const xe = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
   );
 });
 xe.displayName = "KnowledgeAnswer";
-const fe = p.forwardRef(
+const fe = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
     var r;
     return /* @__PURE__ */ n(
@@ -1719,15 +1719,15 @@ const fe = p.forwardRef(
         children: [
           /* @__PURE__ */ t(f, { spec: a }),
           /* @__PURE__ */ t("div", { className: "space-y-2", children: a.options.map((i) => {
-            var s, b, j, V;
+            var s, u, j, V;
             return /* @__PURE__ */ n("div", { className: "rounded-2xl border border-border bg-card p-4", children: [
               /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ t("h3", { className: "text-sm font-semibold text-foreground", children: i.name }),
+                /* @__PURE__ */ t("h3", { className: "text-sm font-medium text-foreground", children: i.name }),
                 i.tag && /* @__PURE__ */ t(w, { variant: "soft", children: i.tag }),
                 i.recommended && /* @__PURE__ */ t(w, { variant: "soft", color: "primary", children: "Recommended" })
               ] }),
               i.description && /* @__PURE__ */ t("p", { className: "mt-1 text-sm leading-6 text-secondary", children: i.description }),
-              (!!((s = i.pros) != null && s.length) || !!((b = i.cons) != null && b.length)) && /* @__PURE__ */ n("div", { className: "mt-3 grid gap-x-6 gap-y-1.5 @lg:grid-cols-2", children: [
+              (!!((s = i.pros) != null && s.length) || !!((u = i.cons) != null && u.length)) && /* @__PURE__ */ n("div", { className: "mt-3 grid gap-x-6 gap-y-1.5 @lg:grid-cols-2", children: [
                 !!((j = i.pros) != null && j.length) && /* @__PURE__ */ t("ul", { className: "space-y-1.5", children: i.pros.map((C) => /* @__PURE__ */ n(
                   "li",
                   {
@@ -1771,7 +1771,7 @@ const fe = p.forwardRef(
               className: "flex items-baseline justify-between gap-4 py-1.5",
               children: [
                 /* @__PURE__ */ t("dt", { className: "text-sm font-normal text-secondary", children: i.when }),
-                /* @__PURE__ */ t("dd", { className: "text-right text-sm font-semibold text-foreground", children: i.choose })
+                /* @__PURE__ */ t("dd", { className: "text-right text-sm font-medium text-foreground", children: i.choose })
               ]
             },
             i.when
@@ -1790,7 +1790,7 @@ const fe = p.forwardRef(
   }
 );
 fe.displayName = "DecisionAnswer";
-const ye = p.forwardRef(
+const ye = b.forwardRef(
   ({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSelect: d, className: m, ...o }, h) => {
     var r;
     return /* @__PURE__ */ n(
@@ -1803,9 +1803,9 @@ const ye = p.forwardRef(
         children: [
           /* @__PURE__ */ t(f, { spec: a }),
           a.sections.map((i, s) => /* @__PURE__ */ n("section", { className: "space-y-2", children: [
-            i.title && /* @__PURE__ */ t("h3", { className: "text-sm font-semibold text-foreground", children: i.title }),
+            i.title && /* @__PURE__ */ t("h3", { className: "text-sm font-medium text-foreground", children: i.title }),
             i.type === "text" && /* @__PURE__ */ t(W, { text: i.body }),
-            i.type === "metrics" && /* @__PURE__ */ t(ua, { items: i.items }),
+            i.type === "metrics" && /* @__PURE__ */ t(pa, { items: i.items }),
             i.type === "table" && /* @__PURE__ */ t(
               ae,
               {
@@ -1817,7 +1817,7 @@ const ye = p.forwardRef(
               /* @__PURE__ */ t(te, { chart: i.chart }),
               i.note && /* @__PURE__ */ t("p", { className: "text-xs text-tertiary", children: i.note })
             ] }),
-            i.type === "list" && /* @__PURE__ */ t("ul", { className: "space-y-1.5", children: i.items.map((b) => /* @__PURE__ */ n(
+            i.type === "list" && /* @__PURE__ */ t("ul", { className: "space-y-1.5", children: i.items.map((u) => /* @__PURE__ */ n(
               "li",
               {
                 className: "flex items-start gap-2 text-sm leading-6 text-secondary",
@@ -1830,22 +1830,22 @@ const ye = p.forwardRef(
                     }
                   ),
                   /* @__PURE__ */ n("span", { children: [
-                    b.lead && /* @__PURE__ */ n("span", { className: "font-semibold text-foreground", children: [
-                      b.lead,
+                    u.lead && /* @__PURE__ */ n("span", { className: "font-medium text-foreground", children: [
+                      u.lead,
                       " —",
                       " "
                     ] }),
-                    b.body
+                    u.body
                   ] })
                 ]
               },
-              b.body
+              u.body
             )) })
           ] }, s)),
           !!((r = a.definitions) != null && r.length) && /* @__PURE__ */ n("div", { className: "space-y-1.5 pt-1", children: [
-            /* @__PURE__ */ t("p", { className: "text-xs font-semibold uppercase tracking-wider text-tertiary", children: "Definitions" }),
+            /* @__PURE__ */ t("p", { className: "text-xs font-medium uppercase tracking-wider text-tertiary", children: "Definitions" }),
             /* @__PURE__ */ t("dl", { className: "space-y-1", children: a.definitions.map((i) => /* @__PURE__ */ n("div", { className: "text-xs leading-5", children: [
-              /* @__PURE__ */ t("dt", { className: "inline font-semibold text-secondary", children: i.term }),
+              /* @__PURE__ */ t("dt", { className: "inline font-medium text-secondary", children: i.term }),
               " ",
               /* @__PURE__ */ n("dd", { className: "inline text-tertiary", children: [
                 "— ",
@@ -1867,7 +1867,7 @@ const ye = p.forwardRef(
   }
 );
 ye.displayName = "ReportAnswer";
-const Na = p.forwardRef(
+const Na = b.forwardRef(
   ({ kind: a, className: l, ...c }, d) => {
     const m = a === "trend" ? "chart" : a === "fact" ? "tiles" : a === "table" || a === "comparison" || a === "report" ? "table" : a === "narrative" || a === "explanation" || a === "refusal" ? "prose" : a ? "rows" : "block";
     return /* @__PURE__ */ n(
@@ -1875,44 +1875,45 @@ const Na = p.forwardRef(
       {
         ref: d,
         "data-answer-kind": a,
+        role: "status",
         "aria-label": "Building answer",
         className: g("w-full max-w-2xl space-y-4", l),
         ...c,
         children: [
           /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ t(u, { className: "h-3 w-24" }),
-            /* @__PURE__ */ t(u, { className: "h-7 w-4/5" }),
-            /* @__PURE__ */ t(u, { className: "h-4 w-full" })
+            /* @__PURE__ */ t(p, { className: "h-3 w-24" }),
+            /* @__PURE__ */ t(p, { className: "h-7 w-4/5" }),
+            /* @__PURE__ */ t(p, { className: "h-4 w-full" })
           ] }),
-          m === "chart" && /* @__PURE__ */ t(u, { className: "h-56 w-full rounded-2xl" }),
+          m === "chart" && /* @__PURE__ */ t(p, { className: "h-56 w-full rounded-2xl" }),
           m === "tiles" && /* @__PURE__ */ n(D, { children: [
-            /* @__PURE__ */ t(u, { className: "h-24 w-full rounded-2xl" }),
+            /* @__PURE__ */ t(p, { className: "h-24 w-full rounded-2xl" }),
             /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-2", children: [
-              /* @__PURE__ */ t(u, { className: "h-16 rounded-xl" }),
-              /* @__PURE__ */ t(u, { className: "h-16 rounded-xl" })
+              /* @__PURE__ */ t(p, { className: "h-16 rounded-xl" }),
+              /* @__PURE__ */ t(p, { className: "h-16 rounded-xl" })
             ] })
           ] }),
-          m === "table" && /* @__PURE__ */ t(u, { className: "h-48 w-full rounded-2xl" }),
+          m === "table" && /* @__PURE__ */ t(p, { className: "h-48 w-full rounded-2xl" }),
           m === "rows" && /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ t(u, { className: "h-12 w-full rounded-xl" }),
-            /* @__PURE__ */ t(u, { className: "h-12 w-full rounded-xl" }),
-            /* @__PURE__ */ t(u, { className: "h-12 w-full rounded-xl" })
+            /* @__PURE__ */ t(p, { className: "h-12 w-full rounded-xl" }),
+            /* @__PURE__ */ t(p, { className: "h-12 w-full rounded-xl" }),
+            /* @__PURE__ */ t(p, { className: "h-12 w-full rounded-xl" })
           ] }),
           m === "prose" && /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ t(u, { className: "h-4 w-full" }),
-            /* @__PURE__ */ t(u, { className: "h-4 w-full" }),
-            /* @__PURE__ */ t(u, { className: "h-4 w-11/12" }),
-            /* @__PURE__ */ t(u, { className: "h-4 w-full" }),
-            /* @__PURE__ */ t(u, { className: "h-4 w-4/5" })
+            /* @__PURE__ */ t(p, { className: "h-4 w-full" }),
+            /* @__PURE__ */ t(p, { className: "h-4 w-full" }),
+            /* @__PURE__ */ t(p, { className: "h-4 w-11/12" }),
+            /* @__PURE__ */ t(p, { className: "h-4 w-full" }),
+            /* @__PURE__ */ t(p, { className: "h-4 w-4/5" })
           ] }),
-          m === "block" && /* @__PURE__ */ t(u, { className: "h-48 w-full rounded-2xl" })
+          m === "block" && /* @__PURE__ */ t(p, { className: "h-48 w-full rounded-2xl" })
         ]
       }
     );
   }
 );
 Na.displayName = "AnswerSkeleton";
-const wa = p.forwardRef(
+const wa = b.forwardRef(
   ({ spec: a, onCitationSelect: l, ...c }, d) => {
     const m = (() => {
       switch (a.kind) {
@@ -1939,11 +1940,11 @@ const wa = p.forwardRef(
         case "clarification":
           return /* @__PURE__ */ t(ge, { ref: d, spec: a, ...c });
         case "empty":
-          return /* @__PURE__ */ t(be, { ref: d, spec: a, ...c });
+          return /* @__PURE__ */ t(ue, { ref: d, spec: a, ...c });
         case "error":
-          return /* @__PURE__ */ t(pe, { ref: d, spec: a, ...c });
+          return /* @__PURE__ */ t(be, { ref: d, spec: a, ...c });
         case "refusal":
-          return /* @__PURE__ */ t(ue, { ref: d, spec: a, ...c });
+          return /* @__PURE__ */ t(pe, { ref: d, spec: a, ...c });
         case "knowledge":
           return /* @__PURE__ */ t(xe, { ref: d, spec: a, ...c });
         case "decision":
@@ -1983,9 +1984,9 @@ export {
   na as ConfirmationAnswerSchema,
   fe as DecisionAnswer,
   da as DecisionAnswerSchema,
-  be as EmptyAnswer,
+  ue as EmptyAnswer,
   ia as EmptyAnswerSchema,
-  pe as ErrorAnswer,
+  be as ErrorAnswer,
   la as ErrorAnswerSchema,
   se as ExplanationAnswer,
   Je as ExplanationAnswerSchema,
@@ -1997,7 +1998,7 @@ export {
   Ze as NarrativeAnswerSchema,
   me as RankingAnswer,
   ta as RankingAnswerSchema,
-  ue as RefusalAnswer,
+  pe as RefusalAnswer,
   sa as RefusalAnswerSchema,
   ye as ReportAnswer,
   ma as ReportAnswerSchema,