@automattic/agenttic-ui 0.1.67 → 0.1.68

package/README.md

@@ -139,6 +139,45 @@ The `onTypingStatusChange` callback is triggered when the typing status changes.
 
 ## Architecture
 
+### Portable Question Choices
+
+Agentic question renderers should use a portable question payload so product
+agents can ask lightweight structured questions inline in chat without coupling
+the UI to one product or workflow.
+
+```ts
+interface QuestionPrompt {
+	question: string;
+	choices: QuestionChoice[];
+	allow_freeform?: boolean;
+	freeform_label?: string;
+	freeform_placeholder?: string;
+}
+
+interface QuestionChoice {
+	label: string;
+	message?: string;
+	description?: string;
+	presentation?: {
+		swatches?: string[];
+		font_sample?: {
+			heading?: string;
+			body?: string;
+			heading_font?: string;
+			body_font?: string;
+		};
+		image?: {
+			url: string;
+			alt?: string;
+		};
+		layout_hint?: string;
+	};
+}
+```
+
+All `presentation` fields are optional. Renderers should fall back to the choice
+label and description when presentation metadata is absent or unsupported.
+
 ### AgentUI Components
 
 **AgentUI** - Convenience wrapper with default layout

package/dist/components/AgentUIContainer.d.ts

@@ -5,6 +5,6 @@ interface AgentUIContainerProps extends AgentUIProps {
 }
 export declare function AgentUIContainer({ children, messages, isProcessing, error, onSubmit, variant, triggerIcon, triggerTitle, placeholder, notice, onOpen, onExpand, onClose, onStop, emptyView, floatingChatState, suggestions, clearSuggestions, onSuggestionClick, messageRenderer, messagesPosition, showAgentIcon, className, inputValue: controlledInputValue, onInputChange: controlledOnInputChange, draggableStates, // Default to only expanded for backward compatibility
 locale, maxInputLength, // Default to 600 characters
-onInputLimitExceeded, expandOnClick, expandOnHover, thinkingMessage, initialChatPosition, onChatPositionChange, onTypingStatusChange, freeDrag, }: AgentUIContainerProps): import("react/jsx-runtime").JSX.Element;
+onInputLimitExceeded, expandOnClick, expandOnHover, thinkingMessage, initialChatPosition, onChatPositionChange, onTypingStatusChange, freeDrag, initialFreeDragPosition, onFreeDragEnd, }: AgentUIContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AgentUIContainer.d.ts.map

package/dist/components/AgentUIContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentUIContainer.d.ts","sourceRoot":"","sources":["../../src/components/AgentUIContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAcxE,OAAO,KAAK,EAAE,YAAY,EAAc,MAAM,UAAU,CAAC;AAkBzD,UAAU,qBAAsB,SAAQ,YAAY;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAuBD,wBAAgB,gBAAgB,CAAE,EACjC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAoB,EACpB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,eAAgC,EAAE,sDAAsD;AACxF,MAAa,EACb,cAAoB,EAAE,4BAA4B;AAClD,oBAAoB,EACpB,aAAa,EACb,aAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,QAAgB,GAChB,EAAE,qBAAqB,2CA+tBvB"}
+{"version":3,"file":"AgentUIContainer.d.ts","sourceRoot":"","sources":["../../src/components/AgentUIContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAcxE,OAAO,KAAK,EAAE,YAAY,EAAc,MAAM,UAAU,CAAC;AAmBzD,UAAU,qBAAsB,SAAQ,YAAY;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAuBD,wBAAgB,gBAAgB,CAAE,EACjC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAoB,EACpB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,eAAgC,EAAE,sDAAsD;AACxF,MAAa,EACb,cAAoB,EAAE,4BAA4B;AAClD,oBAAoB,EACpB,aAAa,EACb,aAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,QAAgB,EAChB,uBAAuB,EACvB,aAAa,GACb,EAAE,qBAAqB,2CAguBvB"}

package/dist/components/EmbeddedAgentUI.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { AgentUIProps, Message, NoticeConfig, Suggestion } from '../types';
+export declare function ThinkingMessage({ content }: {
+    content?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyView({ heading, help, suggestions, onSuggestionClick, }: {
+    heading?: React.ReactNode;
+    help?: React.ReactNode;
+    suggestions?: Suggestion[];
+    onSuggestionClick?: (suggestion: Suggestion) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EmbeddedAgentUIMessages({ className, }?: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function EmbeddedAgentUISuggestions({ className, showSuggestions, onSelect, }?: {
+    className?: string;
+    showSuggestions?: boolean;
+    onSelect?: (message: string) => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function EmbeddedAgentUINotice({ className, }?: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function EmbeddedAgentUIInput({ className, disabled, onKeyDown, }?: {
+    className?: string;
+    disabled?: boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EmbeddedAgentUIFooter({ children, className, }?: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EmbeddedAgentUIConversationView({ children, className, }?: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EmbeddedAgentUIContainer({ children, className, ...props }: AgentUIProps & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare const EmbeddedAgentUINamespace: {
+    Container: typeof EmbeddedAgentUIContainer;
+    ConversationView: typeof EmbeddedAgentUIConversationView;
+    Messages: typeof EmbeddedAgentUIMessages;
+    Footer: typeof EmbeddedAgentUIFooter;
+    Input: typeof EmbeddedAgentUIInput;
+    Suggestions: typeof EmbeddedAgentUISuggestions;
+    Notice: typeof EmbeddedAgentUINotice;
+};
+export declare const EmbeddedAgentUI: React.FC<AgentUIProps> & typeof EmbeddedAgentUINamespace;
+export declare const AgentUI: React.FC<AgentUIProps> & {
+    Container: typeof EmbeddedAgentUIContainer;
+    ConversationView: typeof EmbeddedAgentUIConversationView;
+    Messages: typeof EmbeddedAgentUIMessages;
+    Footer: typeof EmbeddedAgentUIFooter;
+    Input: typeof EmbeddedAgentUIInput;
+    Suggestions: typeof EmbeddedAgentUISuggestions;
+    Notice: typeof EmbeddedAgentUINotice;
+};
+export type { AgentUIProps, Message, NoticeConfig, Suggestion };
+//# sourceMappingURL=EmbeddedAgentUI.d.ts.map

package/dist/components/EmbeddedAgentUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedAgentUI.d.ts","sourceRoot":"","sources":["../../src/components/EmbeddedAgentUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAyBhF,wBAAgB,eAAe,CAAE,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAMjE;AAED,wBAAgB,SAAS,CAAE,EAC1B,OAAO,EACP,IAAI,EACJ,WAAW,EACX,iBAAiB,GACjB,EAAE;IACF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAE,UAAU,EAAE,UAAU,KAAM,IAAI,CAAC;CACvD,2CAoBA;AA8CD,wBAAgB,uBAAuB,CAAE,EACxC,SAAS,GACT,GAAE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACd,kDAuDL;AAED,wBAAgB,0BAA0B,CAAE,EAC3C,SAAS,EACT,eAAe,EACf,QAAQ,GACR,GAAE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;CAClC,kDA+CL;AAED,wBAAgB,qBAAqB,CAAE,EACtC,SAAS,GACT,GAAE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACd,kDA0BL;AAED,wBAAgB,oBAAoB,CAAE,EACrC,SAAS,EACT,QAAQ,EACR,SAAS,GACT,GAAE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAE,mBAAmB,CAAE,KAAM,IAAI,CAAC;CACrE,2CAmGL;AAED,wBAAgB,qBAAqB,CAAE,EACtC,QAAQ,EACR,SAAS,GACT,GAAE;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACd,2CAiBL;AAED,wBAAgB,+BAA+B,CAAE,EAChD,QAAQ,EACR,SAAS,GACT,GAAE;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACd,2CAgBL;AAED,wBAAgB,wBAAwB,CAAE,EACzC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,YAAY,GAAG;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CA8CA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;CAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAE,YAAY,CAAE,GACrD,OAAO,wBAGP,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;CAAkB,CAAC;AAEvC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/LightweightMarkdownRenderer.d.ts

@@ -0,0 +1,4 @@
+export declare function LightweightMarkdownRenderer({ children, }: {
+    children: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightweightMarkdownRenderer.d.ts.map

package/dist/components/LightweightMarkdownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightweightMarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/components/LightweightMarkdownRenderer.tsx"],"names":[],"mappings":"AAiFA,wBAAgB,2BAA2B,CAAE,EAC5C,QAAQ,GACR,EAAE;IACF,QAAQ,EAAE,MAAM,CAAC;CACjB,2CA+EA"}

package/dist/components/LightweightMarkdownRenderer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LightweightMarkdownRenderer.test.d.ts.map

package/dist/components/LightweightMarkdownRenderer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightweightMarkdownRenderer.test.d.ts","sourceRoot":"","sources":["../../src/components/LightweightMarkdownRenderer.test.tsx"],"names":[],"mappings":""}

package/dist/components/chat/Chat.d.ts

@@ -1,3 +1,3 @@
 import type { ChatProps } from '../../types';
-export declare function Chat({ messages, isProcessing, error, onSubmit, variant, triggerIcon, triggerTitle, placeholder, notice, onOpen, onExpand, onClose, onStop, emptyView, floatingChatState, suggestions, clearSuggestions, messageRenderer, showAgentIcon, className, expandOnHover, freeDrag, }: ChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chat({ messages, isProcessing, error, onSubmit, variant, triggerIcon, triggerTitle, placeholder, notice, onOpen, onExpand, onClose, onStop, emptyView, floatingChatState, suggestions, clearSuggestions, messageRenderer, showAgentIcon, className, expandOnHover, freeDrag, initialFreeDragPosition, onFreeDragEnd, }: ChatProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Chat.d.ts.map

package/dist/components/chat/Chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Chat.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAW7C,wBAAgB,IAAI,CAAE,EACrB,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAoB,EACpB,WAAW,EACX,YAAY,EACZ,WAAkD,EAClD,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,SAAS,EACT,aAAoB,EACpB,QAAgB,GAChB,EAAE,SAAS,2CAmhBX"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Chat.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAe7C,wBAAgB,IAAI,CAAE,EACrB,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAoB,EACpB,WAAW,EACX,YAAY,EACZ,WAAkD,EAClD,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,SAAS,EACT,aAAoB,EACpB,QAAgB,EAChB,uBAAuB,EACvB,aAAa,GACb,EAAE,SAAS,2CAmhBX"}

package/dist/embedded-agent-ui.css

@@ -0,0 +1 @@
+.agenttic-embedded{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff;color:#111827}.agenttic-embedded__messages{flex:1;min-height:0;overflow-y:auto;padding:16px}.agenttic-embedded__message{display:flex;margin:8px 0}.agenttic-embedded__message p{margin:0;padding:10px 12px;border-radius:14px;background:#f3f4f6;line-height:1.45}.agenttic-embedded__message--user{justify-content:flex-end}.agenttic-embedded__message--user p{background:#111827;color:#fff}.agenttic-embedded__thinking,.agenttic-embedded__error{padding:8px 0;font-size:13px;color:#6b7280}.agenttic-embedded__error{color:#b91c1c}.agenttic-embedded__footer{border-top:1px solid #e5e7eb;padding:12px}.agenttic-embedded__suggestions{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.agenttic-embedded__suggestions button,.agenttic-embedded__input button{border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#111827;cursor:pointer}.agenttic-embedded__suggestions button{padding:6px 10px;font-size:13px}.agenttic-embedded__input{display:flex;align-items:flex-end;gap:8px}.agenttic-embedded__input textarea{flex:1;min-height:40px;max-height:160px;resize:vertical;border:1px solid #d1d5db;border-radius:16px;padding:10px 12px;font:inherit}.agenttic-embedded__input button{width:36px;height:36px;font-size:18px}.agenttic-embedded__input button:disabled{cursor:not-allowed;opacity:.5}

package/dist/embedded-agent-ui.d.ts

@@ -0,0 +1,4 @@
+export { AgentUI, EmbeddedAgentUI, EmbeddedAgentUIContainer, EmbeddedAgentUIConversationView, EmbeddedAgentUIFooter, EmbeddedAgentUIInput, EmbeddedAgentUIMessages, EmbeddedAgentUINotice, EmbeddedAgentUISuggestions, EmptyView, ThinkingMessage, } from './components/EmbeddedAgentUI';
+export { LightweightMarkdownRenderer } from './components/LightweightMarkdownRenderer';
+export type { AgentUIProps, Message, NoticeConfig, QuestionChoice, QuestionChoiceFontSamplePresentation, QuestionChoiceImagePresentation, QuestionChoicePresentation, QuestionPrompt, Suggestion, } from './types';
+//# sourceMappingURL=embedded-agent-ui.d.ts.map

package/dist/embedded-agent-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embedded-agent-ui.d.ts","sourceRoot":"","sources":["../src/embedded-agent-ui.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,EACP,eAAe,EACf,wBAAwB,EACxB,+BAA+B,EAC/B,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,SAAS,EACT,eAAe,GACf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AACvF,YAAY,EACX,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,oCAAoC,EACpC,+BAA+B,EAC/B,0BAA0B,EAC1B,cAAc,EACd,UAAU,GACV,MAAM,SAAS,CAAC"}

package/dist/embedded-agent-ui.js

@@ -0,0 +1,434 @@
+import { jsx as t, Fragment as I, jsxs as f } from "react/jsx-runtime";
+import { createContext as P, useState as N, useRef as R, useCallback as F, useContext as T } from "react";
+import { __ as g } from "@wordpress/i18n";
+function L(n) {
+  const e = n.trim();
+  if (/^(https?:|mailto:)/i.test(e))
+    return e;
+}
+function y(n) {
+  const e = [], a = /(\[[^\]]+\]\([^\)]+\)|`[^`]+`|\*\*[^*]+\*\*|__[^_]+__|\*[^*]+\*|_[^_]+_)/g;
+  let i = 0, c;
+  for (; c = a.exec(n); ) {
+    c.index > i && e.push(n.slice(i, c.index));
+    const r = c[0], s = `${c.index}-${r}`, d = r.match(/^\[([^\]]+)\]\(([^\)]+)\)$/);
+    if (d) {
+      const l = L(d[2]);
+      e.push(
+        l ? /* @__PURE__ */ t(
+          "a",
+          {
+            href: l,
+            rel: "noreferrer",
+            target: "_blank",
+            children: d[1]
+          },
+          s
+        ) : r
+      );
+    } else r.startsWith("`") ? e.push(/* @__PURE__ */ t("code", { children: r.slice(1, -1) }, s)) : r.startsWith("**") || r.startsWith("__") ? e.push(/* @__PURE__ */ t("strong", { children: r.slice(2, -2) }, s)) : e.push(/* @__PURE__ */ t("em", { children: r.slice(1, -1) }, s));
+    i = a.lastIndex;
+  }
+  return i < n.length && e.push(n.slice(i)), e;
+}
+function v(n, e, a, i) {
+  if (e.length === 0)
+    return;
+  const c = e.map((r, s) => /* @__PURE__ */ t("li", { children: y(r) }, s));
+  n.push(
+    a ? /* @__PURE__ */ t("ol", { children: c }, i) : /* @__PURE__ */ t("ul", { children: c }, i)
+  ), e.length = 0;
+}
+function W({
+  children: n
+}) {
+  const e = [], a = [];
+  let i = !1, c = !1, r = [];
+  return n.split(/\r?\n/).forEach((s, d) => {
+    if (s.startsWith("```")) {
+      c ? (e.push(
+        /* @__PURE__ */ t("pre", { children: /* @__PURE__ */ t("code", { children: r.join(`
+`) }) }, `code-${d}`)
+      ), r = [], c = !1) : (v(e, a, i, `list-${d}`), c = !0);
+      return;
+    }
+    if (c) {
+      r.push(s);
+      return;
+    }
+    const l = s.match(/^\s*[-*]\s+(.+)$/), o = s.match(/^\s*\d+\.\s+(.+)$/);
+    if (l || o) {
+      const h = !!o;
+      a.length && i !== h && v(e, a, i, `list-${d}`), i = h, a.push(
+        ((o == null ? void 0 : o[1]) ?? (l == null ? void 0 : l[1]) ?? "").trim()
+      );
+      return;
+    }
+    if (v(e, a, i, `list-${d}`), !s.trim())
+      return;
+    const u = s.match(/^(#{1,3})\s+(.+)$/);
+    if (u) {
+      const p = `h${u[1].length}`;
+      e.push(
+        /* @__PURE__ */ t(p, { children: y(u[2]) }, `heading-${d}`)
+      );
+      return;
+    }
+    e.push(
+      /* @__PURE__ */ t("p", { children: y(s) }, `paragraph-${d}`)
+    );
+  }), v(e, a, i, "list-final"), c && r.length && e.push(
+    /* @__PURE__ */ t("pre", { children: /* @__PURE__ */ t("code", { children: r.join(`
+`) }) }, "code-final")
+  ), /* @__PURE__ */ t(I, { children: e });
+}
+const C = P(null);
+function b() {
+  const n = T(C);
+  if (!n)
+    throw new Error(
+      "Embedded AgentUI compound components must be rendered inside AgentUI.Container."
+    );
+  return n;
+}
+function O({ content: n }) {
+  return /* @__PURE__ */ t("div", { className: "agenttic-embedded__thinking", children: n ?? g("Thinking…", "a8c-agenttic") });
+}
+function X({
+  heading: n,
+  help: e,
+  suggestions: a,
+  onSuggestionClick: i
+}) {
+  return /* @__PURE__ */ f("div", { className: "agenttic-embedded__empty", children: [
+    n && /* @__PURE__ */ t("h2", { children: n }),
+    e && /* @__PURE__ */ t("p", { children: e }),
+    a != null && a.length ? /* @__PURE__ */ t("div", { className: "agenttic-embedded__suggestions", children: a.map((c) => /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        onClick: () => i == null ? void 0 : i(c),
+        children: c.label
+      },
+      c.id
+    )) }) : null
+  ] });
+}
+function U(n) {
+  return n.content.filter(
+    (e) => e.type === "text" || e.type === "component"
+  );
+}
+function H({ message: n }) {
+  const { messageRenderer: e } = b(), a = e ?? W;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "message",
+      "data-role": n.role,
+      className: `agenttic-embedded__message agenttic-embedded__message--${n.role}`,
+      children: U(n).map((i, c) => {
+        if (i.type === "text" && i.text)
+          return /* @__PURE__ */ t(
+            "div",
+            {
+              className: "agenttic-embedded__bubble",
+              children: /* @__PURE__ */ t(a, { children: i.text })
+            },
+            c
+          );
+        if (i.type === "component" && i.component) {
+          const r = i.component;
+          return /* @__PURE__ */ t(
+            r,
+            {
+              ...i.componentProps || {}
+            },
+            c
+          );
+        }
+        return null;
+      })
+    }
+  );
+}
+function $({
+  className: n
+} = {}) {
+  const {
+    messages: e,
+    isProcessing: a,
+    error: i,
+    emptyView: c,
+    thinkingMessage: r,
+    messagesPosition: s
+  } = b(), d = e.filter(
+    (l) => U(l).length > 0
+  );
+  return d.length === 0 && !a ? c ? /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "messages",
+      className: [
+        "agenttic-embedded__messages",
+        "agenttic-embedded__messages--empty",
+        n
+      ].filter(Boolean).join(" "),
+      children: c
+    }
+  ) : null : /* @__PURE__ */ f(
+    "div",
+    {
+      "data-slot": "messages",
+      className: [
+        "agenttic-embedded__messages",
+        s === "bottom" ? "agenttic-embedded__messages--bottom" : "",
+        n
+      ].filter(Boolean).join(" "),
+      children: [
+        d.map((l) => /* @__PURE__ */ t(
+          H,
+          {
+            message: l
+          },
+          l.reactKey || l.id
+        )),
+        a && /* @__PURE__ */ t(O, { content: r }),
+        i && /* @__PURE__ */ t("div", { className: "agenttic-embedded__error", children: i })
+      ]
+    }
+  );
+}
+function j({
+  className: n,
+  showSuggestions: e,
+  onSelect: a
+} = {}) {
+  const {
+    inputValue: i,
+    setInputValue: c,
+    suggestions: r,
+    clearSuggestions: s,
+    onSuggestionClick: d,
+    submit: l
+  } = b();
+  return i && !e || !(r != null && r.length) ? null : /* @__PURE__ */ t(
+    "div",
+    {
+      className: ["agenttic-embedded__suggestions", n].filter(Boolean).join(" "),
+      children: r.map((o) => {
+        const u = o.prompt ?? o.label;
+        return /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: async () => {
+              if (a == null || a(u), d == null || d(o, r), s == null || s(), o.autoSubmit) {
+                await l(u);
+                return;
+              }
+              c(u);
+            },
+            children: o.label
+          },
+          o.id
+        );
+      })
+    }
+  );
+}
+function x({
+  className: n
+} = {}) {
+  const { notice: e } = b();
+  return e ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: [
+        "agenttic-embedded__notice",
+        e.status ? `agenttic-embedded__notice--${e.status}` : "",
+        n
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ t("span", { children: e.message }),
+        e.action && /* @__PURE__ */ t("button", { type: "button", onClick: e.action.onClick, children: e.action.label })
+      ]
+    }
+  ) : null;
+}
+function V({
+  className: n,
+  disabled: e,
+  onKeyDown: a
+} = {}) {
+  const {
+    acceptedFileTypes: i,
+    allowAttachments: c,
+    fileInputRef: r,
+    files: s,
+    inputValue: d,
+    isProcessing: l,
+    maxInputLength: o = 600,
+    onStop: u,
+    placeholder: h,
+    setFiles: p,
+    setInputValue: _,
+    submit: A
+  } = b(), E = !e && (l || !!d.trim() && d.length <= o), k = Array.isArray(h) ? h[0] : h;
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      "data-slot": "chat-input",
+      className: ["agenttic-embedded__input", n].filter(Boolean).join(" "),
+      children: [
+        c && /* @__PURE__ */ f(I, { children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              ref: r,
+              type: "file",
+              multiple: !0,
+              accept: i == null ? void 0 : i.join(","),
+              style: { display: "none" },
+              onChange: (m) => p(
+                Array.from(m.currentTarget.files ?? [])
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              "aria-label": g("Upload file", "a8c-agenttic"),
+              onClick: () => {
+                var m;
+                return (m = r.current) == null ? void 0 : m.click();
+              },
+              children: "+"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          "textarea",
+          {
+            "aria-label": g("Chat input", "a8c-agenttic"),
+            placeholder: k,
+            value: d,
+            onChange: (m) => _(m.currentTarget.value),
+            onKeyDown: (m) => {
+              a == null || a(m), !m.defaultPrevented && m.key === "Enter" && !m.shiftKey && E && !l && (m.preventDefault(), A());
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            "aria-label": l ? g("Stop processing", "a8c-agenttic") : g("Send message", "a8c-agenttic"),
+            disabled: !E,
+            onClick: () => {
+              if (l) {
+                u == null || u();
+                return;
+              }
+              A();
+            },
+            children: l ? "■" : "↑"
+          }
+        ),
+        s.length > 0 && /* @__PURE__ */ t("span", { className: "agenttic-embedded__attachment-count", children: s.length })
+      ]
+    }
+  );
+}
+function w({
+  children: n,
+  className: e
+} = {}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "chat-footer",
+      className: ["agenttic-embedded__footer", e].filter(Boolean).join(" "),
+      children: n ?? /* @__PURE__ */ f(I, { children: [
+        /* @__PURE__ */ t(j, {}),
+        /* @__PURE__ */ t(x, {}),
+        /* @__PURE__ */ t(V, {})
+      ] })
+    }
+  );
+}
+function B({
+  children: n,
+  className: e
+} = {}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "conversation-view",
+      className: ["agenttic-embedded__conversation", e].filter(Boolean).join(" "),
+      children: n ?? /* @__PURE__ */ f(I, { children: [
+        /* @__PURE__ */ t($, {}),
+        /* @__PURE__ */ t(w, {})
+      ] })
+    }
+  );
+}
+function M({
+  children: n,
+  className: e,
+  ...a
+}) {
+  const [i, c] = N(""), [r, s] = N([]), d = R(null), l = a.inputValue ?? i, o = a.onInputChange ?? c, u = F(
+    async (p) => {
+      const _ = (p ?? l).trim();
+      !_ || a.isProcessing || (o(""), s([]), await a.onSubmit(
+        _,
+        a.allowAttachments ? r : void 0
+      ));
+    },
+    [r, l, a, o]
+  ), h = {
+    ...a,
+    inputValue: l,
+    setInputValue: o,
+    files: r,
+    setFiles: s,
+    fileInputRef: d,
+    submit: u
+  };
+  return /* @__PURE__ */ t(C.Provider, { value: h, children: /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "chat-embedded",
+      className: ["agenttic", "agenttic-embedded", e].filter(Boolean).join(" "),
+      children: n ?? /* @__PURE__ */ t(B, {})
+    }
+  ) });
+}
+const q = {
+  Container: M,
+  ConversationView: B,
+  Messages: $,
+  Footer: w,
+  Input: V,
+  Suggestions: j,
+  Notice: x
+}, z = Object.assign(
+  (n) => /* @__PURE__ */ t(M, { ...n }),
+  q
+), Y = z;
+export {
+  Y as AgentUI,
+  z as EmbeddedAgentUI,
+  M as EmbeddedAgentUIContainer,
+  B as EmbeddedAgentUIConversationView,
+  w as EmbeddedAgentUIFooter,
+  V as EmbeddedAgentUIInput,
+  $ as EmbeddedAgentUIMessages,
+  x as EmbeddedAgentUINotice,
+  j as EmbeddedAgentUISuggestions,
+  X as EmptyView,
+  W as LightweightMarkdownRenderer,
+  O as ThinkingMessage
+};

package/dist/global.css

@@ -0,0 +1 @@
+.agenttic{--base-font-size: 1rem;--color-white: #FFFFFF;--color-background: #FCFCFC;--color-foreground: #1F1F1F;--color-popover: #FCFCFC;--color-popover-muted: #FCFCFC;--color-primary: #2D5AF2;--color-primary-foreground: var(--color-white);--color-muted: #E9E9E9;--color-muted-foreground: #757575;--color-ring: var(--color-primary);--color-success-background: #F1F7F1;--color-success: var(--color-foreground);--color-warning-background: #F8F3E7;--color-warning: var(--color-foreground);--color-error-background: #FCF1F1;--color-error: #E7000B;--color-link: var(--color-primary);--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-weight-medium: 450;--font-weight-semibold: 500;--font-weight-bold: 600;--text-xs: calc(.8125 * var(--base-font-size));--text-xs--line-height: 1.538;--text-sm: calc(.875 * var(--base-font-size));--text-sm--line-height: 1.65;--text-base: calc(.9375 * var(--base-font-size));--text-base--line-height: 1.625;--text-base--tracking: -.01em;--spacing: calc(.25 * var(--base-font-size));--spacing-1: var(--spacing);--spacing-1\.5: calc(var(--spacing) * 1.5);--spacing-2: calc(var(--spacing) * 2);--spacing-3: calc(var(--spacing) * 3);--spacing-3\.5: calc(var(--spacing) * 3.5);--spacing-4: calc(var(--spacing) * 4);--spacing-5: calc(var(--spacing) * 5);--spacing-6: calc(var(--spacing) * 6);--spacing-7: calc(var(--spacing) * 7);--spacing-8: calc(var(--spacing) * 8);--spacing-9: calc(var(--spacing) * 9);--spacing-10: calc(var(--spacing) * 10);--spacing-12: calc(var(--spacing) * 12);--spacing-20: calc(var(--spacing) * 20);--radius: var(--base-font-size);--radius-xs: calc(var(--radius) - 10px);--radius-sm: calc(var(--radius) - 8px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 8px);--radius-full: 9999px;--shadow-sm: 0 0 0 1px color-mix(in srgb, var(--color-foreground) 10%, transparent), 0 0 6px color-mix(in srgb, var(--color-foreground) 5%, transparent);--shadow-lg: 0 0 0 1px rgba(0, 0, 0, .075), 0 2px 24px rgba(0, 0, 0, .075);--shadow-outline: 0 0 0 1px color-mix(in srgb, var(--color-foreground) 10%, transparent);--shadow-outline-strong: 0 0 0 1px color-mix(in srgb, var(--color-foreground) 25%, transparent);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1), fill .15s cubic-bezier(.4, 0, .2, 1), stroke .15s cubic-bezier(.4, 0, .2, 1)}.agenttic.dark{--color-background: #1F1F1F;--color-foreground: #FFFFFF;--color-popover: #1F1F1F;--color-popover-muted: #2F2F2F;--color-muted: #464646;--color-muted-foreground: #8F8F8F;--color-success-background: #1F2E1F;--color-warning-background: #2E281F;--color-error-background: #2E1F1F;--color-error: #FFDDDF;--color-link: var(--color-white)}.agenttic.dark [data-slot=collapsed-view] svg{color:var(--color-white)}@layer base{.agenttic *,.agenttic :before,.agenttic :after,.agenttic ::backdrop,.agenttic ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}.agenttic *{outline-color:var(--color-ring)}.agenttic button,.agenttic input,.agenttic select,.agenttic optgroup,.agenttic textarea,.agenttic ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;background-color:transparent;opacity:1}.agenttic input,.agenttic select,.agenttic optgroup,.agenttic textarea,.agenttic ::file-selector-button{color:inherit;border-radius:0}.agenttic [data-slot=messages],.agenttic [data-slot=chat-input],.agenttic [data-slot=chat-footer],.agenttic [data-slot=chat-header] [data-slot=button]{cursor:default}}