@actioneer/ads 0.5.4 → 0.5.5

package/components/ai-elements/research-activity.js

@@ -1,22 +1,27 @@
 "use client";
-import { jsxs as r, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as I } from "react/jsx-runtime";
 import * as n from "react";
-import { MotionConfig as O, AnimatePresence as ee, motion as M } from "motion/react";
-import { cva as te } from "class-variance-authority";
-import { Collapsible as re, CollapsibleTrigger as D, CollapsibleContent as ae } from "../collapsible.js";
-import { Spinner as T } from "../spinner.js";
-import { Sparkles as U, ChevronDown as V } from "../../lib/icons.js";
-import { EASE_OUT as _, EASE_DISCLOSURE as ie } from "../../lib/motion.js";
+import { MotionConfig as ee, AnimatePresence as te, motion as D } from "motion/react";
+import { cva as re } from "class-variance-authority";
+import { Collapsible as ae, CollapsibleTrigger as U, CollapsibleContent as ie } from "../collapsible.js";
+import { ChevronDown as V } from "../../lib/icons.js";
+import { EASE_OUT as _, EASE_DISCLOSURE as ne } from "../../lib/motion.js";
 import { cn as l } from "../../lib/cn.js";
 import { Shimmer as B } from "./shimmer.js";
-const ne = te("w-full", {
-  variants: {
-    status: {
-      active: "text-secondary",
-      complete: "text-secondary"
+import { TraceStateIcon as C } from "./chain-of-thought-icon.js";
+const se = re(
+  // Contained card: a hairline border (no fill) so the whole trace reads as one
+  // distinct, trackable block within the chat without tinting the ground.
+  "w-full rounded-lg border border-border px-3 py-2",
+  {
+    variants: {
+      status: {
+        active: "text-secondary",
+        complete: "text-secondary"
+      }
     }
   }
-}), se = {
+), oe = {
   initial: {
     opacity: 0,
     transform: "translate3d(0, 7px, 0)",
@@ -35,21 +40,21 @@ const ne = te("w-full", {
     transition: { duration: 0.12, ease: _ }
   }
 };
-function C({
+function F({
   elapsed: t,
   firstInsight: s,
-  sourceCount: p
+  sourceCount: f
 }) {
   return /* @__PURE__ */ r("span", { className: "flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-1", children: [
     /* @__PURE__ */ r("span", { children: [
       "Researched ",
-      p,
+      f,
       " ",
-      p === 1 ? "source" : "sources"
+      f === 1 ? "source" : "sources"
     ] }),
     /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "text-tertiary", children: "·" }),
     /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: t }),
-    s != null && /* @__PURE__ */ r(F, { children: [
+    s != null && /* @__PURE__ */ r(I, { children: [
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "text-tertiary", children: "·" }),
       /* @__PURE__ */ r("span", { className: "text-xs text-tertiary", children: [
         "first insight",
@@ -59,21 +64,22 @@ function C({
     ] })
   ] });
 }
-const oe = n.forwardRef(
+const le = n.forwardRef(
   ({
     status: t,
     elapsed: s,
-    sourceCount: p,
-    firstInsight: R,
+    sourceCount: f,
+    firstInsight: E,
     sticky: h = !1,
     collapsible: x = !0,
     activityPlacement: K = "top",
     activity: c,
     activityKey: P,
-    stepIndex: w,
-    stepCount: S,
-    summary: v,
-    open: E,
+    stepIndex: S,
+    stepCount: k,
+    icon: v,
+    summary: y,
+    open: A,
     defaultOpen: $ = !1,
     onOpenChange: a,
     children: q,
@@ -83,28 +89,28 @@ const oe = n.forwardRef(
     "aria-busy": Q,
     ...W
   }, X) => {
-    const d = E !== void 0, i = c != null, [Y, y] = n.useState(
+    const d = A !== void 0, i = c != null, [Y, b] = n.useState(
       !i && t === "active" || $
-    ), k = n.useRef(t), b = n.useRef(!1), z = n.useRef(null), N = n.useRef(null), g = d ? E : Y, u = !i && t === "active" || g, f = K === "bottom" && u;
+    ), z = n.useRef(t), N = n.useRef(!1), j = n.useRef(null), g = n.useRef(null), R = d ? A : Y, u = !i && t === "active" || R, p = K === "bottom" && u;
     n.useLayoutEffect(() => {
-      var L, j;
-      const m = k.current;
-      if (k.current = t, t === "active") {
-        m !== "active" && (b.current = !1), m !== "active" && !i && !d && y(!0);
+      var M, T;
+      const m = z.current;
+      if (z.current = t, t === "active") {
+        m !== "active" && (N.current = !1), m !== "active" && !i && !d && b(!0);
         return;
       }
-      if (m !== "active" || b.current && i) return;
-      const A = document.activeElement;
-      A && ((L = z.current) != null && L.contains(A)) && ((j = N.current) == null || j.focus()), d || y(!1), a == null || a(!1);
+      if (m !== "active" || N.current && i) return;
+      const L = document.activeElement;
+      L && ((M = j.current) != null && M.contains(L)) && ((T = g.current) == null || T.focus()), d || b(!1), a == null || a(!1);
     }, [i, d, a, t]);
     const Z = n.useCallback(
       (m) => {
-        !i && t !== "complete" || (b.current = !0, d || y(m), a == null || a(m));
+        !i && t !== "complete" || (N.current = !0, d || b(m), a == null || a(m));
       },
       [i, d, a, t]
-    ), o = t === "active", I = o ? `activity-${P ?? (typeof c == "string" ? c : "current")}` : "summary";
+    ), o = t === "active", w = o ? /* @__PURE__ */ e(C, { stage: "thinking", status: "active" }) : /* @__PURE__ */ e(C, { outcome: "completed" }), O = o ? `activity-${P ?? (typeof c == "string" ? c : "current")}` : "summary";
     return /* @__PURE__ */ r(
-      re,
+      ae,
       {
         ref: X,
         open: u,
@@ -116,16 +122,16 @@ const oe = n.forwardRef(
         "data-slot": "research-activity",
         "data-status": t,
         className: l(
-          ne({ status: t }),
-          f && "flex flex-col",
+          se({ status: t }),
+          p && "flex flex-col",
           G
         ),
         children: [
           /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: o ? "Research in progress" : "Research complete" }),
-          i ? /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ r(
+          i ? /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
-              ref: N,
+              ref: g,
               type: "button",
               "data-slot": "research-activity-trigger",
               className: l(
@@ -133,8 +139,8 @@ const oe = n.forwardRef(
                 "transition-colors duration-(--duration-fast) ease-out hover:text-primary",
                 "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
                 h && "sticky z-10 bg-background",
-                h && (f ? "bottom-0" : "top-0"),
-                f && "order-last mt-3"
+                h && (p ? "bottom-0" : "top-0"),
+                p && "order-last mt-3"
               ),
               children: [
                 /* @__PURE__ */ r("span", { className: "sr-only", children: [
@@ -142,25 +148,25 @@ const oe = n.forwardRef(
                   " research activity:",
                   " "
                 ] }),
-                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: o ? /* @__PURE__ */ e(T, { size: "sm", color: "current", role: "presentation" }) : /* @__PURE__ */ e(U, { className: "size-4" }) }),
-                /* @__PURE__ */ e(O, { reducedMotion: "user", children: /* @__PURE__ */ e("span", { className: "relative h-5 min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e(ee, { initial: !1, children: /* @__PURE__ */ e(
-                  M.span,
+                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? w }),
+                /* @__PURE__ */ e(ee, { reducedMotion: "user", children: /* @__PURE__ */ e("span", { className: "relative h-5 min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e(te, { initial: !1, children: /* @__PURE__ */ e(
+                  D.span,
                   {
-                    variants: se,
+                    variants: oe,
                     initial: "initial",
                     animate: "animate",
                     exit: "exit",
                     className: "absolute inset-0 flex items-center truncate whitespace-nowrap",
-                    children: o ? typeof c == "string" ? /* @__PURE__ */ e(B, { as: "span", className: "truncate text-base", children: c }) : c : v !== void 0 ? v : /* @__PURE__ */ e(
-                      C,
+                    children: o ? typeof c == "string" ? /* @__PURE__ */ e(B, { as: "span", className: "truncate text-base", children: c }) : c : y !== void 0 ? y : /* @__PURE__ */ e(
+                      F,
                       {
                         elapsed: s,
-                        firstInsight: R,
-                        sourceCount: p
+                        firstInsight: E,
+                        sourceCount: f
                       }
                     )
                   },
-                  I
+                  O
                 ) }) }) }),
                 o && /* @__PURE__ */ r("span", { className: l(
                   "shrink-0 text-xs text-tertiary tabular-nums",
@@ -168,11 +174,11 @@ const oe = n.forwardRef(
                   // keeps the same right edge as sibling rows that show a caret.
                   !x && "pe-6"
                 ), children: [
-                  w != null && S != null && /* @__PURE__ */ r(F, { children: [
+                  S != null && k != null && /* @__PURE__ */ r(I, { children: [
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "Step " }),
-                    w,
-                    " of ",
                     S,
+                    " of ",
+                    k,
                     /* @__PURE__ */ e("span", { "aria-hidden": !0, children: " · " })
                   ] }),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Elapsed " }),
@@ -196,15 +202,7 @@ const oe = n.forwardRef(
               "data-slot": "research-activity-header",
               className: "flex min-h-9 w-full items-center gap-2.5 py-1 text-left",
               children: [
-                /* @__PURE__ */ e(
-                  T,
-                  {
-                    size: "sm",
-                    color: "current",
-                    role: "presentation",
-                    "aria-hidden": !0
-                  }
-                ),
+                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? w }),
                 /* @__PURE__ */ e(B, { as: "span", className: "text-base", children: "Researching…" }),
                 /* @__PURE__ */ r("span", { className: l(
                   "ml-auto shrink-0 text-xs text-tertiary tabular-nums",
@@ -215,10 +213,10 @@ const oe = n.forwardRef(
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ r(
+          ) : /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
-              ref: N,
+              ref: g,
               type: "button",
               "data-slot": "research-activity-trigger",
               className: l(
@@ -226,22 +224,22 @@ const oe = n.forwardRef(
                 "transition-colors duration-(--duration-fast) ease-out hover:text-primary",
                 "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
                 h && "sticky z-10 bg-background",
-                h && (f ? "bottom-0" : "top-0"),
-                f && "order-last mt-3"
+                h && (p ? "bottom-0" : "top-0"),
+                p && "order-last mt-3"
               ),
               children: [
                 /* @__PURE__ */ r("span", { className: "sr-only", children: [
-                  g ? "Collapse" : "Expand",
+                  R ? "Collapse" : "Expand",
                   " research activity:",
                   " "
                 ] }),
-                /* @__PURE__ */ e(U, { "aria-hidden": !0, className: "size-4 shrink-0" }),
-                /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: v !== void 0 ? v : /* @__PURE__ */ e(
-                  C,
+                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? w }),
+                /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: y !== void 0 ? y : /* @__PURE__ */ e(
+                  F,
                   {
                     elapsed: s,
-                    firstInsight: R,
-                    sourceCount: p
+                    firstInsight: E,
+                    sourceCount: f
                   }
                 ) }),
                 x && /* @__PURE__ */ e(
@@ -250,24 +248,24 @@ const oe = n.forwardRef(
                     "aria-hidden": !0,
                     className: l(
                       "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
-                      g && "rotate-180"
+                      R && "rotate-180"
                     )
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ e(ae, { forceMount: !0, asChild: !0, "data-slot": "research-activity-content", children: /* @__PURE__ */ e(
-            M.div,
+          /* @__PURE__ */ e(ie, { forceMount: !0, asChild: !0, "data-slot": "research-activity-content", children: /* @__PURE__ */ e(
+            D.div,
             {
-              ref: z,
+              ref: j,
               initial: !1,
               animate: u ? "open" : "closed",
               variants: {
                 open: { height: "auto", opacity: 1 },
                 closed: { height: 0, opacity: 0 }
               },
-              transition: { duration: u ? 0.28 : 0.2, ease: ie },
+              transition: { duration: u ? 0.28 : 0.2, ease: ne },
               className: "overflow-hidden text-secondary outline-none data-[state=closed]:pointer-events-none",
               children: /* @__PURE__ */ e("div", { className: "ml-2 pt-3 [--tree-rail-lead:20px]", children: q })
             }
@@ -277,7 +275,7 @@ const oe = n.forwardRef(
     );
   }
 );
-oe.displayName = "ResearchActivity";
+le.displayName = "ResearchActivity";
 export {
-  oe as ResearchActivity
+  le as ResearchActivity
 };

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

@@ -145,7 +145,7 @@ const O = i.forwardRef(
                 "transition-[color,transform] duration-(--duration-fast) ease-out active:scale-(--scale-press) motion-reduce:transition-none"
               ),
               children: [
-                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base font-bold text-secondary", children: c }) : /* @__PURE__ */ n(q, { children: [
+                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base font-semibold 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 })
@@ -154,7 +154,7 @@ const O = i.forwardRef(
                   "span",
                   {
                     "aria-hidden": !0,
-                    className: "shrink-0 text-xs font-bold text-tertiary tabular-nums",
+                    className: "shrink-0 text-xs font-semibold text-tertiary tabular-nums",
                     children: [
                       x,
                       " / ",

package/components/ai-elements/tool.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../collapsible';
 /**
  * Tool — a collapsible record of a single tool call: its name, a status badge,
@@ -24,10 +24,12 @@ export type ToolHeaderProps = {
     title?: string;
     type: string;
     state: ToolState;
+    /** Optional override for the inferred 9-squircle tool-stage icon. */
+    icon?: ReactNode;
     className?: string;
 } & Omit<ComponentProps<typeof CollapsibleTrigger>, "type">;
 export declare const ToolHeader: {
-    ({ className, title, type, state, ...props }: ToolHeaderProps): import("react").JSX.Element;
+    ({ className, title, type, state, icon, ...props }: ToolHeaderProps): import("react").JSX.Element;
     displayName: string;
 };
 export type ToolContentProps = ComponentProps<typeof CollapsibleContent>;

package/components/ai-elements/tool.js

@@ -1,30 +1,31 @@
 "use client";
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { isValidElement as d } from "react";
-import { Collapsible as u, CollapsibleTrigger as m, CollapsibleContent as p } from "../collapsible.js";
-import { Badge as f } from "../badge.js";
-import { Wrench as h, ChevronDown as x, CloseCircle as g, CheckCircle as b, Clock as N, CircleDashed as y } from "../../lib/icons.js";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { isValidElement as m } from "react";
+import { Collapsible as p, CollapsibleTrigger as f, CollapsibleContent as h } from "../collapsible.js";
+import { Badge as x } from "../badge.js";
+import { ChevronDown as g, CloseCircle as b, CheckCircle as N, Clock as v, CircleDashed as y } from "../../lib/icons.js";
 import { cn as r } from "../../lib/cn.js";
-const v = ({ className: e, ...t }) => /* @__PURE__ */ o(
-  u,
+import { TraceStateIcon as w } from "./chain-of-thought-icon.js";
+const C = ({ className: e, ...o }) => /* @__PURE__ */ t(
+  p,
   {
     className: r(
       "not-prose group/tool w-full overflow-hidden rounded-xl bg-card",
       e
     ),
-    ...t
+    ...o
   }
 );
-v.displayName = "Tool";
-const w = {
+C.displayName = "Tool";
+const T = {
   "input-streaming": { label: "Pending", color: "default", icon: y },
-  "input-available": { label: "Running", color: "info", icon: N, pulse: !0 },
-  "output-available": { label: "Completed", color: "success", icon: b },
-  "output-error": { label: "Error", color: "danger", icon: g }
-}, C = ({ state: e }) => {
-  const { label: t, color: n, icon: a, pulse: i } = w[e];
-  return /* @__PURE__ */ l(f, { variant: "soft", color: n, children: [
-    /* @__PURE__ */ o(
+  "input-available": { label: "Running", color: "info", icon: v, pulse: !0 },
+  "output-available": { label: "Completed", color: "success", icon: N },
+  "output-error": { label: "Error", color: "danger", icon: b }
+}, S = ({ state: e }) => {
+  const { label: o, color: n, icon: a, pulse: i } = T[e];
+  return /* @__PURE__ */ l(x, { variant: "soft", color: n, children: [
+    /* @__PURE__ */ t(
       a,
       {
         className: r(
@@ -34,35 +35,54 @@ const w = {
         "aria-hidden": !0
       }
     ),
-    t
+    o
   ] });
 };
-function T(e) {
+function s(e) {
   return e.split("-").slice(1).join("-") || e;
 }
-const S = ({
+const O = {
+  "input-streaming": "pending",
+  "input-available": "active",
+  "output-available": "complete",
+  "output-error": "error"
+}, j = ({
   className: e,
-  title: t,
+  title: o,
   type: n,
   state: a,
-  ...i
+  icon: i,
+  ...u
 }) => /* @__PURE__ */ l(
-  m,
+  f,
   {
     className: r(
       "group/tool-header flex w-full items-center justify-between gap-4 py-3 text-left transition-colors hover:text-primary motion-reduce:transition-none",
       "outline-none focus-visible:ring-3 focus-visible:ring-ring",
       e
     ),
-    ...i,
+    ...u,
     children: [
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ o(h, { className: "size-4 shrink-0 text-tertiary", "aria-hidden": !0 }),
-        /* @__PURE__ */ o("span", { className: "font-medium text-base", children: t ?? T(n) }),
-        /* @__PURE__ */ o(C, { state: a })
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "flex size-4 shrink-0 items-center justify-center text-tertiary",
+            "aria-hidden": !0,
+            children: i ?? /* @__PURE__ */ t(
+              w,
+              {
+                toolName: s(n),
+                status: O[a]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "font-normal text-base", children: o ?? s(n) }),
+        /* @__PURE__ */ t(S, { state: a })
       ] }),
-      /* @__PURE__ */ o(
-        x,
+      /* @__PURE__ */ t(
+        g,
         {
           className: "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-fast) ease-out group-data-[state=open]/tool-header:rotate-180 motion-reduce:transition-none",
           "aria-hidden": !0
@@ -71,50 +91,50 @@ const S = ({
     ]
   }
 );
-S.displayName = "ToolHeader";
-const j = ({ className: e, ...t }) => /* @__PURE__ */ o(
-  p,
+j.displayName = "ToolHeader";
+const k = ({ className: e, ...o }) => /* @__PURE__ */ t(
+  h,
   {
     className: r(
       "overflow-hidden text-secondary outline-none",
       "data-[state=closed]:pointer-events-none",
       e
     ),
-    ...t
+    ...o
   }
 );
-j.displayName = "ToolContent";
-const s = ({
+k.displayName = "ToolContent";
+const c = ({
   code: e,
-  className: t
-}) => /* @__PURE__ */ o(
+  className: o
+}) => /* @__PURE__ */ t(
   "pre",
   {
     className: r(
       "overflow-x-auto rounded-md bg-surface p-3 text-xs leading-relaxed text-secondary tabular-nums",
-      t
+      o
     ),
-    children: /* @__PURE__ */ o("code", { children: e })
+    children: /* @__PURE__ */ t("code", { children: e })
   }
-), c = ({ children: e }) => /* @__PURE__ */ o("h4", { className: "text-xs font-medium uppercase tracking-wide text-tertiary", children: e }), k = ({ className: e, input: t, ...n }) => /* @__PURE__ */ l("div", { className: r("space-y-2 overflow-hidden p-4", e), ...n, children: [
-  /* @__PURE__ */ o(c, { children: "Parameters" }),
-  /* @__PURE__ */ o(s, { code: JSON.stringify(t, null, 2) })
+), d = ({ children: e }) => /* @__PURE__ */ t("h4", { className: "text-xs font-normal uppercase tracking-wide text-tertiary", children: e }), I = ({ className: e, input: o, ...n }) => /* @__PURE__ */ l("div", { className: r("space-y-2 overflow-hidden p-4", e), ...n, children: [
+  /* @__PURE__ */ t(d, { children: "Parameters" }),
+  /* @__PURE__ */ t(c, { code: JSON.stringify(o, null, 2) })
 ] });
-k.displayName = "ToolInput";
-const O = (e) => typeof e == "object" && e !== null && !d(e) ? /* @__PURE__ */ o(s, { code: JSON.stringify(e, null, 2) }) : typeof e == "string" ? /* @__PURE__ */ o("div", { className: "rounded-md bg-surface p-3 text-xs leading-relaxed text-secondary whitespace-pre-wrap", children: e }) : e, P = ({
+I.displayName = "ToolInput";
+const P = (e) => typeof e == "object" && e !== null && !m(e) ? /* @__PURE__ */ t(c, { code: JSON.stringify(e, null, 2) }) : typeof e == "string" ? /* @__PURE__ */ t("div", { className: "rounded-md bg-surface p-3 text-xs leading-relaxed text-secondary whitespace-pre-wrap", children: e }) : e, z = ({
   className: e,
-  output: t,
+  output: o,
   errorText: n,
   ...a
-}) => t || n ? /* @__PURE__ */ l("div", { className: r("space-y-2 p-4", e), ...a, children: [
-  /* @__PURE__ */ o(c, { children: n ? "Error" : "Result" }),
-  n ? /* @__PURE__ */ o("div", { className: "rounded-md bg-danger-50 p-3 text-xs leading-relaxed text-danger-700 whitespace-pre-wrap", children: n }) : /* @__PURE__ */ o("div", { className: "overflow-x-auto text-xs text-secondary [&_table]:w-full", children: O(t) })
+}) => o || n ? /* @__PURE__ */ l("div", { className: r("space-y-2 p-4", e), ...a, children: [
+  /* @__PURE__ */ t(d, { children: n ? "Error" : "Result" }),
+  n ? /* @__PURE__ */ t("div", { className: "rounded-md bg-danger-50 p-3 text-xs leading-relaxed text-danger-700 whitespace-pre-wrap", children: n }) : /* @__PURE__ */ t("div", { className: "overflow-x-auto text-xs text-secondary [&_table]:w-full", children: P(o) })
 ] }) : null;
-P.displayName = "ToolOutput";
+z.displayName = "ToolOutput";
 export {
-  v as Tool,
-  j as ToolContent,
-  S as ToolHeader,
-  k as ToolInput,
-  P as ToolOutput
+  C as Tool,
+  k as ToolContent,
+  j as ToolHeader,
+  I as ToolInput,
+  z as ToolOutput
 };

package/components/ai-elements/transcript.js

@@ -32,7 +32,7 @@ function g({
                 )
               }
             ),
-            /* @__PURE__ */ e("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: r ? o : c }),
+            /* @__PURE__ */ e("p", { className: "text-xs font-normal uppercase text-muted-foreground", children: r ? o : c }),
             s.timeLabel && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: s.timeLabel })
           ] }),
           /* @__PURE__ */ e("p", { className: t("whitespace-pre-wrap break-words text-sm leading-relaxed", r && "text-right"), children: s.text })

package/components/alert.js

@@ -62,7 +62,7 @@ const b = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "p",
   {
     ref: a,
-    className: n("text-xs font-medium leading-6 text-(--alert-accent)", t),
+    className: n("text-xs font-normal leading-6 text-(--alert-accent)", t),
     ...r
   }
 ));