@actioneer/ads 0.5.5 → 0.5.7

package/components/assistant-ui/answer-tool-ui.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import * as i from "react";
-import { makeAssistantToolUI as c, useAssistantRuntime as l } from "@assistant-ui/react";
-import { ANSWER_TOOL_NAME as d, AnswerSpecSchema as p, AnswerSkeleton as a, ANSWER_KINDS as u, AnswerRenderer as m } from "../answer.js";
+import { makeAssistantToolUI as l, useAssistantRuntime as c } from "@assistant-ui/react";
+import { ANSWER_TOOL_NAME as a, AnswerSpecSchema as d, AnswerSkeleton as p, ANSWER_KINDS as u, AnswerRenderer as m } from "../answer.js";
 import { Alert as A, AlertTitle as f, AlertDescription as h } from "../alert.js";
 function S(e) {
   if (typeof e != "object" || e === null || !("kind" in e))
@@ -11,7 +11,7 @@ function S(e) {
   return u.includes(n) ? n : void 0;
 }
 function w({ spec: e }) {
-  const n = l(), t = i.useCallback(
+  const n = c(), t = i.useCallback(
     (o) => {
       n.thread.append({
         role: "user",
@@ -22,11 +22,15 @@ function w({ spec: e }) {
   );
   return /* @__PURE__ */ r(m, { spec: e, onFollowUp: t, onOptionSelect: t });
 }
-const N = c({
-  toolName: d,
+const N = l({
+  toolName: a,
+  // The answer is the deliverable, not a research step: render it standalone,
+  // outside (and below) the collapsible chain-of-thought / tool trace, so it
+  // never collapses away with the trace.
+  display: "standalone",
   render: ({ args: e, status: n }) => {
-    const t = p.safeParse(e);
-    return t.success ? /* @__PURE__ */ r(w, { spec: t.data }) : n.type === "running" ? /* @__PURE__ */ r(a, { kind: S(e) }) : /* @__PURE__ */ s(A, { variant: "danger", children: [
+    const t = d.safeParse(e);
+    return t.success ? /* @__PURE__ */ r(w, { spec: t.data }) : n.type === "running" ? /* @__PURE__ */ r(p, { kind: S(e) }) : /* @__PURE__ */ s(A, { variant: "danger", children: [
       /* @__PURE__ */ r(f, { children: "Unable to render this answer" }),
       /* @__PURE__ */ r(h, { children: "The tool response did not match the ADS AnswerSpec contract." })
     ] });

package/components/assistant-ui/attachment.js

@@ -1,7 +1,7 @@
 "use client";
 var E = Object.defineProperty;
-var P = (a, t, n) => t in a ? E(a, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : a[t] = n;
-var y = (a, t, n) => P(a, typeof t != "symbol" ? t + "" : t, n);
+var P = (a, t, r) => t in a ? E(a, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[t] = r;
+var y = (a, t, r) => P(a, typeof t != "symbol" ? t + "" : t, r);
 import { jsx as e, jsxs as o, Fragment as A } from "react/jsx-runtime";
 import { useRef as N, useState as w, useEffect as U } from "react";
 import { Plus as _, FileText as h, Loader as C, WarningCircle as k, At as L, Bolt as S, Close as R } from "../../lib/icons.js";
@@ -15,30 +15,30 @@ import { Avatar as J, AvatarImage as K, AvatarFallback as Q } from "../ui/avatar
 import { TooltipIconButton as g } from "./tooltip-icon-button.js";
 import { cn as p } from "../../lib/cn.js";
 const V = (a) => {
-  const [t, n] = w(void 0);
+  const [t, r] = w(void 0);
   return U(() => {
     if (!a) {
-      n(void 0);
+      r(void 0);
       return;
     }
-    const r = URL.createObjectURL(a);
-    return n(r), () => {
-      URL.revokeObjectURL(r);
+    const n = URL.createObjectURL(a);
+    return r(n), () => {
+      URL.revokeObjectURL(n);
     };
   }, [a]), t;
 }, j = () => {
   const { file: a, src: t } = l(
-    H((n) => {
+    H((r) => {
       var c, m;
-      if (n.attachment.type !== "image") return {};
-      if (n.attachment.file) return { file: n.attachment.file };
-      const r = (m = (c = n.attachment.content) == null ? void 0 : c.filter((d) => d.type === "image")[0]) == null ? void 0 : m.image;
-      return r ? { src: r } : {};
+      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;
+      return n ? { src: n } : {};
     })
   );
   return V(a) ?? t;
 }, Z = ({ src: a }) => {
-  const [t, n] = w(!1);
+  const [t, r] = w(!1);
   return /* @__PURE__ */ e(
     "img",
     {
@@ -48,7 +48,7 @@ const V = (a) => {
         "block h-auto max-h-[80vh] w-auto max-w-full object-contain",
         t ? "aui-attachment-preview-image-loaded" : "aui-attachment-preview-image-loading invisible"
       ),
-      onLoad: () => n(!0)
+      onLoad: () => r(!0)
     }
   );
 }, ee = ({ children: a }) => {
@@ -81,7 +81,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", n = l((i) => i.attachment.contentType === D), r = l((i) => i.attachment.contentType === F), c = l((i) => i.attachment.type === "image"), m = l((i) => {
+  const t = O().attachment.source !== "message", r = l((i) => i.attachment.contentType === D), n = l((i) => i.attachment.contentType === F), c = l((i) => i.attachment.type === "image"), m = l((i) => {
     const b = i.attachment.type;
     switch (b) {
       case "image":
@@ -96,7 +96,7 @@ const V = (a) => {
   }), d = l(
     (i) => i.attachment.status.type === "running" ? "uploading" : i.attachment.status.type === "incomplete" && i.attachment.status.reason === "error" ? "error" : void 0
   ), f = d === "uploading", u = d === "error";
-  return n ? /* @__PURE__ */ e(ae, { isComposer: t }) : r ? /* @__PURE__ */ e(re, { isComposer: t }) : c ? /* @__PURE__ */ o($, { children: [
+  return r ? /* @__PURE__ */ e(ae, { isComposer: t }) : n ? /* @__PURE__ */ e(ne, { isComposer: t }) : c ? /* @__PURE__ */ o($, { children: [
     /* @__PURE__ */ o(
       s.Root,
       {
@@ -109,7 +109,7 @@ const V = (a) => {
             "div",
             {
               className: p(
-                "aui-attachment-tile bg-muted relative size-14 cursor-pointer overflow-hidden rounded-[calc(var(--composer-radius)-var(--composer-padding))] border transition-opacity hover:opacity-75",
+                "aui-attachment-tile bg-muted relative size-14 cursor-pointer overflow-hidden rounded-sm border transition-opacity hover:opacity-75",
                 u && "border-destructive"
               ),
               role: "button",
@@ -142,7 +142,7 @@ const V = (a) => {
     ),
     /* @__PURE__ */ e(B, { side: "top", children: /* @__PURE__ */ e(s.Name, {}) })
   ] }) : /* @__PURE__ */ e(
-    ne,
+    re,
     {
       isComposer: t,
       typeLabel: m,
@@ -164,27 +164,27 @@ const V = (a) => {
   /* @__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(v, { label: "Remove context" })
-] }) }), re = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ o("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-info-50 py-1 pe-1 ps-2 text-xs text-info-700", children: [
+] }) }), ne = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ o("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-info-50 py-1 pe-1 ps-2 text-xs text-info-700", children: [
   /* @__PURE__ */ e(S, { className: "size-3.5 shrink-0" }),
   /* @__PURE__ */ o("span", { className: "truncate", children: [
     "Harness · ",
     /* @__PURE__ */ e(s.Name, {})
   ] }),
   a && /* @__PURE__ */ e(v, { label: "Remove harness" })
-] }) }), ne = ({ isComposer: a, typeLabel: t, isUploading: n, isError: r }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ o("div", { className: "flex w-56 max-w-full items-center gap-2.5 rounded-lg bg-muted p-1.5", children: [
+] }) }), re = ({ isComposer: a, typeLabel: t, isUploading: r, isError: n }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ o("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",
-        r && "text-destructive"
+        n && "text-destructive"
       ),
-      children: n ? /* @__PURE__ */ e(C, { className: "size-4 animate-spin" }) : r ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(h, {})
+      children: r ? /* @__PURE__ */ e(C, { className: "size-4 animate-spin" }) : n ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(h, {})
     }
   ),
   /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
     /* @__PURE__ */ e("div", { className: "truncate text-xs font-medium leading-tight text-foreground", children: /* @__PURE__ */ e(s.Name, {}) }),
-    /* @__PURE__ */ e("div", { className: "truncate text-[11px] leading-tight text-muted-foreground", children: r ? "Upload failed" : n ? "Uploading…" : t })
+    /* @__PURE__ */ e("div", { className: "truncate text-[11px] leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
   ] }),
   a && /* @__PURE__ */ e(v, { label: "Remove file" })
 ] }) }), oe = () => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
@@ -236,9 +236,9 @@ const V = (a) => {
   "application/javascript",
   "application/typescript",
   ".pdf,.doc,.docx,.odt,.rtf,.ppt,.pptx,.xls,.xlsx,.csv,.tsv,.txt,.md,.markdown,.json,.html,.xml,.css,.js,.jsx,.ts,.tsx,.sql,.py,.yaml,.yml,.log"
-].join(","), ce = `${ie},${x}`, le = (a) => new Promise((t, n) => {
-  const r = new FileReader();
-  r.onload = () => t(r.result), r.onerror = () => n(r.error), r.readAsDataURL(a);
+].join(","), ce = `${ie},${x}`, le = (a) => new Promise((t, r) => {
+  const n = new FileReader();
+  n.onload = () => t(n.result), n.onerror = () => r(n.error), n.readAsDataURL(a);
 });
 class Re {
   constructor() {
@@ -272,9 +272,9 @@ class Re {
   }
 }
 const Te = () => {
-  const a = z(), t = N(null), n = (r) => {
-    if (r != null && r.length)
-      for (const c of Array.from(r))
+  const a = z(), t = N(null), r = (n) => {
+    if (n != null && n.length)
+      for (const c of Array.from(n))
         c.type.startsWith("image/") && !se.has(c.type) || a.addAttachment(c);
   };
   return /* @__PURE__ */ o(A, { children: [
@@ -286,8 +286,8 @@ const Te = () => {
         type: "file",
         accept: ce,
         multiple: !0,
-        onChange: (r) => {
-          n(r.currentTarget.files), r.currentTarget.value = "";
+        onChange: (n) => {
+          r(n.currentTarget.files), n.currentTarget.value = "";
         }
       }
     ),
@@ -302,8 +302,8 @@ const Te = () => {
         className: "aui-composer-add-image hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30 size-7 rounded-full p-1",
         "aria-label": "Upload image or file",
         onClick: () => {
-          var r;
-          return (r = t.current) == null ? void 0 : r.click();
+          var n;
+          return (n = t.current) == null ? void 0 : n.click();
         },
         children: /* @__PURE__ */ e(h, { className: "aui-attachment-add-file-icon size-4.5 stroke-[1.5px]" })
       }
@@ -320,10 +320,10 @@ const Te = () => {
         type: "file",
         accept: x,
         multiple: !0,
-        onChange: (n) => {
-          for (const r of Array.from(n.currentTarget.files ?? []))
-            a.addAttachment(r);
-          n.currentTarget.value = "";
+        onChange: (r) => {
+          for (const n of Array.from(r.currentTarget.files ?? []))
+            a.addAttachment(n);
+          r.currentTarget.value = "";
         }
       }
     ),
@@ -338,8 +338,8 @@ const Te = () => {
         className: "aui-composer-add-document hover:bg-muted-foreground/15 size-7 rounded-full p-1",
         "aria-label": "Attach business documents",
         onClick: () => {
-          var n;
-          return (n = t.current) == null ? void 0 : n.click();
+          var r;
+          return (r = t.current) == null ? void 0 : r.click();
         },
         children: /* @__PURE__ */ e(h, { className: "size-4.5 stroke-[1.5px]" })
       }

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

@@ -44,6 +44,7 @@ import "../popover.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 "../answer-sources.js";
 import "../card.js";
 import "../carousel.js";
 import "../chart.js";
@@ -126,7 +127,7 @@ const m = "application/x-actioneer-harness", S = [
     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 xi() {
+function wi() {
   const r = d(), t = u((i) => i.attachments), o = new Set(
     t.filter((i) => i.contentType === m).map((i) => i.name)
   ), s = (i) => {
@@ -169,7 +170,7 @@ function xi() {
     ] })
   ] });
 }
-class wi {
+class Si {
   constructor() {
     p(this, "accept", m);
   }
@@ -202,7 +203,7 @@ ${o}
   }
 }
 export {
-  xi as ComposerHarness,
+  wi as ComposerHarness,
   m as HARNESS_MIME,
-  wi as HarnessAttachmentAdapter
+  Si as HarnessAttachmentAdapter
 };

package/components/assistant-ui/follow-up-suggestions.d.ts

@@ -2,6 +2,10 @@ import { ButtonProps } from '../button';
 import * as React from "react";
 export interface FollowUpSuggestionProps extends Omit<ButtonProps, "size" | "variant"> {
 }
-/** Shared follow-up prompt button used both in answers and above the composer. */
+/** Compact runtime suggestion shown above the composer. */
 export declare const FollowUpSuggestion: React.ForwardRefExoticComponent<FollowUpSuggestionProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FollowUpQuestionProps extends Omit<ButtonProps, "size" | "variant" | "startContent" | "endContent"> {
+}
+/** Full-width next-question row used at the end of a structured answer. */
+export declare const FollowUpQuestion: React.ForwardRefExoticComponent<FollowUpQuestionProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const ThreadFollowupSuggestions: React.FC;

package/components/assistant-ui/follow-up-suggestions.js

@@ -1,37 +1,64 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import * as n from "react";
-import { useAuiState as s, AuiIf as a, ThreadPrimitive as u } from "@assistant-ui/react";
-import { Button as l } from "../button.js";
-import { cn as d } from "../../lib/cn.js";
-const i = n.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
-  l,
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import * as i from "react";
+import { useAuiState as d, AuiIf as p, ThreadPrimitive as m } from "@assistant-ui/react";
+import { Button as n } from "../button.js";
+import { AgentChat as g, ArrowUpRight as c } from "../../lib/icons.js";
+import { cn as s } from "../../lib/cn.js";
+const a = i.forwardRef(({ className: o, ...e }, r) => /* @__PURE__ */ t(
+  n,
   {
     ref: r,
     size: "xs",
     variant: "outline",
-    className: d(
+    className: s(
       "aui-thread-followup-suggestion rounded-full border-border/60 bg-background px-3 font-normal hover:bg-muted/80",
-      t
+      o
     ),
     ...e
   }
 ));
-i.displayName = "FollowUpSuggestion";
-const h = () => {
-  const t = s((e) => e.thread.suggestions);
-  return /* @__PURE__ */ o(
-    a,
+a.displayName = "FollowUpSuggestion";
+const h = i.forwardRef(({ className: o, children: e, ...r }, l) => /* @__PURE__ */ u(
+  n,
+  {
+    ref: l,
+    size: "sm",
+    variant: "outline",
+    className: s(
+      "group/followup h-auto w-full justify-start whitespace-normal rounded-lg border-border bg-card px-3.5 py-2.5 text-left text-sm text-foreground hover:bg-surface",
+      "motion-reduce:transition-none [&>span]:w-full [&>span]:gap-2.5",
+      o
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ t(g, { "aria-hidden": !0, className: "size-4 shrink-0 text-tertiary" }),
+      /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", children: e }),
+      /* @__PURE__ */ t(
+        c,
+        {
+          "aria-hidden": !0,
+          className: "size-4 shrink-0 text-tertiary transition-colors group-hover/followup:text-foreground motion-reduce:transition-none"
+        }
+      )
+    ]
+  }
+));
+h.displayName = "FollowUpQuestion";
+const N = () => {
+  const o = d((e) => e.thread.suggestions);
+  return /* @__PURE__ */ t(
+    p,
     {
       condition: (e) => !e.thread.isEmpty && !e.thread.isRunning && e.thread.suggestions.length > 0,
-      children: /* @__PURE__ */ o("div", { className: "aui-thread-followup-suggestions flex min-h-8 items-center justify-center gap-2", children: t.map((e, r) => /* @__PURE__ */ o(
-        u.Suggestion,
+      children: /* @__PURE__ */ t("div", { className: "aui-thread-followup-suggestions flex min-h-8 items-center justify-center gap-2", children: o.map((e, r) => /* @__PURE__ */ t(
+        m.Suggestion,
         {
           prompt: e.prompt,
           method: "replace",
           autoSend: !0,
           asChild: !0,
-          children: /* @__PURE__ */ o(i, { children: e.prompt })
+          children: /* @__PURE__ */ t(a, { children: e.prompt })
         },
         r
       )) })
@@ -39,6 +66,7 @@ const h = () => {
   );
 };
 export {
-  i as FollowUpSuggestion,
-  h as ThreadFollowupSuggestions
+  h as FollowUpQuestion,
+  a as FollowUpSuggestion,
+  N as ThreadFollowupSuggestions
 };

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

@@ -33,6 +33,8 @@ export type ThreadProps = {
     components?: ThreadComponents | undefined;
     /** Registers ADS's typed `render_answer` Tool UI. Enabled by default. */
     isAnswerToolEnabled?: boolean | undefined;
+    /** Keep the composer docked to the bottom even before the first message. */
+    composerPlacement?: "adaptive" | "bottom" | undefined;
 };
 export declare const EMPTY_COMPONENTS: ThreadComponents;
 export declare const ThreadComponentsContext: import('react').Context<ThreadComponents>;

package/components/assistant-ui/thread.js

@@ -1,31 +1,32 @@
 "use client";
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Composer as m } from "./composer.js";
-import { ComposerPlaceholdersProvider as z } from "./composer.js";
-import { RenderAnswerToolUI as c } from "./answer-tool-ui.js";
-import { ThreadFollowupSuggestions as f } from "./follow-up-suggestions.js";
-import { ThreadMessage as u } from "./message.js";
-import { SelectionToolbar as h } from "./selection-toolbar.js";
-import { ThreadSuggestions as p } from "./suggestions.js";
-import { isNewChatView as a, ThreadComponentsContext as s, EMPTY_COMPONENTS as x } from "./thread-context.js";
-import { TooltipIconButton as b } from "./tooltip-icon-button.js";
-import { cn as w } from "../../lib/cn.js";
-import { useAuiState as g, ThreadPrimitive as e, AuiIf as d } from "@assistant-ui/react";
-import { ArrowDown as v } from "../../lib/icons.js";
-import { useContext as T } from "react";
-const F = ({
-  components: r = x,
-  isAnswerToolEnabled: i = !0
+import { Composer as s } from "./composer.js";
+import { ComposerPlaceholdersProvider as U } from "./composer.js";
+import { RenderAnswerToolUI as p } from "./answer-tool-ui.js";
+import { ThreadFollowupSuggestions as u } from "./follow-up-suggestions.js";
+import { ThreadMessage as h } from "./message.js";
+import { SelectionToolbar as x } from "./selection-toolbar.js";
+import { ThreadSuggestions as b } from "./suggestions.js";
+import { isNewChatView as n, ThreadComponentsContext as f, EMPTY_COMPONENTS as v } from "./thread-context.js";
+import { TooltipIconButton as w } from "./tooltip-icon-button.js";
+import { cn as g } from "../../lib/cn.js";
+import { useAuiState as T, ThreadPrimitive as e, AuiIf as c } from "@assistant-ui/react";
+import { ArrowDown as N } from "../../lib/icons.js";
+import { useContext as C } from "react";
+const W = ({
+  components: r = v,
+  isAnswerToolEnabled: i = !0,
+  composerPlacement: a = "adaptive"
 }) => {
-  const t = g(a);
-  return /* @__PURE__ */ l(s.Provider, { value: r, children: [
-    i && /* @__PURE__ */ o(c, {}),
-    /* @__PURE__ */ o(N, { isEmpty: t })
+  const t = T(n);
+  return /* @__PURE__ */ l(f.Provider, { value: r, children: [
+    i && /* @__PURE__ */ o(p, {}),
+    /* @__PURE__ */ o(k, { isEmpty: t, composerPlacement: a })
   ] });
-}, N = ({ isEmpty: r }) => {
-  const { Welcome: i = k, ComposerDock: t } = T(
-    s
-  );
+}, k = ({ isEmpty: r, composerPlacement: i }) => {
+  const { Welcome: a = S, ComposerDock: t } = C(
+    f
+  ), m = i === "bottom";
   return /* @__PURE__ */ l(e.Root, { className: "aui-root aui-thread-root bg-background @container flex h-full flex-col", children: [
     /* @__PURE__ */ o(
       e.Viewport,
@@ -34,46 +35,46 @@ const F = ({
         "data-slot": "aui_thread-viewport",
         className: "relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth",
         children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", children: [
-          /* @__PURE__ */ o(d, { condition: a, children: /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ o(i, {}) }) }),
+          /* @__PURE__ */ o(c, { condition: n, children: /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ o(a, {}) }) }),
           /* @__PURE__ */ o(
             "div",
             {
               "data-slot": "aui_message-group",
               className: "mb-14 flex flex-col gap-y-8 empty:hidden",
-              children: /* @__PURE__ */ o(e.Messages, { children: () => /* @__PURE__ */ o(u, {}) })
+              children: /* @__PURE__ */ o(e.Messages, { children: () => /* @__PURE__ */ o(h, {}) })
             }
           ),
           /* @__PURE__ */ l(
             e.ViewportFooter,
             {
-              className: w(
+              className: g(
                 "aui-thread-viewport-footer bg-background flex flex-col gap-4 overflow-visible pb-4 md:pb-6",
-                r && "flex-1",
-                !r && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
+                r && !m && "flex-1",
+                (!r || m) && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
               ),
               children: [
-                /* @__PURE__ */ o(C, {}),
-                /* @__PURE__ */ o(f, {}),
-                t ? /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(m, {}) }) : /* @__PURE__ */ o(m, {}),
-                /* @__PURE__ */ o(d, { condition: (n) => a(n) && n.composer.isEmpty, children: /* @__PURE__ */ o(p, {}) })
+                /* @__PURE__ */ o(y, {}),
+                /* @__PURE__ */ o(u, {}),
+                t ? /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(s, {}) }) : /* @__PURE__ */ o(s, {}),
+                /* @__PURE__ */ o(c, { condition: (d) => n(d) && d.composer.isEmpty, children: /* @__PURE__ */ o(b, {}) })
               ]
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ o(h, {})
+    /* @__PURE__ */ o(x, {})
   ] });
-}, C = () => /* @__PURE__ */ o(e.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ o(
-  b,
+}, y = () => /* @__PURE__ */ o(e.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ o(
+  w,
   {
     tooltip: "Scroll to bottom",
     variant: "outline",
     className: "aui-thread-scroll-to-bottom dark:border-border dark:bg-background dark:hover:bg-accent absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible",
-    children: /* @__PURE__ */ o(v, {})
+    children: /* @__PURE__ */ o(N, {})
   }
-) }), k = () => /* @__PURE__ */ o("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ o("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-semibold duration-(--duration-normal)", children: "How can I help you today?" }) });
+) }), S = () => /* @__PURE__ */ o("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ o("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-semibold duration-(--duration-normal)", children: "How can I help you today?" }) });
 export {
-  z as ComposerPlaceholdersProvider,
-  F as Thread
+  U as ComposerPlaceholdersProvider,
+  W as Thread
 };

package/components/avatar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as l, jsxs as x } from "react/jsx-runtime";
 import * as f from "react";
-import { cn as o } from "../lib/cn.js";
+import { cn as i } from "../lib/cn.js";
 const g = {
   sm: "size-8 text-xs",
   md: "size-10 text-xs",
@@ -20,7 +20,7 @@ const m = [
   "bg-(--color-lime-soft) text-(--color-lime-deep)",
   "bg-(--color-amber-soft) text-(--color-amber-deep)",
   "bg-info-100 text-info-700",
-  "bg-sage-300 text-sage-950"
+  "bg-ink-300 text-ink-950"
 ];
 function y(r) {
   let e = 0;
@@ -28,7 +28,7 @@ function y(r) {
   return m[e % m.length];
 }
 const N = f.forwardRef(
-  ({ className: r, src: e, name: t, size: i = "md", radius: s = "full", ...a }, c) => {
+  ({ className: r, src: e, name: t, size: o = "md", radius: s = "full", ...a }, c) => {
     const n = t ? v(t) : "";
     return /* @__PURE__ */ l(
       "span",
@@ -36,12 +36,12 @@ const N = f.forwardRef(
         ref: c,
         role: "img",
         "aria-label": t,
-        className: o(
+        className: i(
           "relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden font-normal",
           // Images sit on the neutral fill; initials take a deterministic
           // per-name identity tint so a roster reads multi-color.
           e || !t ? "bg-fill text-fill-foreground" : y(t),
-          g[i],
+          g[o],
           p[s],
           r
         ),
@@ -59,20 +59,20 @@ const N = f.forwardRef(
   }
 );
 N.displayName = "Avatar";
-const z = f.forwardRef(
-  ({ className: r, max: e, size: t = "md", radius: i = "full", children: s, ...a }, c) => {
+const k = f.forwardRef(
+  ({ className: r, max: e, size: t = "md", radius: o = "full", children: s, ...a }, c) => {
     const n = f.Children.toArray(s), d = typeof e == "number" ? n.length - e : 0, h = typeof e == "number" ? n.slice(0, e) : n;
     return /* @__PURE__ */ x(
       "div",
       {
         ref: c,
-        className: o("flex items-center", r),
+        className: i("flex items-center", r),
         ...a,
         children: [
           h.map((b, u) => /* @__PURE__ */ l(
             "div",
             {
-              className: o(
+              className: i(
                 "ring-2 ring-background rounded-full",
                 u > 0 && "-ml-2"
               ),
@@ -80,16 +80,16 @@ const z = f.forwardRef(
             },
             u
           )),
-          d > 0 && /* @__PURE__ */ l("div", { className: o("ring-2 ring-background rounded-full -ml-2"), children: /* @__PURE__ */ l(
+          d > 0 && /* @__PURE__ */ l("div", { className: i("ring-2 ring-background rounded-full -ml-2"), children: /* @__PURE__ */ l(
             "span",
             {
               role: "img",
               "aria-label": `${d} more`,
-              className: o(
+              className: i(
                 "relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden font-normal",
                 "bg-muted text-muted-foreground",
                 g[t],
-                p[i]
+                p[o]
               ),
               children: /* @__PURE__ */ l("span", { "aria-hidden": !0, children: `+${d}` })
             }
@@ -99,8 +99,8 @@ const z = f.forwardRef(
     );
   }
 );
-z.displayName = "AvatarGroup";
+k.displayName = "AvatarGroup";
 export {
   N as Avatar,
-  z as AvatarGroup
+  k as AvatarGroup
 };

package/components/dropdown.d.ts

@@ -18,7 +18,7 @@ export interface DropdownContentProps extends React.HTMLAttributes<HTMLDivElemen
     /** Which side of the trigger the menu opens on. Default below. */
     side?: "top" | "bottom";
     sideOffset?: number;
-    /** Focus the menu surface on open without highlighting its first item. */
+    /** Opt in to focusing the first item when the menu opens. */
     autoFocusFirstItem?: boolean;
 }
 export declare function DropdownContent({ className, align, side, sideOffset, autoFocusFirstItem, children, ...props }: DropdownContentProps): React.ReactPortal;

package/components/dropdown.js

@@ -34,7 +34,7 @@ function W({
   align: t = "start",
   side: n = "bottom",
   sideOffset: d = 6,
-  autoFocusFirstItem: f = !0,
+  autoFocusFirstItem: f = !1,
   children: p,
   ...v
 }) {