@actioneer/ads 0.1.0

package/components/assistant-ui/composer-add-context.js

@@ -0,0 +1,209 @@
+"use client";
+var $ = Object.defineProperty;
+var D = (o, t, a) => t in o ? $(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a;
+var N = (o, t, a) => D(o, typeof t != "symbol" ? t + "" : t, a);
+import { jsxs as m, Fragment as I, jsx as n } from "react/jsx-runtime";
+import { createContext as R, useContext as E, useState as y, useRef as A, useLayoutEffect as U, useEffect as z } from "react";
+import { createPortal as W } from "react-dom";
+import { MotionConfig as F, AnimatePresence as q, motion as H } from "motion/react";
+import { useComposerRuntime as V, useComposer as X } from "@assistant-ui/react";
+import { TooltipIconButton as G } from "./tooltip-icon-button.js";
+import { At as J, ChevronLeft as Q, Plus as Y, Check as L, ChevronRight as Z } from "../../lib/icons.js";
+import { cn as K } from "../../lib/cn.js";
+import { floatVariants as ee } from "../../lib/motion.js";
+const p = "application/x-actioneer-context", j = () => {
+}, S = R([]), T = R(j);
+function ue({
+  tree: o,
+  onStageUsage: t,
+  children: a
+}) {
+  return /* @__PURE__ */ n(S.Provider, { value: o, children: /* @__PURE__ */ n(T.Provider, { value: t ?? j, children: a }) });
+}
+const w = "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-xs text-left outline-none transition-colors hover:bg-muted focus-visible:bg-muted [&_svg]:size-4 [&_svg]:shrink-0 [&_img]:size-4 [&_img]:shrink-0 [&_img]:rounded-xs", _ = (o) => o.map((t) => t.label).slice(1).join(" · "), te = (o) => o.startsWith("mem.") || o.startsWith("skill.");
+function fe() {
+  const o = E(S), t = E(T), a = V(), B = X((e) => e.attachments), [c, b] = y(!1), [u, h] = y([]), g = A(null), k = A(null), [d, O] = y(null);
+  if (U(() => {
+    if (!c) return;
+    const e = g.current;
+    if (!e) return;
+    const r = () => {
+      const s = e.getBoundingClientRect();
+      O({ left: s.left, bottom: window.innerHeight - s.top + 8 });
+    };
+    return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
+      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    };
+  }, [c]), z(() => {
+    c || h([]);
+  }, [c]), z(() => {
+    if (!c) return;
+    const e = (s) => {
+      var f, x;
+      const i = s.target;
+      (f = k.current) != null && f.contains(i) || (x = g.current) != null && x.contains(i) || b(!1);
+    }, r = (s) => {
+      s.key === "Escape" && (s.preventDefault(), h((i) => i.length ? i.slice(0, -1) : (b(!1), i)));
+    };
+    return document.addEventListener("pointerdown", e), document.addEventListener("keydown", r), () => {
+      document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", r);
+    };
+  }, [c]), o.length === 0) return null;
+  const l = u[u.length - 1], M = l ? l.children ?? [] : o, v = new Set(B.map((e) => e.name)), C = (e, r) => {
+    if (v.has(e)) return;
+    a.addAttachment(
+      new File([e], `${e}.context`, { type: p })
+    );
+    const s = Array.isArray(r) ? r : r ? [r] : [];
+    t(e, s.filter(te));
+  };
+  return /* @__PURE__ */ m(I, { children: [
+    /* @__PURE__ */ n(
+      G,
+      {
+        ref: g,
+        tooltip: "Add context",
+        side: "top",
+        "aria-label": "Add context",
+        "aria-expanded": c,
+        type: "button",
+        onClick: () => b((e) => !e),
+        className: "aui-composer-add-context hover:bg-muted-foreground/15 size-7 rounded-full p-1",
+        children: /* @__PURE__ */ n(J, { className: "size-4.5 stroke-[1.5px]" })
+      }
+    ),
+    W(
+      /* @__PURE__ */ n(F, { reducedMotion: "user", children: /* @__PURE__ */ n(q, { children: c && /* @__PURE__ */ m(
+        H.div,
+        {
+          ref: k,
+          role: "menu",
+          variants: ee,
+          initial: "hidden",
+          animate: "visible",
+          exit: "hidden",
+          style: {
+            position: "fixed",
+            left: (d == null ? void 0 : d.left) ?? 0,
+            bottom: (d == null ? void 0 : d.bottom) ?? 0,
+            visibility: d ? "visible" : "hidden",
+            transformOrigin: "bottom left"
+          },
+          className: "z-50 w-72 rounded-xl border border-border bg-elevated p-1 text-foreground shadow-elevation outline-none",
+          children: [
+            l ? /* @__PURE__ */ m("div", { className: "mb-0.5 flex items-center gap-1 px-1", children: [
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Back",
+                  onClick: () => h((e) => e.slice(0, -1)),
+                  className: "flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4",
+                  children: /* @__PURE__ */ n(Q, {})
+                }
+              ),
+              /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-xs font-semibold text-muted-foreground", children: u.map((e) => e.label).join(" · ") })
+            ] }) : /* @__PURE__ */ n("div", { className: "px-2 py-1 text-xs font-semibold text-muted-foreground", children: "Agent's context" }),
+            (l == null ? void 0 : l.addable) && (() => {
+              const e = _(u), r = v.has(e);
+              return /* @__PURE__ */ m(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    var s;
+                    return C(e, (s = l.children) == null ? void 0 : s.map((i) => i.id));
+                  },
+                  className: K(w, "mb-0.5 font-medium text-brand"),
+                  children: [
+                    /* @__PURE__ */ n(Y, {}),
+                    /* @__PURE__ */ m("span", { className: "min-w-0 flex-1 truncate", children: [
+                      "Add all of ",
+                      l.label
+                    ] }),
+                    r && /* @__PURE__ */ n(L, { className: "text-brand" })
+                  ]
+                }
+              );
+            })(),
+            /* @__PURE__ */ n("div", { className: "max-h-72 overflow-y-auto", children: M.map((e) => {
+              var f;
+              if (!!((f = e.children) != null && f.length))
+                return /* @__PURE__ */ m(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => h((x) => [...x, e]),
+                    className: w,
+                    children: [
+                      e.icon ?? /* @__PURE__ */ n(P, {}),
+                      /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: e.label }),
+                      /* @__PURE__ */ n(Z, { className: "text-muted-foreground" })
+                    ]
+                  },
+                  e.id
+                );
+              const s = _([...u, e]), i = v.has(s);
+              return /* @__PURE__ */ m(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => C(s, e.id),
+                  className: w,
+                  children: [
+                    e.icon ?? /* @__PURE__ */ n(P, {}),
+                    /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: e.label }),
+                    e.hint && /* @__PURE__ */ n("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: e.hint }),
+                    i && /* @__PURE__ */ n(L, { className: "shrink-0 text-brand" })
+                  ]
+                },
+                e.id
+              );
+            }) })
+          ]
+        }
+      ) }) }),
+      document.body
+    )
+  ] });
+}
+function P() {
+  return /* @__PURE__ */ n("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ n("span", { className: "size-1.5 rounded-full bg-muted-foreground/40" }) });
+}
+class pe {
+  constructor() {
+    N(this, "accept", p);
+  }
+  async add(t) {
+    return {
+      id: t.file.name,
+      type: "document",
+      name: t.file.name.replace(/\.context$/, ""),
+      contentType: p,
+      file: t.file,
+      status: { type: "requires-action", reason: "composer-send" }
+    };
+  }
+  async send(t) {
+    return {
+      ...t,
+      status: { type: "complete" },
+      content: [
+        {
+          type: "file",
+          filename: t.name,
+          mimeType: p,
+          data: `data:${p};base64,${btoa(t.name)}`
+        }
+      ]
+    };
+  }
+  async remove(t) {
+  }
+}
+export {
+  p as CONTEXT_MIME,
+  fe as ComposerAddContext,
+  ue as ComposerContextProvider,
+  pe as ContextAttachmentAdapter
+};

package/components/assistant-ui/composer-deep-research.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+/**
+ * "Deep research" toggle for the chat composer — a pill next to the "@"
+ * context button (ChatGPT-style). State lives in the product screen and is
+ * supplied via `DeepResearchProvider`; without a provider the button doesn't
+ * render, keeping the vendored composer product-agnostic.
+ */
+export interface DeepResearchState {
+    enabled: boolean;
+    setEnabled: (enabled: boolean) => void;
+}
+export declare function DeepResearchProvider({ value, children, }: {
+    value: DeepResearchState;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ComposerDeepResearch(): import("react").JSX.Element | null;

package/components/assistant-ui/composer-deep-research.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { createContext as i, useContext as u } from "react";
+import { Telescope as c } from "../../lib/icons.js";
+import { cn as f } from "../../lib/cn.js";
+const t = i(null);
+function x({
+  value: r,
+  children: e
+}) {
+  return /* @__PURE__ */ o(t.Provider, { value: r, children: e });
+}
+function a() {
+  const r = u(t);
+  if (!r) return null;
+  const { enabled: e, setEnabled: n } = r;
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": e,
+      onClick: () => n(!e),
+      className: f(
+        "flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium outline-none transition-colors",
+        "focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0",
+        e ? "bg-info-50 text-info-700 hover:bg-info-100" : "text-muted-foreground hover:bg-muted-foreground/15 hover:text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ o(c, {}),
+        "Deep research"
+      ]
+    }
+  );
+}
+export {
+  a as ComposerDeepResearch,
+  x as DeepResearchProvider
+};

package/components/assistant-ui/composer-harness.d.ts

@@ -0,0 +1,18 @@
+import { AttachmentAdapter, Attachment, CompleteAttachment, PendingAttachment } from '@assistant-ui/react';
+/** A harness is a reusable instruction set applied to one agent turn. */
+export declare const HARNESS_MIME = "application/x-actioneer-harness";
+/**
+ * Reusable composer control for adding an instruction harness. The selected
+ * harness is a regular assistant-ui attachment, so it is removable and stays
+ * paired with the message that used it.
+ */
+export declare function ComposerHarness(): import("react").JSX.Element;
+/** Serializes a selected harness as prompt text when the composer sends. */
+export declare class HarnessAttachmentAdapter implements AttachmentAdapter {
+    accept: string;
+    add(state: {
+        file: File;
+    }): Promise<PendingAttachment>;
+    send(attachment: PendingAttachment): Promise<CompleteAttachment>;
+    remove(_attachment: Attachment): Promise<void>;
+}

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

@@ -0,0 +1,186 @@
+"use client";
+var c = Object.defineProperty;
+var l = (e, t, o) => t in e ? c(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var p = (e, t, o) => l(e, typeof t != "symbol" ? t + "" : t, o);
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { useComposerRuntime as d, useComposer as u } from "@assistant-ui/react";
+import "clsx";
+import "tailwind-merge";
+import "../../lib/interactive.js";
+import "radix-ui";
+import "../button.js";
+import "../spinner.js";
+import "../field.js";
+import "../typography.js";
+import "../link.js";
+import "../divider.js";
+import "../kbd.js";
+import "../input.js";
+import "../input-field.js";
+import "../textarea.js";
+import "../checkbox.js";
+import "../radio.js";
+import "../switch.js";
+import "../number-field.js";
+import "../select.js";
+import "../autocomplete.js";
+import "../slider.js";
+import "../segmented.js";
+import "../modal.js";
+import "../drawer.js";
+import "../popover.js";
+import "react";
+import "react-dom";
+import "motion/react";
+import { Dropdown as f, DropdownTrigger as h, DropdownContent as g, DropdownLabel as b, DropdownItem as v } from "../dropdown.js";
+import "../toast.js";
+import "../answer.js";
+import "../card.js";
+import "../carousel.js";
+import "../chart.js";
+import "../connector-card.js";
+import "../table.js";
+import "../tabs.js";
+import "../tree.js";
+import "../accordion.js";
+import "../avatar.js";
+import "../badge.js";
+import "../chip.js";
+import "../timeline.js";
+import "../alert.js";
+import "../pixel-blast-svg.js";
+import "../progress.js";
+import "../progress-circle.js";
+import "../skeleton.js";
+import "../empty-state.js";
+import "../navbar.js";
+import "../breadcrumbs.js";
+import "../pagination.js";
+import "../sidebar.js";
+import "../panel.js";
+import "../collapsible.js";
+import "../selection-action-bar.js";
+import "../ai-elements/chain-of-thought.js";
+import "../ai-elements/inline-citation.js";
+import "../ai-elements/message.js";
+import { Bolt as s, CheckList as x, Sparkles as y } from "../../lib/icons.js";
+import "../ai-elements/reasoning.js";
+import "../ai-elements/shimmer.js";
+import "../ai-elements/task.js";
+import "../ai-elements/task-progress.js";
+import "../ai-elements/tool.js";
+import "../ai-elements/voice.js";
+import "./composer.js";
+import "./answer-tool-ui.js";
+import "./follow-up-suggestions.js";
+import "./composer-add-context.js";
+import "zustand/shallow";
+import "../ui/button.js";
+import "./tooltip-icon-button.js";
+import "./quote.js";
+import "./reasoning.js";
+import "./smart-message-text.js";
+import "./thread-context.js";
+import "./tool-fallback.js";
+import "./tool-group.js";
+import "./selection-toolbar.js";
+import "./composer-deep-research.js";
+import "./composer-trigger-popover.js";
+import "./directive-text.js";
+import "./file.js";
+import "./image.js";
+import "./markdown-text.js";
+import "./sources.js";
+const n = "application/x-actioneer-harness", w = [
+  {
+    id: "investigate",
+    label: "Data investigation",
+    icon: /* @__PURE__ */ r(s, {}),
+    instructions: "Investigate the question against the available context. State the conclusion first, identify the relevant sources, and clearly separate verified facts from assumptions."
+  },
+  {
+    id: "metric",
+    label: "Metric analysis",
+    icon: /* @__PURE__ */ r(x, {}),
+    instructions: "Define the metric, grain, population, and time window before calculating. Call out comparisons, denominator changes, and any data-quality caveats."
+  },
+  {
+    id: "brief",
+    label: "Executive brief",
+    icon: /* @__PURE__ */ r(y, {}),
+    instructions: "Write a concise executive brief: lead with the decision or insight, use only decision-relevant evidence, and end with the recommended next action."
+  }
+];
+function ri() {
+  const e = d(), t = u((i) => i.attachments), o = new Set(
+    t.filter((i) => i.contentType === n).map((i) => i.name)
+  ), a = (i) => {
+    o.has(i.label) || e.addAttachment(
+      new File([i.instructions], `${i.label}.harness`, { type: n })
+    );
+  };
+  return /* @__PURE__ */ m(f, { children: [
+    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        className: "flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted-foreground/15 hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0",
+        "aria-label": "Add harness",
+        children: [
+          /* @__PURE__ */ r(s, {}),
+          "Add harness"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ m(g, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
+      /* @__PURE__ */ r(b, { children: "Add a harness" }),
+      w.map((i) => /* @__PURE__ */ r(
+        v,
+        {
+          startContent: i.icon,
+          disabled: o.has(i.label),
+          onSelect: () => a(i),
+          children: i.label
+        },
+        i.id
+      ))
+    ] })
+  ] });
+}
+class ni {
+  constructor() {
+    p(this, "accept", n);
+  }
+  async add(t) {
+    return {
+      id: t.file.name,
+      type: "document",
+      name: t.file.name.replace(/\.harness$/, "").replace(/-/g, " "),
+      contentType: n,
+      file: t.file,
+      status: { type: "requires-action", reason: "composer-send" }
+    };
+  }
+  async send(t) {
+    const o = await t.file.text();
+    return {
+      ...t,
+      status: { type: "complete" },
+      content: [
+        {
+          type: "text",
+          text: `<harness name="${t.name}">
+${o}
+</harness>`
+        }
+      ]
+    };
+  }
+  async remove(t) {
+  }
+}
+export {
+  ri as ComposerHarness,
+  n as HARNESS_MIME,
+  ni as HarnessAttachmentAdapter
+};

package/components/assistant-ui/composer-trigger-popover.d.ts

@@ -0,0 +1,47 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { ComposerPrimitive, Unstable_DirectiveFormatter, Unstable_TriggerItem } from '@assistant-ui/react';
+type IconComponent = FC<{
+    className?: string;
+}>;
+type DirectiveBehaviorProps = {
+    /** Formatter used to serialize the selected item into composer text. */
+    formatter?: Unstable_DirectiveFormatter | undefined;
+    /** Called after the directive text has been inserted into the composer. */
+    onInserted?: ((item: Unstable_TriggerItem) => void) | undefined;
+};
+type ActionBehaviorProps = {
+    /** Formatter used to serialize the audit-trail chip (when `removeOnExecute` is false). */
+    formatter?: Unstable_DirectiveFormatter | undefined;
+    /** Invoked with the selected item at the moment of selection. */
+    onExecute: (item: Unstable_TriggerItem) => void;
+    /** If `true`, strip the trigger text from the composer after executing. @default false */
+    removeOnExecute?: boolean | undefined;
+};
+type ComposerTriggerPopoverBaseProps = Omit<ComponentPropsWithoutRef<typeof ComposerPrimitive.Unstable_TriggerPopover>, "children"> & {
+    /**
+     * Maps icon keys to components. Items look up via `item.metadata?.icon`
+     * (string); categories look up via their `id`.
+     */
+    iconMap?: Record<string, IconComponent>;
+    /** Fallback icon when no entry in `iconMap` matches. */
+    fallbackIcon?: IconComponent;
+    /** Label shown on the back button. @default "Back" */
+    backLabel?: string;
+    /** Label shown when no categories are available. @default "No items available" */
+    emptyCategoriesLabel?: string;
+    /** Label shown when no items match. @default "No matching items" */
+    emptyItemsLabel?: string;
+    /** Label shown while an async adapter is resolving items. @default "Loading…" */
+    loadingLabel?: string;
+};
+type ComposerTriggerPopoverProps = ComposerTriggerPopoverBaseProps & ({
+    /** Insert-directive behavior. */
+    directive: DirectiveBehaviorProps;
+    action?: never;
+} | {
+    /** Action behavior. */
+    action: ActionBehaviorProps;
+    directive?: never;
+});
+export declare const ComposerTriggerPopover: FC<ComposerTriggerPopoverProps>;
+export {};

package/components/assistant-ui/composer-trigger-popover.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { memo as h, useRef as b } from "react";
+import { ComposerPrimitive as n, unstable_defaultDirectiveFormatter as u, unstable_useTriggerPopoverScopeContext as N } from "@assistant-ui/react";
+import { Sparkles as y, ChevronRight as P, ChevronLeft as T } from "../../lib/icons.js";
+import { cn as C } from "../../lib/cn.js";
+function x(o, r, l) {
+  return o && (r != null && r[o]) ? r[o] : l;
+}
+const I = ({
+  iconMap: o,
+  fallbackIcon: r,
+  emptyLabel: l
+}) => /* @__PURE__ */ e(n.Unstable_TriggerPopoverCategories, { children: (i) => /* @__PURE__ */ s(
+  "div",
+  {
+    "data-slot": "composer-trigger-popover-categories",
+    className: "flex flex-col py-1",
+    children: [
+      i.map((a) => {
+        const m = x(a.id, o, r);
+        return /* @__PURE__ */ s(
+          n.Unstable_TriggerPopoverCategoryItem,
+          {
+            categoryId: a.id,
+            className: "hover:bg-accent focus:bg-accent data-[highlighted]:bg-accent flex cursor-pointer items-center justify-between gap-2 px-3 py-2 text-sm transition-colors outline-none",
+            children: [
+              /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(m, { className: "text-muted-foreground size-4" }),
+                a.label
+              ] }),
+              /* @__PURE__ */ e(P, { className: "text-muted-foreground size-4" })
+            ]
+          },
+          a.id
+        );
+      }),
+      i.length === 0 && /* @__PURE__ */ e("div", { className: "text-muted-foreground px-3 py-2 text-sm", children: l })
+    ]
+  }
+) }), _ = ({
+  iconMap: o,
+  fallbackIcon: r,
+  backLabel: l,
+  emptyLabel: i,
+  loadingLabel: a
+}) => {
+  const { isLoading: m } = N();
+  return /* @__PURE__ */ e(n.Unstable_TriggerPopoverItems, { children: (g) => /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "composer-trigger-popover-items",
+      className: "flex flex-col",
+      children: [
+        /* @__PURE__ */ s(n.Unstable_TriggerPopoverBack, { className: "text-muted-foreground hover:bg-accent flex cursor-pointer items-center gap-1.5 border-b px-3 py-2 text-xs tracking-wide uppercase transition-colors", children: [
+          /* @__PURE__ */ e(T, { className: "size-3.5" }),
+          l
+        ] }),
+        /* @__PURE__ */ s("div", { className: "py-1", children: [
+          g.map((t, c) => {
+            var d;
+            const p = typeof ((d = t.metadata) == null ? void 0 : d.icon) == "string" ? t.metadata.icon : void 0, v = x(p, o, r);
+            return /* @__PURE__ */ s(
+              n.Unstable_TriggerPopoverItem,
+              {
+                item: t,
+                index: c,
+                className: "hover:bg-accent focus:bg-accent data-[highlighted]:bg-accent flex w-full cursor-pointer flex-col items-start gap-0.5 px-3 py-2 text-start transition-colors outline-none",
+                children: [
+                  /* @__PURE__ */ s("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
+                    /* @__PURE__ */ e(v, { className: "text-primary size-3.5" }),
+                    t.label
+                  ] }),
+                  t.description && /* @__PURE__ */ e("span", { className: "text-muted-foreground ms-5.5 text-xs leading-tight", children: t.description })
+                ]
+              },
+              t.id
+            );
+          }),
+          g.length === 0 && /* @__PURE__ */ e("div", { className: "text-muted-foreground px-3 py-2 text-sm", children: m ? a : i })
+        ] })
+      ]
+    }
+  ) });
+}, f = ({
+  iconMap: o,
+  fallbackIcon: r = y,
+  backLabel: l = "Back",
+  emptyCategoriesLabel: i = "No items available",
+  emptyItemsLabel: a = "No matching items",
+  loadingLabel: m = "Loading…",
+  className: g,
+  directive: t,
+  action: c,
+  ...p
+}) => (b(!1), /* @__PURE__ */ s(
+  n.Unstable_TriggerPopover,
+  {
+    "data-slot": "composer-trigger-popover",
+    className: C(
+      "aui-composer-trigger-popover bg-popover text-popover-foreground absolute start-0 bottom-full z-50 mb-2 w-64 overflow-hidden rounded-xl border shadow-lg",
+      g
+    ),
+    ...p,
+    children: [
+      t ? /* @__PURE__ */ e(
+        n.Unstable_TriggerPopover.Directive,
+        {
+          formatter: t.formatter ?? u,
+          onInserted: t.onInserted
+        }
+      ) : c ? /* @__PURE__ */ e(
+        n.Unstable_TriggerPopover.Action,
+        {
+          formatter: c.formatter ?? u,
+          onExecute: c.onExecute,
+          removeOnExecute: c.removeOnExecute
+        }
+      ) : null,
+      /* @__PURE__ */ e(
+        I,
+        {
+          iconMap: o,
+          fallbackIcon: r,
+          emptyLabel: i
+        }
+      ),
+      /* @__PURE__ */ e(
+        _,
+        {
+          iconMap: o,
+          fallbackIcon: r,
+          backLabel: l,
+          emptyLabel: a,
+          loadingLabel: m
+        }
+      )
+    ]
+  }
+));
+f.displayName = "ComposerTriggerPopover";
+const j = h(
+  f
+);
+export {
+  j as ComposerTriggerPopover
+};

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import * as React from "react";
+export declare function ComposerPlaceholdersProvider({ prompts, children, }: {
+    prompts?: string[];
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare const Composer: FC;
+export declare const EditComposer: FC;