@actioneer/ads 0.6.0 → 0.8.0

package/components/assistant-ui/image.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as g, jsx as a, Fragment as E } from "react/jsx-runtime";
+import { jsxs as u, jsx as n, Fragment as E } from "react/jsx-runtime";
 import { memo as D, useRef as F, useState as p, useEffect as b } from "react";
 import { createPortal as O } from "react-dom";
 import { cva as P } from "class-variance-authority";
@@ -24,10 +24,10 @@ const G = (e) => {
   }
 }, z = (e) => {
   var r;
-  const [t, n] = e.split(","), i = ((r = t == null ? void 0 : t.match(/data:([^;]+)/)) == null ? void 0 : r[1]) ?? "application/octet-stream";
+  const [t, a] = e.split(","), i = ((r = t == null ? void 0 : t.match(/data:([^;]+)/)) == null ? void 0 : r[1]) ?? "application/octet-stream";
   if (!/;base64/i.test(t ?? ""))
-    return new Blob([decodeURIComponent(n ?? "")], { type: i });
-  const l = atob(n ?? ""), o = new Uint8Array(l.length);
+    return new Blob([decodeURIComponent(a ?? "")], { type: i });
+  const l = atob(a ?? ""), o = new Uint8Array(l.length);
   for (let s = 0; s < l.length; s++) o[s] = l.charCodeAt(s);
   return new Blob([o], { type: i });
 }, N = (e) => {
@@ -35,13 +35,13 @@ const G = (e) => {
   return (t = e.match(/^data:([^;,]+)/)) == null ? void 0 : t[1];
 }, K = (e) => {
   if (typeof document > "u") return;
-  const t = G(N(e.image)), n = e.filename ?? `image.${t}`, l = e.image.startsWith("data:") ? URL.createObjectURL(z(e.image)) : null, o = l ?? e.image, r = document.createElement("a");
-  r.href = o, r.download = n, r.rel = "noopener", document.body.appendChild(r), r.click(), document.body.removeChild(r), l && URL.revokeObjectURL(l);
+  const t = G(N(e.image)), a = e.filename ?? `image.${t}`, l = e.image.startsWith("data:") ? URL.createObjectURL(z(e.image)) : null, o = l ?? e.image, r = document.createElement("a");
+  r.href = o, r.download = a, r.rel = "noopener", document.body.appendChild(r), r.click(), document.body.removeChild(r), l && URL.revokeObjectURL(l);
 }, M = async (e) => {
   if (typeof navigator > "u" || !navigator.clipboard || typeof ClipboardItem > "u")
     throw new Error("Clipboard API is not available in this environment.");
-  const t = e.image.startsWith("data:") ? z(e.image) : await fetch(e.image).then((i) => i.blob()), n = N(e.image) ?? t.type ?? "image/png";
-  await navigator.clipboard.write([new ClipboardItem({ [n]: t })]);
+  const t = e.image.startsWith("data:") ? z(e.image) : await fetch(e.image).then((i) => i.blob()), a = N(e.image) ?? t.type ?? "image/png";
+  await navigator.clipboard.write([new ClipboardItem({ [a]: t })]);
 }, T = P(
   "aui-image-root relative overflow-hidden rounded-lg",
   {
@@ -67,17 +67,17 @@ const G = (e) => {
 function h({
   className: e,
   variant: t,
-  size: n,
+  size: a,
   children: i,
   ...l
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "image-root",
       "data-variant": t,
-      "data-size": n,
-      className: d(T({ variant: t, size: n, className: e })),
+      "data-size": a,
+      className: d(T({ variant: t, size: a, className: e })),
       ...l,
       children: i
     }
@@ -86,7 +86,7 @@ function h({
 function C({
   className: e,
   containerClassName: t,
-  onLoad: n,
+  onLoad: a,
   onError: i,
   alt: l = "Image content",
   src: o,
@@ -94,20 +94,20 @@ function C({
 }) {
   const s = F(null), [f, m] = p(void 0), [y, U] = p(void 0), x = f === o, I = y === o;
   return b(() => {
-    var u;
-    typeof o == "string" && ((u = s.current) != null && u.complete) && s.current.naturalWidth > 0 && m(o);
-  }, [o]), /* @__PURE__ */ g(
+    var g;
+    typeof o == "string" && ((g = s.current) != null && g.complete) && s.current.naturalWidth > 0 && m(o);
+  }, [o]), /* @__PURE__ */ u(
     "div",
     {
       "data-slot": "image-preview",
       className: d("relative min-h-32", t),
       children: [
-        !x && !I && /* @__PURE__ */ a(
+        !x && !I && /* @__PURE__ */ n(
           "div",
           {
             "data-slot": "image-preview-loading",
             className: "bg-muted/50 absolute inset-0 flex items-center justify-center",
-            children: /* @__PURE__ */ a(
+            children: /* @__PURE__ */ n(
               w,
               {
                 variant: "content",
@@ -118,14 +118,14 @@ function C({
             )
           }
         ),
-        I ? /* @__PURE__ */ a(
+        I ? /* @__PURE__ */ n(
           "div",
           {
             "data-slot": "image-preview-error",
             className: "bg-muted/50 flex min-h-32 items-center justify-center p-4",
-            children: /* @__PURE__ */ a(S, { className: "text-muted-foreground size-8" })
+            children: /* @__PURE__ */ n(S, { className: "text-muted-foreground size-8" })
           }
-        ) : /* @__PURE__ */ a(
+        ) : /* @__PURE__ */ n(
           "img",
           {
             ref: s,
@@ -136,11 +136,11 @@ function C({
               !x && "invisible",
               e
             ),
-            onLoad: (u) => {
-              typeof o == "string" && m(o), n == null || n(u);
+            onLoad: (g) => {
+              typeof o == "string" && m(o), a == null || a(g);
             },
-            onError: (u) => {
-              typeof o == "string" && U(o), i == null || i(u);
+            onError: (g) => {
+              typeof o == "string" && U(o), i == null || i(g);
             },
             ...r
           }
@@ -152,9 +152,9 @@ function C({
 function v({
   className: e,
   children: t,
-  ...n
+  ...a
 }) {
-  return t ? /* @__PURE__ */ a(
+  return t ? /* @__PURE__ */ n(
     "span",
     {
       "data-slot": "image-filename",
@@ -162,12 +162,12 @@ function v({
         "text-muted-foreground block truncate px-2 py-1.5 text-xs",
         e
       ),
-      ...n,
+      ...a,
       children: t
     }
   ) : null;
 }
-function j({ src: e, alt: t = "Image preview", children: n }) {
+function j({ src: e, alt: t = "Image preview", children: a }) {
   const [i, l] = p(!1), [o, r] = p(!1);
   b(() => {
     l(!0);
@@ -185,8 +185,8 @@ function j({ src: e, alt: t = "Image preview", children: n }) {
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = m;
     };
-  }, [o]), /* @__PURE__ */ g(E, { children: [
-    /* @__PURE__ */ a(
+  }, [o]), /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ n(
       "div",
       {
         onClick: s,
@@ -195,21 +195,21 @@ function j({ src: e, alt: t = "Image preview", children: n }) {
         tabIndex: 0,
         className: "aui-image-zoom-trigger cursor-zoom-in",
         "aria-label": "Click to zoom image",
-        children: n
+        children: a
       }
     ),
     i && o && O(
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ n(
         "div",
         {
           "data-slot": "image-zoom-overlay",
           role: "button",
           tabIndex: 0,
-          className: "aui-image-zoom-overlay fade-in animate-in fixed inset-0 z-50 flex items-center justify-center bg-black/80 duration-200",
+          className: "aui-image-zoom-overlay fade-in animate-in fixed inset-0 z-50 flex items-center justify-center bg-wg12/80 duration-200",
           onClick: f,
           onKeyDown: (m) => m.key === "Enter" && f(),
           "aria-label": "Close zoomed image",
-          children: /* @__PURE__ */ a(
+          children: /* @__PURE__ */ n(
             "img",
             {
               "data-slot": "image-zoom-content",
@@ -228,7 +228,7 @@ function j({ src: e, alt: t = "Image preview", children: n }) {
   ] });
 }
 function k({ className: e }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "image-generating",
@@ -236,7 +236,7 @@ function k({ className: e }) {
         "bg-muted/50 flex min-h-32 items-center justify-center p-4",
         e
       ),
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ n(
         w,
         {
           variant: "surface",
@@ -252,7 +252,7 @@ function R({
   className: e,
   reason: t
 }) {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ u(
     "div",
     {
       "data-slot": "image-content-filter-error",
@@ -261,9 +261,9 @@ function R({
         e
       ),
       children: [
-        /* @__PURE__ */ a(B, { className: "text-muted-foreground size-8" }),
-        /* @__PURE__ */ a("p", { className: "text-sm font-medium", children: "Image could not be generated" }),
-        t && /* @__PURE__ */ a("p", { className: "text-muted-foreground text-xs", children: t })
+        /* @__PURE__ */ n(B, { className: "text-muted-foreground size-8" }),
+        /* @__PURE__ */ n("p", { className: "text-sm font-medium", children: "Image could not be generated" }),
+        t && /* @__PURE__ */ n("p", { className: "text-muted-foreground text-xs", children: t })
       ]
     }
   );
@@ -271,17 +271,17 @@ function R({
 function V({
   onRegenerate: e
 }) {
-  const [t, n] = p(!1);
-  return /* @__PURE__ */ a(
+  const [t, a] = p(!1);
+  return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: async () => {
-        n(!0);
+        a(!0);
         try {
           await e();
         } finally {
-          n(!1);
+          a(!1);
         }
       },
       disabled: t,
@@ -289,18 +289,18 @@ function V({
       "aria-label": "Regenerate image",
       "aria-busy": t || void 0,
       className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded disabled:opacity-50",
-      children: t ? /* @__PURE__ */ a(w, { variant: "action", size: "sm", "aria-hidden": !0 }) : /* @__PURE__ */ a(W, { className: "size-4" })
+      children: t ? /* @__PURE__ */ n(w, { variant: "action", size: "sm", "aria-hidden": !0 }) : /* @__PURE__ */ n(W, { className: "size-4" })
     }
   );
 }
-function Z({ part: e, onRegenerate: t, className: n }) {
-  return /* @__PURE__ */ g(
+function Z({ part: e, onRegenerate: t, className: a }) {
+  return /* @__PURE__ */ u(
     "div",
     {
       "data-slot": "image-actions",
-      className: d("flex items-center gap-1 p-1", n),
+      className: d("flex items-center gap-1 p-1", a),
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
@@ -308,10 +308,10 @@ function Z({ part: e, onRegenerate: t, className: n }) {
             "data-slot": "image-download",
             "aria-label": "Download image",
             className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded",
-            children: /* @__PURE__ */ a(A, { className: "size-4" })
+            children: /* @__PURE__ */ n(A, { className: "size-4" })
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
@@ -322,22 +322,22 @@ function Z({ part: e, onRegenerate: t, className: n }) {
             "data-slot": "image-copy",
             "aria-label": "Copy image",
             className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded",
-            children: /* @__PURE__ */ a(L, { className: "size-4" })
+            children: /* @__PURE__ */ n(L, { className: "size-4" })
           }
         ),
-        t && /* @__PURE__ */ a(V, { onRegenerate: t })
+        t && /* @__PURE__ */ n(V, { onRegenerate: t })
       ]
     }
   );
 }
 const $ = (e) => {
-  const { image: t, filename: n, status: i } = e;
-  return (i == null ? void 0 : i.type) === "running" ? /* @__PURE__ */ g(h, { children: [
-    /* @__PURE__ */ a(k, {}),
-    /* @__PURE__ */ a(v, { children: n })
-  ] }) : (i == null ? void 0 : i.type) === "incomplete" && i.reason === "content-filter" ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(R, { reason: "The provider blocked this image." }) }) : /* @__PURE__ */ g(h, { children: [
-    /* @__PURE__ */ a(j, { src: t, alt: n || "Image content", children: /* @__PURE__ */ a(C, { src: t, alt: n || "Image content" }) }),
-    /* @__PURE__ */ a(v, { children: n })
+  const { image: t, filename: a, status: i } = e;
+  return (i == null ? void 0 : i.type) === "running" ? /* @__PURE__ */ u(h, { children: [
+    /* @__PURE__ */ n(k, {}),
+    /* @__PURE__ */ n(v, { children: a })
+  ] }) : (i == null ? void 0 : i.type) === "incomplete" && i.reason === "content-filter" ? /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(R, { reason: "The provider blocked this image." }) }) : /* @__PURE__ */ u(h, { children: [
+    /* @__PURE__ */ n(j, { src: t, alt: a || "Image content", children: /* @__PURE__ */ n(C, { src: t, alt: a || "Image content" }) }),
+    /* @__PURE__ */ n(v, { children: a })
   ] });
 }, c = D($);
 c.displayName = "Image";

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

@@ -5,7 +5,6 @@ export * from './answer-tool-ui';
 export * from './composer';
 export * from './message';
 export * from './action-bar';
-export * from './branch-picker';
 export * from './attachment';
 export * from './composer-add-context';
 export * from './composer-deep-research';
@@ -21,7 +20,5 @@ export * from './quote';
 export * from './sources';
 export * from './tool-fallback';
 export * from './tool-group';
-export * from './follow-up-suggestions';
 export * from './selection-toolbar';
-export * from './suggestions';
 export * from './tooltip-icon-button';

package/components/assistant-ui/message-timing.js

@@ -25,7 +25,7 @@ const r = (s) => s === void 0 ? "—" : s < 1e3 ? `${Math.round(s)}ms` : `${(s /
         side: o,
         sideOffset: 8,
         "data-slot": "message-timing-popover",
-        className: "bg-popover text-popover-foreground rounded-lg border px-3 py-2 shadow-md [&_span>svg]:hidden!",
+        className: "bg-popover text-popover-foreground rounded-lg border px-3 py-2 shadow-300 [&_span>svg]:hidden!",
         children: /* @__PURE__ */ n("div", { className: "grid min-w-35 gap-1.5 text-xs", children: [
           e.firstTokenTime !== void 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "First token" }),

package/components/assistant-ui/selection-toolbar.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs as l, jsx as t, Fragment as m } from "react/jsx-runtime";
+import { jsxs as l, jsx as t, Fragment as p } from "react/jsx-runtime";
 import { memo as f } from "react";
-import { SelectionToolbarPrimitive as p } from "@assistant-ui/react";
+import { SelectionToolbarPrimitive as m } from "@assistant-ui/react";
 import { Quote as y, Copy as S } from "../../lib/icons.js";
 import { cn as i } from "../../lib/cn.js";
 function d({
@@ -9,11 +9,11 @@ function d({
   ...e
 }) {
   return /* @__PURE__ */ t(
-    p.Root,
+    m.Root,
     {
       "data-slot": "selection-toolbar",
       className: i(
-        "bg-popover flex items-center gap-1 rounded-lg border px-1 py-1 shadow-md",
+        "bg-popover flex items-center gap-1 rounded-lg border px-1 py-1 shadow-300",
         o
       ),
       ...e
@@ -26,7 +26,7 @@ function u({
   ...r
 }) {
   return /* @__PURE__ */ t(
-    p.Quote,
+    m.Quote,
     {
       "data-slot": "selection-toolbar-quote",
       className: i(
@@ -34,7 +34,7 @@ function u({
         o
       ),
       ...r,
-      children: e ?? /* @__PURE__ */ l(m, { children: [
+      children: e ?? /* @__PURE__ */ l(p, { children: [
         /* @__PURE__ */ t(y, { className: "size-3.5" }),
         "Quote"
       ] })
@@ -63,7 +63,7 @@ function b({
         ), (s = window.getSelection()) == null || s.removeAllRanges(), r == null || r(x);
       },
       ...g,
-      children: e ?? /* @__PURE__ */ l(m, { children: [
+      children: e ?? /* @__PURE__ */ l(p, { children: [
         /* @__PURE__ */ t(S, { className: "size-3.5" }),
         "Copy"
       ] })

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

@@ -13,7 +13,9 @@ export type ThreadComponents = {
     /** Optional identity shown beside every assistant turn. */
     AssistantAvatar?: ComponentType | undefined;
     Welcome?: ComponentType | undefined;
-    /** Wraps the default Composer, e.g. with TaskProgressDock. */
+    /** Replaces the complete new-chat viewport, including its Composer. */
+    EmptyState?: ComponentType | undefined;
+    /** Wraps the default Composer with an attached product-specific treatment. */
     ComposerDock?: ComponentType<PropsWithChildren> | undefined;
     /** Replaces the left-side composer controls (context, upload, harness). */
     ComposerAccessories?: ComponentType | undefined;

package/components/assistant-ui/thread.js

@@ -1,80 +1,88 @@
 "use client";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Composer as c } from "./composer.js";
-import { ComposerPlaceholdersProvider as U } from "./composer.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Composer as u } from "./composer.js";
+import { ComposerPlaceholdersProvider as q } 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 m, ThreadComponentsContext as f, EMPTY_COMPONENTS as w } from "./thread-context.js";
+import { ThreadMessage as x } from "./message.js";
+import { SelectionToolbar as g } from "./selection-toolbar.js";
+import { Button as w } from "../ui/button.js";
+import { isNewChatView as n, ThreadComponentsContext as f, EMPTY_COMPONENTS as b } from "./thread-context.js";
 import { TooltipIconButton as v } from "./tooltip-icon-button.js";
 import { cn as T } from "../../lib/cn.js";
-import { useAuiState as g, ThreadPrimitive as e, AuiIf as d } from "@assistant-ui/react";
-import { ArrowDown as N } from "../../lib/icons.js";
-import { useContext as C } from "react";
-const W = ({
-  components: r = w,
-  isAnswerToolEnabled: i = !0,
+import { useAuiState as N, ThreadPrimitive as o, AuiIf as h, SuggestionPrimitive as s } from "@assistant-ui/react";
+import { ArrowDown as y } from "../../lib/icons.js";
+import { useContext as S } from "react";
+const H = ({
+  components: t = b,
+  isAnswerToolEnabled: l = !0,
   composerPlacement: a = "adaptive"
 }) => {
-  const t = g(m);
-  return /* @__PURE__ */ l(f.Provider, { value: r, children: [
-    i && /* @__PURE__ */ o(p, {}),
-    /* @__PURE__ */ o(y, { isEmpty: t, composerPlacement: a })
+  const i = N(n);
+  return /* @__PURE__ */ r(f.Provider, { value: t, children: [
+    l && /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ e(C, { isEmpty: i, composerPlacement: a })
   ] });
-}, y = ({ isEmpty: r, composerPlacement: i }) => {
-  const { Welcome: a = P, ComposerDock: t } = C(
+}, C = ({ isEmpty: t, composerPlacement: l }) => {
+  const { Welcome: a = A, EmptyState: i, ComposerDock: d } = S(
     f
-  ), n = 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,
+  ), m = l === "bottom";
+  return /* @__PURE__ */ r(o.Root, { className: "aui-root aui-thread-root bg-background @container flex h-full flex-col", children: [
+    /* @__PURE__ */ e(
+      o.Viewport,
       {
         turnAnchor: "top",
         "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: m, children: /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ o(a, {}) }) }),
-          /* @__PURE__ */ o(
+        children: t && i ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", children: [
+          /* @__PURE__ */ e(h, { condition: n, children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ e(a, {}) }) }),
+          /* @__PURE__ */ e(
             "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(h, {}) })
+              children: /* @__PURE__ */ e(o.Messages, { children: () => /* @__PURE__ */ e(x, {}) })
             }
           ),
-          /* @__PURE__ */ l(
-            e.ViewportFooter,
+          /* @__PURE__ */ r(
+            o.ViewportFooter,
             {
               className: T(
                 "aui-thread-viewport-footer bg-background flex flex-col gap-4 overflow-visible pb-4 md:pb-6",
-                r && !n && "flex-1",
-                (!r || n) && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
+                t && !m && "flex-1",
+                (!t || m) && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
               ),
               children: [
-                /* @__PURE__ */ o(S, {}),
-                /* @__PURE__ */ o(u, {}),
-                t ? /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(c, {}) }) : /* @__PURE__ */ o(c, {}),
-                /* @__PURE__ */ o(d, { condition: (s) => m(s) && s.composer.isEmpty, children: /* @__PURE__ */ o(b, {}) })
+                /* @__PURE__ */ e(P, {}),
+                d ? /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(u, {}) }) : /* @__PURE__ */ e(u, {}),
+                /* @__PURE__ */ e(h, { condition: (c) => n(c) && c.composer.isEmpty, children: /* @__PURE__ */ e(I, {}) })
               ]
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ o(x, {})
+    /* @__PURE__ */ e(g, {})
   ] });
-}, S = () => /* @__PURE__ */ o(e.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ o(
+}, P = () => /* @__PURE__ */ e(o.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ e(
   v,
   {
     tooltip: "Scroll to bottom",
     variant: "outline",
     className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible",
-    children: /* @__PURE__ */ o(N, {})
+    children: /* @__PURE__ */ e(y, {})
   }
-) }), P = () => /* @__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-medium duration-200", children: "How can I help you today?" }) });
+) }), A = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ e("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-medium duration-200", children: "How can I help you today?" }) }), I = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestions flex w-full flex-wrap items-center justify-center gap-2 px-4", children: /* @__PURE__ */ e(o.Suggestions, { children: () => /* @__PURE__ */ e(j, {}) }) }), j = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 animate-in fill-mode-both duration-200", children: /* @__PURE__ */ e(s.Trigger, { send: !0, asChild: !0, children: /* @__PURE__ */ r(
+  w,
+  {
+    variant: "ghost",
+    className: "aui-thread-welcome-suggestion text-foreground hover:bg-muted border-border/60 h-auto gap-1.5 rounded-full border px-3.5 py-1.5 text-xs font-normal whitespace-nowrap transition-colors",
+    children: [
+      /* @__PURE__ */ e(s.Title, { className: "aui-thread-welcome-suggestion-text-1" }),
+      /* @__PURE__ */ e(s.Description, { className: "aui-thread-welcome-suggestion-text-2 empty:hidden" })
+    ]
+  }
+) }) });
 export {
-  U as ComposerPlaceholdersProvider,
-  W as Thread
+  q as ComposerPlaceholdersProvider,
+  H as Thread
 };