@actioneer/ads 1.0.6 → 1.0.8

package/components/ai-elements/inline-citation.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as i, jsxs as k } from "react/jsx-runtime";
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
 import * as o from "react";
 import { createPortal as M } from "react-dom";
 import { MotionConfig as R, AnimatePresence as E, motion as L } from "motion/react";
@@ -7,7 +7,7 @@ import { cn as c } from "../../lib/cn.js";
 import { floatVariants as T } from "../../lib/motion.js";
 import { ArrowRight as P, ArrowLeft as z } from "../../lib/icons.js";
 import { Badge as S } from "../badge.js";
-const F = ({ className: e, ...t }) => /* @__PURE__ */ i(
+const F = ({ className: e, ...t }) => /* @__PURE__ */ r(
   "span",
   {
     className: c("group/citation inline items-center gap-1", e),
@@ -16,7 +16,7 @@ const F = ({ className: e, ...t }) => /* @__PURE__ */ i(
 ), H = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "span",
   {
     className: c(
@@ -37,17 +37,17 @@ const Q = ({
   open: t,
   defaultOpen: s = !1,
   onOpenChange: n,
-  openDelay: r = 0,
+  openDelay: i = 0,
   closeDelay: a = 0
 }) => {
-  const d = t !== void 0, [C, l] = o.useState(s), h = d ? t : C, u = o.useRef(null), f = o.useRef(null), m = o.useRef({}), x = o.useCallback(
-    (b) => {
-      d || l(b), n == null || n(b);
+  const d = t !== void 0, [C, l] = o.useState(s), b = d ? t : C, u = o.useRef(null), f = o.useRef(null), m = o.useRef({}), x = o.useCallback(
+    (h) => {
+      d || l(h), n == null || n(h);
     },
     [d, n]
   ), p = o.useCallback(() => {
-    window.clearTimeout(m.current.close), m.current.open = window.setTimeout(() => x(!0), r);
-  }, [r, x]), w = o.useCallback(() => {
+    window.clearTimeout(m.current.close), m.current.open = window.setTimeout(() => x(!0), i);
+  }, [i, x]), w = o.useCallback(() => {
     window.clearTimeout(m.current.open), m.current.close = window.setTimeout(
       () => x(!1),
       a + 120
@@ -58,10 +58,10 @@ const Q = ({
       window.clearTimeout(m.current.open), window.clearTimeout(m.current.close);
     },
     []
-  ), /* @__PURE__ */ i(
+  ), /* @__PURE__ */ r(
     g.Provider,
     {
-      value: { open: h, triggerRef: u, contentRef: f, handleOpen: p, handleClose: w },
+      value: { open: b, triggerRef: u, contentRef: f, handleOpen: p, handleClose: w },
       children: e
     }
   );
@@ -70,7 +70,7 @@ const Q = ({
   className: t,
   ...s
 }) => {
-  const { open: n, triggerRef: r, handleOpen: a, handleClose: d } = N(
+  const { open: n, triggerRef: i, handleOpen: a, handleClose: d } = N(
     "InlineCitationCardTrigger"
   ), C = o.useMemo(() => {
     if (!e[0]) return "unknown";
@@ -81,10 +81,10 @@ const Q = ({
     }
     return e.length > 1 ? `${l} +${e.length - 1}` : l;
   }, [e]);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     S,
     {
-      ref: r,
+      ref: i,
       variant: "soft",
       className: c("ml-1 cursor-default align-middle", t),
       role: "button",
@@ -104,21 +104,21 @@ const Q = ({
   children: t,
   ...s
 }) => {
-  const { open: n, triggerRef: r, contentRef: a, handleOpen: d, handleClose: C } = N("InlineCitationCardBody"), [l, h] = o.useState(null);
+  const { open: n, triggerRef: i, contentRef: a, handleOpen: d, handleClose: C } = N("InlineCitationCardBody"), [l, b] = o.useState(null);
   return o.useLayoutEffect(() => {
     if (!n) return;
-    const u = r.current;
+    const u = i.current;
     if (!u) return;
     const f = () => {
-      var b;
-      const m = u.getBoundingClientRect(), x = ((b = a.current) == null ? void 0 : b.offsetWidth) ?? 320, p = window.innerWidth - x - 8, w = m.left > p ? Math.max(8, p) : m.left;
-      h({ top: m.bottom + 6, left: w });
+      var h;
+      const m = u.getBoundingClientRect(), x = ((h = a.current) == null ? void 0 : h.offsetWidth) ?? 320, p = window.innerWidth - x - 8, w = m.left > p ? Math.max(8, p) : m.left;
+      b({ top: m.bottom + 6, left: w });
     };
     return f(), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), () => {
       window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
     };
-  }, [n, r]), M(
-    /* @__PURE__ */ i(R, { reducedMotion: "user", children: /* @__PURE__ */ i(E, { children: n && /* @__PURE__ */ i(
+  }, [n, i]), M(
+    /* @__PURE__ */ r(R, { reducedMotion: "user", children: /* @__PURE__ */ r(E, { children: n && /* @__PURE__ */ r(
       L.div,
       {
         ref: a,
@@ -137,7 +137,7 @@ const Q = ({
           transformOrigin: "top left"
         },
         className: c(
-          "z-50 w-80 overflow-hidden rounded-lg border border-border bg-elevated text-foreground shadow-elevation",
+          "z-50 w-80 overflow-hidden rounded-lg border border-border bg-elevated text-foreground",
           e
         ),
         ...s,
@@ -160,20 +160,20 @@ const G = ({
   children: t,
   ...s
 }) => {
-  const [n, r] = o.useState(0), [a, d] = o.useState(0), C = o.useCallback(
-    () => r((u) => Math.max(0, u - 1)),
+  const [n, i] = o.useState(0), [a, d] = o.useState(0), C = o.useCallback(
+    () => i((u) => Math.max(0, u - 1)),
     []
   ), l = o.useCallback(
-    () => r((u) => Math.min(Math.max(0, a - 1), u + 1)),
+    () => i((u) => Math.min(Math.max(0, a - 1), u + 1)),
     [a]
-  ), h = o.useCallback((u) => {
-    d(u), r((f) => Math.min(f, Math.max(0, u - 1)));
+  ), b = o.useCallback((u) => {
+    d(u), i((f) => Math.min(f, Math.max(0, u - 1)));
   }, []);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     I.Provider,
     {
-      value: { index: n, count: a, setCount: h, scrollPrev: C, scrollNext: l },
-      children: /* @__PURE__ */ i("div", { className: c("w-full", e), ...s, children: t })
+      value: { index: n, count: a, setCount: b, scrollPrev: C, scrollNext: l },
+      children: /* @__PURE__ */ r("div", { className: c("w-full", e), ...s, children: t })
     }
   );
 }, J = ({
@@ -181,10 +181,10 @@ const G = ({
   children: t,
   ...s
 }) => {
-  const { index: n, setCount: r } = v(), a = o.Children.count(t);
+  const { index: n, setCount: i } = v(), a = o.Children.count(t);
   return o.useEffect(() => {
-    r(a);
-  }, [a, r]), /* @__PURE__ */ i("div", { className: c("overflow-hidden", e), ...s, children: /* @__PURE__ */ i(
+    i(a);
+  }, [a, i]), /* @__PURE__ */ r("div", { className: c("overflow-hidden", e), ...s, children: /* @__PURE__ */ r(
     "div",
     {
       className: "flex transition-transform duration-200 ease-out motion-reduce:transition-none",
@@ -195,7 +195,7 @@ const G = ({
 }, K = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: c("w-full shrink-0 space-y-2 p-4", e),
@@ -204,7 +204,7 @@ const G = ({
 ), O = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: c(
@@ -218,8 +218,8 @@ const G = ({
   className: t,
   ...s
 }) => {
-  const { index: n, count: r } = v();
-  return /* @__PURE__ */ i(
+  const { index: n, count: i } = v();
+  return /* @__PURE__ */ r(
     "div",
     {
       className: c(
@@ -227,7 +227,7 @@ const G = ({
         t
       ),
       ...s,
-      children: e ?? `${r === 0 ? 0 : n + 1}/${r}`
+      children: e ?? `${i === 0 ? 0 : n + 1}/${i}`
     }
   );
 }, y = c(
@@ -240,7 +240,7 @@ const G = ({
   ...t
 }) => {
   const { scrollPrev: s, index: n } = v();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -249,24 +249,24 @@ const G = ({
       onClick: s,
       className: c(y, e),
       ...t,
-      children: /* @__PURE__ */ i(z, { className: "size-4" })
+      children: /* @__PURE__ */ r(z, { className: "size-4" })
     }
   );
 }, _ = ({
   className: e,
   ...t
 }) => {
-  const { scrollNext: s, index: n, count: r } = v();
-  return /* @__PURE__ */ i(
+  const { scrollNext: s, index: n, count: i } = v();
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       "aria-label": "Next source",
-      disabled: n >= r - 1,
+      disabled: n >= i - 1,
       onClick: s,
       className: c(y, e),
       ...t,
-      children: /* @__PURE__ */ i(P, { className: "size-4" })
+      children: /* @__PURE__ */ r(P, { className: "size-4" })
     }
   );
 }, D = ({
@@ -274,18 +274,18 @@ const G = ({
   url: t,
   description: s,
   className: n,
-  children: r,
+  children: i,
   ...a
 }) => /* @__PURE__ */ k("div", { className: c("space-y-1", n), ...a, children: [
-  e && /* @__PURE__ */ i("p", { className: "truncate font-normal text-base leading-tight text-primary", children: e }),
-  t && /* @__PURE__ */ i("p", { className: "truncate break-all text-s text-tertiary", children: t }),
-  s && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-base leading-relaxed text-secondary", children: s }),
-  r
+  e && /* @__PURE__ */ r("p", { className: "truncate font-normal text-base leading-tight text-primary", children: e }),
+  t && /* @__PURE__ */ r("p", { className: "truncate break-all text-s text-tertiary", children: t }),
+  s && /* @__PURE__ */ r("p", { className: "line-clamp-3 text-base leading-relaxed text-secondary", children: s }),
+  i
 ] }), ee = ({
   children: e,
   className: t,
   ...s
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "blockquote",
   {
     className: c(

package/components/ai-elements/message.js

@@ -105,7 +105,7 @@ const S = i(
   "[&_h3]:mt-3 [&_h3]:mb-1 [&_h3]:text-base [&_h3]:font-medium",
   "[&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:my-1",
   "[&_a]:font-normal [&_a]:underline [&_a]:underline-offset-2",
-  "[&_code]:rounded-xs [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-xs [&_code]:tabular-nums",
+  "[&_code]:rounded-xs [&_code]:bg-wg2 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-xs [&_code]:tabular-nums",
   "[&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:bg-surface [&_pre]:p-3 [&_pre]:text-xs [&_pre_code]:bg-transparent [&_pre_code]:p-0",
   // Markdown tables only. Scoped off `[data-slot=table]` so a composed ADS
   // <Table> nested in a response keeps its own padding and per-column

package/components/ai-elements/tool.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
-import { Collapsible as m, CollapsibleTrigger as f, CollapsibleContent as h } from "../collapsible.js";
-import { Badge as x } from "../badge.js";
+import { Collapsible as m, CollapsibleTrigger as f, CollapsibleContent as x } from "../collapsible.js";
+import { Badge as h } 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";
 import { TraceStateIcon as w } from "./chain-of-thought-icon.js";
@@ -24,7 +24,7 @@ const T = {
   "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: [
+  return /* @__PURE__ */ l(h, { variant: "soft", color: n, children: [
     /* @__PURE__ */ t(
       a,
       {
@@ -57,7 +57,7 @@ const O = {
   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",
+      "group/tool-header flex w-full items-center justify-between gap-4 px-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
     ),
@@ -93,7 +93,7 @@ const O = {
 );
 j.displayName = "ToolHeader";
 const k = ({ className: e, ...o }) => /* @__PURE__ */ t(
-  h,
+  x,
   {
     className: r(
       "overflow-hidden text-secondary outline-none",

package/components/alert.d.ts

@@ -1,10 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 /**
- * Alert — inline status messaging on a raised white surface. Status color is
- * confined to the indicator, title, and optional timeout progress bar; the
- * description stays muted. Timed alerts enter from the right and leave to the
- * left once their progress completes.
+ * Alert — inline status messaging in an outlined container. The status tone
+ * lives in a soft wash across the banner (the tone's 50 step fading to White by
+ * 70% of the width); the icon, title and description stay neutral.
+ * Buttons are 24px tall and actions sit 16px below the message. Timed alerts
+ * retain their countdown and dismiss after it completes.
  */
 declare const alertVariants: (props?: ({
     variant?: "success" | "warning" | "danger" | "info" | "default" | null | undefined;

package/components/alert.js

@@ -1,90 +1,105 @@
 "use client";
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
-import * as t from "react";
-import { cva as A } from "class-variance-authority";
-import { MotionConfig as E, motion as g } from "motion/react";
-import { Info as p, WarningCircle as C, Warning as I, CheckCircle as R, Close as j } from "../lib/icons.js";
-import { cn as d } from "../lib/cn.js";
-import { springOverlay as z } from "../lib/motion.js";
-const D = A(
-  "relative flex w-full items-start gap-4 overflow-hidden rounded-2xl border border-border bg-card p-4 shadow-[var(--shadow-200)]",
+import { jsx as t, jsxs as R } from "react/jsx-runtime";
+import * as e from "react";
+import { cva as j } from "class-variance-authority";
+import { MotionConfig as z, motion as h } from "motion/react";
+import { Info as y, WarningCircle as V, Warning as M, CheckCircle as S, Close as W } from "../lib/icons.js";
+import { cn as m } from "../lib/cn.js";
+import { fadeTransition as X, springOverlay as H } from "../lib/motion.js";
+const O = j(
+  "relative grid w-full min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-4 overflow-hidden rounded-lg border border-border bg-[linear-gradient(90deg,var(--alert-soft)_0%,var(--color-card)_70%)] p-4 text-on-white-primary [&_button]:h-6",
   {
     variants: {
       variant: {
-        default: "[--alert-accent:var(--foreground)]",
-        success: "[--alert-accent:var(--color-success-700)]",
-        warning: "[--alert-accent:var(--color-warning-700)]",
-        danger: "[--alert-accent:var(--color-danger-700)]",
-        info: "[--alert-accent:var(--color-info-700)]"
+        default: "[--alert-accent:var(--foreground)] [--alert-soft:var(--color-card)]",
+        success: "[--alert-accent:var(--color-success-700)] [--alert-soft:var(--color-success-50)]",
+        warning: "[--alert-accent:var(--color-warning-700)] [--alert-soft:var(--color-warning-50)]",
+        danger: "[--alert-accent:var(--color-danger-700)] [--alert-soft:var(--color-danger-50)]",
+        info: "[--alert-accent:var(--color-info-700)] [--alert-soft:var(--color-info-50)]"
       }
     },
     defaultVariants: { variant: "default" }
   }
-), T = {
-  default: p,
-  success: R,
-  warning: I,
-  danger: C,
-  info: p
-}, M = t.forwardRef(
-  ({ className: n, variant: r = "default", icon: s, duration: a = 0, onClose: l, children: x, ...v }, h) => {
-    const b = T[r ?? "default"], [i, w] = t.useState(!1), [o, N] = t.useState(!1), c = t.useRef(l), m = t.useRef(!1);
-    t.useEffect(() => {
-      c.current = l;
+), q = {
+  default: y,
+  success: S,
+  warning: M,
+  danger: V,
+  info: y
+}, B = e.forwardRef(
+  ({ className: o, variant: a = "default", icon: s, duration: i = 0, onClose: l, children: g, ...A }, E) => {
+    const _ = q[a ?? "default"], [n, T] = e.useState(!1), [c, k] = e.useState(!1), d = e.useRef(l), w = e.useRef(!1), u = e.Children.toArray(g);
+    let f = -1;
+    u.forEach((r, I) => {
+      if (!e.isValidElement(r)) return;
+      const x = typeof r.type == "string" ? void 0 : r.type.displayName;
+      (r.type === b || r.type === N || x === "AlertTitle" || x === "AlertDescription") && (f = I);
+    });
+    const C = f < 0 ? g : u.slice(0, f + 1), v = f < 0 ? [] : u.slice(f + 1);
+    e.useEffect(() => {
+      d.current = l;
     }, [l]);
-    const u = t.useCallback(() => {
-      o || w(!0);
-    }, [o]);
-    t.useEffect(() => {
-      if (a <= 0 || i || o) return;
-      const f = window.setTimeout(u, a);
-      return () => window.clearTimeout(f);
-    }, [u, a, o, i]);
-    const y = t.useCallback(() => {
-      var f;
-      !i || m.current || (m.current = !0, N(!0), (f = c.current) == null || f.call(c));
-    }, [i]);
-    return o ? null : /* @__PURE__ */ e(E, { reducedMotion: "user", children: /* @__PURE__ */ e(
-      g.div,
+    const p = e.useCallback(() => {
+      c || T(!0);
+    }, [c]);
+    e.useEffect(() => {
+      if (i <= 0 || n || c) return;
+      const r = window.setTimeout(p, i);
+      return () => window.clearTimeout(r);
+    }, [p, i, c, n]);
+    const D = e.useCallback(() => {
+      var r;
+      !n || w.current || (w.current = !0, k(!0), (r = d.current) == null || r.call(d));
+    }, [n]);
+    return c ? null : /* @__PURE__ */ t(z, { reducedMotion: "user", children: /* @__PURE__ */ t(
+      h.div,
       {
+        className: "w-full min-w-0",
         initial: { opacity: 1, x: 32 },
-        animate: i ? { opacity: 0, x: -32 } : { opacity: 1, x: 0 },
-        transition: i ? { duration: 0.18, ease: "easeIn" } : z,
-        onAnimationComplete: y,
-        children: /* @__PURE__ */ k(
+        animate: n ? { opacity: 0, x: -32 } : { opacity: 1, x: 0 },
+        transition: n ? X : H,
+        onAnimationComplete: D,
+        children: /* @__PURE__ */ R(
           "div",
           {
-            ref: h,
+            ref: E,
+            "data-slot": "alert",
             role: "alert",
-            className: d(D({ variant: r }), n),
-            ...v,
+            className: m(
+              O({ variant: a }),
+              l && "grid-cols-[auto_minmax(0,1fr)_auto]",
+              o
+            ),
+            ...A,
             children: [
-              /* @__PURE__ */ e("span", { className: "flex shrink-0 select-none items-center justify-center py-1 text-(--alert-accent) [&_svg]:size-4", children: s ?? /* @__PURE__ */ e(b, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ e("div", { className: "flex min-w-0 grow flex-col items-start", children: x }),
-              l && /* @__PURE__ */ e(
+              /* @__PURE__ */ t("span", { "data-slot": "alert-icon", className: "col-start-1 row-start-1 flex h-8 w-5 self-center select-none items-center justify-center text-on-white-primary [&_svg]:size-4", children: s ?? /* @__PURE__ */ t(_, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ t("div", { "data-slot": "alert-content", className: "col-start-2 row-start-1 flex min-w-0 flex-col items-start gap-0.5 self-center [overflow-wrap:anywhere]", children: C }),
+              l && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   "aria-label": "Dismiss",
-                  onClick: u,
-                  className: d(
-                    "inline-flex size-6 shrink-0 items-center justify-center rounded-sm text-muted-foreground",
-                    "transition-colors hover:bg-fill hover:text-foreground",
+                  onClick: p,
+                  className: m(
+                    "col-start-3 row-start-1 inline-flex size-6 cursor-pointer items-center justify-center self-start rounded-sm text-on-white-tertiary",
+                    "transition-[background-color,color,transform] duration-150 ease-out hover:bg-fill hover:text-on-white-primary",
+                    "active:scale-[0.97] motion-reduce:active:scale-100 motion-reduce:transition-none",
                     "outline-none focus-visible:ring-3 focus-visible:ring-ring",
                     "[&_svg]:size-4"
                   ),
-                  children: /* @__PURE__ */ e(j, { "aria-hidden": !0 })
+                  children: /* @__PURE__ */ t(W, { "aria-hidden": !0 })
                 }
               ),
-              a > 0 && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "absolute inset-x-0 bottom-0 h-0.5 bg-wg3", children: /* @__PURE__ */ e(
-                g.span,
+              v.length > 0 && /* @__PURE__ */ t("div", { "data-slot": "alert-actions", className: "col-start-2 row-start-2 flex min-w-0 flex-wrap items-center gap-2 [&>*]:max-w-full", children: v }),
+              i > 0 && /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "absolute inset-x-0 bottom-0 h-0.5 bg-wg3", children: /* @__PURE__ */ t(
+                h.span,
                 {
                   className: "block size-full origin-left bg-(--alert-accent)",
                   initial: { scaleX: 1 },
                   animate: { scaleX: 0 },
-                  transition: { duration: a / 1e3, ease: "linear" }
+                  transition: { duration: i / 1e3, ease: "linear" }
                 },
-                a
+                i
               ) })
             ]
           }
@@ -93,32 +108,29 @@ const D = A(
     ) });
   }
 );
-M.displayName = "Alert";
-const S = t.forwardRef(({ className: n, ...r }, s) => /* @__PURE__ */ e(
+B.displayName = "Alert";
+const b = e.forwardRef(({ className: o, ...a }, s) => /* @__PURE__ */ t(
   "p",
   {
     ref: s,
-    className: d("text-s font-normal leading-6 text-(--alert-accent)", n),
-    ...r
+    "data-slot": "alert-title",
+    className: m("text-m font-medium leading-6 text-on-white-primary", o),
+    ...a
   }
 ));
-S.displayName = "AlertTitle";
-const V = t.forwardRef(({ className: n, ...r }, s) => (
-  // leading-normal (150%) — the description is the only part of an alert that
-  // regularly wraps, and the text-xs default (138%) sets multi-line copy too
-  // tight to scan.
-  /* @__PURE__ */ e(
-    "p",
-    {
-      ref: s,
-      className: d("text-xs leading-normal text-muted-foreground", n),
-      ...r
-    }
-  )
+b.displayName = "AlertTitle";
+const N = e.forwardRef(({ className: o, ...a }, s) => /* @__PURE__ */ t(
+  "p",
+  {
+    ref: s,
+    "data-slot": "alert-description",
+    className: m("text-m leading-relaxed text-on-white-secondary [overflow-wrap:anywhere]", o),
+    ...a
+  }
 ));
-V.displayName = "AlertDescription";
+N.displayName = "AlertDescription";
 export {
-  M as Alert,
-  V as AlertDescription,
-  S as AlertTitle
+  B as Alert,
+  N as AlertDescription,
+  b as AlertTitle
 };

package/components/answer.js

@@ -1476,7 +1476,7 @@ const ue = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
             disabled: !r,
             onClick: () => r == null ? void 0 : r(u),
             className: g(
-              "w-full rounded-xl bg-card px-4 py-3 text-left shadow-elevation",
+              "w-full rounded-xl bg-card px-4 py-3 text-left",
               "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-[0.97]",

package/components/assistant-ui/action-bar.js

@@ -56,7 +56,7 @@ const z = ({ open: s, onOpenChange: i }) => {
                 side: "bottom",
                 align: "start",
                 sideOffset: 6,
-                className: "aui-action-bar-more-content bg-popover/95 text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5 shadow-300 backdrop-blur-sm",
+                className: "aui-action-bar-more-content bg-popover/95 text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5 shadow-float backdrop-blur-sm",
                 children: [
                   /* @__PURE__ */ t(
                     n.Item,