@actioneer/ads 1.0.6 → 1.0.8

package/components/assistant-ui/attachment.js

@@ -1,10 +1,10 @@
 "use client";
-var E = Object.defineProperty;
-var P = (a, t, r) => t in a ? E(a, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[t] = r;
-var A = (a, t, r) => P(a, typeof t != "symbol" ? t + "" : t, r);
+var P = Object.defineProperty;
+var U = (a, t, r) => t in a ? P(a, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[t] = r;
+var A = (a, t, r) => U(a, typeof t != "symbol" ? t + "" : t, r);
 import { jsx as e, jsxs as i, Fragment as N } from "react/jsx-runtime";
-import { useRef as w, useState as C, useEffect as U } from "react";
-import { Plus as _, FileText as h, WarningCircle as R, At as L, Bolt as S, Close as T } from "../../lib/icons.js";
+import { useRef as w, useState as C, useEffect as _ } from "react";
+import { Plus as E, FileText as h, WarningCircle as R, At as L, Bolt as S, Close as T } from "../../lib/icons.js";
 import { Spinner as v } from "../spinner.js";
 import { CONTEXT_MIME as D } from "./composer-add-context.js";
 import { HARNESS_MIME as F } from "./composer-harness.js";
@@ -13,11 +13,11 @@ import { useShallow as H } from "zustand/shallow";
 import { Tooltip as $, TooltipTrigger as q, TooltipContent as B } from "../ui/tooltip.js";
 import { Dialog as G, DialogTrigger as W, DialogContent as X, DialogTitle as Y } from "../ui/dialog.js";
 import { Avatar as J, AvatarImage as K, AvatarFallback as Q } from "../ui/avatar.js";
-import { TooltipIconButton as f } from "./tooltip-icon-button.js";
-import { cn as p } from "../../lib/cn.js";
+import { TooltipIconButton as g } from "./tooltip-icon-button.js";
+import { cn as m } from "../../lib/cn.js";
 const V = (a) => {
   const [t, r] = C(void 0);
-  return U(() => {
+  return _(() => {
     if (!a) {
       r(void 0);
       return;
@@ -30,10 +30,10 @@ const V = (a) => {
 }, k = () => {
   const { file: a, src: t } = l(
     H((r) => {
-      var c, m;
+      var c, d;
       if (r.attachment.type !== "image") return {};
       if (r.attachment.file) return { file: r.attachment.file };
-      const n = (m = (c = r.attachment.content) == null ? void 0 : c.filter((d) => d.type === "image")[0]) == null ? void 0 : m.image;
+      const n = (d = (c = r.attachment.content) == null ? void 0 : c.filter((u) => u.type === "image")[0]) == null ? void 0 : d.image;
       return n ? { src: n } : {};
     })
   );
@@ -60,7 +60,7 @@ const V = (a) => {
           {
             src: a,
             alt: "Attachment preview",
-            className: p(
+            className: m(
               "block h-auto max-h-[80vh] w-auto max-w-full object-contain",
               t ? "aui-attachment-preview-image-loaded" : "aui-attachment-preview-image-loading absolute invisible"
             ),
@@ -100,7 +100,7 @@ const V = (a) => {
     /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(h, { className: "aui-attachment-tile-fallback-icon text-muted-foreground size-8" }) })
   ] });
 }, I = () => {
-  const t = O().attachment.source !== "message", r = l((o) => o.attachment.contentType === D), n = l((o) => o.attachment.contentType === F), c = l((o) => o.attachment.type === "image"), m = l((o) => {
+  const t = O().attachment.source !== "message", r = l((o) => o.attachment.contentType === D), n = l((o) => o.attachment.contentType === F), c = l((o) => o.attachment.type === "image"), d = l((o) => {
     const y = o.attachment.type;
     switch (y) {
       case "image":
@@ -112,14 +112,14 @@ const V = (a) => {
       default:
         return y;
     }
-  }), d = l(
+  }), u = l(
     (o) => o.attachment.status.type === "running" ? "uploading" : o.attachment.status.type === "incomplete" && o.attachment.status.reason === "error" ? "error" : void 0
-  ), g = d === "uploading", u = d === "error";
+  ), f = u === "uploading", p = u === "error";
   return r ? /* @__PURE__ */ e(ae, { isComposer: t }) : n ? /* @__PURE__ */ e(ne, { isComposer: t }) : c ? /* @__PURE__ */ i($, { children: [
     /* @__PURE__ */ i(
       s.Root,
       {
-        className: p(
+        className: m(
           "aui-attachment-root relative",
           c && !t && "aui-attachment-root-message only:*:first:size-24"
         ),
@@ -127,16 +127,16 @@ const V = (a) => {
           /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ i(
             "div",
             {
-              className: p(
+              className: m(
                 "aui-attachment-tile bg-muted relative size-14 cursor-pointer overflow-hidden rounded-sm border transition-opacity hover:opacity-75",
-                u && "border-destructive"
+                p && "border-destructive"
               ),
               role: "button",
               tabIndex: 0,
-              "aria-label": `${m} attachment${u ? ", upload failed" : g ? ", uploading" : ""}`,
+              "aria-label": `${d} attachment${p ? ", upload failed" : f ? ", uploading" : ""}`,
               children: [
                 /* @__PURE__ */ e(te, {}),
-                g && /* @__PURE__ */ e(
+                f && /* @__PURE__ */ e(
                   "div",
                   {
                     "aria-hidden": "true",
@@ -153,7 +153,7 @@ const V = (a) => {
                     )
                   }
                 ),
-                u && /* @__PURE__ */ e(
+                p && /* @__PURE__ */ e(
                   "div",
                   {
                     "aria-hidden": "true",
@@ -173,22 +173,26 @@ const V = (a) => {
     re,
     {
       isComposer: t,
-      typeLabel: m,
-      isUploading: g,
-      isError: u
+      typeLabel: d,
+      isUploading: f,
+      isError: p
     }
   );
 }, x = ({
-  label: a = "Remove attachment"
+  label: a = "Remove attachment",
+  className: t
 }) => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
   "button",
   {
     type: "button",
     "aria-label": a,
-    className: "flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground outline-none transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5",
-    children: /* @__PURE__ */ e(T, {})
+    className: m(
+      "flex size-4 shrink-0 items-center justify-center rounded-xs bg-current/10 outline-none transition-[background-color,transform] duration-150 ease-out hover:bg-current/20 active:scale-[0.97] active:bg-current/20 focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none [&_svg]:size-2.5",
+      t
+    ),
+    children: /* @__PURE__ */ e(T, { weight: "bold" })
   }
-) }), ae = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ i("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-muted py-1 pe-1 ps-2 text-s text-foreground", children: [
+) }), ae = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ i("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-wg2 py-1 pe-1 ps-2 text-s text-foreground", children: [
   /* @__PURE__ */ e(L, { className: "size-3.5 shrink-0 text-muted-foreground" }),
   /* @__PURE__ */ e("span", { className: "truncate", children: /* @__PURE__ */ e(s.Name, {}) }),
   a && /* @__PURE__ */ e(x, { label: "Remove context" })
@@ -199,27 +203,42 @@ const V = (a) => {
     /* @__PURE__ */ e(s.Name, {})
   ] }),
   a && /* @__PURE__ */ e(x, { label: "Remove harness" })
-] }) }), re = ({ isComposer: a, typeLabel: t, isUploading: r, isError: n }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ i("div", { className: "flex w-56 max-w-full items-center gap-2.5 rounded-lg bg-muted p-1.5", children: [
-  /* @__PURE__ */ e(
-    "div",
-    {
-      className: p(
-        "flex size-9 shrink-0 items-center justify-center rounded-md bg-background text-muted-foreground [&_svg]:size-4.5",
-        n && "text-destructive"
+] }) }), re = ({ isComposer: a, typeLabel: t, isUploading: r, isError: n }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ i(
+  "div",
+  {
+    className: m(
+      "flex w-56 max-w-full items-center gap-2.5 rounded-lg p-1.5",
+      n ? "bg-danger-50" : "bg-wg2"
+    ),
+    children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: m(
+            "ms-1 flex h-9 w-5 shrink-0 items-center justify-center text-muted-foreground [&_svg]:size-4.5",
+            n && "text-destructive"
+          ),
+          children: r ? /* @__PURE__ */ e(v, { variant: "upload", size: "sm", "aria-hidden": !0 }) : n ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(h, {})
+        }
       ),
-      children: r ? /* @__PURE__ */ e(v, { variant: "upload", size: "sm", "aria-hidden": !0 }) : n ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(h, {})
-    }
-  ),
-  /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
-    /* @__PURE__ */ e("div", { className: "truncate text-s font-medium leading-tight text-foreground", children: /* @__PURE__ */ e(s.Name, {}) }),
-    /* @__PURE__ */ e("div", { className: "truncate text-s leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
-  ] }),
-  a && /* @__PURE__ */ e(x, { label: "Remove file" })
-] }) }), ie = () => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
-  f,
+      /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ e("div", { className: "truncate text-s font-medium leading-tight text-foreground", children: /* @__PURE__ */ e(s.Name, {}) }),
+        /* @__PURE__ */ e("div", { className: "truncate text-s leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
+      ] }),
+      a && /* @__PURE__ */ e(
+        x,
+        {
+          label: "Remove file",
+          className: n ? "text-danger-700" : "text-foreground"
+        }
+      )
+    ]
+  }
+) }), ie = () => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
+  g,
   {
     tooltip: "Remove file",
-    className: "aui-attachment-tile-remove text-muted-foreground hover:[&_svg]:text-destructive absolute end-1.5 top-1.5 size-3.5 rounded-full bg-card opacity-100 shadow-100 hover:bg-card! [&_svg]:text-foreground",
+    className: "aui-attachment-tile-remove text-muted-foreground hover:[&_svg]:text-destructive absolute end-1.5 top-1.5 size-3.5 rounded-full bg-card opacity-100 hover:bg-card! [&_svg]:text-foreground",
     side: "top",
     children: /* @__PURE__ */ e(T, { className: "aui-attachment-remove-icon size-3" })
   }
@@ -228,7 +247,7 @@ const V = (a) => {
   // with the question rather than trailing off the right edge.
   /* @__PURE__ */ e("div", { className: "aui-user-message-attachments-end mt-2.5 flex w-full flex-row flex-wrap justify-start gap-2 empty:hidden", children: /* @__PURE__ */ e(M.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) })
 ), Re = () => /* @__PURE__ */ e("div", { className: "aui-composer-attachments flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: /* @__PURE__ */ e(z.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) }), Te = () => /* @__PURE__ */ e(z.AddAttachment, { asChild: !0, children: /* @__PURE__ */ e(
-  f,
+  g,
   {
     tooltip: "Add Attachment",
     side: "bottom",
@@ -236,7 +255,7 @@ const V = (a) => {
     size: "icon",
     className: "aui-composer-add-attachment hover:bg-muted-foreground/15 size-7 rounded-full p-1 font-medium",
     "aria-label": "Add Attachment",
-    children: /* @__PURE__ */ e(_, { className: "aui-attachment-add-icon size-4.5 stroke-[1.5px]" })
+    children: /* @__PURE__ */ e(E, { className: "aui-attachment-add-icon size-4.5 stroke-[1.5px]" })
   }
 ) }), oe = "image/png,image/jpeg,image/webp,image/gif", se = /* @__PURE__ */ new Set([
   "image/png",
@@ -320,7 +339,7 @@ const je = () => {
       }
     ),
     /* @__PURE__ */ e(
-      f,
+      g,
       {
         tooltip: "Upload image or file",
         side: "top",
@@ -356,7 +375,7 @@ const je = () => {
       }
     ),
     /* @__PURE__ */ e(
-      f,
+      g,
       {
         tooltip: "Attach business documents",
         side: "top",

package/components/assistant-ui/composer-add-context.js

@@ -89,7 +89,7 @@ function fe() {
             visibility: d ? "visible" : "hidden",
             transformOrigin: "bottom left"
           },
-          className: "z-50 w-72 rounded-xl border border-border bg-elevated p-1 text-foreground shadow-elevation outline-none",
+          className: "z-50 w-72 rounded-xl border border-border bg-elevated p-1 text-foreground outline-none",
           children: [
             l ? /* @__PURE__ */ m("div", { className: "mb-0.5 flex items-center gap-1 px-1", children: [
               /* @__PURE__ */ n(

package/components/assistant-ui/composer-trigger-popover.js

@@ -109,7 +109,7 @@ const _ = ({
   {
     "data-slot": "composer-trigger-popover",
     className: I(
-      "aui-composer-trigger-popover bg-popover text-popover-foreground absolute start-0 bottom-full z-50 mb-2 w-64 overflow-hidden rounded-xl border shadow-300",
+      "aui-composer-trigger-popover bg-popover text-popover-foreground absolute start-0 bottom-full z-50 mb-2 w-64 overflow-hidden rounded-xl border shadow-float",
       p
     ),
     ...g,

package/components/assistant-ui/composer.js

@@ -69,7 +69,7 @@ const Z = ({
       l(t);
     }, g = () => {
       window.clearTimeout(i), i = window.setTimeout(c, 0);
-    }, w = () => {
+    }, b = () => {
       m.current = o.value.length > 0 || document.activeElement === o;
     }, z = (t, d) => {
       n(t), o.value = t, o.dispatchEvent(new Event("input", { bubbles: !0 })), l(t.length > 0), window.setTimeout(() => {
@@ -89,11 +89,11 @@ const Z = ({
         }
         g();
       }
-    }, b = (t) => {
+    }, w = (t) => {
       (t.metaKey || t.ctrlKey) && !t.altKey && t.key.toLowerCase() === "a" && (t.preventDefault(), o.select());
     };
-    return c(), o.addEventListener("beforeinput", E), o.addEventListener("input", c), o.addEventListener("focus", w), o.addEventListener("blur", w), o.addEventListener("keydown", b), () => {
-      window.clearTimeout(i), o.removeEventListener("beforeinput", E), o.removeEventListener("input", c), o.removeEventListener("focus", w), o.removeEventListener("blur", w), o.removeEventListener("keydown", b);
+    return c(), o.addEventListener("beforeinput", E), o.addEventListener("input", c), o.addEventListener("focus", b), o.addEventListener("blur", b), o.addEventListener("keydown", w), () => {
+      window.clearTimeout(i), o.removeEventListener("beforeinput", E), o.removeEventListener("input", c), o.removeEventListener("focus", b), o.removeEventListener("blur", b), o.removeEventListener("keydown", w);
     };
   }, [o, n]), u.useEffect(() => {
     var E;
@@ -106,25 +106,25 @@ const Z = ({
       return;
     }
     let i = !1, l = 0, c, g;
-    const w = (b) => new Promise((t) => {
-      c = window.setTimeout(t, b);
+    const b = (w) => new Promise((t) => {
+      c = window.setTimeout(t, w);
     }), z = () => i;
     return (async () => {
       for (; !i; ) {
-        for (; m.current && !i; ) await w(100);
+        for (; m.current && !i; ) await b(100);
         if (i) return;
-        const b = r[l];
+        const w = r[l];
         x("");
         const { promise: t, cancel: d } = W(
-          b,
-          J(b),
+          w,
+          J(w),
           x,
           z,
           () => m.current
         );
         if (g = d, await t, g = void 0, i) return;
         if (!m.current) {
-          if (await w(G), i) return;
+          if (await b(G), i) return;
           l = (l + 1) % r.length;
         }
       }
@@ -174,7 +174,7 @@ const pe = ({
       var f;
       n.target.closest("button, a, input, textarea, [role='button']") || (f = n.currentTarget.querySelector("textarea")) == null || f.focus();
     },
-    className: "border-wg2 data-[dragging=true]:border-ring focus-within:border-field-focus relative flex w-full flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) shadow-400 transition-[border-color,box-shadow] data-[dragging=true]:border-dashed data-[dragging=true]:bg-action-primary-soft",
+    className: "border-wg2 data-[dragging=true]:border-ring focus-within:border-field-focus relative flex w-full flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) shadow-float transition-[border-color,box-shadow] data-[dragging=true]:border-dashed data-[dragging=true]:bg-action-primary-soft",
     children: [
       /* @__PURE__ */ e(K, { className: "mx-0 mt-0" }),
       /* @__PURE__ */ e(k, {}),
@@ -250,7 +250,7 @@ const pe = ({
   {
     "data-slot": "aui_edit-composer-wrapper",
     className: "flex flex-col px-2 [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
-    children: /* @__PURE__ */ p(a.Root, { className: "aui-edit-composer-root border-border/60 focus-within:border-field-focus ms-auto flex w-full max-w-[85%] flex-col rounded-(--composer-radius) border bg-(--composer-bg) shadow-200", children: [
+    children: /* @__PURE__ */ p(a.Root, { className: "aui-edit-composer-root border-border/60 focus-within:border-field-focus ms-auto flex w-full max-w-[85%] flex-col rounded-(--composer-radius) border bg-(--composer-bg)", children: [
       /* @__PURE__ */ e(
         a.Input,
         {

package/components/assistant-ui/message-timing.js

@@ -3,7 +3,7 @@ import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { useMessageTiming as a } from "@assistant-ui/react";
 import { Tooltip as i, TooltipTrigger as l, TooltipContent as m } from "../ui/tooltip.js";
 import { cn as d } from "../../lib/cn.js";
-const r = (s) => s === void 0 ? "—" : s < 1e3 ? `${Math.round(s)}ms` : `${(s / 1e3).toFixed(2)}s`, g = ({ className: s, side: o = "right" }) => {
+const o = (s) => s === void 0 ? "—" : s < 1e3 ? `${Math.round(s)}ms` : `${(s / 1e3).toFixed(2)}s`, g = ({ className: s, side: r = "right" }) => {
   const e = a();
   return (e == null ? void 0 : e.totalStreamTime) === void 0 ? null : /* @__PURE__ */ n(i, { children: [
     /* @__PURE__ */ t(l, { asChild: !0, children: /* @__PURE__ */ t(
@@ -16,24 +16,24 @@ const r = (s) => s === void 0 ? "—" : s < 1e3 ? `${Math.round(s)}ms` : `${(s /
           "text-muted-foreground hover:bg-accent hover:text-accent-foreground flex items-center rounded-md p-1 font-mono text-s tabular-nums transition-colors",
           s
         ),
-        children: r(e.totalStreamTime)
+        children: o(e.totalStreamTime)
       }
     ) }),
     /* @__PURE__ */ t(
       m,
       {
-        side: o,
+        side: r,
         sideOffset: 8,
         "data-slot": "message-timing-popover",
-        className: "bg-popover text-popover-foreground rounded-lg border px-3 py-2 shadow-300 [&_span>svg]:hidden!",
+        className: "bg-popover text-popover-foreground rounded-lg border px-3 py-2 shadow-float [&_span>svg]:hidden!",
         children: /* @__PURE__ */ n("div", { className: "grid min-w-35 gap-1.5 text-xs", children: [
           e.firstTokenTime !== void 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "First token" }),
-            /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: r(e.firstTokenTime) })
+            /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: o(e.firstTokenTime) })
           ] }),
           /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "Total" }),
-            /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: r(e.totalStreamTime) })
+            /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: o(e.totalStreamTime) })
           ] }),
           e.tokensPerSecond !== void 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "Speed" }),

package/components/assistant-ui/selection-toolbar.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as l, jsx as t, Fragment as p } from "react/jsx-runtime";
-import { memo as f } from "react";
+import { memo as x } from "react";
 import { SelectionToolbarPrimitive as m } from "@assistant-ui/react";
 import { Quote as y, Copy as S } from "../../lib/icons.js";
 import { cn as i } from "../../lib/cn.js";
@@ -13,7 +13,7 @@ function d({
     {
       "data-slot": "selection-toolbar",
       className: i(
-        "bg-popover flex items-center gap-1 rounded-lg border px-1 py-1 shadow-300",
+        "bg-popover flex items-center gap-1 rounded-lg border px-1 py-1 shadow-float",
         o
       ),
       ...e
@@ -56,11 +56,11 @@ function b({
         "text-popover-foreground hover:bg-accent flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm transition-colors",
         o
       ),
-      onClick: (x) => {
+      onClick: (f) => {
         var a, c, s;
         (c = navigator.clipboard) == null || c.writeText(
           ((a = window.getSelection()) == null ? void 0 : a.toString()) ?? ""
-        ), (s = window.getSelection()) == null || s.removeAllRanges(), r == null || r(x);
+        ), (s = window.getSelection()) == null || s.removeAllRanges(), r == null || r(f);
       },
       ...g,
       children: e ?? /* @__PURE__ */ l(p, { children: [
@@ -76,7 +76,7 @@ const v = ({
 }) => /* @__PURE__ */ l(d, { className: o, ...e, children: [
   /* @__PURE__ */ t(u, {}),
   /* @__PURE__ */ t(b, {})
-] }), n = f(
+] }), n = x(
   v
 );
 n.displayName = "SelectionToolbar";

package/components/assistant-ui/sources.js

@@ -13,18 +13,18 @@ const m = (e) => {
 }, y = (e) => `https://icons.duckduckgo.com/ip3/${e}.ico`;
 function d({
   url: e,
-  className: o,
-  faviconUrl: n = y,
+  className: n,
+  faviconUrl: o = y,
   ...c
 }) {
-  const i = m(e), s = n(i), [h, p] = x(void 0);
+  const i = m(e), s = o(i), [h, p] = x(void 0);
   return h === s ? /* @__PURE__ */ r(
     "span",
     {
       "data-slot": "source-icon-fallback",
       className: t(
         "bg-muted flex size-3 shrink-0 items-center justify-center rounded-sm text-xs font-medium",
-        o
+        n
       ),
       ...c,
       children: i.charAt(0).toUpperCase() || "?"
@@ -35,40 +35,40 @@ function d({
       "data-slot": "source-icon",
       src: s,
       alt: "",
-      className: t("size-3 shrink-0 rounded-sm", o),
+      className: t("size-3 shrink-0 rounded-sm", n),
       onError: () => p(s),
       ...c
     }
   );
 }
-function a({ className: e, ...o }) {
+function a({ className: e, ...n }) {
   return /* @__PURE__ */ r(
     "span",
     {
       "data-slot": "source-title",
       className: t("max-w-37.5 truncate", e),
-      ...o
+      ...n
     }
   );
 }
-function N({ className: e, ...o }) {
+function N({ className: e, ...n }) {
   return /* @__PURE__ */ r(
     "span",
     {
       "data-slot": "source-document-icon",
       className: t(
-        "text-muted-foreground flex size-3 shrink-0 items-center justify-center",
+        "text-current flex size-3 shrink-0 items-center justify-center",
         e
       ),
-      ...o,
+      ...n,
       children: /* @__PURE__ */ r(b, { className: "size-3" })
     }
   );
 }
 function f({
   className: e,
-  variant: o,
-  size: n,
+  variant: n,
+  size: o,
   target: c = "_blank",
   rel: i = "noopener noreferrer",
   ...s
@@ -78,7 +78,7 @@ function f({
     {
       "data-slot": "source",
       className: t(
-        v({ variant: o, size: n }),
+        v({ variant: n, size: o }),
         "focus-visible:border-ring focus-visible:ring-ring/50 cursor-pointer outline-none focus-visible:ring-[3px]",
         e
       ),
@@ -90,10 +90,10 @@ function f({
 }
 const k = (e) => {
   if (e.sourceType === "url" && e.url) {
-    const o = m(e.url), n = e.title || o;
+    const n = m(e.url), o = e.title || n;
     return /* @__PURE__ */ l(f, { href: e.url, children: [
       /* @__PURE__ */ r(d, { url: e.url }),
-      /* @__PURE__ */ r(a, { children: n })
+      /* @__PURE__ */ r(a, { children: o })
     ] });
   }
   return e.sourceType === "document" ? /* @__PURE__ */ r(

package/components/assistant-ui/tooltip-icon-button.js

@@ -1,29 +1,33 @@
 "use client";
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { Slot as c } from "radix-ui";
-import { TooltipProvider as m, Tooltip as p, TooltipTrigger as d, TooltipContent as u } from "../ui/tooltip.js";
-import { Button as f } from "../ui/button.js";
-import { cn as h } from "../../lib/cn.js";
-const T = s(({ children: i, tooltip: t, side: n = "bottom", className: e, ...l }, a) => /* @__PURE__ */ o(m, { delayDuration: 0, children: /* @__PURE__ */ r(p, { children: [
-  /* @__PURE__ */ o(d, { asChild: !0, children: /* @__PURE__ */ r(
-    f,
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { Slot as m } from "radix-ui";
+import { TooltipProvider as s, Tooltip as p, TooltipTrigger as d, TooltipContent as u } from "../ui/tooltip.js";
+import { Button as h } from "../ui/button.js";
+import { cn as f } from "../../lib/cn.js";
+import { IconHoverFillContext as v } from "../../lib/icons.js";
+const T = c(({ children: i, tooltip: r, side: e = "bottom", className: n, ...l }, a) => /* @__PURE__ */ o(s, { delayDuration: 0, children: /* @__PURE__ */ t(p, { children: [
+  /* @__PURE__ */ o(d, { asChild: !0, children: /* @__PURE__ */ t(
+    h,
     {
       variant: "ghost",
       size: "icon",
+      "data-icon-hover-fill": !0,
       ...l,
-      className: h(
+      className: f(
         "aui-button-icon size-6 p-1 active:scale-90",
-        e
+        // No hover background: the icon fills and turns brand teal.
+        "hover:bg-transparent hover:text-action-primary",
+        n
       ),
       ref: a,
       children: [
-        /* @__PURE__ */ o(c.Slottable, { children: i }),
-        /* @__PURE__ */ o("span", { className: "aui-sr-only sr-only", children: t })
+        /* @__PURE__ */ o(m.Slottable, { children: /* @__PURE__ */ o(v.Provider, { value: !0, children: i }) }),
+        /* @__PURE__ */ o("span", { className: "aui-sr-only sr-only", children: r })
       ]
     }
   ) }),
-  /* @__PURE__ */ o(u, { side: n, children: t })
+  /* @__PURE__ */ o(u, { side: e, children: r })
 ] }) }));
 T.displayName = "TooltipIconButton";
 export {

package/components/audio-waveform.d.ts

@@ -2,29 +2,42 @@ import * as React from "react";
 /**
  * AudioWaveform — the ADS recording player (ported from the voice product's
  * call panel). One waveform with play/seek, hover scrubbing, and a download
- * action; controls are ADS Buttons and the elapsed time lives ON the play
- * control (0:00 at rest — no separate time strip).
+ * action, in one of two looks:
+ *
+ * - `look="minimal"` (default) — a voice-note player: everything sits in one
+ *   WG2 pill (no border, no shadow). A round ink play/pause control leads, a
+ *   single-tone run of 3px pill bars follows (unplayed WG7, played WG12, the
+ *   hovered seek range previews in WG8 with a time bubble), then a mono
+ *   `elapsed / total` readout and an icon-only download.
+ *   wavesurfer.js decodes and plays the audio; the bars are drawn as token-
+ *   filled SVG so they follow the theme without resolving colors.
+ * - `look="classic"` — the original call-panel player: wavesurfer draws the
+ *   waveform, the elapsed time lives ON the play Button (0:00 at rest), and
+ *   `topLabel` / `bottomLabel` chips name the halves of a stereo recording.
  *
  * Speaker-split mode: for two-channel conversation audio (channel 0 = agent,
  * channel 1 = the caller) the agent's energy draws ABOVE the centerline and
  * the caller's BELOW it, so turn-taking reads at a glance — one waveform,
- * never two stacked lanes. Enabled automatically when `channels > 1`;
- * label the halves with `topLabel` / `bottomLabel` (default Agent / User).
+ * never two stacked lanes. Enabled automatically when `channels > 1`.
  *
- * Colors ride the theme tokens (waveform = muted-foreground, progress =
- * foreground) — never hardcoded.
+ * Colors ride the theme tokens — never hardcoded.
  */
+export type AudioWaveformLook = "minimal" | "classic";
 export interface AudioWaveformProps {
     /** Audio source URL (same-origin or CORS-served). */
     src: string;
-    /** Known duration — lets the waveform render its scale before decode. */
+    /** Known duration — lets the player show its length before decode. */
     durationSeconds?: number;
     contentType?: string;
     /** >1 enables speaker-split rendering (ch0 above, ch1 below). */
     channels?: number;
+    /** Name of the upper (channel 0) half. Visible in the classic look; part of the seek label in minimal. */
     topLabel?: string;
+    /** Name of the lower (channel 1) half. Visible in the classic look; part of the seek label in minimal. */
     bottomLabel?: string;
     downloadName?: string;
+    /** Visual treatment. `minimal` (default) is the voice-note pill; `classic` keeps the original player. */
+    look?: AudioWaveformLook;
     className?: string;
 }
-export declare function AudioWaveform({ src, durationSeconds, contentType, channels, topLabel, bottomLabel, downloadName, className, }: AudioWaveformProps): React.JSX.Element;
+export declare function AudioWaveform({ look, ...props }: AudioWaveformProps): React.JSX.Element;