@syntrologie/adapt-chatbot 2.14.0 → 2.15.0

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;AAsIpB,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,389 @@
+/**
+ * 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';
+// ============================================================================
+// Customer-themable colors
+//
+// This adaptive ships to customer pages and must pull its palette from
+// `--sc-*` CSS variables (same pattern as adaptive-faq / adaptive-nav), so
+// customers can theme chat to match their site without shipping a fork.
+//
+// The TOKEN_* constants below are *fallbacks only* — they match Syntro
+// design-system values (purple[4], base.white, slateGrey[7,8,10,12], red[4])
+// so dev/test environments without a customer theme still look on-brand.
+// Do NOT import from `@syntro/design-system` at runtime — adaptives keep it
+// as a devDep, not a runtime dep.
+// ============================================================================
+const TOKEN_PURPLE_4 = '#6a59ce';
+const TOKEN_WHITE = '#ffffff';
+const TOKEN_SLATE_10 = '#cbd0d7';
+const TOKEN_SLATE_12 = '#f6f7f9';
+const TOKEN_SLATE_8 = '#87919f';
+const TOKEN_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: `var(--sc-color-primary, ${TOKEN_PURPLE_4})`,
+    color: `var(--sc-color-primary-text, ${TOKEN_WHITE})`,
+    borderBottomRightRadius: '4px',
+};
+const assistantBubbleExtra = {
+    alignSelf: 'flex-start',
+    backgroundColor: 'var(--sc-chat-assistant-bubble-bg, rgba(255, 255, 255, 0.08))',
+    color: `var(--sc-content-text-color, ${TOKEN_SLATE_10})`,
+    borderBottomLeftRadius: '4px',
+};
+const loadingDotsStyle = {
+    alignSelf: 'flex-start',
+    padding: '8px 16px',
+    backgroundColor: 'var(--sc-chat-loading-bg, rgba(255, 255, 255, 0.05))',
+    borderRadius: '12px',
+    color: `var(--sc-content-text-secondary-color, ${TOKEN_SLATE_8})`,
+    fontSize: '13px',
+};
+const errorBannerStyle = {
+    padding: '8px 12px',
+    backgroundColor: 'var(--sc-color-error-bg, rgba(239, 68, 68, 0.1))',
+    color: `var(--sc-color-error, ${TOKEN_RED_4})`,
+    fontSize: '13px',
+    borderRadius: '8px',
+    margin: '0 12px',
+};
+const inputFormStyle = {
+    display: 'flex',
+    gap: '8px',
+    padding: '12px',
+    borderTop: '1px solid var(--sc-content-border-color, rgba(255, 255, 255, 0.06))',
+};
+const inputStyle = {
+    flex: '1',
+    padding: '8px 12px',
+    borderRadius: '8px',
+    border: '1px solid var(--sc-content-border-color, rgba(255, 255, 255, 0.1))',
+    backgroundColor: 'var(--sc-chat-input-bg, rgba(0, 0, 0, 0.2))',
+    color: `var(--sc-content-heading-color, ${TOKEN_SLATE_12})`,
+    fontSize: '14px',
+    outline: 'none',
+    fontFamily: 'inherit',
+};
+const sendButtonStyle = {
+    padding: '8px 16px',
+    borderRadius: '8px',
+    border: 'none',
+    backgroundColor: `var(--sc-color-primary, ${TOKEN_PURPLE_4})`,
+    color: `var(--sc-color-primary-text, ${TOKEN_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: var(--sc-content-text-secondary-color, ${TOKEN_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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-chatbot",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "description": "Adaptive Chatbot - AI chat assistant widget with action execution",
   "license": "Proprietary",
   "private": false,
@@ -27,6 +27,10 @@
       "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"
@@ -64,12 +68,15 @@
   },
   "devDependencies": {
     "@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.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",