@actioneer/ads 0.2.4 → 0.3.1

package/components/assistant-ui/attachment.js

@@ -195,7 +195,11 @@ const V = (a) => {
     side: "top",
     children: /* @__PURE__ */ e(R, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" })
   }
-) }), we = () => /* @__PURE__ */ e("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: /* @__PURE__ */ e(M.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) }), Ce = () => /* @__PURE__ */ e("div", { className: "aui-composer-attachments flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: /* @__PURE__ */ e(T.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) }), ke = () => /* @__PURE__ */ e(T.AddAttachment, { asChild: !0, children: /* @__PURE__ */ e(
+) }), we = () => (
+  // Sits under the request as its parameters, so it reads left-to-right
+  // 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, {}) }) })
+), Ce = () => /* @__PURE__ */ e("div", { className: "aui-composer-attachments flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: /* @__PURE__ */ e(T.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) }), ke = () => /* @__PURE__ */ e(T.AddAttachment, { asChild: !0, children: /* @__PURE__ */ e(
   g,
   {
     tooltip: "Add Attachment",

package/components/assistant-ui/composer-deep-research.js

@@ -1,38 +1,53 @@
 "use client";
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { createContext as i, useContext as u } from "react";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { createContext as u, useContext as a } from "react";
 import { Telescope as c } from "../../lib/icons.js";
-import { cn as f } from "../../lib/cn.js";
-const t = i(null);
-function x({
-  value: r,
+import { cn as n } from "../../lib/cn.js";
+const t = u(null);
+function p({
+  value: o,
   children: e
 }) {
-  return /* @__PURE__ */ o(t.Provider, { value: r, children: e });
+  return /* @__PURE__ */ r(t.Provider, { value: o, children: e });
 }
-function a() {
-  const r = u(t);
-  if (!r) return null;
-  const { enabled: e, setEnabled: n } = r;
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      type: "button",
-      "aria-pressed": e,
-      onClick: () => n(!e),
-      className: f(
-        "flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium outline-none transition-colors",
-        "focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0",
-        e ? "bg-info-50 text-info-700 hover:bg-info-100" : "text-muted-foreground hover:bg-muted-foreground/15 hover:text-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ o(c, {}),
-        "Deep research"
-      ]
-    }
+function x() {
+  const o = a(t);
+  if (!o) return null;
+  const { enabled: e, setEnabled: i } = o;
+  return (
+    // Toggle affordance: the trailing square state light says "this switches
+    // a mode on and off" — the counterpart to the harness menu's caret, so
+    // the trailing slot alone tells the reader how each pill interacts.
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": e,
+        onClick: () => i(!e),
+        className: n(
+          "flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium outline-none transition-colors",
+          "focus-visible:ring-3 focus-visible:ring-ring",
+          e ? "bg-info-50 text-info-700 hover:bg-info-100" : "text-muted-foreground hover:bg-muted-foreground/15 hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ r(c, { className: "size-4 shrink-0" }),
+          "Deep research",
+          /* @__PURE__ */ r(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: n(
+                "size-1.5 shrink-0 rounded-dot transition-colors duration-(--duration-fast) ease-out motion-reduce:transition-none",
+                e ? "bg-info-600" : "bg-muted-foreground/40"
+              )
+            }
+          )
+        ]
+      }
+    )
   );
 }
 export {
-  a as ComposerDeepResearch,
-  x as DeepResearchProvider
+  x as ComposerDeepResearch,
+  p as DeepResearchProvider
 };

package/components/assistant-ui/composer-harness.js

@@ -1,8 +1,8 @@
 "use client";
 var c = Object.defineProperty;
-var l = (e, t, o) => t in e ? c(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var p = (e, t, o) => l(e, typeof t != "symbol" ? t + "" : t, o);
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+var l = (r, t, o) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
+var p = (r, t, o) => l(r, typeof t != "symbol" ? t + "" : t, o);
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useComposerRuntime as d, useComposer as u } from "@assistant-ui/react";
 import "clsx";
 import "tailwind-merge";
@@ -10,11 +10,18 @@ import "../../lib/interactive.js";
 import "radix-ui";
 import "../button.js";
 import "../spinner.js";
+import "../reveal.js";
 import "../field.js";
 import "../typography.js";
 import "../link.js";
 import "../divider.js";
 import "../kbd.js";
+import "../code-block.js";
+import "../setting-row.js";
+import "../file-dropzone.js";
+import "../scroll-area.js";
+import "../stepper.js";
+import "../resizable-panel.js";
 import "../input.js";
 import "../input-field.js";
 import "../textarea.js";
@@ -29,17 +36,18 @@ import "../segmented.js";
 import "../modal.js";
 import "react";
 import "react-dom";
-import { Bolt as s, CheckList as f, Sparkles as h } from "../../lib/icons.js";
+import { Bolt as a, ChevronDown as f, CheckList as h, Sparkles as g } from "../../lib/icons.js";
 import "../drawer.js";
 import "../popover.js";
 import "motion/react";
-import { Dropdown as g, DropdownTrigger as b, DropdownContent as v, DropdownLabel as x, DropdownItem as y } from "../dropdown.js";
+import { Dropdown as b, DropdownTrigger as v, DropdownContent as y, DropdownLabel as x, DropdownItem as w } from "../dropdown.js";
 import "../toast.js";
 import "../answer.js";
 import "../card.js";
 import "../carousel.js";
 import "../chart.js";
 import "../connector-card.js";
+import "../infinite-canvas.js";
 import "../table.js";
 import "../tabs.js";
 import "../tree.js";
@@ -50,10 +58,12 @@ import "../chip.js";
 import "../timeline.js";
 import "../alert.js";
 import "../pixel-blast-svg.js";
+import "../brand-texture.js";
 import "../progress.js";
 import "../progress-circle.js";
 import "../skeleton.js";
 import "../empty-state.js";
+import "../page-header.js";
 import "../navbar.js";
 import "../breadcrumbs.js";
 import "../pagination.js";
@@ -62,8 +72,10 @@ import "../panel.js";
 import "../collapsible.js";
 import "../selection-action-bar.js";
 import "../ai-elements/chain-of-thought.js";
+import "../ai-elements/chart.js";
 import "../ai-elements/inline-citation.js";
 import "../ai-elements/message.js";
+import "../ai-elements/research-activity.js";
 import "../ai-elements/shimmer.js";
 import "../ai-elements/task.js";
 import "../ai-elements/task-progress.js";
@@ -86,59 +98,65 @@ import "./file.js";
 import "./image.js";
 import "./markdown-text.js";
 import "./quote.js";
-import "./smart-message-text.js";
 import "./sources.js";
 import "./tool-fallback.js";
 import "./tool-group.js";
-const n = "application/x-actioneer-harness", w = [
+const n = "application/x-actioneer-harness", S = [
   {
     id: "investigate",
     label: "Data investigation",
-    icon: /* @__PURE__ */ r(s, {}),
+    icon: /* @__PURE__ */ e(a, {}),
     instructions: "Investigate the question against the available context. State the conclusion first, identify the relevant sources, and clearly separate verified facts from assumptions."
   },
   {
     id: "metric",
     label: "Metric analysis",
-    icon: /* @__PURE__ */ r(f, {}),
+    icon: /* @__PURE__ */ e(h, {}),
     instructions: "Define the metric, grain, population, and time window before calculating. Call out comparisons, denominator changes, and any data-quality caveats."
   },
   {
     id: "brief",
     label: "Executive brief",
-    icon: /* @__PURE__ */ r(h, {}),
+    icon: /* @__PURE__ */ e(g, {}),
     instructions: "Write a concise executive brief: lead with the decision or insight, use only decision-relevant evidence, and end with the recommended next action."
   }
 ];
-function ei() {
-  const e = d(), t = u((i) => i.attachments), o = new Set(
+function hi() {
+  const r = d(), t = u((i) => i.attachments), o = new Set(
     t.filter((i) => i.contentType === n).map((i) => i.name)
-  ), a = (i) => {
-    o.has(i.label) || e.addAttachment(
+  ), s = (i) => {
+    o.has(i.label) || r.addAttachment(
       new File([i.instructions], `${i.label}.harness`, { type: n })
     );
   };
-  return /* @__PURE__ */ m(g, { children: [
-    /* @__PURE__ */ r(b, { children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(b, { children: [
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ m(
       "button",
       {
         type: "button",
-        className: "flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted-foreground/15 hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0",
+        className: "group flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted-foreground/15 hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
         "aria-label": "Add harness",
         children: [
-          /* @__PURE__ */ r(s, {}),
-          "Add harness"
+          /* @__PURE__ */ e(a, { className: "size-4 shrink-0" }),
+          "Add harness",
+          /* @__PURE__ */ e(
+            f,
+            {
+              "aria-hidden": !0,
+              className: "size-3.5 shrink-0 opacity-60 transition-transform duration-(--duration-fast) ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none"
+            }
+          )
         ]
       }
     ) }),
-    /* @__PURE__ */ m(v, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
-      /* @__PURE__ */ r(x, { children: "Add a harness" }),
-      w.map((i) => /* @__PURE__ */ r(
-        y,
+    /* @__PURE__ */ m(y, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
+      /* @__PURE__ */ e(x, { children: "Add a harness" }),
+      S.map((i) => /* @__PURE__ */ e(
+        w,
         {
           startContent: i.icon,
           disabled: o.has(i.label),
-          onSelect: () => a(i),
+          onSelect: () => s(i),
           children: i.label
         },
         i.id
@@ -146,7 +164,7 @@ function ei() {
     ] })
   ] });
 }
-class ri {
+class gi {
   constructor() {
     p(this, "accept", n);
   }
@@ -179,7 +197,7 @@ ${o}
   }
 }
 export {
-  ei as ComposerHarness,
+  hi as ComposerHarness,
   n as HARNESS_MIME,
-  ri as HarnessAttachmentAdapter
+  gi as HarnessAttachmentAdapter
 };

package/components/assistant-ui/composer.js

@@ -18,7 +18,7 @@ function G(i) {
     Math.max(Q, i.length * O)
   );
 }
-function J(i, t, p, x, T) {
+function J(i, t, p, b, T) {
   if (t <= 0 || i.length === 0)
     return p(i), { promise: Promise.resolve(), cancel: () => {
     } };
@@ -28,7 +28,7 @@ function J(i, t, p, x, T) {
       o = d;
       let y = performance.now(), h = null;
       const n = (c) => {
-        if (x()) {
+        if (b()) {
           d();
           return;
         }
@@ -52,7 +52,7 @@ function J(i, t, p, x, T) {
   };
 }
 const W = () => {
-  const { setText: i } = q(), t = l.useContext(k), [p, x] = l.useState(
+  const { setText: i } = q(), t = l.useContext(k), [p, b] = l.useState(
     (t == null ? void 0 : t[0]) ?? "Send a message…"
   ), [T, w] = l.useState(!1), v = l.useRef(null), [o, z] = l.useState(null), d = l.useRef(!1), y = l.useCallback((n) => {
     v.current = n, z(n);
@@ -87,36 +87,36 @@ const W = () => {
         }
         u();
       }
-    }, b = (r) => {
+    }, x = (r) => {
       (r.metaKey || r.ctrlKey) && !r.altKey && r.key.toLowerCase() === "a" && (r.preventDefault(), o.select());
     };
-    return a(), o.addEventListener("beforeinput", C), o.addEventListener("input", a), o.addEventListener("focus", g), o.addEventListener("blur", g), o.addEventListener("keydown", b), () => {
-      window.clearTimeout(n), o.removeEventListener("beforeinput", C), o.removeEventListener("input", a), o.removeEventListener("focus", g), o.removeEventListener("blur", g), o.removeEventListener("keydown", b);
+    return a(), o.addEventListener("beforeinput", C), o.addEventListener("input", a), o.addEventListener("focus", g), o.addEventListener("blur", g), o.addEventListener("keydown", x), () => {
+      window.clearTimeout(n), o.removeEventListener("beforeinput", C), o.removeEventListener("input", a), o.removeEventListener("focus", g), o.removeEventListener("blur", g), o.removeEventListener("keydown", x);
     };
   }, [o, i]), l.useEffect(() => {
     var C;
     if (!(t != null && t.length)) {
-      x("Send a message…");
+      b("Send a message…");
       return;
     }
     if ((C = window.matchMedia) != null && C.call(window, "(prefers-reduced-motion: reduce)").matches) {
-      x(t[0]);
+      b(t[0]);
       return;
     }
     let n = !1, c = 0, a, u;
-    const g = (b) => new Promise((r) => {
-      a = window.setTimeout(r, b);
+    const g = (x) => new Promise((r) => {
+      a = window.setTimeout(r, x);
     }), E = () => n;
     return (async () => {
       for (; !n; ) {
         for (; d.current && !n; ) await g(100);
         if (n) return;
-        const b = t[c];
-        x("");
+        const x = t[c];
+        b("");
         const { promise: r, cancel: m } = J(
-          b,
-          G(b),
           x,
+          G(x),
+          b,
           E,
           () => d.current
         );
@@ -136,7 +136,7 @@ const W = () => {
       "div",
       {
         "aria-hidden": !0,
-        className: "pointer-events-none absolute inset-x-2.5 top-1 z-0 flex min-h-8 items-start overflow-hidden text-base leading-8 text-muted-foreground/80 group-focus-within/input:hidden",
+        className: "pointer-events-none absolute inset-x-2.5 top-1 z-0 line-clamp-2 max-h-(--composer-placeholder-max-h) overflow-hidden text-base text-muted-foreground/80 group-focus-within/input:hidden",
         children: /* @__PURE__ */ e("span", { children: p })
       }
     ),
@@ -145,7 +145,7 @@ const W = () => {
       {
         ref: y,
         placeholder: t != null && t.length ? "" : p,
-        className: "aui-composer-input caret-primary placeholder:text-muted-foreground/80 relative z-10 max-h-32 min-h-10 w-full resize-none bg-transparent px-2.5 py-1 text-base text-foreground outline-none",
+        className: "aui-composer-input caret-primary placeholder:text-muted-foreground/80 relative z-10 max-h-32 min-h-14 w-full resize-none bg-transparent px-2.5 py-1 text-base text-foreground outline-none",
         rows: 1,
         autoFocus: !0,
         enterKeyHint: "send",

package/components/assistant-ui/index.d.ts

@@ -18,7 +18,6 @@ export * from './image';
 export * from './markdown-text';
 export * from './message-timing';
 export * from './quote';
-export * from './smart-message-text';
 export * from './sources';
 export * from './tool-fallback';
 export * from './tool-group';

package/components/assistant-ui/message.d.ts

@@ -1,4 +1,11 @@
 import { FC } from 'react';
 export declare const ThreadMessage: FC;
 export declare const AssistantMessage: FC;
+/**
+ * Local modification (ADS): the user turn is a request put forward for
+ * research, not a chat utterance — so it leads its turn full-width behind a
+ * leading rail, set as the heading the answer below answers. No bubble, no
+ * right-hand column. The attachments it carried (context, harness) sit
+ * beneath the question as its parameters.
+ */
 export declare const UserMessage: FC;

package/components/assistant-ui/message.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { UserMessageAttachments as h } from "./attachment.js";
 import { AssistantActionBar as T, UserActionBar as x } from "./action-bar.js";
 import { BranchPicker as d } from "./branch-picker.js";
-import { EditComposer as b } from "./composer.js";
-import { MessageError as _ } from "./error.js";
-import { QuoteBlock as v } from "./quote.js";
-import { Reasoning as A, ReasoningRoot as y, ReasoningTrigger as w, ReasoningContent as R, ReasoningText as N } from "./reasoning.js";
-import { SmartMessageText as C } from "./smart-message-text.js";
+import { EditComposer as v } from "./composer.js";
+import { MessageError as b } from "./error.js";
+import { QuoteBlock as A } from "./quote.js";
+import { Reasoning as _, ReasoningRoot as y, ReasoningTrigger as w, ReasoningContent as R, ReasoningText as N } from "./reasoning.js";
+import { MarkdownText as C } from "./markdown-text.js";
 import { ThreadComponentsContext as p } from "./thread-context.js";
 import { ToolFallback as k } from "./tool-fallback.js";
 import { ToolGroupRoot as B, ToolGroupTrigger as M, ToolGroupContent as G } from "./tool-group.js";
@@ -23,41 +23,41 @@ const H = I(
     fallbackIcon: O
   }
 ), nt = () => {
-  const { AssistantMessage: a = z } = f(p), n = g((s) => s.message.role);
-  return g((s) => s.message.composer.isEditing) ? /* @__PURE__ */ t(b, {}) : n === "user" ? /* @__PURE__ */ t(D, {}) : /* @__PURE__ */ t(a, {});
-}, z = () => {
+  const { AssistantMessage: o = q } = f(p), n = g((s) => s.message.role);
+  return g((s) => s.message.composer.isEditing) ? /* @__PURE__ */ t(v, {}) : n === "user" ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(o, {});
+}, q = () => {
   const {
-    AssistantAvatar: a,
+    AssistantAvatar: o,
     ToolFallback: n = k,
-    ToolGroup: l,
+    ToolGroup: u,
     ReasoningGroup: s,
     ChainOfThoughtGroup: m
   } = f(p);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     i.Root,
     {
       "data-slot": "aui_assistant-message-root",
       "data-role": "assistant",
       className: c(
         "fade-in slide-in-from-bottom-1 animate-in relative -mb-7.5 pb-7.5 duration-(--duration-fast) [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
-        a && "grid grid-cols-[2rem_minmax(0,1fr)] items-start gap-x-2"
+        o && "grid grid-cols-[2rem_minmax(0,1fr)] items-start gap-x-2"
       ),
       children: [
-        a && /* @__PURE__ */ t(
+        o && /* @__PURE__ */ t(
           "div",
           {
             "data-slot": "aui_assistant-message-avatar",
             className: "col-start-1 row-start-1 mt-0.5 flex size-8 items-center justify-center",
-            children: /* @__PURE__ */ t(a, {})
+            children: /* @__PURE__ */ t(o, {})
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           "div",
           {
             "data-slot": "aui_assistant-message-content",
             className: c(
               "text-foreground px-2 leading-relaxed wrap-break-word",
-              a && "col-start-2 row-start-1"
+              o && "col-start-2 row-start-1"
             ),
             children: [
               /* @__PURE__ */ t(
@@ -73,7 +73,7 @@ const H = I(
                       case "group-chainOfThought":
                         return m ? /* @__PURE__ */ t(m, { group: e, children: r }) : /* @__PURE__ */ t("div", { "data-slot": "aui_chain-of-thought", children: r });
                       case "group-tool":
-                        return l ? /* @__PURE__ */ t(l, { group: e, children: r }) : /* @__PURE__ */ o(B, { variant: "ghost", children: [
+                        return u ? /* @__PURE__ */ t(u, { group: e, children: r }) : /* @__PURE__ */ a(B, { variant: "ghost", children: [
                           /* @__PURE__ */ t(
                             M,
                             {
@@ -86,16 +86,16 @@ const H = I(
                       case "group-reasoning": {
                         if (s)
                           return /* @__PURE__ */ t(s, { group: e, children: r });
-                        const u = e.status.type === "running";
-                        return /* @__PURE__ */ o(y, { streaming: u, children: [
-                          /* @__PURE__ */ t(w, { active: u }),
-                          /* @__PURE__ */ t(R, { "aria-busy": u, children: /* @__PURE__ */ t(N, { children: r }) })
+                        const l = e.status.type === "running";
+                        return /* @__PURE__ */ a(y, { streaming: l, children: [
+                          /* @__PURE__ */ t(w, { active: l }),
+                          /* @__PURE__ */ t(R, { "aria-busy": l, children: /* @__PURE__ */ t(N, { children: r }) })
                         ] });
                       }
                       case "text":
                         return /* @__PURE__ */ t(C, {});
                       case "reasoning":
-                        return /* @__PURE__ */ t(A, { ...e });
+                        return /* @__PURE__ */ t(_, { ...e });
                       case "tool-call":
                         return e.toolUI ?? /* @__PURE__ */ t(n, { ...e });
                       case "data":
@@ -116,18 +116,18 @@ const H = I(
                   }
                 }
               ),
-              /* @__PURE__ */ t(_, {})
+              /* @__PURE__ */ t(b, {})
             ]
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(
           "div",
           {
             "data-slot": "aui_assistant-message-footer",
             className: c(
               "ms-2 flex items-center",
               "min-h-7.5 pt-1.5",
-              a && "col-start-2 row-start-2"
+              o && "col-start-2 row-start-2"
             ),
             children: [
               /* @__PURE__ */ t(d, {}),
@@ -138,35 +138,35 @@ const H = I(
       ]
     }
   );
-}, D = () => /* @__PURE__ */ o(
+}, z = () => /* @__PURE__ */ a(
   i.Root,
   {
     "data-slot": "aui_user-message-root",
-    className: "fade-in slide-in-from-bottom-1 animate-in grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 duration-(--duration-fast) [contain-intrinsic-size:auto_200px] [content-visibility:auto] [&:where(>*)]:col-start-2",
+    className: "fade-in slide-in-from-bottom-1 animate-in flex w-full flex-col gap-2 px-2 duration-(--duration-fast) [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
     "data-role": "user",
     children: [
-      /* @__PURE__ */ t(h, {}),
-      /* @__PURE__ */ o("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: [
-        /* @__PURE__ */ t("div", { className: "aui-user-message-content peer bg-muted text-foreground rounded-xl px-4 py-2 wrap-break-word empty:hidden", children: /* @__PURE__ */ t(
+      /* @__PURE__ */ a("div", { className: "aui-user-message-content-wrapper group/user-request relative min-w-0", children: [
+        /* @__PURE__ */ t("div", { className: "aui-user-message-content peer text-foreground text-xl leading-snug wrap-break-word empty:hidden", children: /* @__PURE__ */ t(
           i.Parts,
           {
-            components: { Quote: v, Text: H }
+            components: { Quote: A, Text: H }
           }
         ) }),
-        /* @__PURE__ */ t("div", { className: "aui-user-action-bar-wrapper absolute start-0 top-1/2 -translate-x-full -translate-y-1/2 pe-2 peer-empty:hidden rtl:translate-x-full", children: /* @__PURE__ */ t(x, {}) })
+        /* @__PURE__ */ t(h, {}),
+        /* @__PURE__ */ t("div", { className: "aui-user-action-bar-wrapper absolute end-0 top-0 opacity-0 transition-opacity duration-(--duration-fast) ease-out peer-empty:hidden group-hover/user-request:opacity-100 group-focus-within/user-request:opacity-100 motion-reduce:transition-none", children: /* @__PURE__ */ t(x, {}) })
       ] }),
       /* @__PURE__ */ t(
         d,
         {
           "data-slot": "aui_user-branch-picker",
-          className: "col-span-full col-start-1 row-start-3 -me-1 justify-end"
+          className: "-ms-1 justify-start"
         }
       )
     ]
   }
 );
 export {
-  z as AssistantMessage,
+  q as AssistantMessage,
   nt as ThreadMessage,
-  D as UserMessage
+  z as UserMessage
 };

package/components/assistant-ui/thread.js

@@ -39,7 +39,7 @@ const F = ({
             "div",
             {
               "data-slot": "aui_message-group",
-              className: "mb-14 flex flex-col gap-y-6 empty:hidden",
+              className: "mb-14 flex flex-col gap-y-8 empty:hidden",
               children: /* @__PURE__ */ o(e.Messages, { children: () => /* @__PURE__ */ o(u, {}) })
             }
           ),

package/components/brand-texture.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+/**
+ * BrandTexture — the ambient halftone canvas behind welcome and hero
+ * surfaces: the growth-mark's triangle cells drifting as a quiet ink wash.
+ * It mounts with a radial bloom (centre → corners) and exits with a cloud
+ * lift (`lifted`): the field dissolves bottom-up while drifting upward, like
+ * cloud cover breaking. The layer is decorative — `aria-hidden`,
+ * `pointer-events-none`, absolutely positioned over a `relative` parent —
+ * and its rest opacity flows from `--chat-texture-opacity`.
+ *
+ * The WebGL canvas stays pixel-capped and pauses when hidden
+ * (PixelBlastSVG); pass `paused` to stop the clock explicitly — set it a
+ * beat AFTER `lifted` so the cloud stays alive while it rises. Reveal and
+ * lift respect reduced motion (fade only).
+ */
+/** The tuned shader field itself — full-bleed, no wash chrome. */
+export declare function BrandTextureField({ paused, speed, className, }: {
+    paused?: boolean;
+    /** Shader clock multiplier; 1.5 is the house drift. */
+    speed?: number;
+    className?: string;
+}): React.JSX.Element;
+export declare namespace BrandTextureField {
+    var displayName: string;
+}
+export interface BrandTextureProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Stops the shader clock (the canvas keeps its last frame). */
+    paused?: boolean;
+    /** Plays the cloud-lift exit — dissolve bottom→top, drift up, fade. */
+    lifted?: boolean;
+    /** Shader clock multiplier; 1.5 is the house drift. */
+    speed?: number;
+}
+export declare const BrandTexture: {
+    ({ paused, lifted, speed, className, ...props }: BrandTextureProps): React.JSX.Element;
+    displayName: string;
+};