@actioneer/ads 0.1.0

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

@@ -0,0 +1,56 @@
+"use client";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useMessageTiming as a } from "@assistant-ui/react";
+import { Tooltip as i, TooltipTrigger as l, TooltipContent as m } from "../ui/tooltip.js";
+import { cn as d } from "../../lib/cn.js";
+const r = (s) => s === void 0 ? "—" : s < 1e3 ? `${Math.round(s)}ms` : `${(s / 1e3).toFixed(2)}s`, g = ({ className: s, side: o = "right" }) => {
+  const e = a();
+  return (e == null ? void 0 : e.totalStreamTime) === void 0 ? null : /* @__PURE__ */ n(i, { children: [
+    /* @__PURE__ */ t(l, { asChild: !0, children: /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        "data-slot": "message-timing-trigger",
+        "aria-label": "Message timing",
+        className: d(
+          "text-muted-foreground hover:bg-accent hover:text-accent-foreground flex items-center rounded-md p-1 font-mono text-xs tabular-nums transition-colors",
+          s
+        ),
+        children: r(e.totalStreamTime)
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      m,
+      {
+        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!",
+        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" }),
+            /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: r(e.firstTokenTime) })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "Total" }),
+            /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: r(e.totalStreamTime) })
+          ] }),
+          e.tokensPerSecond !== void 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "Speed" }),
+            /* @__PURE__ */ n("span", { className: "font-mono tabular-nums", children: [
+              e.tokensPerSecond.toFixed(1),
+              " tok/s"
+            ] })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "Chunks" }),
+            /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: e.totalChunks })
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  g as MessageTiming
+};

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const ThreadMessage: FC;
+export declare const AssistantMessage: FC;
+export declare const UserMessage: FC;

package/components/assistant-ui/message.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { UserMessageAttachments as h } from "./attachment.js";
+import { AssistantActionBar as T, UserActionBar as x } from "./action-bar.js";
+import { BranchPicker as d } from "./branch-picker.js";
+import { EditComposer as _ } from "./composer.js";
+import { MessageError as A } from "./error.js";
+import { QuoteBlock as b } from "./quote.js";
+import { Reasoning as v, ReasoningRoot as y, ReasoningTrigger as w, ReasoningContent as R, ReasoningText as N } from "./reasoning.js";
+import { SmartMessageText as C } from "./smart-message-text.js";
+import { ThreadComponentsContext as p } from "./thread-context.js";
+import { ToolFallback as B } from "./tool-fallback.js";
+import { ToolGroupRoot as k, ToolGroupTrigger as G, ToolGroupContent as M } from "./tool-group.js";
+import { cn as c } from "../../lib/cn.js";
+import { MessagePrimitive as n, groupPartByType as I, useAuiState as g } from "@assistant-ui/react";
+import { useContext as f } from "react";
+const Y = () => {
+  const { AssistantMessage: a = O } = f(p), i = g((o) => o.message.role);
+  return g((o) => o.message.composer.isEditing) ? /* @__PURE__ */ t(_, {}) : i === "user" ? /* @__PURE__ */ t(E, {}) : /* @__PURE__ */ t(a, {});
+}, O = () => {
+  const {
+    AssistantAvatar: a,
+    ToolFallback: i = B,
+    ToolGroup: l,
+    ReasoningGroup: o,
+    ChainOfThoughtGroup: m
+  } = f(p);
+  return /* @__PURE__ */ s(
+    n.Root,
+    {
+      "data-slot": "aui_assistant-message-root",
+      "data-role": "assistant",
+      className: c(
+        "fade-in slide-in-from-bottom-1 animate-in relative -mb-7.5 pb-7.5 duration-(--duration-fast) [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
+        a && "grid grid-cols-[2rem_minmax(0,1fr)] items-start gap-x-2"
+      ),
+      children: [
+        a && /* @__PURE__ */ t(
+          "div",
+          {
+            "data-slot": "aui_assistant-message-avatar",
+            className: "col-start-1 row-start-1 mt-0.5 flex size-8 items-center justify-center",
+            children: /* @__PURE__ */ t(a, {})
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            "data-slot": "aui_assistant-message-content",
+            className: c(
+              "text-foreground px-2 leading-relaxed wrap-break-word",
+              a && "col-start-2 row-start-1"
+            ),
+            children: [
+              /* @__PURE__ */ t(
+                n.GroupedParts,
+                {
+                  groupBy: I({
+                    reasoning: ["group-chainOfThought", "group-reasoning"],
+                    "tool-call": ["group-chainOfThought", "group-tool"],
+                    "standalone-tool-call": []
+                  }),
+                  children: ({ part: e, children: r }) => {
+                    switch (e.type) {
+                      case "group-chainOfThought":
+                        return m ? /* @__PURE__ */ t(m, { group: e, children: r }) : /* @__PURE__ */ t("div", { "data-slot": "aui_chain-of-thought", children: r });
+                      case "group-tool":
+                        return l ? /* @__PURE__ */ t(l, { group: e, children: r }) : /* @__PURE__ */ s(k, { variant: "ghost", children: [
+                          /* @__PURE__ */ t(
+                            G,
+                            {
+                              count: e.indices.length,
+                              active: e.status.type === "running"
+                            }
+                          ),
+                          /* @__PURE__ */ t(M, { children: r })
+                        ] });
+                      case "group-reasoning": {
+                        if (o)
+                          return /* @__PURE__ */ t(o, { group: e, children: r });
+                        const u = e.status.type === "running";
+                        return /* @__PURE__ */ s(y, { streaming: u, children: [
+                          /* @__PURE__ */ t(w, { active: u }),
+                          /* @__PURE__ */ t(R, { "aria-busy": u, children: /* @__PURE__ */ t(N, { children: r }) })
+                        ] });
+                      }
+                      case "text":
+                        return /* @__PURE__ */ t(C, {});
+                      case "reasoning":
+                        return /* @__PURE__ */ t(v, { ...e });
+                      case "tool-call":
+                        return e.toolUI ?? /* @__PURE__ */ t(i, { ...e });
+                      case "data":
+                        return e.dataRendererUI;
+                      case "indicator":
+                        return /* @__PURE__ */ t(
+                          "span",
+                          {
+                            "data-slot": "aui_assistant-message-indicator",
+                            className: "animate-pulse font-sans",
+                            "aria-label": "Assistant is working",
+                            children: "●"
+                          }
+                        );
+                      default:
+                        return null;
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ t(A, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            "data-slot": "aui_assistant-message-footer",
+            className: c(
+              "ms-2 flex items-center",
+              "min-h-7.5 pt-1.5",
+              a && "col-start-2 row-start-2"
+            ),
+            children: [
+              /* @__PURE__ */ t(d, {}),
+              /* @__PURE__ */ t(T, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, E = () => /* @__PURE__ */ s(
+  n.Root,
+  {
+    "data-slot": "aui_user-message-root",
+    className: "fade-in slide-in-from-bottom-1 animate-in grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 duration-(--duration-fast) [contain-intrinsic-size:auto_200px] [content-visibility:auto] [&:where(>*)]:col-start-2",
+    "data-role": "user",
+    children: [
+      /* @__PURE__ */ t(h, {}),
+      /* @__PURE__ */ s("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: [
+        /* @__PURE__ */ t("div", { className: "aui-user-message-content peer bg-muted text-foreground rounded-xl px-4 py-2 wrap-break-word empty:hidden", children: /* @__PURE__ */ t(n.Parts, { components: { Quote: b } }) }),
+        /* @__PURE__ */ t("div", { className: "aui-user-action-bar-wrapper absolute start-0 top-1/2 -translate-x-full -translate-y-1/2 pe-2 peer-empty:hidden rtl:translate-x-full", children: /* @__PURE__ */ t(x, {}) })
+      ] }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          "data-slot": "aui_user-branch-picker",
+          className: "col-span-full col-start-1 row-start-3 -me-1 justify-end"
+        }
+      )
+    ]
+  }
+);
+export {
+  O as AssistantMessage,
+  Y as ThreadMessage,
+  E as UserMessage
+};

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

@@ -0,0 +1,2 @@
+export { AssistantRuntimeProvider, AttachmentPrimitive, CompositeAttachmentAdapter, ComposerPrimitive, MessagePrimitive, SelectionToolbarPrimitive, SimpleImageAttachmentAdapter, ThreadPrimitive, makeAssistantToolUI, useAssistantRuntime, useAuiState, useLocalRuntime, } from '@assistant-ui/react';
+export type { ChatModelAdapter, LocalRuntimeOptions, ThreadMessageLike, ToolCallMessagePartProps, } from '@assistant-ui/react';

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

@@ -0,0 +1,37 @@
+import { ComponentProps, FC } from 'react';
+import { QuoteMessagePartComponent, ComposerPrimitive } from '@assistant-ui/react';
+import { Quote as QuoteIcon } from '../../lib/icons';
+declare function QuoteBlockRoot({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+declare function QuoteBlockIcon({ className, ...props }: ComponentProps<typeof QuoteIcon>): import("react").JSX.Element;
+declare function QuoteBlockText({ className, ...props }: ComponentProps<"p">): import("react").JSX.Element;
+declare const QuoteBlock: QuoteMessagePartComponent & {
+    Root: typeof QuoteBlockRoot;
+    Icon: typeof QuoteBlockIcon;
+    Text: typeof QuoteBlockText;
+};
+declare function ComposerQuotePreviewRoot({ className, ...props }: ComponentProps<typeof ComposerPrimitive.Quote>): import("react").JSX.Element;
+declare function ComposerQuotePreviewIcon({ className, ...props }: ComponentProps<typeof QuoteIcon>): import("react").JSX.Element;
+declare function ComposerQuotePreviewText({ className, ...props }: ComponentProps<typeof ComposerPrimitive.QuoteText>): import("react").JSX.Element;
+declare function ComposerQuotePreviewDismiss({ className, children, ...props }: ComponentProps<typeof ComposerPrimitive.QuoteDismiss>): import("react").JSX.Element;
+/**
+ * Quote preview inside the composer. Only renders when a quote is set.
+ *
+ * Place inside `ComposerPrimitive.Root`.
+ *
+ * @example
+ * ```tsx
+ * <ComposerPrimitive.Root>
+ *   <ComposerQuotePreview />
+ *   <ComposerPrimitive.Input />
+ *   <ComposerPrimitive.Send />
+ * </ComposerPrimitive.Root>
+ * ```
+ */
+declare const ComposerQuotePreviewImpl: FC<ComponentProps<typeof ComposerQuotePreviewRoot>>;
+declare const ComposerQuotePreview: typeof ComposerQuotePreviewImpl & {
+    Root: typeof ComposerQuotePreviewRoot;
+    Icon: typeof ComposerQuotePreviewIcon;
+    Text: typeof ComposerQuotePreviewText;
+    Dismiss: typeof ComposerQuotePreviewDismiss;
+};
+export { QuoteBlock, QuoteBlockRoot, QuoteBlockIcon, QuoteBlockText, ComposerQuotePreview, ComposerQuotePreviewRoot, ComposerQuotePreviewIcon, ComposerQuotePreviewText, ComposerQuotePreviewDismiss, };

package/components/assistant-ui/quote.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { memo as n } from "react";
+import { ComposerPrimitive as i } from "@assistant-ui/react";
+import { Quote as a, Close as v } from "../../lib/icons.js";
+import { cn as s } from "../../lib/cn.js";
+function c({ className: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "quote-block",
+      className: s("mb-2 flex items-start gap-1.5", e),
+      ...o
+    }
+  );
+}
+function l({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a,
+    {
+      "data-slot": "quote-block-icon",
+      className: s(
+        "text-muted-foreground/60 mt-0.5 size-3 shrink-0",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function d({ className: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      "data-slot": "quote-block-text",
+      className: s(
+        "text-muted-foreground/80 line-clamp-2 min-w-0 text-sm italic",
+        e
+      ),
+      ...o
+    }
+  );
+}
+const C = ({ text: e }) => /* @__PURE__ */ u(c, { children: [
+  /* @__PURE__ */ t(l, {}),
+  /* @__PURE__ */ t(d, { children: e })
+] }), m = n(
+  C
+);
+m.displayName = "QuoteBlock";
+m.Root = c;
+m.Icon = l;
+m.Text = d;
+function p({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    i.Quote,
+    {
+      "data-slot": "composer-quote",
+      className: s(
+        "bg-muted/60 mx-3 mt-2 flex items-start gap-2 rounded-lg px-3 py-2",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function f({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a,
+    {
+      "data-slot": "composer-quote-icon",
+      className: s(
+        "text-muted-foreground/70 mt-0.5 size-3.5 shrink-0",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function x({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    i.QuoteText,
+    {
+      "data-slot": "composer-quote-text",
+      className: s(
+        "text-muted-foreground line-clamp-2 min-w-0 flex-1 text-sm",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function Q({
+  className: e,
+  children: o,
+  ...k
+}) {
+  return /* @__PURE__ */ t(
+    i.QuoteDismiss,
+    {
+      "data-slot": "composer-quote-dismiss",
+      asChild: !0,
+      className: o ? e : void 0,
+      ...k,
+      children: o ?? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Dismiss quote",
+          className: s("shrink-0 rounded-sm p-0.5 text-muted-foreground/70 transition-colors hover:bg-accent hover:text-foreground", e),
+          children: /* @__PURE__ */ t(v, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+const N = ({ className: e, ...o }) => /* @__PURE__ */ u(p, { className: e, ...o, children: [
+  /* @__PURE__ */ t(f, {}),
+  /* @__PURE__ */ t(x, {}),
+  /* @__PURE__ */ t(Q, {})
+] }), r = n(
+  N
+);
+r.displayName = "ComposerQuotePreview";
+r.Root = p;
+r.Icon = f;
+r.Text = x;
+r.Dismiss = Q;
+export {
+  r as ComposerQuotePreview,
+  Q as ComposerQuotePreviewDismiss,
+  f as ComposerQuotePreviewIcon,
+  p as ComposerQuotePreviewRoot,
+  x as ComposerQuotePreviewText,
+  m as QuoteBlock,
+  l as QuoteBlockIcon,
+  c as QuoteBlockRoot,
+  d as QuoteBlockText
+};

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

@@ -0,0 +1,44 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReasoningMessagePartComponent } from '@assistant-ui/react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+declare const reasoningVariants: (props?: ({
+    variant?: "muted" | "outline" | "ghost" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ReasoningRootProps = Omit<React.ComponentProps<typeof Collapsible>, "open" | "onOpenChange"> & VariantProps<typeof reasoningVariants> & {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    /**
+     * Whether the reasoning is currently streaming. When provided, it
+     * supersedes `defaultOpen`: the disclosure auto-opens while streaming
+     * with a bottom-pinned live preview, auto-collapses when streaming
+     * ends, and the first manual toggle takes over permanently.
+     */
+    streaming?: boolean;
+};
+declare function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen, streaming, children, ...props }: ReasoningRootProps): import("react").JSX.Element;
+declare function ReasoningFade({ side, className, ...props }: React.ComponentProps<"div"> & {
+    side?: "top" | "bottom";
+}): import("react").JSX.Element;
+declare function ReasoningTrigger({ active, duration, className, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
+    active?: boolean;
+    duration?: number;
+}): import("react").JSX.Element;
+declare function ReasoningContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react").JSX.Element;
+declare function ReasoningText({ className, children, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare const Reasoning: ReasoningMessagePartComponent & {
+    Root: typeof ReasoningRoot;
+    Trigger: typeof ReasoningTrigger;
+    Content: typeof ReasoningContent;
+    Text: typeof ReasoningText;
+    Fade: typeof ReasoningFade;
+};
+/**
+ * @deprecated This wrapper targets the legacy `components.ReasoningGroup`
+ * prop on `<MessagePrimitive.Parts>`. Use `<MessagePrimitive.GroupedParts>`
+ * with a `groupBy` returning `"group-reasoning"` and compose `ReasoningRoot`
+ * / `ReasoningTrigger` / `ReasoningContent` / `ReasoningText` directly.
+ * See `thread.tsx` for an example.
+ */
+declare const ReasoningGroup: import('react').NamedExoticComponent<import('@assistant-ui/react').ReasoningGroupProps>;
+export { Reasoning, ReasoningGroup, ReasoningRoot, ReasoningTrigger, ReasoningContent, ReasoningText, ReasoningFade, reasoningVariants, };