@actioneer/ads 0.1.0

package/components/assistant-ui/composer.js

@@ -0,0 +1,276 @@
+"use client";
+import { jsx as e, jsxs as f, Fragment as M } from "react/jsx-runtime";
+import * as l from "react";
+import { useContext as L } from "react";
+import { ComposerAttachments as D, ComposerAddImage as I } from "./attachment.js";
+import { ComposerAddContext as F } from "./composer-add-context.js";
+import { ComposerHarness as B } from "./composer-harness.js";
+import { ComposerQuotePreview as H } from "./quote.js";
+import { ThreadComponentsContext as K } from "./thread-context.js";
+import { TooltipIconButton as S } from "./tooltip-icon-button.js";
+import { Button as N } from "../ui/button.js";
+import { ComposerPrimitive as s, MessagePrimitive as j, unstable_useComposerInput as q, AuiIf as _ } from "@assistant-ui/react";
+import { Mic as U, Stop as R, ArrowUp as Y } from "../../lib/icons.js";
+const O = 24, Q = 850, V = 1800, X = 3e3;
+function G(i) {
+  return Math.min(
+    V,
+    Math.max(Q, i.length * O)
+  );
+}
+function J(i, t, p, x, T) {
+  if (t <= 0 || i.length === 0)
+    return p(i), { promise: Promise.resolve(), cancel: () => {
+    } };
+  let w = 0, v, o;
+  return {
+    promise: new Promise((d) => {
+      o = d;
+      let y = performance.now(), h = null;
+      const n = (c) => {
+        if (x()) {
+          d();
+          return;
+        }
+        if (T()) {
+          h === null && (h = c), v = window.setTimeout(() => n(performance.now()), 100);
+          return;
+        }
+        h !== null && (y += c - h, h = null);
+        const a = Math.min(1, (c - y) / t), u = a >= 1 ? i.length : Math.floor(a * i.length);
+        if (p(i.slice(0, u)), a >= 1) {
+          d();
+          return;
+        }
+        w = requestAnimationFrame(n);
+      };
+      w = requestAnimationFrame(n);
+    }),
+    cancel: () => {
+      cancelAnimationFrame(w), v !== void 0 && window.clearTimeout(v), o();
+    }
+  };
+}
+const W = () => {
+  const { setText: i } = q(), t = l.useContext(k), [p, x] = 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);
+  }, []);
+  l.useEffect(() => {
+    if (!o) return;
+    let n = 0;
+    const c = (r) => {
+      d.current = r || document.activeElement === o, w(r);
+    }, a = () => {
+      const r = o.value.length > 0;
+      c(r);
+    }, u = () => {
+      window.clearTimeout(n), n = window.setTimeout(a, 0);
+    }, g = () => {
+      d.current = o.value.length > 0 || document.activeElement === o;
+    }, E = (r, m) => {
+      i(r), o.value = r, o.dispatchEvent(new Event("input", { bubbles: !0 })), c(r.length > 0), window.setTimeout(() => {
+        document.activeElement === o && o.setSelectionRange(m, m);
+      }, 0);
+    }, P = (r) => {
+      const m = o.selectionStart ?? 0, A = o.selectionEnd ?? m;
+      return m === A || r.inputType !== "deleteContentBackward" && r.inputType !== "deleteContentForward" && r.inputType !== "deleteByCut" ? !1 : (r.preventDefault(), E(
+        o.value.slice(0, m) + o.value.slice(A),
+        m
+      ), !0);
+    }, C = (r) => {
+      if (!r.isComposing && !P(r)) {
+        if (typeof r.data == "string" && r.data.length > 0) {
+          c(!0);
+          return;
+        }
+        u();
+      }
+    }, b = (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);
+    };
+  }, [o, i]), l.useEffect(() => {
+    var C;
+    if (!(t != null && t.length)) {
+      x("Send a message…");
+      return;
+    }
+    if ((C = window.matchMedia) != null && C.call(window, "(prefers-reduced-motion: reduce)").matches) {
+      x(t[0]);
+      return;
+    }
+    let n = !1, c = 0, a, u;
+    const g = (b) => new Promise((r) => {
+      a = window.setTimeout(r, b);
+    }), E = () => n;
+    return (async () => {
+      for (; !n; ) {
+        for (; d.current && !n; ) await g(100);
+        if (n) return;
+        const b = t[c];
+        x("");
+        const { promise: r, cancel: m } = J(
+          b,
+          G(b),
+          x,
+          E,
+          () => d.current
+        );
+        if (u = m, await r, u = void 0, n) return;
+        if (!d.current) {
+          if (await g(X), n) return;
+          c = (c + 1) % t.length;
+        }
+      }
+    })(), () => {
+      n = !0, u == null || u(), a && window.clearTimeout(a);
+    };
+  }, [t]);
+  const h = !!(t != null && t.length) && !T;
+  return /* @__PURE__ */ f("div", { className: "group/input relative", children: [
+    h && /* @__PURE__ */ e(
+      "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",
+        children: /* @__PURE__ */ e("span", { children: p })
+      }
+    ),
+    /* @__PURE__ */ e(
+      s.Input,
+      {
+        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",
+        rows: 1,
+        autoFocus: !0,
+        enterKeyHint: "send",
+        "aria-label": "Message input"
+      }
+    )
+  ] });
+}, k = l.createContext(
+  void 0
+);
+function ue({
+  prompts: i,
+  children: t
+}) {
+  return /* @__PURE__ */ e(k.Provider, { value: i, children: t });
+}
+const me = () => /* @__PURE__ */ e(s.Root, { className: "aui-composer-root animate-in fade-in slide-in-from-bottom-2 fill-mode-both relative flex w-full flex-col duration-(--duration-normal) delay-(--stagger-3)", children: /* @__PURE__ */ e(s.Unstable_TriggerPopoverRoot, { children: /* @__PURE__ */ e(s.AttachmentDropzone, { asChild: !0, children: /* @__PURE__ */ f(
+  "div",
+  {
+    "data-slot": "aui_composer-shell",
+    onMouseDown: (i) => {
+      var p;
+      i.target.closest("button, a, input, textarea, [role='button']") || (p = i.currentTarget.querySelector("textarea")) == null || p.focus();
+    },
+    className: "border-border/60 data-[dragging=true]:border-ring focus-within:border-border dark:border-muted-foreground/15 dark:focus-within:border-muted-foreground/30 relative flex w-full flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) shadow-[0_4px_16px_-8px_rgba(0,0,0,0.08),0_1px_2px_rgba(0,0,0,0.04)] transition-[border-color,box-shadow] focus-within:shadow-[0_6px_24px_-8px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.05)] data-[dragging=true]:border-dashed data-[dragging=true]:bg-[color-mix(in_oklab,var(--color-accent)_50%,var(--color-background))] dark:shadow-none",
+    children: [
+      /* @__PURE__ */ e(H, { className: "mx-0 mt-0" }),
+      /* @__PURE__ */ e(D, {}),
+      /* @__PURE__ */ e(W, {}),
+      /* @__PURE__ */ e(Z, {})
+    ]
+  }
+) }) }) }), Z = () => {
+  const { ComposerAccessories: i = $ } = L(K);
+  return /* @__PURE__ */ f("div", { className: "aui-composer-action-wrapper relative flex items-center justify-between", children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ e(i, {}) }),
+    /* @__PURE__ */ f("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ f(_, { condition: (t) => t.thread.capabilities.dictation, children: [
+        /* @__PURE__ */ e(_, { condition: (t) => t.composer.dictation == null, children: /* @__PURE__ */ e(s.Dictate, { asChild: !0, children: /* @__PURE__ */ e(
+          S,
+          {
+            tooltip: "Voice input",
+            side: "bottom",
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "aui-composer-dictate size-7 rounded-full",
+            "aria-label": "Start voice input",
+            children: /* @__PURE__ */ e(U, { className: "aui-composer-dictate-icon size-4" })
+          }
+        ) }) }),
+        /* @__PURE__ */ e(_, { condition: (t) => t.composer.dictation != null, children: /* @__PURE__ */ e(s.StopDictation, { asChild: !0, children: /* @__PURE__ */ e(
+          S,
+          {
+            tooltip: "Stop dictation",
+            side: "bottom",
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "aui-composer-stop-dictation text-destructive size-7 rounded-full",
+            "aria-label": "Stop voice input",
+            children: /* @__PURE__ */ e(R, { className: "aui-composer-stop-dictation-icon size-3.5 animate-pulse fill-current" })
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ e(_, { condition: (t) => !t.thread.isRunning, children: /* @__PURE__ */ e(s.Send, { asChild: !0, children: /* @__PURE__ */ e(
+        S,
+        {
+          tooltip: "Send message",
+          side: "bottom",
+          type: "button",
+          variant: "default",
+          size: "icon",
+          className: "aui-composer-send size-7 rounded-full",
+          "aria-label": "Send message",
+          children: /* @__PURE__ */ e(Y, { className: "aui-composer-send-icon size-4.5" })
+        }
+      ) }) }),
+      /* @__PURE__ */ e(_, { condition: (t) => t.thread.isRunning, children: /* @__PURE__ */ e(s.Cancel, { asChild: !0, children: /* @__PURE__ */ e(
+        N,
+        {
+          type: "button",
+          variant: "default",
+          size: "icon",
+          className: "aui-composer-cancel size-7 rounded-full",
+          "aria-label": "Stop generating",
+          children: /* @__PURE__ */ e(R, { className: "aui-composer-cancel-icon size-3.5 fill-current" })
+        }
+      ) }) })
+    ] })
+  ] });
+}, $ = () => /* @__PURE__ */ f(M, { children: [
+  /* @__PURE__ */ e(F, {}),
+  /* @__PURE__ */ e(I, {}),
+  /* @__PURE__ */ e(B, {})
+] }), pe = () => /* @__PURE__ */ e(
+  j.Root,
+  {
+    "data-slot": "aui_edit-composer-wrapper",
+    className: "flex flex-col px-2 [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
+    children: /* @__PURE__ */ f(s.Root, { className: "aui-edit-composer-root border-border/60 dark:border-muted-foreground/15 ms-auto flex w-full max-w-[85%] flex-col rounded-(--composer-radius) border bg-(--composer-bg) shadow-[0_4px_16px_-8px_rgba(0,0,0,0.08),0_1px_2px_rgba(0,0,0,0.04)] dark:shadow-none", children: [
+      /* @__PURE__ */ e(
+        s.Input,
+        {
+          className: "aui-edit-composer-input text-foreground min-h-14 w-full resize-none bg-transparent px-4 pt-3 pb-1 text-base outline-none",
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ f("div", { className: "aui-edit-composer-footer mx-2.5 mb-2.5 flex items-center gap-1.5 self-end", children: [
+        /* @__PURE__ */ e(s.Cancel, { asChild: !0, children: /* @__PURE__ */ e(
+          N,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-8 rounded-full px-3.5",
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ e(s.Send, { asChild: !0, children: /* @__PURE__ */ e(N, { size: "sm", className: "h-8 rounded-full px-3.5", children: "Update" }) })
+      ] })
+    ] })
+  }
+);
+export {
+  me as Composer,
+  ue as ComposerPlaceholdersProvider,
+  pe as EditComposer
+};

package/components/assistant-ui/directive-text.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { TextMessagePartComponent, Unstable_DirectiveFormatter } from '@assistant-ui/react';
+type IconComponent = FC<{
+    className?: string;
+}>;
+export type CreateDirectiveTextOptions = {
+    /** Maps a directive `type` to an icon component. */
+    iconMap?: Record<string, IconComponent>;
+    /** Icon rendered when `iconMap` has no entry for the segment type. */
+    fallbackIcon?: IconComponent;
+};
+/** Creates a `Text` message part component that parses directive syntax and renders inline chips. */
+export declare function createDirectiveText(formatter: Unstable_DirectiveFormatter, options?: CreateDirectiveTextOptions): TextMessagePartComponent;
+/** `Text` message part component that renders directive syntax as inline chips. */
+export declare const DirectiveText: TextMessagePartComponent;
+export {};

package/components/assistant-ui/directive-text.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as r, Fragment as d, jsxs as p } from "react/jsx-runtime";
+import { memo as x } from "react";
+import { unstable_defaultDirectiveFormatter as v } from "@assistant-ui/react";
+import { Badge as u } from "./badge.js";
+function o(s, t) {
+  const a = t == null ? void 0 : t.iconMap, f = t == null ? void 0 : t.fallbackIcon, c = ({ text: n }) => {
+    const i = s.parse(n);
+    return i.length === 1 && i[0].kind === "text" ? /* @__PURE__ */ r(d, { children: n }) : /* @__PURE__ */ r(d, { children: i.map((e, l) => {
+      if (e.kind === "text")
+        return /* @__PURE__ */ r("span", { className: "whitespace-pre-wrap", children: e.text }, l);
+      const m = (a == null ? void 0 : a[e.type]) ?? f;
+      return /* @__PURE__ */ p(
+        u,
+        {
+          variant: "info",
+          size: "sm",
+          "data-slot": "directive-text-chip",
+          "data-directive-type": e.type,
+          "data-directive-id": e.id,
+          "aria-label": `${e.type}: ${e.label}`,
+          className: "aui-directive-chip items-baseline text-[13px] leading-none [&_svg]:self-center",
+          children: [
+            m && /* @__PURE__ */ r(m, {}),
+            e.label
+          ]
+        },
+        l
+      );
+    }) });
+  };
+  return c.displayName = "DirectiveText", c;
+}
+const h = o(
+  v
+), I = x(h);
+export {
+  I as DirectiveText,
+  o as createDirectiveText
+};

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

@@ -0,0 +1,6 @@
+import { ErrorPrimitive } from '@assistant-ui/react';
+import { ComponentProps, FC } from 'react';
+export declare function ErrorRoot({ className, ...props }: ComponentProps<typeof ErrorPrimitive.Root>): import("react").JSX.Element;
+export declare function ErrorText({ className, ...props }: ComponentProps<typeof ErrorPrimitive.Message>): import("react").JSX.Element;
+/** Renders the message's error (if any) as a destructive banner. */
+export declare const MessageError: FC;

package/components/assistant-ui/error.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { ErrorPrimitive as o, MessagePrimitive as i } from "@assistant-ui/react";
+import { cn as s } from "../../lib/cn.js";
+function a({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    o.Root,
+    {
+      "data-slot": "error-root",
+      className: s(
+        "aui-message-error-root border-destructive bg-destructive/10 text-destructive dark:bg-destructive/5 mt-2 rounded-md border p-3 text-xs dark:text-red-200",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function d({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    o.Message,
+    {
+      "data-slot": "error-text",
+      className: s("aui-message-error-message line-clamp-2", e),
+      ...t
+    }
+  );
+}
+const u = () => /* @__PURE__ */ r(i.Error, { children: /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(d, {}) }) });
+export {
+  a as ErrorRoot,
+  d as ErrorText,
+  u as MessageError
+};

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

@@ -0,0 +1,37 @@
+import { FC } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { FileMessagePartComponent } from '@assistant-ui/react';
+declare const fileVariants: (props?: ({
+    variant?: "muted" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function getMimeTypeIcon(mimeType: string): FC<{
+    className?: string;
+}>;
+declare function getBase64Size(base64: string): number;
+declare function formatFileSize(bytes: number): string;
+export type FileRootProps = React.ComponentProps<"div"> & VariantProps<typeof fileVariants>;
+declare function FileRoot({ className, variant, size, children, ...props }: FileRootProps): import("react").JSX.Element;
+type FileIconDisplayProps = React.ComponentProps<"span"> & {
+    mimeType?: string;
+};
+declare function FileIconDisplay({ mimeType, className, children, ...props }: FileIconDisplayProps): import("react").JSX.Element;
+declare function FileName({ className, children, ...props }: React.ComponentProps<"span">): import("react").JSX.Element;
+type FileSizeProps = React.ComponentProps<"span"> & {
+    bytes: number;
+};
+declare function FileSize({ bytes, className, ...props }: FileSizeProps): import("react").JSX.Element;
+type FileDownloadProps = Omit<React.ComponentProps<"a">, "href"> & {
+    data: string;
+    mimeType: string;
+    filename?: string;
+};
+declare function FileDownload({ data, mimeType, filename, className, children, ...props }: FileDownloadProps): import("react").JSX.Element;
+declare const File: FileMessagePartComponent & {
+    Root: typeof FileRoot;
+    Icon: typeof FileIconDisplay;
+    Name: typeof FileName;
+    Size: typeof FileSize;
+    Download: typeof FileDownload;
+};
+export { File, FileRoot, FileIconDisplay, FileName, FileSize, FileDownload, fileVariants, getMimeTypeIcon, getBase64Size, formatFileSize, };

package/components/assistant-ui/file.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { memo as F } from "react";
+import { cva as v } from "class-variance-authority";
+import { File as c, Download as N, Image as z, FileText as d, Braces as w, Music as I, Video as b } from "../../lib/icons.js";
+import { cn as s } from "../../lib/cn.js";
+const $ = v(
+  "aui-file-root inline-flex items-center gap-3 rounded-lg transition-colors",
+  {
+    variants: {
+      variant: {
+        outline: "border-border hover:bg-muted/50 border",
+        ghost: "hover:bg-muted/50",
+        muted: "bg-muted/50 hover:bg-muted/70"
+      },
+      size: {
+        sm: "px-2.5 py-1.5 text-xs",
+        default: "px-3 py-2 text-sm",
+        lg: "px-4 py-3 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      size: "default"
+    }
+  }
+);
+function B(t) {
+  return t.startsWith("image/") ? z : t === "application/pdf" ? d : t === "application/json" ? w : t.startsWith("text/") ? d : t.startsWith("audio/") ? I : t.startsWith("video/") ? b : c;
+}
+function D(t) {
+  const e = t.indexOf(","), n = e >= 0 ? t.slice(e + 1) : t, r = (n.match(/=/g) || []).length;
+  return Math.floor(n.length * 3 / 4) - r;
+}
+function W(t) {
+  return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
+}
+function u({
+  className: t,
+  variant: e,
+  size: n,
+  children: r,
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "file-root",
+      "data-variant": e,
+      "data-size": n,
+      className: s($({ variant: e, size: n, className: t })),
+      ...a,
+      children: r
+    }
+  );
+}
+function f({
+  mimeType: t,
+  className: e,
+  children: n,
+  ...r
+}) {
+  const a = t ? B(t) : c;
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "file-icon",
+      className: s("text-muted-foreground shrink-0", e),
+      ...r,
+      children: n ?? /* @__PURE__ */ o(a, { className: "size-5" })
+    }
+  );
+}
+function m({
+  className: t,
+  children: e,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "file-name",
+      className: s("min-w-0 flex-1 truncate font-medium", t),
+      ...n,
+      children: e || "Unnamed file"
+    }
+  );
+}
+function x({ bytes: t, className: e, ...n }) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "file-size",
+      className: s("text-muted-foreground shrink-0", e),
+      ...n,
+      children: W(t)
+    }
+  );
+}
+function h({
+  data: t,
+  mimeType: e,
+  filename: n,
+  className: r,
+  children: a,
+  ...g
+}) {
+  const p = t.startsWith("data:") ? t : `data:${e};base64,${t}`;
+  return /* @__PURE__ */ o(
+    "a",
+    {
+      "data-slot": "file-download",
+      href: p,
+      download: n || "download",
+      className: s(
+        "text-muted-foreground hover:bg-accent hover:text-accent-foreground shrink-0 rounded-md p-1 transition-colors",
+        r
+      ),
+      ...g,
+      children: a || /* @__PURE__ */ o(N, { className: "size-4" })
+    }
+  );
+}
+const M = ({ filename: t, data: e, mimeType: n }) => {
+  const r = D(e);
+  return /* @__PURE__ */ l(u, { children: [
+    /* @__PURE__ */ o(f, { mimeType: n }),
+    /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ o(m, { children: t }),
+      /* @__PURE__ */ o(x, { bytes: r, className: "text-xs" })
+    ] }),
+    /* @__PURE__ */ o(
+      h,
+      {
+        data: e,
+        mimeType: n,
+        ...t !== void 0 && { filename: t }
+      }
+    )
+  ] });
+}, i = F(M);
+i.displayName = "File";
+i.Root = u;
+i.Icon = f;
+i.Name = m;
+i.Size = x;
+i.Download = h;
+export {
+  i as File,
+  h as FileDownload,
+  f as FileIconDisplay,
+  m as FileName,
+  u as FileRoot,
+  x as FileSize,
+  $ as fileVariants,
+  W as formatFileSize,
+  D as getBase64Size,
+  B as getMimeTypeIcon
+};

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

@@ -0,0 +1,7 @@
+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. */
+export declare const FollowUpSuggestion: React.ForwardRefExoticComponent<FollowUpSuggestionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ThreadFollowupSuggestions: React.FC;

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

@@ -0,0 +1,44 @@
+"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,
+  {
+    ref: r,
+    size: "xs",
+    variant: "outline",
+    className: d(
+      "aui-thread-followup-suggestion rounded-full border-border/60 bg-background px-3 font-normal hover:bg-muted/80",
+      t
+    ),
+    ...e
+  }
+));
+i.displayName = "FollowUpSuggestion";
+const h = () => {
+  const t = s((e) => e.thread.suggestions);
+  return /* @__PURE__ */ o(
+    a,
+    {
+      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,
+        {
+          prompt: e.prompt,
+          method: "replace",
+          autoSend: !0,
+          asChild: !0,
+          children: /* @__PURE__ */ o(i, { children: e.prompt })
+        },
+        r
+      )) })
+    }
+  );
+};
+export {
+  i as FollowUpSuggestion,
+  h as ThreadFollowupSuggestions
+};

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

@@ -0,0 +1,46 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { ImageMessagePart, ImageMessagePartComponent } from '@assistant-ui/react';
+declare const imageVariants: (props?: ({
+    variant?: "muted" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ImageRootProps = React.ComponentProps<"div"> & VariantProps<typeof imageVariants>;
+declare function ImageRoot({ className, variant, size, children, ...props }: ImageRootProps): import("react").JSX.Element;
+type ImagePreviewProps = Omit<React.ComponentProps<"img">, "children"> & {
+    containerClassName?: string;
+};
+declare function ImagePreview({ className, containerClassName, onLoad, onError, alt, src, ...props }: ImagePreviewProps): import("react").JSX.Element;
+declare function ImageFilename({ className, children, ...props }: React.ComponentProps<"span">): import("react").JSX.Element | null;
+type ImageZoomProps = PropsWithChildren<{
+    src: string;
+    alt?: string;
+}>;
+declare function ImageZoom({ src, alt, children }: ImageZoomProps): import("react").JSX.Element;
+declare function ImageGenerating({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+declare function ImageContentFilterError({ className, reason, }: {
+    className?: string;
+    reason?: string;
+}): import("react").JSX.Element;
+export type ImageActionsProps = {
+    part: ImageMessagePart;
+    /**
+     * Wire to your own generation call to show a regenerate button. The button
+     * renders only when this is set and the part carries a `prompt`.
+     */
+    onRegenerate?: () => void | Promise<void>;
+    className?: string;
+};
+declare function ImageActions({ part, onRegenerate, className }: ImageActionsProps): import("react").JSX.Element;
+declare const Image: ImageMessagePartComponent & {
+    Root: typeof ImageRoot;
+    Preview: typeof ImagePreview;
+    Filename: typeof ImageFilename;
+    Zoom: typeof ImageZoom;
+    Actions: typeof ImageActions;
+    Generating: typeof ImageGenerating;
+    ContentFilterError: typeof ImageContentFilterError;
+};
+export { Image, ImageRoot, ImagePreview, ImageFilename, ImageZoom, ImageActions, ImageGenerating, ImageContentFilterError, imageVariants, };