@actioneer/ads 0.2.3 → 0.2.4

package/components/ai-elements/message.js

@@ -1,54 +1,65 @@
 "use client";
-import { jsx as r, jsxs as f, Fragment as N } from "react/jsx-runtime";
+import { jsx as r, jsxs as f, Fragment as w } from "react/jsx-runtime";
 import * as o from "react";
-import { cva as M } from "class-variance-authority";
+import { cva as x } from "class-variance-authority";
 import { cn as l } from "../../lib/cn.js";
-import { Button as p } from "../button.js";
-import { Avatar as w } from "../avatar.js";
-import { Tooltip as x } from "../tooltip.js";
+import { Button as h } from "../button.js";
+import { Avatar as M } from "../avatar.js";
+import { Tooltip as _ } from "../tooltip.js";
 import { ChevronLeft as B, ChevronRight as R, Paperclip as A, Close as C } from "../../lib/icons.js";
-const z = o.forwardRef(
-  ({ className: e, from: t, ...s }, a) => /* @__PURE__ */ r(
+const z = x("group flex w-full max-w-[95%] flex-col gap-2", {
+  variants: {
+    align: {
+      start: "is-align-start mr-auto items-start",
+      end: "is-align-end ml-auto items-end"
+    }
+  },
+  defaultVariants: { align: "start" }
+}), k = o.forwardRef(
+  ({ align: e, className: t, from: s, ...a }, n) => /* @__PURE__ */ r(
     "div",
     {
-      ref: a,
+      ref: n,
       className: l(
-        "group flex w-full max-w-[95%] flex-col gap-2",
-        t === "user" ? "is-user ml-auto justify-end" : "is-assistant",
-        e
+        z({ align: e ?? (s === "user" ? "end" : "start") }),
+        s === "user" ? "is-user" : "is-assistant",
+        t
       ),
-      ...s
+      ...a
     }
   )
 );
-z.displayName = "Message";
-const k = M(
-  "flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-base",
+k.displayName = "Message";
+const P = x(
+  "flex max-w-full min-w-0 flex-col gap-2 overflow-hidden text-base",
   {
     variants: {
       variant: {
         // Contained: the user turn reads as a quiet filled bubble; the
         // assistant turn is plain full-width text.
-        contained: "group-[.is-user]:ml-auto group-[.is-user]:rounded-xl group-[.is-user]:bg-muted group-[.is-user]:px-4 group-[.is-user]:py-2.5 group-[.is-user]:text-foreground group-[.is-assistant]:text-foreground",
+        contained: "w-fit group-[.is-user]:rounded-xl group-[.is-user]:bg-muted group-[.is-user]:px-4 group-[.is-user]:py-2.5 group-[.is-user]:text-foreground group-[.is-assistant]:text-foreground",
         // Flat: the user turn steps to a recessed tint (no bubble); the
         // assistant turn is full-width plain text — a cleaner, modern look.
-        flat: "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-surface group-[.is-user]:px-3 group-[.is-user]:py-2 group-[.is-user]:text-foreground group-[.is-assistant]:text-foreground"
+        flat: "w-fit group-[.is-user]:rounded-lg group-[.is-user]:bg-surface group-[.is-user]:px-3 group-[.is-user]:py-2 group-[.is-user]:text-foreground group-[.is-assistant]:text-foreground",
+        // Plain: no fill, radius, or padding. Pair `align="start"` with a
+        // user turn for the clean, left-aligned prompt treatment.
+        plain: "w-full text-foreground group-[.is-user]:text-lg"
       }
     },
     defaultVariants: { variant: "contained" }
   }
-), P = o.forwardRef(({ children: e, className: t, variant: s, ...a }, n) => /* @__PURE__ */ r(
+), T = o.forwardRef(({ children: e, className: t, variant: s, ...a }, n) => /* @__PURE__ */ r(
   "div",
   {
     ref: n,
-    className: l(k({ variant: s }), t),
+    className: l(P({ variant: s }), t),
     ...a,
     children: e
   }
 ));
-P.displayName = "MessageContent";
-const T = o.forwardRef(({ src: e, name: t, className: s, ...a }, n) => /* @__PURE__ */ r(
-  w,
+T.displayName = "MessageContent";
+const j = o.forwardRef(({ src: e, name: t, className: s, ...a }, n) => /* @__PURE__ */ r(
+  M,
   {
     ref: n,
     src: e,
@@ -58,8 +69,8 @@ const T = o.forwardRef(({ src: e, name: t, className: s, ...a }, n) => /* @__PUR
     ...a
   }
 ));
-T.displayName = "MessageAvatar";
-const j = l(
+j.displayName = "MessageAvatar";
+const V = l(
   "size-full text-base leading-relaxed text-foreground",
   "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
   "[&_p]:my-2",
@@ -73,12 +84,12 @@ const j = l(
   "[&_table]:my-3 [&_table]:w-full [&_table]:text-xs [&_th]:px-2 [&_th]:py-1.5 [&_th]:text-left [&_th]:font-bold [&_td]:px-2 [&_td]:py-1.5 [&_thead]:text-secondary"
 ), S = o.memo(
   o.forwardRef(
-    ({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r("div", { ref: a, className: l(j, e), ...s, children: t })
+    ({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r("div", { ref: a, className: l(V, e), ...s, children: t })
   ),
   (e, t) => e.children === t.children
 );
 S.displayName = "MessageResponse";
-const V = o.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r(
+const W = o.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
@@ -87,42 +98,42 @@ const V = o.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__
     children: t
   }
 ));
-V.displayName = "MessageActions";
-const W = o.forwardRef(
+W.displayName = "MessageActions";
+const E = o.forwardRef(
   ({ tooltip: e, children: t, label: s, variant: a = "ghost", size: n = "icon-sm", ...i }, d) => {
-    const c = /* @__PURE__ */ f(p, { ref: d, size: n, type: "button", variant: a, ...i, children: [
+    const c = /* @__PURE__ */ f(h, { ref: d, size: n, type: "button", variant: a, ...i, children: [
       t,
       /* @__PURE__ */ r("span", { className: "sr-only", children: s || e })
     ] });
-    return e ? /* @__PURE__ */ r(x, { content: e, children: c }) : c;
+    return e ? /* @__PURE__ */ r(_, { content: e, children: c }) : c;
   }
 );
-W.displayName = "MessageAction";
-const _ = o.createContext(null), m = () => {
-  const e = o.useContext(_);
+E.displayName = "MessageAction";
+const b = o.createContext(null), g = () => {
+  const e = o.useContext(b);
   if (!e)
     throw new Error(
       "MessageBranch components must be used within MessageBranch"
     );
   return e;
-}, E = o.forwardRef(({ defaultBranch: e = 0, onBranchChange: t, className: s, ...a }, n) => {
-  const [i, d] = o.useState(e), [c, g] = o.useState([]), h = (u) => {
+}, I = o.forwardRef(({ defaultBranch: e = 0, onBranchChange: t, className: s, ...a }, n) => {
+  const [i, d] = o.useState(e), [c, m] = o.useState([]), p = (u) => {
     d(u), t == null || t(u);
-  }, b = () => {
+  }, v = () => {
     const u = i > 0 ? i - 1 : c.length - 1;
-    h(u);
+    p(u);
   }, y = () => {
     const u = i < c.length - 1 ? i + 1 : 0;
-    h(u);
-  }, v = {
+    p(u);
+  }, N = {
     currentBranch: i,
     totalBranches: c.length,
-    goToPrevious: b,
+    goToPrevious: v,
     goToNext: y,
     branches: c,
-    setBranches: g
+    setBranches: m
   };
-  return /* @__PURE__ */ r(_.Provider, { value: v, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(b.Provider, { value: N, children: /* @__PURE__ */ r(
     "div",
     {
       ref: n,
@@ -131,17 +142,17 @@ const _ = o.createContext(null), m = () => {
     }
   ) });
 });
-E.displayName = "MessageBranch";
-const I = ({
+I.displayName = "MessageBranch";
+const L = ({
   children: e,
   ...t
 }) => {
-  const { currentBranch: s, setBranches: a, branches: n } = m(), i = o.Children.toArray(
+  const { currentBranch: s, setBranches: a, branches: n } = g(), i = o.Children.toArray(
     e
   );
   return o.useEffect(() => {
     n.length !== i.length && a(i);
-  }, [i, n, a]), /* @__PURE__ */ r(N, { children: i.map((d, c) => /* @__PURE__ */ r(
+  }, [i, n, a]), /* @__PURE__ */ r(w, { children: i.map((d, c) => /* @__PURE__ */ r(
     "div",
     {
       className: l(
@@ -154,9 +165,9 @@ const I = ({
     d.key
   )) });
 };
-I.displayName = "MessageBranchContent";
-const L = o.forwardRef(({ className: e, from: t, ...s }, a) => {
-  const { totalBranches: n } = m();
+L.displayName = "MessageBranchContent";
+const F = o.forwardRef(({ className: e, from: t, ...s }, a) => {
+  const { totalBranches: n } = g();
   return n <= 1 ? null : /* @__PURE__ */ r(
     "div",
     {
@@ -166,11 +177,11 @@ const L = o.forwardRef(({ className: e, from: t, ...s }, a) => {
     }
   );
 });
-L.displayName = "MessageBranchSelector";
-const F = o.forwardRef(({ children: e, ...t }, s) => {
-  const { goToPrevious: a, totalBranches: n } = m();
+F.displayName = "MessageBranchSelector";
+const q = o.forwardRef(({ children: e, ...t }, s) => {
+  const { goToPrevious: a, totalBranches: n } = g();
   return /* @__PURE__ */ r(
-    p,
+    h,
     {
       ref: s,
       "aria-label": "Previous branch",
@@ -184,11 +195,11 @@ const F = o.forwardRef(({ children: e, ...t }, s) => {
     }
   );
 });
-F.displayName = "MessageBranchPrevious";
-const q = o.forwardRef(({ children: e, ...t }, s) => {
-  const { goToNext: a, totalBranches: n } = m();
+q.displayName = "MessageBranchPrevious";
+const D = o.forwardRef(({ children: e, ...t }, s) => {
+  const { goToNext: a, totalBranches: n } = g();
   return /* @__PURE__ */ r(
-    p,
+    h,
     {
       ref: s,
       "aria-label": "Next branch",
@@ -202,9 +213,9 @@ const q = o.forwardRef(({ children: e, ...t }, s) => {
     }
   );
 });
-q.displayName = "MessageBranchNext";
-const D = o.forwardRef(({ className: e, ...t }, s) => {
-  const { currentBranch: a, totalBranches: n } = m();
+D.displayName = "MessageBranchNext";
+const G = o.forwardRef(({ className: e, ...t }, s) => {
+  const { currentBranch: a, totalBranches: n } = g();
   return /* @__PURE__ */ f(
     "span",
     {
@@ -222,10 +233,10 @@ const D = o.forwardRef(({ className: e, ...t }, s) => {
     }
   );
 });
-D.displayName = "MessageBranchPage";
-const G = o.forwardRef(({ data: e, className: t, onRemove: s, ...a }, n) => {
-  var g;
-  const i = e.filename || "", d = !!((g = e.mediaType) != null && g.startsWith("image/") && e.url), c = i || (d ? "Image" : "Attachment");
+G.displayName = "MessageBranchPage";
+const H = o.forwardRef(({ data: e, className: t, onRemove: s, ...a }, n) => {
+  var m;
+  const i = e.filename || "", d = !!((m = e.mediaType) != null && m.startsWith("image/") && e.url), c = i || (d ? "Image" : "Attachment");
   return /* @__PURE__ */ f(
     "div",
     {
@@ -243,17 +254,17 @@ const G = o.forwardRef(({ data: e, className: t, onRemove: s, ...a }, n) => {
             className: "size-full object-cover",
             src: e.url
           }
-        ) : /* @__PURE__ */ r(x, { content: c, children: /* @__PURE__ */ r("div", { className: "flex size-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ r(A, { className: "size-4" }) }) }),
+        ) : /* @__PURE__ */ r(_, { content: c, children: /* @__PURE__ */ r("div", { className: "flex size-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ r(A, { className: "size-4" }) }) }),
         s && /* @__PURE__ */ r(
-          p,
+          h,
           {
             "aria-label": "Remove attachment",
             className: l(
               "absolute top-1.5 right-1.5 size-6 rounded-full p-0 opacity-0 transition-opacity group-hover/attachment:opacity-100",
               d && "bg-elevated/80 backdrop-blur-sm hover:bg-elevated"
             ),
-            onClick: (h) => {
-              h.stopPropagation(), s();
+            onClick: (p) => {
+              p.stopPropagation(), s();
             },
             size: "icon-xs",
             type: "button",
@@ -265,18 +276,21 @@ const G = o.forwardRef(({ data: e, className: t, onRemove: s, ...a }, n) => {
     }
   );
 });
-G.displayName = "MessageAttachment";
-const H = o.forwardRef(({ children: e, className: t, ...s }, a) => e ? /* @__PURE__ */ r(
+H.displayName = "MessageAttachment";
+const J = o.forwardRef(({ children: e, className: t, ...s }, a) => e ? /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: l("ml-auto flex w-fit flex-wrap items-start gap-2", t),
+    className: l(
+      "flex w-fit flex-wrap items-start gap-2 group-[.is-align-start]:mr-auto group-[.is-align-end]:ml-auto",
+      t
+    ),
     ...s,
     children: e
   }
 ) : null);
-H.displayName = "MessageAttachments";
-const J = o.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r(
+J.displayName = "MessageAttachments";
+const K = o.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
@@ -288,21 +302,21 @@ const J = o.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__
     children: t
   }
 ));
-J.displayName = "MessageToolbar";
+K.displayName = "MessageToolbar";
 export {
-  z as Message,
-  W as MessageAction,
-  V as MessageActions,
-  G as MessageAttachment,
-  H as MessageAttachments,
-  T as MessageAvatar,
-  E as MessageBranch,
-  I as MessageBranchContent,
-  q as MessageBranchNext,
-  D as MessageBranchPage,
-  F as MessageBranchPrevious,
-  L as MessageBranchSelector,
-  P as MessageContent,
+  k as Message,
+  E as MessageAction,
+  W as MessageActions,
+  H as MessageAttachment,
+  J as MessageAttachments,
+  j as MessageAvatar,
+  I as MessageBranch,
+  L as MessageBranchContent,
+  D as MessageBranchNext,
+  G as MessageBranchPage,
+  q as MessageBranchPrevious,
+  F as MessageBranchSelector,
+  T as MessageContent,
   S as MessageResponse,
-  J as MessageToolbar
+  K as MessageToolbar
 };

package/components/ai-elements/task-progress.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as a, jsxs as n, Fragment as q } from "react/jsx-runtime";
-import * as l from "react";
+import { jsx as t, jsxs as n, Fragment as q } from "react/jsx-runtime";
+import * as i from "react";
 import { cva as C } from "class-variance-authority";
 import { Collapsible as B, CollapsibleTrigger as G, CollapsibleContent as H } from "../collapsible.js";
 import { Spinner as J } from "../spinner.js";
 import { ChevronDown as K, Check as M, Clock as Q } from "../../lib/icons.js";
-import { cn as o } from "../../lib/cn.js";
+import { cn as l } from "../../lib/cn.js";
 const U = C(
-  "w-full overflow-hidden rounded-2xl bg-card text-foreground",
+  "w-full overflow-hidden rounded-2xl bg-card text-foreground before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(to_bottom,var(--border-strong)_0%,transparent_100%)] before:p-px before:content-[''] before:[mask:linear-gradient(var(--foreground)_0_0)_content-box,linear-gradient(var(--foreground)_0_0)] before:[mask-composite:exclude]!",
   {
     variants: {
       isSticky: {
@@ -20,7 +20,10 @@ const U = C(
     }
   }
 ), X = C(
-  "flex w-full flex-col rounded-2xl bg-transparent [&_.aui-composer-root]:relative [&_.aui-composer-root]:z-10 [&_.aui-composer-root]:-mt-px",
+  // The composer must sit flush under the progress bar: kill its standalone
+  // entrance animation (a mid-flight slide-in reads as a gap between the two
+  // surfaces) and square the shell's top corners to butt-joint the bar.
+  "flex w-full flex-col rounded-2xl bg-transparent [&_.aui-composer-root]:relative [&_.aui-composer-root]:z-10 [&_.aui-composer-root]:-mt-px [&_.aui-composer-root]:animate-none [&_.aui-composer-root>*:first-child]:rounded-t-none",
   {
     variants: {
       isSticky: {
@@ -32,31 +35,31 @@ const U = C(
       isSticky: !0
     }
   }
-), w = l.createContext(!1), Y = l.forwardRef(({ className: t, isSticky: s, ...d }, f) => /* @__PURE__ */ a(w.Provider, { value: !0, children: /* @__PURE__ */ a(
+), w = i.createContext(!1), Y = i.forwardRef(({ className: a, isSticky: r, ...d }, f) => /* @__PURE__ */ t(w.Provider, { value: !0, children: /* @__PURE__ */ t(
   "div",
   {
     ref: f,
     "data-slot": "task-progress-dock",
-    className: o(X({ isSticky: s }), t),
+    className: l(X({ isSticky: r }), a),
     ...d
   }
 ) }));
 Y.displayName = "TaskProgressDock";
-function y({ status: t }) {
+function y({ status: a }) {
   return /* @__PURE__ */ n(
     "span",
     {
       "aria-hidden": !0,
-      className: o(
+      className: l(
         "flex size-5 shrink-0 items-center justify-center",
-        t === "complete" && "text-success",
-        t === "active" && "text-info",
-        t === "pending" && "text-tertiary"
+        a === "complete" && "text-success",
+        a === "active" && "text-info",
+        a === "pending" && "text-tertiary"
       ),
       children: [
-        t === "complete" && /* @__PURE__ */ a(M, { className: "size-4", strokeWidth: 2 }),
-        t === "active" && /* @__PURE__ */ a(J, { size: "sm", color: "current", role: "presentation", "aria-hidden": !0 }),
-        t === "pending" && /* @__PURE__ */ a(Q, { className: "size-4" })
+        a === "complete" && /* @__PURE__ */ t(M, { className: "size-4", strokeWidth: 2 }),
+        a === "active" && /* @__PURE__ */ t(J, { size: "sm", color: "current", role: "presentation", "aria-hidden": !0 }),
+        a === "pending" && /* @__PURE__ */ t(Q, { className: "size-4" })
       ]
     }
   );
@@ -66,86 +69,86 @@ const Z = {
   active: "In progress",
   pending: "Pending"
 };
-function N({ elapsed: t }) {
-  return t ? /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center gap-3 text-xs text-tertiary tabular-nums", children: [
-    /* @__PURE__ */ a("span", { "aria-hidden": !0, className: "h-4 w-px bg-border" }),
-    /* @__PURE__ */ a("span", { "aria-label": `Elapsed ${t}`, children: t })
+function N({ elapsed: a }) {
+  return a ? /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center gap-3 text-xs text-tertiary tabular-nums", children: [
+    /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "h-4 w-px bg-border" }),
+    /* @__PURE__ */ t("span", { "aria-label": `Elapsed ${a}`, children: a })
   ] }) : null;
 }
-const O = l.forwardRef(
+const O = i.forwardRef(
   ({
-    className: t,
-    steps: s,
+    className: a,
+    steps: r,
     open: d,
     defaultOpen: f = !1,
     onOpenChange: u,
     title: c = "Task progress",
-    summary: P,
-    emptyLabel: I = "No task steps",
-    isSticky: T,
-    role: $,
-    "aria-label": z,
-    "aria-busy": D,
-    ...S
-  }, V) => {
-    const b = l.useContext(w), x = d !== void 0, [j, E] = l.useState(f), m = x ? d : j, i = s.findIndex((e) => e.status === "active"), p = s.reduce(
+    summary: _,
+    emptyLabel: P = "No task steps",
+    isSticky: I,
+    role: T,
+    "aria-label": $,
+    "aria-busy": z,
+    ...D
+  }, S) => {
+    const g = i.useContext(w), b = d !== void 0, [V, j] = i.useState(f), m = b ? d : V, o = r.findIndex((e) => e.status === "active"), p = r.reduce(
       (e, F, W) => F.status === "complete" ? W : e,
       -1
-    ), R = s.findIndex(
+    ), E = r.findIndex(
       (e) => e.status === "pending"
-    ), h = i >= 0 ? i : p >= 0 ? p : R, r = h >= 0 ? s[h] : void 0, g = i >= 0 ? i + 1 : p >= 0 ? p + 1 : 0, _ = s.filter(
+    ), h = o >= 0 ? o : p >= 0 ? p : E, s = h >= 0 ? r[h] : void 0, x = o >= 0 ? o + 1 : p >= 0 ? p + 1 : 0, R = r.filter(
       (e) => e.status === "pending"
-    ).length, k = s.length > 0 && s.every((e) => e.status === "complete"), A = i >= 0 ? "active" : k ? "complete" : "pending", v = r ? r.accessibilityLabel ?? (typeof r.label == "string" ? r.label : "") : "", L = l.useCallback(
+    ).length, v = r.length > 0 && r.every((e) => e.status === "complete"), A = o >= 0 ? "active" : v ? "complete" : "pending", k = s ? s.accessibilityLabel ?? (typeof s.label == "string" ? s.label : "") : "", L = i.useCallback(
       (e) => {
-        x || E(e), u == null || u(e);
+        b || j(e), u == null || u(e);
       },
-      [x, u]
+      [b, u]
     );
     return /* @__PURE__ */ n(
       B,
       {
-        ref: V,
+        ref: S,
         open: m,
         onOpenChange: L,
-        role: $ ?? "region",
-        "aria-label": z ?? c,
-        "aria-busy": D ?? (i >= 0 || void 0),
-        ...S,
+        role: T ?? "region",
+        "aria-label": $ ?? c,
+        "aria-busy": z ?? (o >= 0 || void 0),
+        ...D,
         "data-slot": "task-progress",
         "data-status": A,
-        className: o(
-          U({ isSticky: b ? !1 : T }),
-          b && "rounded-b-none",
-          t
+        className: l(
+          U({ isSticky: g ? !1 : I }),
+          g && "rounded-b-none",
+          a
         ),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "span",
             {
               className: "sr-only",
               role: "progressbar",
               "aria-label": c,
               "aria-valuemin": 0,
-              "aria-valuemax": s.length,
-              "aria-valuenow": g
+              "aria-valuemax": r.length,
+              "aria-valuenow": x
             }
           ),
-          /* @__PURE__ */ a("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: k ? `All ${s.length} steps complete` : `Step ${g} of ${s.length}${v ? `: ${v}` : ""}. ${_} pending.` }),
-          /* @__PURE__ */ a(G, { asChild: !0, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: v ? `All ${r.length} steps complete` : `Step ${x} of ${r.length}${k ? `: ${k}` : ""}. ${R} pending.` }),
+          /* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               "aria-label": m ? `Collapse ${c}` : `Expand ${c}`,
-              className: o(
-                "flex min-h-(--panel-header-height) w-full items-center gap-3 px-4 text-left sm:px-5",
+              className: l(
+                "flex min-h-14 w-full items-center gap-3 px-4 text-left sm:px-5",
                 "rounded-t-2xl rounded-b-sm outline-none focus-visible:ring-3 focus-visible:ring-inset focus-visible:ring-ring",
                 "transition-[color,transform] duration-(--duration-fast) ease-out active:scale-(--scale-press) motion-reduce:transition-none"
               ),
               children: [
-                m ? /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate text-base font-bold text-secondary", children: c }) : /* @__PURE__ */ n(q, { children: [
-                  /* @__PURE__ */ a(y, { status: (r == null ? void 0 : r.status) ?? "pending" }),
-                  /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate text-base text-primary", children: P ?? (r == null ? void 0 : r.label) ?? I }),
-                  (r == null ? void 0 : r.status) === "active" && /* @__PURE__ */ a(N, { elapsed: r.elapsed })
+                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base font-bold text-secondary", children: c }) : /* @__PURE__ */ n(q, { children: [
+                  /* @__PURE__ */ t(y, { status: (s == null ? void 0 : s.status) ?? "pending" }),
+                  /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base text-primary", children: _ ?? (s == null ? void 0 : s.label) ?? P }),
+                  (s == null ? void 0 : s.status) === "active" && /* @__PURE__ */ t(N, { elapsed: s.elapsed })
                 ] }),
                 /* @__PURE__ */ n(
                   "span",
@@ -153,17 +156,17 @@ const O = l.forwardRef(
                     "aria-hidden": !0,
                     className: "shrink-0 text-xs font-bold text-tertiary tabular-nums",
                     children: [
-                      g,
+                      x,
                       " / ",
-                      s.length
+                      r.length
                     ]
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ t(
                   K,
                   {
                     "aria-hidden": !0,
-                    className: o(
+                    className: l(
                       "size-4 shrink-0 text-tertiary",
                       m && "rotate-180"
                     )
@@ -172,16 +175,16 @@ const O = l.forwardRef(
               ]
             }
           ) }),
-          /* @__PURE__ */ a(H, { className: "outline-none", children: /* @__PURE__ */ a(
+          /* @__PURE__ */ t(H, { className: "outline-none", children: /* @__PURE__ */ t(
             "ol",
             {
               "aria-label": "Task steps",
               className: "max-h-64 space-y-1 overflow-y-auto px-4 pb-4 sm:px-5",
-              children: s.map((e) => /* @__PURE__ */ n(
+              children: r.map((e) => /* @__PURE__ */ n(
                 "li",
                 {
                   "data-status": e.status,
-                  className: o(
+                  className: l(
                     "flex min-h-8 items-center gap-3 text-base",
                     e.status === "pending" ? "text-tertiary" : "text-primary"
                   ),
@@ -190,9 +193,9 @@ const O = l.forwardRef(
                       Z[e.status],
                       ": "
                     ] }),
-                    /* @__PURE__ */ a(y, { status: e.status }),
-                    /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate", children: e.label }),
-                    e.status === "active" && /* @__PURE__ */ a(N, { elapsed: e.elapsed })
+                    /* @__PURE__ */ t(y, { status: e.status }),
+                    /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: e.label }),
+                    e.status === "active" && /* @__PURE__ */ t(N, { elapsed: e.elapsed })
                   ]
                 },
                 e.id

package/components/answer.d.ts

@@ -44,6 +44,7 @@ export declare const ComparisonAnswerSchema: z.ZodObject<{
     }, z.core.$strip>], null>;
     rows: z.ZodArray<z.ZodObject<{
         label: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
         values: z.ZodTuple<[z.ZodObject<{
             value: z.ZodString;
             detail: z.ZodOptional<z.ZodString>;
@@ -349,6 +350,7 @@ export declare const AnswerSpecSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     }, z.core.$strip>], null>;
     rows: z.ZodArray<z.ZodObject<{
         label: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
         values: z.ZodTuple<[z.ZodObject<{
             value: z.ZodString;
             detail: z.ZodOptional<z.ZodString>;
@@ -662,6 +664,7 @@ export declare const answerTool: {
         }, z.core.$strip>], null>;
         rows: z.ZodArray<z.ZodObject<{
             label: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
             values: z.ZodTuple<[z.ZodObject<{
                 value: z.ZodString;
                 detail: z.ZodOptional<z.ZodString>;