@actioneer/ads 0.2.3 → 0.3.0

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";
@@ -27,18 +34,20 @@ import "../autocomplete.js";
 import "../slider.js";
 import "../segmented.js";
 import "../modal.js";
-import "../drawer.js";
-import "../popover.js";
 import "react";
 import "react-dom";
+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 f, DropdownTrigger as h, DropdownContent as g, DropdownLabel as b, DropdownItem as v } 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";
@@ -49,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";
@@ -61,10 +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 { Bolt as s, CheckList as x, Sparkles as y } from "../../lib/icons.js";
-import "../ai-elements/reasoning.js";
+import "../ai-elements/research-activity.js";
 import "../ai-elements/shimmer.js";
 import "../ai-elements/task.js";
 import "../ai-elements/task-progress.js";
@@ -73,73 +84,79 @@ import "../ai-elements/voice.js";
 import "./composer.js";
 import "./answer-tool-ui.js";
 import "./follow-up-suggestions.js";
-import "./composer-add-context.js";
-import "zustand/shallow";
+import "./message.js";
+import "./selection-toolbar.js";
 import "../ui/button.js";
-import "./tooltip-icon-button.js";
-import "./quote.js";
-import "./reasoning.js";
-import "./smart-message-text.js";
 import "./thread-context.js";
-import "./tool-fallback.js";
-import "./tool-group.js";
-import "./selection-toolbar.js";
+import "./tooltip-icon-button.js";
+import "./composer-add-context.js";
+import "zustand/shallow";
 import "./composer-deep-research.js";
 import "./composer-trigger-popover.js";
 import "./directive-text.js";
 import "./file.js";
 import "./image.js";
 import "./markdown-text.js";
+import "./quote.js";
 import "./sources.js";
-const n = "application/x-actioneer-harness", w = [
+import "./tool-fallback.js";
+import "./tool-group.js";
+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(x, {}),
+    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(y, {}),
+    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 ri() {
-  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(f, { children: [
-    /* @__PURE__ */ r(h, { 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(g, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
-      /* @__PURE__ */ r(b, { children: "Add a harness" }),
-      w.map((i) => /* @__PURE__ */ r(
-        v,
+    /* @__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
@@ -147,7 +164,7 @@ function ri() {
     ] })
   ] });
 }
-class ni {
+class gi {
   constructor() {
     p(this, "accept", n);
   }
@@ -180,7 +197,7 @@ ${o}
   }
 }
 export {
-  ri as ComposerHarness,
+  hi as ComposerHarness,
   n as HARNESS_MIME,
-  ni 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,61 +1,69 @@
 "use client";
-import { jsxs as s, 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 _ } from "./composer.js";
-import { MessageError as A } from "./error.js";
-import { QuoteBlock as b } from "./quote.js";
-import { Reasoning as v, 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 B } from "./tool-fallback.js";
-import { ToolGroupRoot as k, ToolGroupTrigger as G, ToolGroupContent as M } from "./tool-group.js";
+import { ToolFallback as k } from "./tool-fallback.js";
+import { ToolGroupRoot as B, ToolGroupTrigger as M, ToolGroupContent as G } from "./tool-group.js";
+import { createDirectiveText as I } from "./directive-text.js";
 import { cn as c } from "../../lib/cn.js";
-import { MessagePrimitive as n, groupPartByType as I, useAuiState as g } from "@assistant-ui/react";
+import { At as O, FileText as E, Bolt as P, Table as U } from "../../lib/icons.js";
+import { unstable_defaultDirectiveFormatter as F, MessagePrimitive as i, groupPartByType as j, useAuiState as g } from "@assistant-ui/react";
 import { useContext as f } from "react";
-const Y = () => {
-  const { AssistantMessage: a = O } = f(p), i = g((o) => o.message.role);
-  return g((o) => o.message.composer.isEditing) ? /* @__PURE__ */ t(_, {}) : i === "user" ? /* @__PURE__ */ t(E, {}) : /* @__PURE__ */ t(a, {});
-}, O = () => {
+const H = I(
+  F,
+  {
+    iconMap: { table: U, skill: P, file: E },
+    fallbackIcon: O
+  }
+), nt = () => {
+  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,
-    ToolFallback: i = B,
-    ToolGroup: l,
-    ReasoningGroup: o,
+    AssistantAvatar: o,
+    ToolFallback: n = k,
+    ToolGroup: u,
+    ReasoningGroup: s,
     ChainOfThoughtGroup: m
   } = f(p);
-  return /* @__PURE__ */ s(
-    n.Root,
+  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__ */ s(
+        /* @__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(
-                n.GroupedParts,
+                i.GroupedParts,
                 {
-                  groupBy: I({
+                  groupBy: j({
                     reasoning: ["group-chainOfThought", "group-reasoning"],
                     "tool-call": ["group-chainOfThought", "group-tool"],
                     "standalone-tool-call": []
@@ -65,31 +73,31 @@ const Y = () => {
                       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__ */ s(k, { variant: "ghost", children: [
+                        return u ? /* @__PURE__ */ t(u, { group: e, children: r }) : /* @__PURE__ */ a(B, { variant: "ghost", children: [
                           /* @__PURE__ */ t(
-                            G,
+                            M,
                             {
                               count: e.indices.length,
                               active: e.status.type === "running"
                             }
                           ),
-                          /* @__PURE__ */ t(M, { children: r })
+                          /* @__PURE__ */ t(G, { children: r })
                         ] });
                       case "group-reasoning": {
-                        if (o)
-                          return /* @__PURE__ */ t(o, { group: e, children: r });
-                        const u = e.status.type === "running";
-                        return /* @__PURE__ */ s(y, { streaming: u, children: [
-                          /* @__PURE__ */ t(w, { active: u }),
-                          /* @__PURE__ */ t(R, { "aria-busy": u, children: /* @__PURE__ */ t(N, { children: r }) })
+                        if (s)
+                          return /* @__PURE__ */ t(s, { group: e, 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(v, { ...e });
+                        return /* @__PURE__ */ t(_, { ...e });
                       case "tool-call":
-                        return e.toolUI ?? /* @__PURE__ */ t(i, { ...e });
+                        return e.toolUI ?? /* @__PURE__ */ t(n, { ...e });
                       case "data":
                         return e.dataRendererUI;
                       case "indicator":
@@ -108,18 +116,18 @@ const Y = () => {
                   }
                 }
               ),
-              /* @__PURE__ */ t(A, {})
+              /* @__PURE__ */ t(b, {})
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__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, {}),
@@ -130,30 +138,35 @@ const Y = () => {
       ]
     }
   );
-}, E = () => /* @__PURE__ */ s(
-  n.Root,
+}, 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__ */ s("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(n.Parts, { components: { Quote: b } }) }),
-        /* @__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__ */ 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: A, Text: H }
+          }
+        ) }),
+        /* @__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 {
-  O as AssistantMessage,
-  Y as ThreadMessage,
-  E as UserMessage
+  q as AssistantMessage,
+  nt as ThreadMessage,
+  z as UserMessage
 };

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

@@ -1,2 +1,2 @@
-export { AssistantRuntimeProvider, AttachmentPrimitive, CompositeAttachmentAdapter, ComposerPrimitive, MessagePrimitive, SelectionToolbarPrimitive, SimpleImageAttachmentAdapter, ThreadPrimitive, makeAssistantToolUI, useAssistantRuntime, useAuiState, useLocalRuntime, } from '@assistant-ui/react';
+export { AssistantRuntimeProvider, AttachmentPrimitive, CompositeAttachmentAdapter, ComposerPrimitive, MessagePrimitive, SelectionToolbarPrimitive, SimpleImageAttachmentAdapter, ThreadPrimitive, makeAssistantToolUI, unstable_useSlashCommandAdapter, useAssistantRuntime, useAuiState, useComposer, useComposerRuntime, useLocalRuntime, } from '@assistant-ui/react';
 export type { ChatModelAdapter, LocalRuntimeOptions, ThreadMessageLike, ToolCallMessagePartProps, } from '@assistant-ui/react';

package/components/assistant-ui/thread-context.d.ts

@@ -13,6 +13,8 @@ export type ThreadComponents = {
     /** Optional identity shown beside every assistant turn. */
     AssistantAvatar?: ComponentType | undefined;
     Welcome?: ComponentType | undefined;
+    /** Wraps the default Composer, e.g. with TaskProgressDock. */
+    ComposerDock?: ComponentType<PropsWithChildren> | undefined;
     /** Replaces the left-side composer controls (context, upload, harness). */
     ComposerAccessories?: ComponentType | undefined;
     ToolFallback?: ToolCallMessagePartComponent | undefined;