@syntrologie/adapt-chatbot 2.8.0-canary.9 → 2.8.0-canary.91

package/dist/ChatAssistantLit.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Adaptive Chatbot - ChatAssistantLit
+ *
+ * Lit web component equivalent of ChatAssistant.tsx.
+ * Renders a message list with auto-scroll, typing indicator, error banner,
+ * and a composer input — all without React or Shadow DOM.
+ *
+ * Custom element: <syntro-chat-assistant>
+ *
+ * Decorator-free: uses `static override properties` (tsconfig has no
+ * experimentalDecorators).
+ *
+ * Light DOM (createRenderRoot returns `this`) so host-page CSS variables
+ * and the widget's inline styles both apply without :host() friction.
+ */
+import { LitElement } from 'lit';
+import type { ChatbotConfig, ChatbotWidgetRuntime, ChatMessage } from './types.js';
+export interface ChatAssistantLitProps {
+    config: ChatbotConfig;
+    runtime: ChatbotWidgetRuntime;
+    tileId?: string;
+}
+export declare class ChatAssistantElement extends LitElement {
+    #private;
+    createRenderRoot(): this;
+    static properties: {
+        config: {
+            attribute: boolean;
+        };
+        runtime: {
+            attribute: boolean;
+        };
+        tileId: {
+            type: StringConstructor;
+        };
+        _messages: {
+            state: boolean;
+        };
+        _isLoading: {
+            state: boolean;
+        };
+        _error: {
+            state: boolean;
+        };
+    };
+    config: ChatbotConfig | undefined;
+    runtime: ChatbotWidgetRuntime | undefined;
+    tileId: string;
+    /** @internal */ _messages: ChatMessage[];
+    /** @internal */ _isLoading: boolean;
+    /** @internal */ _error: string | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    /** Programmatically clear the conversation (mirrors useChat.clearMessages) */
+    clearMessages(): void;
+}
+export declare const registerChatAssistantElement: () => void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syntro-chat-assistant': ChatAssistantElement;
+    }
+}
+export declare const ChatAssistantLitMountable: {
+    mount(container: HTMLElement, mountConfig?: Record<string, unknown>): () => void;
+};
+//# sourceMappingURL=ChatAssistantLit.d.ts.map

package/dist/ChatAssistantLit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAssistantLit.d.ts","sourceRoot":"","sources":["../src/ChatAssistantLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAEV,aAAa,EACb,oBAAoB,EACpB,WAAW,EACZ,MAAM,YAAY,CAAC;AAgIpB,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,qBAAa,oBAAqB,SAAQ,UAAU;;IAGzC,gBAAgB;IAMzB,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;MAUxB;IAIF,MAAM,EAAE,aAAa,GAAG,SAAS,CAAa;IAC9C,OAAO,EAAE,oBAAoB,GAAG,SAAS,CAAa;IACtD,MAAM,SAAoB;IAI1B,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,CAAM;IAC/C,gBAAgB,CAAC,UAAU,UAAS;IACpC,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAUrC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAc5B,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuB5C,MAAM;IAqJf,8EAA8E;IAC9E,aAAa,IAAI,IAAI;CAWtB;AAQD,eAAO,MAAM,4BAA4B,QAAO,IAK/C,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,oBAAoB,CAAC;KAC/C;CACF;AAMD,eAAO,MAAM,yBAAyB;qBACnB,WAAW,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAiCpE,CAAC"}

package/dist/ChatAssistantLit.js

@@ -0,0 +1,383 @@
+/**
+ * Adaptive Chatbot - ChatAssistantLit
+ *
+ * Lit web component equivalent of ChatAssistant.tsx.
+ * Renders a message list with auto-scroll, typing indicator, error banner,
+ * and a composer input — all without React or Shadow DOM.
+ *
+ * Custom element: <syntro-chat-assistant>
+ *
+ * Decorator-free: uses `static override properties` (tsconfig has no
+ * experimentalDecorators).
+ *
+ * Light DOM (createRenderRoot returns `this`) so host-page CSS variables
+ * and the widget's inline styles both apply without :host() friction.
+ */
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _ChatAssistantElement_instances, _ChatAssistantElement_batchHandle, _ChatAssistantElement_inputEl, _ChatAssistantElement_messageListEl, _ChatAssistantElement_renderBubble, _ChatAssistantElement_handleSubmit, _ChatAssistantElement_sendMessage;
+import { html, LitElement, nothing } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+import { parseActions } from './actionParser.js';
+import { sendMessage } from './apiClient.js';
+// ============================================================================
+// Design-system color tokens (inlined to avoid a runtime import chain)
+// purple[4]=#6a59ce  base.white=#ffffff  slateGrey[10]=#cbd0d7
+// slateGrey[12]=#f6f7f9  slateGrey[8]=#87919f  slateGrey[7]=#677384
+// red[4]=#ff2524
+// ============================================================================
+const PURPLE_4 = '#6a59ce';
+const WHITE = '#ffffff';
+const SLATE_10 = '#cbd0d7';
+const SLATE_12 = '#f6f7f9';
+const SLATE_8 = '#87919f';
+const SLATE_7 = '#677384';
+const RED_4 = '#ff2524';
+// ============================================================================
+// ID generator (matches the one in useChat.ts)
+// ============================================================================
+let _nextId = 0;
+function generateId() {
+    return `msg-${Date.now()}-${++_nextId}`;
+}
+// ============================================================================
+// Style objects (mirrors ChatAssistant.tsx styles const)
+// ============================================================================
+const containerStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    fontFamily: 'system-ui, -apple-system, sans-serif',
+    fontSize: '14px',
+    touchAction: 'none',
+};
+const messageListStyle = {
+    flex: '1',
+    overflowY: 'auto',
+    padding: '12px',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '8px',
+};
+const bubbleBaseStyle = {
+    maxWidth: '85%',
+    padding: '8px 12px',
+    borderRadius: '12px',
+    lineHeight: '1.5',
+    wordBreak: 'break-word',
+};
+const userBubbleExtra = {
+    alignSelf: 'flex-end',
+    backgroundColor: PURPLE_4,
+    color: WHITE,
+    borderBottomRightRadius: '4px',
+};
+const assistantBubbleExtra = {
+    alignSelf: 'flex-start',
+    backgroundColor: 'rgba(255, 255, 255, 0.08)',
+    color: SLATE_10,
+    borderBottomLeftRadius: '4px',
+};
+const loadingDotsStyle = {
+    alignSelf: 'flex-start',
+    padding: '8px 16px',
+    backgroundColor: 'rgba(255, 255, 255, 0.05)',
+    borderRadius: '12px',
+    color: SLATE_8,
+    fontSize: '13px',
+};
+const errorBannerStyle = {
+    padding: '8px 12px',
+    backgroundColor: 'rgba(239, 68, 68, 0.1)',
+    color: RED_4,
+    fontSize: '13px',
+    borderRadius: '8px',
+    margin: '0 12px',
+};
+const inputFormStyle = {
+    display: 'flex',
+    gap: '8px',
+    padding: '12px',
+    borderTop: '1px solid rgba(255, 255, 255, 0.06)',
+};
+const inputStyle = {
+    flex: '1',
+    padding: '8px 12px',
+    borderRadius: '8px',
+    border: '1px solid rgba(255, 255, 255, 0.1)',
+    backgroundColor: 'rgba(0, 0, 0, 0.2)',
+    color: SLATE_12,
+    fontSize: '14px',
+    outline: 'none',
+    fontFamily: 'inherit',
+};
+const sendButtonStyle = {
+    padding: '8px 16px',
+    borderRadius: '8px',
+    border: 'none',
+    backgroundColor: PURPLE_4,
+    color: WHITE,
+    fontWeight: '600',
+    fontSize: '13px',
+    cursor: 'pointer',
+    whiteSpace: 'nowrap',
+};
+const sendButtonDisabledExtra = {
+    opacity: '0.5',
+    cursor: 'not-allowed',
+};
+// ============================================================================
+// ChatAssistantElement — Lit element
+// ============================================================================
+export class ChatAssistantElement extends LitElement {
+    constructor() {
+        // ---------- Light DOM: inherit host styles, no shadow boundary ----------
+        super(...arguments);
+        _ChatAssistantElement_instances.add(this);
+        // ---------- Public input properties --------------------------------------
+        this.config = undefined;
+        this.runtime = undefined;
+        this.tileId = 'chatbot-widget';
+        // ---------- Internal reactive state -------------------------------------
+        /** @internal */ this._messages = [];
+        /** @internal */ this._isLoading = false;
+        /** @internal */ this._error = null;
+        // ---------- Private (non-reactive) fields --------------------------------
+        _ChatAssistantElement_batchHandle.set(this, null);
+        _ChatAssistantElement_inputEl.set(this, null);
+        _ChatAssistantElement_messageListEl.set(this, null);
+        // ---------- Event handlers ----------------------------------------------
+        _ChatAssistantElement_handleSubmit.set(this, (e) => {
+            e.preventDefault();
+            const input = __classPrivateFieldGet(this, _ChatAssistantElement_inputEl, "f") ?? this.querySelector('[data-chat-input]');
+            if (!input || !input.value.trim() || this._isLoading)
+                return;
+            const text = input.value;
+            input.value = '';
+            __classPrivateFieldGet(this, _ChatAssistantElement_instances, "m", _ChatAssistantElement_sendMessage).call(this, text);
+        });
+    }
+    createRenderRoot() {
+        return this;
+    }
+    // ---------- Lifecycle: connectedCallback --------------------------------
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    // ---------- Lifecycle: disconnectedCallback -----------------------------
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // Revert any active actions on unmount (mirrors useChat cleanup)
+        if (__classPrivateFieldGet(this, _ChatAssistantElement_batchHandle, "f")?.isApplied()) {
+            __classPrivateFieldGet(this, _ChatAssistantElement_batchHandle, "f").revertAll().catch((err) => {
+                console.error('[ChatAssistantElement] Failed to revert actions on disconnect:', err);
+            });
+            __classPrivateFieldSet(this, _ChatAssistantElement_batchHandle, null, "f");
+        }
+    }
+    // ---------- Lifecycle: firstUpdated -------------------------------------
+    firstUpdated() {
+        // Cache references to imperative DOM nodes once (elements never change identity)
+        __classPrivateFieldSet(this, _ChatAssistantElement_inputEl, this.querySelector('[data-chat-input]'), "f");
+        __classPrivateFieldSet(this, _ChatAssistantElement_messageListEl, this.querySelector('[data-message-list]'), "f");
+    }
+    // ---------- Lifecycle: updated ------------------------------------------
+    updated(changed) {
+        // Auto-scroll to bottom when messages change
+        if (changed.has('_messages') || changed.has('_isLoading')) {
+            if (__classPrivateFieldGet(this, _ChatAssistantElement_messageListEl, "f")) {
+                __classPrivateFieldGet(this, _ChatAssistantElement_messageListEl, "f").scrollTop = __classPrivateFieldGet(this, _ChatAssistantElement_messageListEl, "f").scrollHeight;
+            }
+        }
+        // Seed greeting when config is set after construction
+        if (changed.has('config') && this.config?.greeting && this._messages.length === 0) {
+            this._messages = [
+                {
+                    id: generateId(),
+                    role: 'assistant',
+                    text: this.config.greeting,
+                    timestamp: Date.now(),
+                },
+            ];
+        }
+    }
+    // ---------- Render -------------------------------------------------------
+    render() {
+        return html `
+      <div style=${styleMap(containerStyle)} data-testid="chat-assistant">
+        <!-- Message list -->
+        <div style=${styleMap(messageListStyle)} data-message-list>
+          ${this._messages.map((msg) => __classPrivateFieldGet(this, _ChatAssistantElement_instances, "m", _ChatAssistantElement_renderBubble).call(this, msg))}
+          ${this._isLoading ? html `<div style=${styleMap(loadingDotsStyle)}>Thinking...</div>` : nothing}
+        </div>
+
+        <!-- Error banner -->
+        ${this._error
+            ? html `<div style=${styleMap(errorBannerStyle)}>${this._error}</div>`
+            : nothing}
+
+        <!-- Composer -->
+        <form
+          style=${styleMap(inputFormStyle)}
+          @submit=${__classPrivateFieldGet(this, _ChatAssistantElement_handleSubmit, "f")}
+        >
+          <input
+            data-chat-input
+            style=${styleMap(inputStyle)}
+            placeholder="Ask anything..."
+            ?disabled=${this._isLoading}
+            data-testid="chat-input"
+          />
+          <button
+            type="submit"
+            ?disabled=${this._isLoading}
+            style=${styleMap(this._isLoading ? { ...sendButtonStyle, ...sendButtonDisabledExtra } : sendButtonStyle)}
+            data-testid="chat-send"
+          >
+            Send
+          </button>
+        </form>
+      </div>
+    `;
+    }
+    // ---------- Public API --------------------------------------------------
+    /** Programmatically clear the conversation (mirrors useChat.clearMessages) */
+    clearMessages() {
+        this._messages = [];
+        this._error = null;
+        if (__classPrivateFieldGet(this, _ChatAssistantElement_batchHandle, "f")?.isApplied()) {
+            __classPrivateFieldGet(this, _ChatAssistantElement_batchHandle, "f").revertAll().catch((err) => {
+                console.error('[ChatAssistantElement] Failed to revert actions on clear:', err);
+            });
+            __classPrivateFieldSet(this, _ChatAssistantElement_batchHandle, null, "f");
+        }
+        sessionStorage.removeItem(`syntro:chatbot:history:${this.tileId}`);
+    }
+}
+_ChatAssistantElement_batchHandle = new WeakMap(), _ChatAssistantElement_inputEl = new WeakMap(), _ChatAssistantElement_messageListEl = new WeakMap(), _ChatAssistantElement_handleSubmit = new WeakMap(), _ChatAssistantElement_instances = new WeakSet(), _ChatAssistantElement_renderBubble = function _ChatAssistantElement_renderBubble(msg) {
+    const isUser = msg.role === 'user';
+    const bubbleStyle = isUser
+        ? { ...bubbleBaseStyle, ...userBubbleExtra }
+        : { ...bubbleBaseStyle, ...assistantBubbleExtra };
+    return html `<div style=${styleMap(bubbleStyle)}>${msg.text}</div>`;
+}, _ChatAssistantElement_sendMessage = 
+// ---------- Message sending logic (replaces useChat) --------------------
+async function _ChatAssistantElement_sendMessage(text) {
+    const trimmed = text.trim();
+    if (!trimmed || !this.config || !this.runtime)
+        return;
+    this._error = null;
+    const userMessage = {
+        id: generateId(),
+        role: 'user',
+        text: trimmed,
+        timestamp: Date.now(),
+    };
+    this._messages = [...this._messages, userMessage];
+    this._isLoading = true;
+    // Fire custom event so parent components / SDK can observe submission
+    this.dispatchEvent(new CustomEvent('chat-message-sent', {
+        detail: { text: trimmed },
+        bubbles: true,
+    }));
+    try {
+        const maxHistory = this.config.maxHistory ?? 20;
+        const historySlice = [...this._messages].slice(-maxHistory).map((m) => ({
+            role: m.role,
+            content: m.text,
+        }));
+        const response = await sendMessage(this.config.backendUrl, {
+            message: trimmed,
+            history: historySlice,
+            mlflow_run_id: this.config.mlflowRunId,
+        });
+        const { displayText, actions } = parseActions(response.response);
+        const assistantMessage = {
+            id: generateId(),
+            role: 'assistant',
+            text: displayText,
+            timestamp: Date.now(),
+        };
+        this._messages = [...this._messages, assistantMessage];
+        // Execute actions if present (mirrors useChat action lifecycle)
+        if (actions.length > 0) {
+            if (__classPrivateFieldGet(this, _ChatAssistantElement_batchHandle, "f")?.isApplied()) {
+                await __classPrivateFieldGet(this, _ChatAssistantElement_batchHandle, "f").revertAll();
+            }
+            __classPrivateFieldSet(this, _ChatAssistantElement_batchHandle, await this.runtime.actions.applyBatch(actions), "f");
+            this.runtime.events.publish('chatbot.actions_applied', {
+                count: actions.length,
+                kinds: actions.map((a) => a.kind),
+                tileId: this.tileId,
+            });
+        }
+        // Fire custom event with the assistant reply
+        this.dispatchEvent(new CustomEvent('chat-response-received', {
+            detail: { text: displayText, actions },
+            bubbles: true,
+        }));
+    }
+    catch (err) {
+        const message = err instanceof Error ? err.message : 'An unexpected error occurred';
+        this._error = message;
+    }
+    finally {
+        this._isLoading = false;
+    }
+};
+// ---------- Reactive property declarations (no decorators) ---------------
+ChatAssistantElement.properties = {
+    // Public inputs
+    config: { attribute: false },
+    runtime: { attribute: false },
+    tileId: { type: String },
+    // Internal reactive state
+    _messages: { state: true },
+    _isLoading: { state: true },
+    _error: { state: true },
+};
+// ============================================================================
+// Custom element registration
+// ============================================================================
+const TAG_NAME = 'syntro-chat-assistant';
+export const registerChatAssistantElement = () => {
+    if (typeof window === 'undefined')
+        return;
+    if (!customElements.get(TAG_NAME)) {
+        customElements.define(TAG_NAME, ChatAssistantElement);
+    }
+};
+// ============================================================================
+// Mountable Widget Interface (Lit version — no React dependency)
+// ============================================================================
+export const ChatAssistantLitMountable = {
+    mount(container, mountConfig) {
+        const { config, runtime, tileId = 'chatbot-widget', } = (mountConfig ?? {});
+        if (!config || !runtime) {
+            container.innerHTML = `<div style="padding: 16px; color: ${SLATE_8};">Chat widget requires config and runtime.</div>`;
+            return () => {
+                container.innerHTML = '';
+            };
+        }
+        registerChatAssistantElement();
+        const el = document.createElement('syntro-chat-assistant');
+        el.config = config;
+        el.runtime = runtime;
+        el.tileId = tileId;
+        // Stretch to fill the container
+        el.style.cssText = 'display:flex;flex-direction:column;height:100%;width:100%;';
+        container.appendChild(el);
+        return () => {
+            el.remove();
+        };
+    },
+};

package/dist/SyntroChatbot.d.ts

@@ -0,0 +1,14 @@
+import type { ChatbotWidgetRuntime } from './types';
+export interface SyntroChatbotConfig {
+    /** Backend URL that returns Vercel AI SDK streaming response format */
+    backendUrl: string;
+    /** Greeting shown in the empty thread state */
+    greeting?: string;
+}
+export interface SyntroChatbotProps {
+    runtime: ChatbotWidgetRuntime;
+    config: SyntroChatbotConfig;
+}
+export declare function SyntroChatbot({ runtime, config }: SyntroChatbotProps): import("react/jsx-runtime").JSX.Element;
+export default SyntroChatbot;
+//# sourceMappingURL=SyntroChatbot.d.ts.map

package/dist/SyntroChatbot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyntroChatbot.d.ts","sourceRoot":"","sources":["../src/SyntroChatbot.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,UAAU,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AA6BD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAgEpE;AAED,eAAe,aAAa,CAAC"}

package/dist/SyntroChatbot.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SyntroChatbot — Supply Mode
+ *
+ * Convenience component for clients who want Syntro to provide the chat shell.
+ * Uses AssistantChatTransport (from @assistant-ui/react-ai-sdk) pointing at
+ * backendUrl. The backend must return Vercel AI SDK streaming format
+ * (toDataStreamResponse() from the `ai` package).
+ *
+ * For integration mode (client owns the shell), use SyntroTools instead:
+ *   import { SyntroTools } from '@syntrologie/adapt-chatbot/tools'
+ */
+import { AssistantRuntimeProvider, ComposerPrimitive, MessagePrimitive, ThreadPrimitive, useMessage, } from '@assistant-ui/react';
+import { AssistantChatTransport, useChatRuntime } from '@assistant-ui/react-ai-sdk';
+import { useMemo } from 'react';
+import { SyntroTools } from './tools/registrations';
+function ChatBubble() {
+    const message = useMessage();
+    const textParts = message.content?.filter((part) => part.type === 'text');
+    return (_jsx(MessagePrimitive.Root, { children: _jsx("div", { style: {
+                padding: '8px 12px',
+                borderRadius: '8px',
+                background: message.role === 'user' ? 'rgba(107, 70, 193, 0.15)' : 'rgba(255,255,255,0.05)',
+                alignSelf: message.role === 'user' ? 'flex-end' : 'flex-start',
+                maxWidth: '80%',
+                fontSize: '14px',
+            }, children: textParts?.map((part, i) => (_jsx("span", { children: part.text }, i))) }) }));
+}
+export function SyntroChatbot({ runtime, config }) {
+    const transport = useMemo(() => new AssistantChatTransport({ api: config.backendUrl }), [config.backendUrl]);
+    const chatRuntime = useChatRuntime({ transport });
+    return (_jsxs(AssistantRuntimeProvider, { runtime: chatRuntime, children: [_jsx(SyntroTools, { runtime: runtime }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [_jsx(ThreadPrimitive.Root, { style: { flex: 1, overflowY: 'auto' }, children: _jsxs(ThreadPrimitive.Viewport, { style: { padding: '12px', display: 'flex', flexDirection: 'column', gap: '8px' }, children: [_jsx(ThreadPrimitive.Empty, { children: _jsx("div", { style: { padding: '24px', textAlign: 'center', fontSize: '14px', opacity: 0.7 }, children: config.greeting ?? 'Hi! How can I help?' }) }), _jsx(ThreadPrimitive.Messages, { components: {
+                                        UserMessage: ChatBubble,
+                                        AssistantMessage: ChatBubble,
+                                    } })] }) }), _jsx("div", { style: { borderTop: '1px solid rgba(255,255,255,0.1)', padding: '12px' }, children: _jsxs(ComposerPrimitive.Root, { style: { display: 'flex', gap: '8px' }, children: [_jsx(ComposerPrimitive.Input, { placeholder: "Ask me anything...", style: {
+                                        flex: 1,
+                                        padding: '8px 12px',
+                                        borderRadius: '8px',
+                                        border: '1px solid rgba(255,255,255,0.15)',
+                                        background: 'rgba(255,255,255,0.05)',
+                                        color: 'inherit',
+                                        fontSize: '14px',
+                                        fontFamily: 'inherit',
+                                        resize: 'none',
+                                    }, rows: 1 }), _jsx(ComposerPrimitive.Send, { style: {
+                                        padding: '8px 16px',
+                                        borderRadius: '8px',
+                                        border: 'none',
+                                        background: 'var(--syntro-purple-4, #6b46c1)',
+                                        color: 'white',
+                                        fontSize: '14px',
+                                        fontWeight: 600,
+                                        cursor: 'pointer',
+                                    }, children: "Send" })] }) })] })] }));
+}
+export default SyntroChatbot;

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM/D,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAoF3E;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM/D,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAkF3E;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/editor.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Visual editor panel for configuring chatbot tile props.
  */
-import { EditorBody, EditorFooter, EditorHeader, EditorInput, EditorLayout, EditorTextarea, } from '@syntrologie/shared-editor-ui';
+import { EditorBody, EditorHeader, EditorInput, EditorLayout, EditorTextarea, } from '@syntrologie/shared-editor-ui';
 import { useEffect, useRef } from 'react';
 // ============================================================================
 // ChatbotEditor Component
@@ -23,7 +23,7 @@ export function ChatbotEditor({ config, onChange, editor }) {
         onChange({ ...config, [field]: value });
         editor.setDirty(true);
     };
-    return (_jsxs(EditorLayout, { children: [_jsx(EditorHeader, { title: "Chat Assistant", subtitle: "Configure AI chat assistant", onBack: () => editor.navigateHome() }), _jsxs(EditorBody, { children: [_jsxs("div", { className: "se-mb-6", children: [_jsx("div", { className: "se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3", children: "API Configuration" }), _jsx(EditorInput, { label: "Backend URL", type: "text", value: typedConfig.backendUrl || '', onChange: (e) => handleChange('backendUrl', e.target.value), placeholder: "/api/chat/message" }), _jsx(EditorInput, { label: "MLflow Run ID (optional)", type: "text", value: typedConfig.mlflowRunId || '', onChange: (e) => handleChange('mlflowRunId', e.target.value), placeholder: "e.g., abc123" })] }), _jsxs("div", { className: "se-mb-6", children: [_jsx("div", { className: "se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3", children: "Chat Settings" }), _jsx(EditorTextarea, { label: "Greeting Message", value: typedConfig.greeting || '', onChange: (e) => handleChange('greeting', e.target.value), placeholder: "Hi! How can I help?" }), _jsx(EditorInput, { label: "Max History (messages sent to backend)", type: "number", value: typedConfig.maxHistory || 20, onChange: (e) => handleChange('maxHistory', parseInt(e.target.value, 10)), min: 1, max: 100 })] })] }), _jsx(EditorFooter, { onSave: () => editor.save(), onPublish: () => editor.publish() })] }));
+    return (_jsxs(EditorLayout, { children: [_jsx(EditorHeader, { title: "Chat Assistant", subtitle: "Configure AI chat assistant", onBack: () => editor.navigateHome() }), _jsxs(EditorBody, { children: [_jsxs("div", { className: "se-mb-6", children: [_jsx("div", { className: "se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3", children: "API Configuration" }), _jsx(EditorInput, { label: "Backend URL", type: "text", value: typedConfig.backendUrl || '', onChange: (e) => handleChange('backendUrl', e.target.value), placeholder: "/api/chat/message" }), _jsx(EditorInput, { label: "MLflow Run ID (optional)", type: "text", value: typedConfig.mlflowRunId || '', onChange: (e) => handleChange('mlflowRunId', e.target.value), placeholder: "e.g., abc123" })] }), _jsxs("div", { className: "se-mb-6", children: [_jsx("div", { className: "se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3", children: "Chat Settings" }), _jsx(EditorTextarea, { label: "Greeting Message", value: typedConfig.greeting || '', onChange: (e) => handleChange('greeting', e.target.value), placeholder: "Hi! How can I help?" }), _jsx(EditorInput, { label: "Max History (messages sent to backend)", type: "number", value: typedConfig.maxHistory || 20, onChange: (e) => handleChange('maxHistory', parseInt(e.target.value, 10)), min: 1, max: 100 })] })] })] }));
 }
 /**
  * Editor panel configuration for the app registry.

package/dist/runtime-lit.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Adaptive Chatbot - Runtime Module (Lit)
+ *
+ * Runtime manifest for the AI chat assistant adaptive.
+ * Uses the Lit web component mountable instead of the React one.
+ * This is a widget-based adaptive with no action executors.
+ */
+export declare const runtime: {
+    id: string;
+    version: string;
+    name: string;
+    description: string;
+    /** No action executors — chatbot uses existing action kinds via applyBatch */
+    executors: never[];
+    /** Widget definitions for the runtime's WidgetRegistry */
+    widgets: {
+        id: string;
+        component: {
+            mount(container: HTMLElement, mountConfig?: Record<string, unknown>): () => void;
+        };
+        metadata: {
+            name: string;
+            description: string;
+            icon: string;
+        };
+    }[];
+};
+export default runtime;
+//# sourceMappingURL=runtime-lit.d.ts.map

package/dist/runtime-lit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-lit.d.ts","sourceRoot":"","sources":["../src/runtime-lit.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,eAAO,MAAM,OAAO;;;;;IAMlB,8EAA8E;;IAG9E,0DAA0D;;;;;;;;;;;;CAY3D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/runtime-lit.js

@@ -0,0 +1,32 @@
+/**
+ * Adaptive Chatbot - Runtime Module (Lit)
+ *
+ * Runtime manifest for the AI chat assistant adaptive.
+ * Uses the Lit web component mountable instead of the React one.
+ * This is a widget-based adaptive with no action executors.
+ */
+import { ChatAssistantLitMountable } from './ChatAssistantLit';
+// ============================================================================
+// App Runtime Manifest
+// ============================================================================
+export const runtime = {
+    id: 'adaptive-chatbot',
+    version: '1.0.0',
+    name: 'Chat Assistant',
+    description: 'AI chat assistant with action execution capabilities',
+    /** No action executors — chatbot uses existing action kinds via applyBatch */
+    executors: [],
+    /** Widget definitions for the runtime's WidgetRegistry */
+    widgets: [
+        {
+            id: 'adaptive-chatbot:assistant',
+            component: ChatAssistantLitMountable,
+            metadata: {
+                name: 'Chat Assistant',
+                description: 'AI-powered chat assistant that can execute DOM actions',
+                icon: '💬',
+            },
+        },
+    ],
+};
+export default runtime;

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,eAAO,MAAM,OAAO;;;;;IAMlB,8EAA8E;;IAG9E,0DAA0D;;;;;;;;;;;;CAY3D,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,eAAO,MAAM,OAAO;;;;;IAMlB,8EAA8E;;IAG9E,0DAA0D;;;;;;;;;;;;CAqB3D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/runtime.js

@@ -5,6 +5,7 @@
  * This is a widget-based adaptive with no action executors.
  */
 import { ChatAssistantMountableWidget } from './ChatAssistant';
+import { ChatAssistantLitMountable } from './ChatAssistantLit';
 // ============================================================================
 // App Runtime Manifest
 // ============================================================================
@@ -26,6 +27,15 @@ export const runtime = {
                 icon: '💬',
             },
         },
+        {
+            id: 'adaptive-chatbot:assistant-lit',
+            component: ChatAssistantLitMountable,
+            metadata: {
+                name: 'Chat Assistant (Lit)',
+                description: 'Lit web component chat assistant — no React dependency',
+                icon: '💬',
+            },
+        },
     ],
 };
 export default runtime;

package/dist/tools/bridge.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Tool Bridge — Dispatch
+ *
+ * executeTool: translates an AI tool call to an ActionStep and fires applyBatch().
+ * getContext: reads session state from the runtime (no page effect).
+ */
+import type { ChatbotWidgetRuntime } from '../types';
+export interface ToolCall {
+    name: string;
+    args: Record<string, unknown>;
+}
+export interface ContextResult {
+    page: string;
+    signals: ReturnType<ChatbotWidgetRuntime['getActiveSignals']>;
+    config: ReturnType<ChatbotWidgetRuntime['getContextConfig']>;
+}
+/**
+ * Execute a tool call. For action tools (show_overlay, scroll_to):
+ * expands args to ActionStep and calls applyBatch(). Throws for unknown tools.
+ */
+export declare function executeTool(call: ToolCall, runtime: ChatbotWidgetRuntime): Promise<void>;
+/**
+ * Read current session context. Never calls applyBatch.
+ */
+export declare function getContext(runtime: ChatbotWidgetRuntime): ContextResult;
+//# sourceMappingURL=bridge.d.ts.map

package/dist/tools/bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../../src/tools/bridge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC9D,MAAM,EAAE,UAAU,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAC9D;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CAG9F;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,oBAAoB,GAAG,aAAa,CAMvE"}

package/dist/tools/bridge.js

@@ -0,0 +1,25 @@
+/**
+ * Tool Bridge — Dispatch
+ *
+ * executeTool: translates an AI tool call to an ActionStep and fires applyBatch().
+ * getContext: reads session state from the runtime (no page effect).
+ */
+import { expand } from './expanders';
+/**
+ * Execute a tool call. For action tools (show_overlay, scroll_to):
+ * expands args to ActionStep and calls applyBatch(). Throws for unknown tools.
+ */
+export async function executeTool(call, runtime) {
+    const step = expand(call.name, call.args);
+    await runtime.actions.applyBatch([step]);
+}
+/**
+ * Read current session context. Never calls applyBatch.
+ */
+export function getContext(runtime) {
+    return {
+        page: window.location.pathname,
+        signals: runtime.getActiveSignals(),
+        config: runtime.getContextConfig(),
+    };
+}

package/dist/tools/expanders.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Tool Bridge — Expanders
+ *
+ * Translates simplified AI tool arguments into full ActionStep objects.
+ * The AI sees small, constrained arg schemas. Expanders fill in all
+ * schema defaults the AI doesn't need to reason about.
+ */
+export interface ActionStep {
+    kind: string;
+    config: Record<string, unknown>;
+}
+/**
+ * Expand a tool call into a full ActionStep.
+ * Throws for unknown tool names — do not silently ignore.
+ */
+export declare function expand(toolName: string, args: Record<string, unknown>): ActionStep;
+//# sourceMappingURL=expanders.d.ts.map

package/dist/tools/expanders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expanders.d.ts","sourceRoot":"","sources":["../../src/tools/expanders.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AA6BD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,UAAU,CAMlF"}

package/dist/tools/expanders.js

@@ -0,0 +1,41 @@
+/**
+ * Tool Bridge — Expanders
+ *
+ * Translates simplified AI tool arguments into full ActionStep objects.
+ * The AI sees small, constrained arg schemas. Expanders fill in all
+ * schema defaults the AI doesn't need to reason about.
+ */
+const expanders = {
+    show_overlay: (args) => ({
+        kind: 'show_overlay',
+        config: {
+            headline: args['headline'],
+            body: args['body'],
+            cta_label: args['cta'] ?? null,
+            // Schema defaults — AI does not control these
+            position: 'center',
+            dismissible: true,
+        },
+    }),
+    scroll_to: (args) => ({
+        kind: 'scroll_to',
+        config: {
+            // Passed through as-is. The runtime SDK's scroll_to executor resolves
+            // the target string: first as a CSS selector / anchor ID, then by
+            // case-insensitive heading text match. The expander does no DOM lookup.
+            target: args['section'],
+            behavior: 'smooth',
+        },
+    }),
+};
+/**
+ * Expand a tool call into a full ActionStep.
+ * Throws for unknown tool names — do not silently ignore.
+ */
+export function expand(toolName, args) {
+    const expander = expanders[toolName];
+    if (!expander) {
+        throw new Error(`Unknown tool: ${toolName}`);
+    }
+    return expander(args);
+}

package/dist/tools/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Tool Bridge — public API
+ *
+ * Integration mode (client owns the chat shell):
+ *   import { SyntroTools } from '@syntrologie/adapt-chatbot/tools'
+ *   // Render <SyntroTools runtime={syntroRuntime} /> inside AssistantRuntimeProvider
+ *
+ * Supply mode: use <SyntroChatbot /> from '@syntrologie/adapt-chatbot' instead.
+ */
+export type { ContextResult, ToolCall } from './bridge';
+export { executeTool, getContext } from './bridge';
+export type { ActionStep } from './expanders';
+export { SyntroTools } from './registrations';
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tools/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/tools/index.js

@@ -0,0 +1,11 @@
+/**
+ * Tool Bridge — public API
+ *
+ * Integration mode (client owns the chat shell):
+ *   import { SyntroTools } from '@syntrologie/adapt-chatbot/tools'
+ *   // Render <SyntroTools runtime={syntroRuntime} /> inside AssistantRuntimeProvider
+ *
+ * Supply mode: use <SyntroChatbot /> from '@syntrologie/adapt-chatbot' instead.
+ */
+export { executeTool, getContext } from './bridge';
+export { SyntroTools } from './registrations';

package/dist/tools/registrations/GetContextTool.d.ts

@@ -0,0 +1,7 @@
+import type { ChatbotWidgetRuntime } from '../../types';
+interface Props {
+    runtime: ChatbotWidgetRuntime;
+}
+export declare function GetContextTool({ runtime }: Props): null;
+export {};
+//# sourceMappingURL=GetContextTool.d.ts.map

package/dist/tools/registrations/GetContextTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetContextTool.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/GetContextTool.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,QAUhD"}

package/dist/tools/registrations/GetContextTool.js

@@ -0,0 +1,18 @@
+/**
+ * GetContextTool — registers the get_context tool with assistant-ui.
+ *
+ * This is a silent tool: it has no render output. When the AI calls it,
+ * execute() reads session state and returns the context. No applyBatch call.
+ */
+import { useAssistantTool } from '@assistant-ui/react';
+import { getContext } from '../bridge';
+export function GetContextTool({ runtime }) {
+    useAssistantTool({
+        toolName: 'get_context',
+        type: 'frontend',
+        description: "Get current context about the user: what page they're on and what behavioral signals have fired in this session.",
+        parameters: { type: 'object', properties: {}, required: [] },
+        execute: async () => getContext(runtime),
+    });
+    return null;
+}

package/dist/tools/registrations/ScrollToTool.d.ts

@@ -0,0 +1,7 @@
+import type { ChatbotWidgetRuntime } from '../../types';
+interface Props {
+    runtime: ChatbotWidgetRuntime;
+}
+export declare function ScrollToTool({ runtime }: Props): null;
+export {};
+//# sourceMappingURL=ScrollToTool.d.ts.map

package/dist/tools/registrations/ScrollToTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTool.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/ScrollToTool.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,QAuC9C"}

package/dist/tools/registrations/ScrollToTool.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ScrollToTool — registers the scroll_to tool with assistant-ui.
+ */
+import { useAssistantTool } from '@assistant-ui/react';
+import { executeTool } from '../bridge';
+export function ScrollToTool({ runtime }) {
+    useAssistantTool({
+        toolName: 'scroll_to',
+        type: 'frontend',
+        description: "Scroll the page to a named section. Use the section's visible heading text or a known anchor ID.",
+        parameters: {
+            type: 'object',
+            properties: {
+                section: {
+                    type: 'string',
+                    description: "The section to scroll to. Use the section's visible heading text or a known anchor ID.",
+                },
+            },
+            required: ['section'],
+        },
+        execute: async (args) => {
+            await executeTool({ name: 'scroll_to', args }, runtime);
+        },
+        render: ({ args, status }) => {
+            if (status.type !== 'complete')
+                return null;
+            return (_jsxs("div", { style: {
+                    padding: '8px 12px',
+                    borderRadius: '6px',
+                    background: 'rgba(99, 179, 237, 0.08)',
+                    border: '1px solid rgba(99, 179, 237, 0.2)',
+                    fontSize: '12px',
+                }, children: [_jsx("span", { style: { color: '#63b3ed', fontWeight: 600 }, children: "Scrolled to \u2014 " }), _jsx("span", { style: { color: '#90cdf4' }, children: args.section })] }));
+        },
+    });
+    return null;
+}

package/dist/tools/registrations/ShowOverlayTool.d.ts

@@ -0,0 +1,7 @@
+import type { ChatbotWidgetRuntime } from '../../types';
+interface Props {
+    runtime: ChatbotWidgetRuntime;
+}
+export declare function ShowOverlayTool({ runtime }: Props): null;
+export {};
+//# sourceMappingURL=ShowOverlayTool.d.ts.map

package/dist/tools/registrations/ShowOverlayTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowOverlayTool.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/ShowOverlayTool.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AASxD,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,QAwCjD"}

package/dist/tools/registrations/ShowOverlayTool.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ShowOverlayTool — registers the show_overlay tool with assistant-ui.
+ *
+ * execute() fires immediately (type: 'frontend'), dispatching the overlay
+ * action via applyBatch(). The render prop shows a compact confirmation card
+ * inline in the chat thread after the tool completes.
+ *
+ * React 18+ strict mode double-fires useEffect in dev. applyBatch is
+ * idempotent for the same action within a session, so this is benign.
+ */
+import { useAssistantTool } from '@assistant-ui/react';
+import { executeTool } from '../bridge';
+export function ShowOverlayTool({ runtime }) {
+    useAssistantTool({
+        toolName: 'show_overlay',
+        type: 'frontend',
+        description: 'Show a modal overlay on the page with a headline, body message, and optional call-to-action button.',
+        parameters: {
+            type: 'object',
+            properties: {
+                headline: { type: 'string', description: 'Short headline for the overlay.' },
+                body: { type: 'string', description: 'Main message body.' },
+                cta: {
+                    type: 'string',
+                    description: 'Button label. Omit if no action needed.',
+                },
+            },
+            required: ['headline', 'body'],
+        },
+        execute: async (args) => {
+            await executeTool({ name: 'show_overlay', args }, runtime);
+        },
+        render: ({ args, status }) => {
+            if (status.type !== 'complete')
+                return null;
+            return (_jsxs("div", { style: {
+                    padding: '8px 12px',
+                    borderRadius: '6px',
+                    background: 'rgba(104, 211, 145, 0.08)',
+                    border: '1px solid rgba(104, 211, 145, 0.2)',
+                    fontSize: '12px',
+                }, children: [_jsx("span", { style: { color: '#68d391', fontWeight: 600 }, children: "Overlay shown \u2014 " }), _jsx("span", { style: { color: '#9ae6b4' }, children: args.headline })] }));
+        },
+    });
+    return null;
+}

package/dist/tools/registrations/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * SyntroTools — renders all tool registration components.
+ *
+ * Render this inside an AssistantRuntimeProvider. Each child registers
+ * one tool with assistant-ui via useAssistantTool.
+ *
+ * Integration mode:
+ *   <AssistantRuntimeProvider runtime={myRuntime}>
+ *     <SyntroTools runtime={syntroRuntime} />
+ *     <Thread />
+ *   </AssistantRuntimeProvider>
+ */
+import type { ChatbotWidgetRuntime } from '../../types';
+interface Props {
+    runtime: ChatbotWidgetRuntime;
+}
+export declare function SyntroTools({ runtime }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/registrations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAKxD,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,2CAQ7C"}

package/dist/tools/registrations/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { GetContextTool } from './GetContextTool';
+import { ScrollToTool } from './ScrollToTool';
+import { ShowOverlayTool } from './ShowOverlayTool';
+export function SyntroTools({ runtime }) {
+    return (_jsxs(_Fragment, { children: [_jsx(GetContextTool, { runtime: runtime }), _jsx(ShowOverlayTool, { runtime: runtime }), _jsx(ScrollToTool, { runtime: runtime })] }));
+}

package/dist/types.d.ts

@@ -57,6 +57,15 @@ export interface ChatbotWidgetRuntime {
     events: {
         publish: (name: string, props?: Record<string, unknown>) => void;
     };
+    getActiveSignals: () => ActiveSignal[];
+    getContextConfig: () => ContextConfig;
 }
+/** A behavioral signal that has fired in the current browser session */
+export interface ActiveSignal {
+    name: string;
+    firedAt: number;
+}
+/** Workspace-configured key/value pairs injected into get_context responses */
+export type ContextConfig = Record<string, unknown>;
 export type { EditorPanelProps } from '@syntrologie/sdk-contracts';
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAMD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAMD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IAClD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE;QACN,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAMD,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAMD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAMD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IAClD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE;QACN,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;IAEF,gBAAgB,EAAE,MAAM,YAAY,EAAE,CAAC;IACvC,gBAAgB,EAAE,MAAM,aAAa,CAAC;CACvC;AAMD,wEAAwE;AACxE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,+EAA+E;AAC/E,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAMpD,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-chatbot",
-  "version": "2.8.0-canary.9",
+  "version": "2.8.0-canary.91",
   "description": "Adaptive Chatbot - AI chat assistant widget with action execution",
   "license": "Proprietary",
   "private": false,
@@ -15,10 +15,22 @@
   },
   "type": "module",
   "exports": {
+    ".": {
+      "types": "./dist/SyntroChatbot.d.ts",
+      "import": "./dist/SyntroChatbot.js"
+    },
+    "./tools": {
+      "types": "./dist/tools/index.d.ts",
+      "import": "./dist/tools/index.js"
+    },
     "./runtime": {
       "types": "./dist/runtime.d.ts",
       "import": "./dist/runtime.js"
     },
+    "./runtime-lit": {
+      "types": "./src/runtime-lit.ts",
+      "import": "./src/runtime-lit.ts"
+    },
     "./schema": {
       "types": "./dist/schema.d.ts",
       "import": "./dist/schema.js"
@@ -44,6 +56,8 @@
     "test:watch": "vitest"
   },
   "dependencies": {
+    "@assistant-ui/react": "0.12.22",
+    "@assistant-ui/react-ai-sdk": "1.3.17",
     "@syntrologie/shared-editor-ui": "*",
     "@syntro/design-system": "*"
   },
@@ -53,16 +67,20 @@
     "zod": "^3.0.0"
   },
   "devDependencies": {
-    "@syntro/design-system": "^1.0.0",
+    "@assistant-ui/react": "0.12.22",
+    "@open-wc/testing": "4.0.0",
+    "@open-wc/testing-helpers": "3.0.1",
+    "@syntro/design-system": "1.0.0",
     "@syntrologie/shared-editor-ui": "*",
-    "@testing-library/react": "^16.3.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "jsdom": "^26.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.18",
-    "zod": "^3.25.76"
+    "@testing-library/react": "16.3.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "jsdom": "26.1.0",
+    "lit": "3.3.2",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "typescript": "5.9.3",
+    "vitest": "4.0.18",
+    "zod": "3.25.76"
   }
 }