@actioneer/ads 0.2.3 → 0.3.0

package/components/answer.js

@@ -1,169 +1,180 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import * as h from "react";
-import { cva as E } from "class-variance-authority";
-import { z as t } from "zod/v4";
-import { Alert as B, AlertTitle as L, AlertDescription as $ } from "./alert.js";
-import { Badge as g } from "./badge.js";
-import { Button as D } from "./button.js";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import * as u from "react";
+import { cva as L } from "class-variance-authority";
+import { z as e } from "zod/v4";
+import { Alert as E, AlertTitle as B, AlertDescription as $ } from "./alert.js";
+import { Badge as p } from "./badge.js";
+import { Button as z } from "./button.js";
 import { FollowUpSuggestion as O } from "./assistant-ui/follow-up-suggestions.js";
-import { AreaChart as V, BarChart as _, LineChart as z } from "./chart.js";
-import { Progress as P } from "./progress.js";
+import { Source as P, SourceTitle as V } from "./assistant-ui/sources.js";
+import { AreaChart as _, BarChart as M, LineChart as W } from "./chart.js";
+import { Progress as I } from "./progress.js";
 import { cn as c } from "../lib/cn.js";
-const I = "render_answer", K = "Render the final answer with one curated ADS template. Choose the semantic kind that best matches the answer and provide only validated data; the application owns the layout.", x = t.enum([
+const K = "render_answer", H = "Render the final answer with one curated ADS template. Choose the semantic kind that best matches the answer and provide only validated data; the application owns the layout.", x = e.enum([
   "default",
   "primary",
   "success",
   "warning",
   "danger",
   "info"
-]), M = t.object({
-  id: t.string().min(1),
-  label: t.string().min(1),
-  prompt: t.string().min(1).optional()
-}), W = t.object({
-  id: t.string().min(1),
-  label: t.string().min(1),
-  description: t.string().optional()
-}), b = t.object({
-  label: t.string().optional(),
-  text: t.string().min(1),
+]), F = e.object({
+  id: e.string().min(1),
+  label: e.string().min(1),
+  prompt: e.string().min(1).optional()
+}), q = e.object({
+  id: e.string().min(1),
+  label: e.string().min(1),
+  description: e.string().optional(),
+  href: e.string().min(1).refine((t) => {
+    if (t.startsWith("/") || t.startsWith("#")) return !0;
+    try {
+      const r = new URL(t).protocol;
+      return r === "http:" || r === "https:";
+    } catch {
+      return !1;
+    }
+  }, "Source link must be HTTP(S) or app-relative").optional().describe("Destination opened in a new tab when the source is selected")
+}), b = e.object({
+  label: e.string().optional(),
+  text: e.string().min(1),
   tone: x.optional()
-}), p = {
-  eyebrow: t.string().optional(),
-  headline: t.string().min(1),
-  summary: t.string().optional(),
-  followUps: t.array(M).max(3).optional(),
-  sources: t.array(W).max(8).optional()
-}, A = t.object({
-  value: t.string().min(1),
-  detail: t.string().optional(),
+}), f = {
+  eyebrow: e.string().optional(),
+  headline: e.string().min(1),
+  summary: e.string().optional(),
+  followUps: e.array(F).max(3).optional(),
+  sources: e.array(q).max(8).optional()
+}, A = e.object({
+  value: e.string().min(1),
+  detail: e.string().optional(),
   tone: x.optional()
-}), F = t.object({
-  ...p,
-  kind: t.literal("comparison"),
-  subjects: t.tuple([
-    t.object({ label: t.string().min(1), description: t.string().optional() }),
-    t.object({ label: t.string().min(1), description: t.string().optional() })
+}), G = e.object({
+  ...f,
+  kind: e.literal("comparison"),
+  subjects: e.tuple([
+    e.object({ label: e.string().min(1), description: e.string().optional() }),
+    e.object({ label: e.string().min(1), description: e.string().optional() })
   ]),
-  rows: t.array(
-    t.object({
-      label: t.string().min(1),
-      values: t.tuple([A, A]),
-      delta: t.object({
-        value: t.string().min(1),
+  rows: e.array(
+    e.object({
+      label: e.string().min(1),
+      description: e.string().min(1).optional().describe("Methodology, grain, or scope shown beneath the measure"),
+      values: e.tuple([A, A]),
+      delta: e.object({
+        value: e.string().min(1),
         tone: x.optional()
       }).optional()
     })
   ).min(1).max(8),
   takeaway: b.optional()
-}), v = t.enum([
+}), k = e.enum([
   "primary",
   "success",
   "warning",
   "danger",
   "info"
-]), H = t.discriminatedUnion("kind", [
-  t.object({
-    kind: t.literal("line"),
-    value: t.union([t.number(), t.string()]),
-    axis: t.enum(["x", "y"]).optional(),
-    label: t.string().optional(),
-    color: v.optional()
+]), J = e.discriminatedUnion("kind", [
+  e.object({
+    kind: e.literal("line"),
+    value: e.union([e.number(), e.string()]),
+    axis: e.enum(["x", "y"]).optional(),
+    label: e.string().optional(),
+    color: k.optional()
   }),
-  t.object({
-    kind: t.literal("band"),
-    from: t.union([t.number(), t.string()]),
-    to: t.union([t.number(), t.string()]),
-    axis: t.enum(["x", "y"]).optional(),
-    label: t.string().optional(),
-    color: v.optional()
+  e.object({
+    kind: e.literal("band"),
+    from: e.union([e.number(), e.string()]),
+    to: e.union([e.number(), e.string()]),
+    axis: e.enum(["x", "y"]).optional(),
+    label: e.string().optional(),
+    color: k.optional()
   }),
-  t.object({
-    kind: t.literal("point"),
-    x: t.union([t.number(), t.string()]),
-    y: t.number(),
-    label: t.string().min(1),
-    description: t.string().optional(),
-    color: v.optional()
+  e.object({
+    kind: e.literal("point"),
+    x: e.union([e.number(), e.string()]),
+    y: e.number(),
+    label: e.string().min(1),
+    description: e.string().optional(),
+    color: k.optional()
   })
-]), q = t.record(
-  t.string(),
-  t.union([t.string(), t.number(), t.null()])
-), G = t.object({
-  ...p,
-  kind: t.literal("trend"),
-  metric: t.object({
-    label: t.string().min(1),
-    value: t.string().min(1),
-    change: t.string().optional(),
+]), Q = e.record(
+  e.string(),
+  e.union([e.string(), e.number(), e.null()])
+), U = e.object({
+  ...f,
+  kind: e.literal("trend"),
+  metric: e.object({
+    label: e.string().min(1),
+    value: e.string().min(1),
+    change: e.string().optional(),
     tone: x.optional()
   }).optional(),
-  chart: t.object({
-    type: t.enum(["line", "area", "bar"]),
-    data: t.array(q).min(1).max(100),
-    categoryKey: t.string().min(1),
-    series: t.array(t.string().min(1)).min(1).max(4),
-    seriesLabels: t.record(t.string(), t.string()).optional(),
-    highlight: t.string().optional(),
-    unit: t.string().optional(),
-    annotations: t.array(H).max(8).optional()
+  chart: e.object({
+    type: e.enum(["line", "area", "bar"]),
+    data: e.array(Q).min(1).max(100),
+    categoryKey: e.string().min(1),
+    series: e.array(e.string().min(1)).min(1).max(4),
+    seriesLabels: e.record(e.string(), e.string()).optional(),
+    highlight: e.string().optional(),
+    unit: e.string().optional(),
+    annotations: e.array(J).max(8).optional()
   }),
   insight: b.optional()
-}), J = t.object({
-  ...p,
-  kind: t.literal("status"),
-  overall: t.object({
-    label: t.string().min(1),
-    value: t.string().min(1),
+}), X = e.object({
+  ...f,
+  kind: e.literal("status"),
+  overall: e.object({
+    label: e.string().min(1),
+    value: e.string().min(1),
     tone: x.optional()
   }).optional(),
-  items: t.array(
-    t.object({
-      label: t.string().min(1),
-      status: t.string().min(1),
-      detail: t.string().optional(),
-      meta: t.string().optional(),
+  items: e.array(
+    e.object({
+      label: e.string().min(1),
+      status: e.string().min(1),
+      detail: e.string().optional(),
+      meta: e.string().optional(),
       tone: x.optional()
     })
   ).min(1).max(12),
   recommendation: b.optional()
-}), Q = t.object({
-  ...p,
-  kind: t.literal("breakdown"),
-  total: t.object({ label: t.string().min(1), value: t.string().min(1) }).optional(),
-  items: t.array(
-    t.object({
-      label: t.string().min(1),
-      value: t.string().min(1),
-      share: t.number().min(0).max(100),
-      detail: t.string().optional(),
+}), Y = e.object({
+  ...f,
+  kind: e.literal("breakdown"),
+  total: e.object({ label: e.string().min(1), value: e.string().min(1) }).optional(),
+  items: e.array(
+    e.object({
+      label: e.string().min(1),
+      value: e.string().min(1),
+      share: e.number().min(0).max(100),
+      detail: e.string().optional(),
       tone: x.optional()
     })
   ).min(1).max(12),
   insight: b.optional()
-}), X = t.object({
-  ...p,
-  kind: t.literal("explanation"),
-  sections: t.array(
-    t.object({
-      title: t.string().min(1),
-      body: t.string().optional(),
-      bullets: t.array(t.string().min(1)).max(5).optional()
+}), Z = e.object({
+  ...f,
+  kind: e.literal("explanation"),
+  sections: e.array(
+    e.object({
+      title: e.string().min(1),
+      body: e.string().optional(),
+      bullets: e.array(e.string().min(1)).max(5).optional()
     })
   ).min(1).max(6),
   takeaway: b.optional()
-}), Y = t.discriminatedUnion("kind", [
-  F,
+}), ee = e.discriminatedUnion("kind", [
   G,
-  J,
-  Q,
-  X
-]), ht = {
-  name: I,
-  description: K,
-  inputSchema: Y
-}, N = E("font-semibold tabular-nums text-foreground", {
+  U,
+  X,
+  Y,
+  Z
+]), pe = {
+  name: K,
+  description: H,
+  inputSchema: ee
+}, v = L("font-semibold tabular-nums text-foreground", {
   variants: {
     tone: {
       default: "text-foreground",
@@ -175,45 +186,49 @@ const I = "render_answer", K = "Render the final answer with one curated ADS tem
     }
   },
   defaultVariants: { tone: "default" }
-}), Z = new Intl.NumberFormat("en-US", {
+}), te = new Intl.NumberFormat("en-US", {
   notation: "compact",
   maximumFractionDigits: 1
-}), U = (a) => a === "success" || a === "warning" || a === "danger" || a === "info" ? a : "default", tt = (a) => a === "success" || a === "warning" || a === "danger" || a === "info" ? a : "primary";
-function f({ spec: a }) {
+}), ae = (t) => t === "success" || t === "warning" || t === "danger" || t === "info" ? t : "default", ne = (t) => t === "success" || t === "warning" || t === "danger" || t === "info" ? t : "primary";
+function y({ spec: t }) {
   return /* @__PURE__ */ i("div", { className: "space-y-2", children: [
-    a.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-wider text-tertiary", children: a.eyebrow }),
-    /* @__PURE__ */ e("h2", { className: "max-w-2xl text-xl font-bold leading-tight tracking-tight text-foreground", children: a.headline }),
-    a.summary && /* @__PURE__ */ e("p", { className: "max-w-2xl text-sm leading-6 text-secondary", children: a.summary })
+    t.eyebrow && /* @__PURE__ */ a("p", { className: "text-xs font-semibold uppercase tracking-wider text-tertiary", children: t.eyebrow }),
+    /* @__PURE__ */ a("h2", { className: "max-w-2xl text-xl font-bold leading-tight tracking-tight text-foreground", children: t.headline }),
+    t.summary && /* @__PURE__ */ a("p", { className: "max-w-2xl text-sm leading-6 text-secondary", children: t.summary })
   ] });
 }
-function y({ signal: a }) {
-  return /* @__PURE__ */ i(B, { variant: U(a.tone), children: [
-    /* @__PURE__ */ e(L, { children: a.label ?? "Takeaway" }),
-    /* @__PURE__ */ e($, { children: a.text })
+function w({ signal: t }) {
+  return /* @__PURE__ */ i(E, { variant: ae(t.tone), children: [
+    /* @__PURE__ */ a(B, { children: t.label ?? "Takeaway" }),
+    /* @__PURE__ */ a($, { children: t.text })
   ] });
 }
-function w({
-  followUps: a,
+function N({
+  followUps: t,
   sources: r,
   onFollowUp: s,
   onSourceSelect: o
 }) {
-  return !(a != null && a.length) && !(r != null && r.length) ? null : /* @__PURE__ */ i("div", { className: "space-y-3 pt-1", children: [
-    !!(a != null && a.length) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: a.map((l) => /* @__PURE__ */ e(
-      O,
-      {
-        type: "button",
-        disabled: !s,
-        onClick: () => s == null ? void 0 : s(l),
-        children: l.label
-      },
-      l.id
-    )) }),
+  return !(t != null && t.length) && !(r != null && r.length) ? null : /* @__PURE__ */ i("div", { className: "space-y-3 pt-1", children: [
     !!(r != null && r.length) && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-      /* @__PURE__ */ e("span", { className: "mr-1 text-xs font-medium text-tertiary", children: "Sources" }),
+      /* @__PURE__ */ a("span", { className: "mr-1 text-xs font-medium text-tertiary", children: "Sources" }),
       r.map(
-        (l) => o ? /* @__PURE__ */ e(
-          D,
+        (l) => l.href ? /* @__PURE__ */ i(
+          P,
+          {
+            href: l.href,
+            variant: "muted",
+            size: "sm",
+            title: l.description,
+            className: "h-6 rounded-full px-2",
+            children: [
+              /* @__PURE__ */ a(V, { children: l.label }),
+              /* @__PURE__ */ a("span", { className: "sr-only", children: " (opens in a new tab)" })
+            ]
+          },
+          l.id
+        ) : o ? /* @__PURE__ */ a(
+          z,
           {
             type: "button",
             size: "xs",
@@ -224,64 +239,112 @@ function w({
             children: l.label
           },
           l.id
-        ) : /* @__PURE__ */ e(g, { variant: "soft", title: l.description, children: l.label }, l.id)
+        ) : /* @__PURE__ */ a(p, { variant: "soft", title: l.description, children: l.label }, l.id)
       )
-    ] })
+    ] }),
+    !!(t != null && t.length) && /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: t.map((l) => /* @__PURE__ */ a(
+      O,
+      {
+        type: "button",
+        disabled: !s,
+        onClick: () => s == null ? void 0 : s(l),
+        children: l.label
+      },
+      l.id
+    )) })
   ] });
 }
-const j = h.forwardRef(({ spec: a, onFollowUp: r, onSourceSelect: s, className: o, ...l }, d) => /* @__PURE__ */ i(
+const j = u.forwardRef(({ spec: t, onFollowUp: r, onSourceSelect: s, className: o, ...l }, m) => /* @__PURE__ */ i(
   "div",
   {
-    ref: d,
-    "data-answer-kind": a.kind,
+    ref: m,
+    "data-answer-kind": t.kind,
     className: c("w-full max-w-2xl space-y-5", o),
     ...l,
     children: [
-      /* @__PURE__ */ e(f, { spec: a }),
-      /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-2xl bg-surface p-2", children: /* @__PURE__ */ i("table", { className: "w-full min-w-[32rem] border-separate border-spacing-y-1 text-left", children: [
-        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
-          /* @__PURE__ */ e("th", { className: "w-2/5 px-3 py-2 text-xs font-medium text-tertiary", children: "Measure" }),
-          a.subjects.map((n) => /* @__PURE__ */ i("th", { className: "px-3 py-2 align-bottom", children: [
-            /* @__PURE__ */ e("span", { className: "block text-sm font-semibold text-foreground", children: n.label }),
-            n.description && /* @__PURE__ */ e("span", { className: "mt-0.5 block text-xs font-normal text-tertiary", children: n.description })
-          ] }, n.label))
+      /* @__PURE__ */ a(y, { spec: t }),
+      /* @__PURE__ */ a("div", { className: "overflow-x-auto rounded-2xl bg-surface p-2", children: /* @__PURE__ */ i("table", { className: "w-full min-w-[32rem] border-separate border-spacing-y-1 text-left", children: [
+        /* @__PURE__ */ a("caption", { className: "sr-only", children: t.headline }),
+        /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ i("tr", { children: [
+          /* @__PURE__ */ a(
+            "th",
+            {
+              scope: "col",
+              className: "w-1/3 px-3 py-2 text-xs font-medium text-tertiary",
+              children: "Measure"
+            }
+          ),
+          t.subjects.map((n) => /* @__PURE__ */ i(
+            "th",
+            {
+              scope: "col",
+              className: "px-3 py-2 align-bottom",
+              children: [
+                /* @__PURE__ */ a("span", { className: "block text-sm font-semibold text-foreground", children: n.label }),
+                n.description && /* @__PURE__ */ a("span", { className: "mt-0.5 block text-xs font-normal text-tertiary", children: n.description })
+              ]
+            },
+            n.label
+          )),
+          /* @__PURE__ */ i("th", { scope: "col", className: "px-3 py-2 align-bottom", children: [
+            /* @__PURE__ */ a("span", { className: "block text-sm font-semibold text-foreground", children: "Difference" }),
+            /* @__PURE__ */ i("span", { className: "mt-0.5 block text-xs font-normal text-tertiary", children: [
+              t.subjects[1].label,
+              " − ",
+              t.subjects[0].label
+            ] })
+          ] })
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: a.rows.map((n) => /* @__PURE__ */ i("tr", { className: "[&>*]:bg-muted/60", children: [
-          /* @__PURE__ */ i("th", { className: "rounded-l-xl px-3 py-3 text-xs font-medium text-secondary", children: [
-            /* @__PURE__ */ e("span", { children: n.label }),
-            n.delta && /* @__PURE__ */ e(
+        /* @__PURE__ */ a("tbody", { children: t.rows.map((n) => {
+          const d = n.values[0].detail === n.values[1].detail ? n.values[0].detail : void 0, h = n.description ?? d;
+          return /* @__PURE__ */ i("tr", { className: "[&>*]:bg-muted/60", children: [
+            /* @__PURE__ */ i(
+              "th",
+              {
+                scope: "row",
+                className: "rounded-l-xl px-3 py-3 align-top text-left",
+                children: [
+                  /* @__PURE__ */ a("span", { className: "block text-sm font-medium text-secondary", children: n.label }),
+                  h && /* @__PURE__ */ a("span", { className: "mt-0.5 block text-xs font-normal text-tertiary", children: h })
+                ]
+              }
+            ),
+            n.values.map((g, D) => /* @__PURE__ */ a(
+              "td",
+              {
+                className: "px-3 py-3 align-top",
+                children: /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: c(
+                      v({ tone: g.tone }),
+                      "block text-sm"
+                    ),
+                    children: g.value
+                  }
+                )
+              },
+              `${n.label}-${t.subjects[D].label}`
+            )),
+            /* @__PURE__ */ a("td", { className: "rounded-r-xl px-3 py-3 align-top", children: n.delta ? /* @__PURE__ */ a(
               "span",
               {
                 className: c(
-                  N({ tone: n.delta.tone }),
-                  "ml-2 text-xs"
+                  v({ tone: n.delta.tone }),
+                  "block text-sm"
                 ),
                 children: n.delta.value
               }
-            )
-          ] }),
-          n.values.map((m, u) => /* @__PURE__ */ i(
-            "td",
-            {
-              className: c(
-                "px-3 py-3 align-top last:rounded-r-xl",
-                N({ tone: m.tone })
-              ),
-              children: [
-                /* @__PURE__ */ e("span", { className: "block text-sm", children: m.value }),
-                m.detail && /* @__PURE__ */ e("span", { className: "mt-0.5 block text-xs font-normal text-tertiary", children: m.detail })
-              ]
-            },
-            `${n.label}-${a.subjects[u].label}`
-          ))
-        ] }, n.label)) })
+            ) : /* @__PURE__ */ a("span", { "aria-label": "Not provided", className: "text-sm text-tertiary", children: "—" }) })
+          ] }, n.label);
+        }) })
       ] }) }),
-      a.takeaway && /* @__PURE__ */ e(y, { signal: a.takeaway }),
-      /* @__PURE__ */ e(
-        w,
+      t.takeaway && /* @__PURE__ */ a(w, { signal: t.takeaway }),
+      /* @__PURE__ */ a(
+        N,
         {
-          followUps: a.followUps,
-          sources: a.sources,
+          followUps: t.followUps,
+          sources: t.sources,
           onFollowUp: r,
           onSourceSelect: s
         }
@@ -290,53 +353,53 @@ const j = h.forwardRef(({ spec: a, onFollowUp: r, onSourceSelect: s, className:
   }
 ));
 j.displayName = "ComparisonAnswer";
-const S = h.forwardRef(
-  ({ spec: a, onFollowUp: r, onSourceSelect: s, className: o, ...l }, d) => {
-    const n = h.useMemo(
-      () => a.chart.unit ? (u) => `${Z.format(u)}${a.chart.unit}` : void 0,
-      [a.chart.unit]
-    ), m = {
-      data: a.chart.data,
-      categoryKey: a.chart.categoryKey,
-      series: a.chart.series,
-      seriesLabels: a.chart.seriesLabels,
-      highlight: a.chart.highlight,
-      annotations: a.chart.annotations,
+const S = u.forwardRef(
+  ({ spec: t, onFollowUp: r, onSourceSelect: s, className: o, ...l }, m) => {
+    const n = u.useMemo(
+      () => t.chart.unit ? (h) => `${te.format(h)}${t.chart.unit}` : void 0,
+      [t.chart.unit]
+    ), d = {
+      data: t.chart.data,
+      categoryKey: t.chart.categoryKey,
+      series: t.chart.series,
+      seriesLabels: t.chart.seriesLabels,
+      highlight: t.chart.highlight,
+      annotations: t.chart.annotations,
       formatValue: n,
       height: 224
     };
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: d,
-        "data-answer-kind": a.kind,
+        ref: m,
+        "data-answer-kind": t.kind,
         className: c("w-full max-w-2xl space-y-5", o),
         ...l,
         children: [
           /* @__PURE__ */ i("div", { className: "flex flex-col justify-between gap-4 sm:flex-row sm:items-end", children: [
-            /* @__PURE__ */ e(f, { spec: a }),
-            a.metric && /* @__PURE__ */ i("div", { className: "shrink-0 rounded-xl bg-muted px-4 py-3 sm:text-right", children: [
-              /* @__PURE__ */ e("p", { className: "text-xs font-medium text-tertiary", children: a.metric.label }),
-              /* @__PURE__ */ e(
+            /* @__PURE__ */ a(y, { spec: t }),
+            t.metric && /* @__PURE__ */ i("div", { className: "shrink-0 rounded-xl bg-muted px-4 py-3 text-left", children: [
+              /* @__PURE__ */ a("p", { className: "text-xs font-medium text-tertiary", children: t.metric.label }),
+              /* @__PURE__ */ a(
                 "p",
                 {
                   className: c(
-                    N({ tone: a.metric.tone }),
+                    v({ tone: t.metric.tone }),
                     "mt-1 text-2xl tracking-tight"
                   ),
-                  children: a.metric.value
+                  children: t.metric.value
                 }
               ),
-              a.metric.change && /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-secondary", children: a.metric.change })
+              t.metric.change && /* @__PURE__ */ a("p", { className: "mt-0.5 text-xs text-secondary", children: t.metric.change })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "rounded-2xl bg-surface px-3 pb-2 pt-4 sm:px-4", children: a.chart.type === "area" ? /* @__PURE__ */ e(V, { ...m }) : a.chart.type === "bar" ? /* @__PURE__ */ e(_, { ...m }) : /* @__PURE__ */ e(z, { ...m }) }),
-          a.insight && /* @__PURE__ */ e(y, { signal: a.insight }),
-          /* @__PURE__ */ e(
-            w,
+          /* @__PURE__ */ a("div", { className: "rounded-2xl bg-surface px-3 pb-2 pt-4 sm:px-4", children: t.chart.type === "area" ? /* @__PURE__ */ a(_, { ...d }) : t.chart.type === "bar" ? /* @__PURE__ */ a(M, { ...d }) : /* @__PURE__ */ a(W, { ...d }) }),
+          t.insight && /* @__PURE__ */ a(w, { signal: t.insight }),
+          /* @__PURE__ */ a(
+            N,
             {
-              followUps: a.followUps,
-              sources: a.sources,
+              followUps: t.followUps,
+              sources: t.sources,
               onFollowUp: r,
               onSourceSelect: s
             }
@@ -347,54 +410,54 @@ const S = h.forwardRef(
   }
 );
 S.displayName = "TrendAnswer";
-const C = h.forwardRef(
-  ({ spec: a, onFollowUp: r, onSourceSelect: s, className: o, ...l }, d) => /* @__PURE__ */ i(
+const C = u.forwardRef(
+  ({ spec: t, onFollowUp: r, onSourceSelect: s, className: o, ...l }, m) => /* @__PURE__ */ i(
     "div",
     {
-      ref: d,
-      "data-answer-kind": a.kind,
+      ref: m,
+      "data-answer-kind": t.kind,
       className: c("w-full max-w-2xl space-y-5", o),
       ...l,
       children: [
         /* @__PURE__ */ i("div", { className: "flex flex-col justify-between gap-3 sm:flex-row sm:items-start", children: [
-          /* @__PURE__ */ e(f, { spec: a }),
-          a.overall && /* @__PURE__ */ i(
-            g,
+          /* @__PURE__ */ a(y, { spec: t }),
+          t.overall && /* @__PURE__ */ i(
+            p,
             {
               variant: "soft",
-              color: a.overall.tone ?? "default",
+              color: t.overall.tone ?? "default",
               className: "self-start",
               children: [
-                a.overall.label,
+                t.overall.label,
                 " · ",
-                a.overall.value
+                t.overall.value
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ e("ul", { className: "space-y-2", children: a.items.map((n) => /* @__PURE__ */ i(
+        /* @__PURE__ */ a("ul", { className: "space-y-2", children: t.items.map((n) => /* @__PURE__ */ i(
           "li",
           {
             className: "flex items-start justify-between gap-4 rounded-xl bg-surface px-4 py-3",
             children: [
               /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: n.label }),
-                n.detail && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-5 text-secondary", children: n.detail })
+                /* @__PURE__ */ a("p", { className: "text-sm font-medium text-foreground", children: n.label }),
+                n.detail && /* @__PURE__ */ a("p", { className: "mt-1 text-xs leading-5 text-secondary", children: n.detail })
               ] }),
               /* @__PURE__ */ i("div", { className: "shrink-0 text-right", children: [
-                /* @__PURE__ */ e(g, { variant: "dot", color: n.tone ?? "default", children: n.status }),
-                n.meta && /* @__PURE__ */ e("p", { className: "mt-1 text-xs tabular-nums text-tertiary", children: n.meta })
+                /* @__PURE__ */ a(p, { variant: "dot", color: n.tone ?? "default", children: n.status }),
+                n.meta && /* @__PURE__ */ a("p", { className: "mt-1 text-xs tabular-nums text-tertiary", children: n.meta })
               ] })
             ]
           },
           n.label
         )) }),
-        a.recommendation && /* @__PURE__ */ e(y, { signal: a.recommendation }),
-        /* @__PURE__ */ e(
-          w,
+        t.recommendation && /* @__PURE__ */ a(w, { signal: t.recommendation }),
+        /* @__PURE__ */ a(
+          N,
           {
-            followUps: a.followUps,
-            sources: a.sources,
+            followUps: t.followUps,
+            sources: t.sources,
             onFollowUp: r,
             onSourceSelect: s
           }
@@ -404,54 +467,54 @@ const C = h.forwardRef(
   )
 );
 C.displayName = "StatusAnswer";
-const R = h.forwardRef(({ spec: a, onFollowUp: r, onSourceSelect: s, className: o, ...l }, d) => /* @__PURE__ */ i(
+const T = u.forwardRef(({ spec: t, onFollowUp: r, onSourceSelect: s, className: o, ...l }, m) => /* @__PURE__ */ i(
   "div",
   {
-    ref: d,
-    "data-answer-kind": a.kind,
+    ref: m,
+    "data-answer-kind": t.kind,
     className: c("w-full max-w-2xl space-y-5", o),
     ...l,
     children: [
       /* @__PURE__ */ i("div", { className: "flex flex-col justify-between gap-3 sm:flex-row sm:items-end", children: [
-        /* @__PURE__ */ e(f, { spec: a }),
-        a.total && /* @__PURE__ */ i("div", { className: "shrink-0 sm:text-right", children: [
-          /* @__PURE__ */ e("p", { className: "text-xs font-medium text-tertiary", children: a.total.label }),
-          /* @__PURE__ */ e("p", { className: "mt-1 text-2xl font-semibold tabular-nums tracking-tight text-foreground", children: a.total.value })
+        /* @__PURE__ */ a(y, { spec: t }),
+        t.total && /* @__PURE__ */ i("div", { className: "shrink-0 sm:text-right", children: [
+          /* @__PURE__ */ a("p", { className: "text-xs font-medium text-tertiary", children: t.total.label }),
+          /* @__PURE__ */ a("p", { className: "mt-1 text-2xl font-semibold tabular-nums tracking-tight text-foreground", children: t.total.value })
         ] })
       ] }),
-      /* @__PURE__ */ e("ol", { className: "space-y-2", children: a.items.map((n, m) => /* @__PURE__ */ i("li", { className: "rounded-xl bg-surface px-4 py-3", children: [
+      /* @__PURE__ */ a("ol", { className: "space-y-2", children: t.items.map((n, d) => /* @__PURE__ */ i("li", { className: "rounded-xl bg-surface px-4 py-3", children: [
         /* @__PURE__ */ i("div", { className: "mb-2 flex items-start justify-between gap-4", children: [
           /* @__PURE__ */ i("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-            /* @__PURE__ */ e(g, { variant: "soft", className: "mt-0.5 tabular-nums", children: m + 1 }),
+            /* @__PURE__ */ a(p, { variant: "soft", className: "mt-0.5 tabular-nums", children: d + 1 }),
             /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: n.label }),
-              n.detail && /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-tertiary", children: n.detail })
+              /* @__PURE__ */ a("p", { className: "text-sm font-medium text-foreground", children: n.label }),
+              n.detail && /* @__PURE__ */ a("p", { className: "mt-0.5 text-xs text-tertiary", children: n.detail })
             ] })
           ] }),
           /* @__PURE__ */ i("div", { className: "shrink-0 text-right", children: [
-            /* @__PURE__ */ e("p", { className: c(N({ tone: n.tone }), "text-sm"), children: n.value }),
+            /* @__PURE__ */ a("p", { className: c(v({ tone: n.tone }), "text-sm"), children: n.value }),
             /* @__PURE__ */ i("p", { className: "mt-0.5 text-xs tabular-nums text-tertiary", children: [
               n.share,
               "%"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e(
-          P,
+        /* @__PURE__ */ a(
+          I,
           {
             value: n.share,
             size: "sm",
-            color: tt(n.tone),
+            color: ne(n.tone),
             label: `${n.label}: ${n.share}%`
           }
         )
       ] }, n.label)) }),
-      a.insight && /* @__PURE__ */ e(y, { signal: a.insight }),
-      /* @__PURE__ */ e(
-        w,
+      t.insight && /* @__PURE__ */ a(w, { signal: t.insight }),
+      /* @__PURE__ */ a(
+        N,
         {
-          followUps: a.followUps,
-          sources: a.sources,
+          followUps: t.followUps,
+          sources: t.sources,
           onFollowUp: r,
           onSourceSelect: s
         }
@@ -459,42 +522,42 @@ const R = h.forwardRef(({ spec: a, onFollowUp: r, onSourceSelect: s, className:
     ]
   }
 ));
-R.displayName = "BreakdownAnswer";
-const T = h.forwardRef(({ spec: a, onFollowUp: r, onSourceSelect: s, className: o, ...l }, d) => /* @__PURE__ */ i(
+T.displayName = "BreakdownAnswer";
+const R = u.forwardRef(({ spec: t, onFollowUp: r, onSourceSelect: s, className: o, ...l }, m) => /* @__PURE__ */ i(
   "div",
   {
-    ref: d,
-    "data-answer-kind": a.kind,
+    ref: m,
+    "data-answer-kind": t.kind,
     className: c("w-full max-w-2xl space-y-5", o),
     ...l,
     children: [
-      /* @__PURE__ */ e(f, { spec: a }),
-      /* @__PURE__ */ e("ol", { className: "space-y-2", children: a.sections.map((n, m) => {
-        var u;
+      /* @__PURE__ */ a(y, { spec: t }),
+      /* @__PURE__ */ a("ol", { className: "space-y-2", children: t.sections.map((n, d) => {
+        var h;
         return /* @__PURE__ */ i("li", { className: "flex gap-3 rounded-xl bg-surface px-4 py-3.5", children: [
-          /* @__PURE__ */ e(g, { variant: "soft", className: "mt-0.5 h-fit tabular-nums", children: m + 1 }),
+          /* @__PURE__ */ a(p, { variant: "soft", className: "mt-0.5 h-fit tabular-nums", children: d + 1 }),
           /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-foreground", children: n.title }),
-            n.body && /* @__PURE__ */ e("p", { className: "mt-1 text-sm leading-6 text-secondary", children: n.body }),
-            !!((u = n.bullets) != null && u.length) && /* @__PURE__ */ e("ul", { className: "mt-2 space-y-1.5", children: n.bullets.map((k) => /* @__PURE__ */ i("li", { className: "flex items-start gap-2 text-xs leading-5 text-secondary", children: [
-              /* @__PURE__ */ e(
+            /* @__PURE__ */ a("h3", { className: "text-sm font-semibold text-foreground", children: n.title }),
+            n.body && /* @__PURE__ */ a("p", { className: "mt-1 text-sm leading-6 text-secondary", children: n.body }),
+            !!((h = n.bullets) != null && h.length) && /* @__PURE__ */ a("ul", { className: "mt-2 space-y-1.5", children: n.bullets.map((g) => /* @__PURE__ */ i("li", { className: "flex items-start gap-2 text-xs leading-5 text-secondary", children: [
+              /* @__PURE__ */ a(
                 "span",
                 {
                   "aria-hidden": !0,
                   className: "mt-2 size-1 shrink-0 rounded-dot bg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ e("span", { children: k })
-            ] }, k)) })
+              /* @__PURE__ */ a("span", { children: g })
+            ] }, g)) })
           ] })
         ] }, n.title);
       }) }),
-      a.takeaway && /* @__PURE__ */ e(y, { signal: a.takeaway }),
-      /* @__PURE__ */ e(
-        w,
+      t.takeaway && /* @__PURE__ */ a(w, { signal: t.takeaway }),
+      /* @__PURE__ */ a(
+        N,
         {
-          followUps: a.followUps,
-          sources: a.sources,
+          followUps: t.followUps,
+          sources: t.sources,
           onFollowUp: r,
           onSourceSelect: s
         }
@@ -502,42 +565,42 @@ const T = h.forwardRef(({ spec: a, onFollowUp: r, onSourceSelect: s, className:
     ]
   }
 ));
-T.displayName = "ExplanationAnswer";
-const at = h.forwardRef(
-  ({ spec: a, ...r }, s) => {
-    switch (a.kind) {
+R.displayName = "ExplanationAnswer";
+const ie = u.forwardRef(
+  ({ spec: t, ...r }, s) => {
+    switch (t.kind) {
       case "comparison":
-        return /* @__PURE__ */ e(j, { ref: s, spec: a, ...r });
+        return /* @__PURE__ */ a(j, { ref: s, spec: t, ...r });
       case "trend":
-        return /* @__PURE__ */ e(S, { ref: s, spec: a, ...r });
+        return /* @__PURE__ */ a(S, { ref: s, spec: t, ...r });
       case "status":
-        return /* @__PURE__ */ e(C, { ref: s, spec: a, ...r });
+        return /* @__PURE__ */ a(C, { ref: s, spec: t, ...r });
       case "breakdown":
-        return /* @__PURE__ */ e(R, { ref: s, spec: a, ...r });
+        return /* @__PURE__ */ a(T, { ref: s, spec: t, ...r });
       case "explanation":
-        return /* @__PURE__ */ e(T, { ref: s, spec: a, ...r });
+        return /* @__PURE__ */ a(R, { ref: s, spec: t, ...r });
     }
   }
 );
-at.displayName = "AnswerRenderer";
+ie.displayName = "AnswerRenderer";
 export {
-  K as ANSWER_TOOL_DESCRIPTION,
-  I as ANSWER_TOOL_NAME,
-  M as AnswerFollowUpSchema,
-  at as AnswerRenderer,
+  H as ANSWER_TOOL_DESCRIPTION,
+  K as ANSWER_TOOL_NAME,
+  F as AnswerFollowUpSchema,
+  ie as AnswerRenderer,
   b as AnswerSignalSchema,
-  W as AnswerSourceSchema,
-  Y as AnswerSpecSchema,
+  q as AnswerSourceSchema,
+  ee as AnswerSpecSchema,
   x as AnswerToneSchema,
-  R as BreakdownAnswer,
-  Q as BreakdownAnswerSchema,
+  T as BreakdownAnswer,
+  Y as BreakdownAnswerSchema,
   j as ComparisonAnswer,
-  F as ComparisonAnswerSchema,
-  T as ExplanationAnswer,
-  X as ExplanationAnswerSchema,
+  G as ComparisonAnswerSchema,
+  R as ExplanationAnswer,
+  Z as ExplanationAnswerSchema,
   C as StatusAnswer,
-  J as StatusAnswerSchema,
+  X as StatusAnswerSchema,
   S as TrendAnswer,
-  G as TrendAnswerSchema,
-  ht as answerTool
+  U as TrendAnswerSchema,
+  pe as answerTool
 };