@actioneer/ads 0.5.6 → 0.5.7

package/components/ai-elements/chain-of-thought.d.ts

@@ -116,7 +116,7 @@ export declare const ChainOfThoughtEvidenceTable: import('react').MemoExoticComp
 export type ChainOfThoughtMetricsProps = ComponentProps<"div">;
 /** The stat readout on one recessed fill — the warm greige muted surface
  *  groups the metrics into a single contained block (principle 1: delineate
- *  with fill, never a stroke; a sage-50 tint was tried and reverted — the
+ *  with fill, never a stroke; a tinted fill was tried and reverted — the
  *  neutral fill keeps the semantic value colors as the only color). One
  *  metric per ROW, receipt-style: label leading, value trailing, so the
  *  figures align on the right edge and scan vertically. */

package/components/answer-sources.d.ts

@@ -0,0 +1,42 @@
+import { DrawerProps } from './drawer';
+import * as React from "react";
+export interface AnswerSourcesProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Total referenced nodes represented by the source chips. */
+    count: number;
+    /** Label before the count. Defaults to “Sources”. */
+    label?: string;
+}
+/** Compact source strip placed immediately before an answer's follow-ups. */
+export declare const AnswerSources: React.ForwardRefExoticComponent<AnswerSourcesProps & React.RefAttributes<HTMLDivElement>>;
+export interface AnswerSourceChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /** Connector/source mark shown before the label. */
+    icon?: React.ReactNode;
+    /** Number of references represented by this chip. Hidden when one. */
+    count?: number;
+    children: React.ReactNode;
+}
+/** Blue connector chip that opens its referenced nodes in the inspector. */
+export declare const AnswerSourceChip: React.ForwardRefExoticComponent<AnswerSourceChipProps & React.RefAttributes<HTMLButtonElement>>;
+export interface AnswerSourceInspectorProps extends Omit<DrawerProps, "children"> {
+    /** Supporting count/context line beneath the title. */
+    description?: React.ReactNode;
+    /** Panel title. Defaults to “Answer sources”. */
+    title?: React.ReactNode;
+    children: React.ReactNode;
+}
+/** Shell-level white source panel rendered beside the answer, never over it. */
+export declare function AnswerSourceInspector({ title, description, className, children, ...props }: AnswerSourceInspectorProps): React.JSX.Element;
+export interface AnswerSourceItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "name"> {
+    /** Referenced node/table name. */
+    name: React.ReactNode;
+    /** Connector, warehouse, or parent source. */
+    source?: React.ReactNode;
+    /** Why this node was referenced or its current read state. */
+    description?: React.ReactNode;
+    /** Optional semantic status badge. */
+    status?: React.ReactNode;
+    /** Leading node glyph. Defaults to a table icon. */
+    icon?: React.ReactNode;
+}
+/** Outlined referenced-node row used inside AnswerSourceInspector. */
+export declare const AnswerSourceItem: React.ForwardRefExoticComponent<AnswerSourceItemProps & React.RefAttributes<HTMLButtonElement>>;

package/components/answer-sources.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import * as c from "react";
+import { ExternalLink as p, Table as f } from "../lib/icons.js";
+import { cn as o } from "../lib/cn.js";
+import { Button as u } from "./button.js";
+import { Drawer as x, DrawerHeader as h, DrawerTitle as g, DrawerBody as N } from "./drawer.js";
+const w = c.forwardRef(({ count: n, label: e = "Sources", className: a, children: t, ...i }, l) => /* @__PURE__ */ s(
+  "div",
+  {
+    ref: l,
+    className: o("flex flex-wrap items-center gap-2", a),
+    ...i,
+    children: [
+      /* @__PURE__ */ s("span", { className: "text-xs font-normal uppercase tracking-wide text-tertiary", children: [
+        e,
+        " · ",
+        n
+      ] }),
+      t
+    ]
+  }
+));
+w.displayName = "AnswerSources";
+const b = c.forwardRef(({ icon: n, count: e, className: a, children: t, ...i }, l) => /* @__PURE__ */ s(
+  u,
+  {
+    ref: l,
+    type: "button",
+    size: "xs",
+    variant: "ghost",
+    className: o(
+      "h-auto gap-1.5 rounded-full bg-info-50 px-2 py-0.5 text-xs text-info-700 hover:bg-info-100 focus-visible:ring-info/40",
+      a
+    ),
+    ...i,
+    children: [
+      n,
+      t,
+      e != null && e > 1 && /* @__PURE__ */ s("span", { className: "tabular-nums opacity-70", children: [
+        "· ",
+        e
+      ] })
+    ]
+  }
+));
+b.displayName = "AnswerSourceChip";
+function D({
+  title: n = "Answer sources",
+  description: e,
+  className: a,
+  children: t,
+  ...i
+}) {
+  return /* @__PURE__ */ s(x, { className: o("h-full", a), ...i, children: [
+    /* @__PURE__ */ s(h, { className: "gap-1", children: [
+      /* @__PURE__ */ r(g, { children: n }),
+      e && /* @__PURE__ */ r("p", { className: "text-xs text-tertiary", children: e })
+    ] }),
+    /* @__PURE__ */ r(N, { className: "space-y-2", children: t })
+  ] });
+}
+const y = c.forwardRef(
+  ({
+    name: n,
+    source: e,
+    description: a,
+    status: t,
+    icon: i = /* @__PURE__ */ r(f, { "aria-hidden": !0, className: "size-4" }),
+    className: l,
+    ...m
+  }, d) => /* @__PURE__ */ s(
+    "button",
+    {
+      ref: d,
+      type: "button",
+      className: o(
+        "flex w-full items-start gap-3 rounded-lg border border-border bg-fill p-3 text-left",
+        "transition-colors hover:bg-muted",
+        "outline-none focus-visible:ring-3 focus-visible:ring-ring",
+        l
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ r("span", { className: "mt-0.5 grid size-8 shrink-0 place-items-center rounded-md bg-muted text-foreground", children: i }),
+        /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate font-normal tabular-nums text-foreground", children: n }),
+            t && /* @__PURE__ */ r("span", { className: "shrink-0", children: t })
+          ] }),
+          e && /* @__PURE__ */ r("span", { className: "mt-0.5 flex items-center gap-1.5 text-xs text-secondary", children: e }),
+          a && /* @__PURE__ */ r("span", { className: "mt-1.5 block text-xs text-secondary", children: a })
+        ] }),
+        /* @__PURE__ */ r(
+          p,
+          {
+            "aria-hidden": !0,
+            className: "mt-2 size-4 shrink-0 text-tertiary"
+          }
+        )
+      ]
+    }
+  )
+);
+y.displayName = "AnswerSourceItem";
+export {
+  b as AnswerSourceChip,
+  D as AnswerSourceInspector,
+  y as AnswerSourceItem,
+  w as AnswerSources
+};

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/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
 }) {