@aikaara/chat-sdk 0.1.3 → 0.2.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./headless-DDmLD-ag.cjs"),a=require("./ui.cjs");function l(t){a.registerComponents();const r=document.createElement("aikaara-chat-widget"),n={baseUrl:"base-url",userToken:"user-token",apiKey:"api-key",title:"title",subtitle:"subtitle",theme:"theme",primaryColor:"primary-color",position:"position",width:"width",height:"height",placeholder:"placeholder",welcomeMessage:"welcome-message",avatarUrl:"avatar-url"};for(const[o,s]of Object.entries(n)){const i=t[o];i!=null&&r.setAttribute(s,String(i))}return r.configure(t),document.body.appendChild(r),r}function u(){const t=document.querySelector("aikaara-chat-widget");t&&t.remove()}exports.ActionCableClient=e.ActionCableClient;exports.AikaaraChatClient=e.AikaaraChatClient;exports.ApiClient=e.ApiClient;exports.ChannelSubscription=e.ChannelSubscription;exports.ConnectionManager=e.ConnectionManager;exports.ConversationManager=e.ConversationManager;exports.EventEmitter=e.EventEmitter;exports.MessageStore=e.MessageStore;exports.AikaaraChatBubble=a.AikaaraChatBubble;exports.AikaaraChatHeader=a.AikaaraChatHeader;exports.AikaaraChatInput=a.AikaaraChatInput;exports.AikaaraChatWidget=a.AikaaraChatWidget;exports.AikaaraErrorBanner=a.AikaaraErrorBanner;exports.AikaaraMessageBubble=a.AikaaraMessageBubble;exports.AikaaraMessageList=a.AikaaraMessageList;exports.AikaaraStreamingMessage=a.AikaaraStreamingMessage;exports.AikaaraTypingIndicator=a.AikaaraTypingIndicator;exports.registerComponents=a.registerComponents;exports.mount=l;exports.unmount=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AikaaraChatClient-ChZ2bL9f.cjs"),n=require("./headless.cjs"),a=require("./ui.cjs");function u(t){a.registerComponents();const r=document.createElement("aikaara-chat-widget"),o={baseUrl:"base-url",userToken:"user-token",apiKey:"api-key",title:"title",subtitle:"subtitle",theme:"theme",primaryColor:"primary-color",position:"position",width:"width",height:"height",placeholder:"placeholder",welcomeMessage:"welcome-message",avatarUrl:"avatar-url"};for(const[s,l]of Object.entries(o)){const i=t[s];i!=null&&r.setAttribute(l,String(i))}return r.configure(t),document.body.appendChild(r),r}function g(){const t=document.querySelector("aikaara-chat-widget");t&&t.remove()}exports.ActionCableClient=e.ActionCableClient;exports.AikaaraChatClient=e.AikaaraChatClient;exports.ApiClient=e.ApiClient;exports.ChannelSubscription=e.ChannelSubscription;exports.ConnectionManager=e.ConnectionManager;exports.ConversationManager=e.ConversationManager;exports.EventEmitter=e.EventEmitter;exports.MessageStore=e.MessageStore;exports.FormBridge=n.FormBridge;exports.TiledeskTransport=n.TiledeskTransport;exports.AikaaraChatBubble=a.AikaaraChatBubble;exports.AikaaraChatHeader=a.AikaaraChatHeader;exports.AikaaraChatInput=a.AikaaraChatInput;exports.AikaaraChatWidget=a.AikaaraChatWidget;exports.AikaaraErrorBanner=a.AikaaraErrorBanner;exports.AikaaraMessageBubble=a.AikaaraMessageBubble;exports.AikaaraMessageList=a.AikaaraMessageList;exports.AikaaraStreamingMessage=a.AikaaraStreamingMessage;exports.AikaaraTypingIndicator=a.AikaaraTypingIndicator;exports.registerComponents=a.registerComponents;exports.mount=u;exports.unmount=g;

package/dist/index.d.ts

@@ -22,6 +22,8 @@ export declare interface ActionCableMessage {
     message?: unknown;
 }
 
+export declare type AgentAction = EditEntityAction | SaveEntityAction | TestToolAction | NavigateAction;
+
 export declare interface AgentEvent {
     type: AgentEventType;
     [key: string]: unknown;
@@ -52,7 +54,32 @@ export declare class AikaaraChatClient extends EventEmitter<ChatEvents> {
     get messages(): Message[];
     get conversationId(): string | null;
     get isConnected(): boolean;
+    /**
+     * Update the agent's context with information about the host app's current state.
+     * Call this on route changes so the agent knows what page/entity the user is viewing.
+     *
+     * The context is stored in conversation metadata and interpolated into the system prompt.
+     *
+     * @example
+     * ```typescript
+     * // On route change
+     * client.setContext({
+     *   currentPage: '/products/42',
+     *   entityType: 'product',
+     *   entityId: '42',
+     *   availableRoutes: { products: '/products', orders: '/orders' },
+     * });
+     * ```
+     */
+    setContext(context: AppContext): Promise<void>;
     disconnect(): Promise<void>;
+    /**
+     * Parse structured action results from tool execution output.
+     * When the agent calls tools like `edit_current_entity`, `save_current_entity`,
+     * `navigate_to`, or `test_tool_by_id`, the result contains an action payload
+     * that the SDK emits as a typed event for the host app to handle.
+     */
+    private parseActionResult;
     private handleBroadcast;
 }
 
@@ -95,6 +122,8 @@ export declare class AikaaraChatWidget extends HTMLElement {
     private getConfig;
     private render;
     private initController;
+    sendUserEvent(eventKey: string, value?: Record<string, unknown>, source?: string): void;
+    getClient(): AikaaraChatClient | null;
     private darkenColor;
 }
 
@@ -157,19 +186,36 @@ export declare class AikaaraTypingIndicator extends HTMLElement {
 export declare class ApiClient {
     private baseUrl;
     private apiKey?;
+    private authToken?;
     private userToken;
-    constructor(baseUrl: string, userToken: string, apiKey?: string);
+    constructor(baseUrl: string, userToken: string, apiKey?: string, authToken?: string);
     createConversation(params: {
         systemPromptId?: number;
         channel?: string;
         title?: string;
         extUid?: string;
     }): Promise<CreateConversationResponse>;
+    updateContext(conversationId: string, context: Record<string, unknown>): Promise<void>;
     getMessages(conversationId: string): Promise<Message[]>;
     private mapMessage;
     private request;
 }
 
+export declare interface AppContext {
+    /** Current page/route path in the host app (e.g., '/products/42') */
+    currentPage: string;
+    /** Entity type on the current page (e.g., 'product', 'agent') */
+    entityType?: string;
+    /** Entity ID on the current page */
+    entityId?: string | number;
+    /** Project/workspace ID if applicable */
+    projectId?: string | number;
+    /** Routes the agent can navigate to — map of label → path */
+    availableRoutes?: Record<string, string>;
+    /** Additional context for the agent (e.g., form field names, entity schema) */
+    custom?: Record<string, unknown>;
+}
+
 export declare class ChannelSubscription {
     readonly identifier: string;
     private callbacks;
@@ -188,10 +234,11 @@ export declare class ChannelSubscription {
 
 export declare interface ChatClientConfig extends ConnectionConfig {
     apiKey?: string;
+    authToken?: string;
     extUid?: string;
     conversationId?: string;
     systemPromptId?: number;
-    channel?: 'widget' | 'api';
+    channel?: 'widget' | 'api' | 'sidekick';
     onMessage?: (message: Message) => void;
     onStatusChange?: (status: string) => void;
     onError?: (error: Error) => void;
@@ -222,11 +269,26 @@ export declare interface ChatEvents {
     'typing:stop': void;
     'error': Error;
     'status': string;
+    'action:edit_entity': EditEntityAction;
+    'action:save_entity': SaveEntityAction;
+    'action:test_tool': TestToolAction;
+    'action:navigate': NavigateAction;
+    'tool:start': {
+        toolName: string;
+        args: Record<string, unknown>;
+    };
+    'tool:end': {
+        toolName: string;
+        result: unknown;
+        isError: boolean;
+    };
 }
 
 export declare interface ConnectionConfig {
     baseUrl: string;
+    wsUrl?: string;
     userToken: string;
+    tiledesk?: TiledeskTransportConfig;
     reconnect?: boolean;
     maxReconnectAttempts?: number;
     reconnectInterval?: number;
@@ -269,6 +331,13 @@ declare interface CreateConversationResponse {
     status: string;
 }
 
+export declare interface EditEntityAction {
+    action: 'edit_entity';
+    entity_type: string;
+    entity_id: string | number;
+    fields: FieldUpdate[];
+}
+
 export declare class EventEmitter<Events extends Record<string, any>> {
     private handlers;
     on<K extends keyof Events & string>(event: K, handler: (data: Events[K]) => void): () => void;
@@ -277,6 +346,128 @@ export declare class EventEmitter<Events extends Record<string, any>> {
     removeAllListeners(): void;
 }
 
+export declare interface FieldUpdate {
+    field: string;
+    value: unknown;
+    previousValue?: unknown;
+}
+
+export declare class FormBridge extends EventEmitter<FormBridgeEvents> {
+    private registration;
+    private pendingEdits;
+    constructor(client: AikaaraChatClient);
+    /**
+     * Register a form to receive AI-driven edits.
+     * Only one form can be registered at a time (the active page).
+     */
+    registerForm(reg: FormRegistration): void;
+    /**
+     * Unregister the form (call on unmount).
+     */
+    unregisterForm(entityType: string, entityId: string | number): void;
+    /**
+     * Get the current form registration (if any).
+     */
+    get currentForm(): FormRegistration | null;
+    /**
+     * Manually push field updates (for custom tool handling).
+     */
+    pushFieldUpdates(entityType: string, entityId: string | number, fields: FieldUpdate[]): void;
+    /**
+     * Request the current form to save.
+     */
+    requestSave(): Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    /**
+     * Request the current form to run a test.
+     */
+    requestTest(params?: Record<string, unknown>): Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    private setupListeners;
+}
+
+/**
+ * FormBridge — Enables AI agents to visually edit forms in the host application.
+ *
+ * This bridges the gap between AI tool results and UI form state. When the agent
+ * calls tools like `edit_current_entity`, the FormBridge receives the action and
+ * pushes field updates to the registered form.
+ *
+ * ## Usage (any framework)
+ *
+ * ```typescript
+ * import { AikaaraChatClient, FormBridge } from '@aikaara/chat-sdk/headless';
+ *
+ * const client = new AikaaraChatClient({ baseUrl, userToken, authToken });
+ * const bridge = new FormBridge(client);
+ *
+ * // Register a form (call when your form mounts)
+ * bridge.registerForm({
+ *   entityType: 'product',
+ *   entityId: 42,
+ *   onFieldUpdate: (fields) => {
+ *     for (const { field, value } of fields) {
+ *       formState[field] = value; // update your form framework
+ *     }
+ *   },
+ *   onSave: async () => await api.saveProduct(42, formState),
+ *   getCurrentValues: () => ({ ...formState }),
+ * });
+ *
+ * // Unregister when form unmounts
+ * bridge.unregisterForm('product', 42);
+ * ```
+ *
+ * ## React hook (provided by dashboard, but easy to replicate)
+ *
+ * ```tsx
+ * function useFormBridge(bridge, { entityType, entityId, onFieldUpdate, onSave }) {
+ *   useEffect(() => {
+ *     bridge.registerForm({ entityType, entityId, onFieldUpdate, onSave, getCurrentValues });
+ *     return () => bridge.unregisterForm(entityType, entityId);
+ *   }, [entityType, entityId]);
+ * }
+ * ```
+ */
+export declare interface FormBridgeEvents {
+    'edit:applied': {
+        entityType: string;
+        entityId: string | number;
+        fields: FieldUpdate[];
+    };
+    'edit:pending': {
+        entityType: string;
+        entityId: string | number;
+        fields: FieldUpdate[];
+    };
+    'save:success': {
+        entityType: string;
+        entityId: string | number;
+    };
+    'save:error': {
+        entityType: string;
+        entityId: string | number;
+        error: string;
+    };
+    'test:triggered': {
+        toolId: number;
+        parameters: Record<string, unknown>;
+    };
+}
+
+export declare interface FormRegistration {
+    entityType: string;
+    entityId: string | number;
+    onFieldUpdate: (fields: FieldUpdate[]) => void;
+    onSave: () => Promise<void>;
+    onTest?: (params?: Record<string, unknown>) => Promise<void>;
+    getCurrentValues: () => Record<string, unknown>;
+}
+
 export declare interface Message {
     id: string;
     conversationId: string;
@@ -299,6 +490,8 @@ export declare class MessageStore {
     confirmOptimistic(tempId: string): void;
     addStreamingMessage(conversationId: string): Message;
     updateStreaming(content: string): void;
+    appendToStreaming(delta: string): void;
+    get streamingContent(): string;
     finalizeStreaming(usage?: {
         tokensInput: number;
         tokensOutput: number;
@@ -310,10 +503,66 @@ export declare class MessageStore {
 
 export declare function mount(config: WidgetConfig): AikaaraChatWidget;
 
+export declare interface NavigateAction {
+    navigate_to: string;
+}
+
 export declare function registerComponents(): void;
 
+export declare interface SaveEntityAction {
+    action: 'save_entity';
+}
+
 declare type SubscriptionCallback = (data: unknown) => void;
 
+export declare interface TestToolAction {
+    action: 'test_tool';
+    tool_id: number;
+    parameters: Record<string, unknown>;
+}
+
+export declare interface TiledeskMessage {
+    text?: string;
+    type?: string;
+    sender?: string;
+    senderFullname?: string;
+    recipient?: string;
+    timestamp?: number;
+    attributes?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+
+export declare class TiledeskTransport {
+    private client;
+    private config;
+    private messageHandlers;
+    private stateHandlers;
+    private subscribedTopics;
+    private reconnectAttempt;
+    private maxReconnectAttempts;
+    private disposed;
+    constructor(config: TiledeskTransportConfig);
+    connect(): Promise<void>;
+    subscribeToConversation(conversationId: string): void;
+    unsubscribeFromConversation(conversationId: string): void;
+    publishMessage(conversationId: string, text: string): void;
+    onMessage(handler: TransportMessageHandler): () => void;
+    onStateChange(handler: TransportStateHandler): () => void;
+    disconnect(): void;
+    get isConnected(): boolean;
+    private scheduleReconnect;
+    private notifyStateChange;
+}
+
+export declare interface TiledeskTransportConfig {
+    mqttEndpoint: string;
+    jwtToken: string;
+    userId: string;
+    userName?: string;
+    projectId: string;
+}
+
 export declare interface ToolCall {
     id: string;
     type: 'function';
@@ -328,6 +577,10 @@ export declare interface ToolCallResult {
     content: string;
 }
 
+export declare type TransportMessageHandler = (message: TiledeskMessage) => void;
+
+export declare type TransportStateHandler = (connected: boolean) => void;
+
 export declare function unmount(): void;
 
 export declare interface WidgetConfig extends ChatClientConfig {

package/dist/index.mjs

@@ -1,9 +1,10 @@
-import { A as p, a as d, b as g, C as h, c as k, d as C, E as b, M as A } from "./headless-CXRux2Q-.mjs";
+import { A as p, a as d, b as g, C as h, c as k, d as C, E as b, M as A } from "./AikaaraChatClient-C4lWcRsS.mjs";
+import { FormBridge as M, TiledeskTransport as w } from "./headless.mjs";
 import { registerComponents as n } from "./ui.mjs";
-import { AikaaraChatBubble as M, AikaaraChatHeader as w, AikaaraChatInput as y, AikaaraChatWidget as v, AikaaraErrorBanner as E, AikaaraMessageBubble as S, AikaaraMessageList as x, AikaaraStreamingMessage as B, AikaaraTypingIndicator as I } from "./ui.mjs";
-function l(a) {
+import { AikaaraChatBubble as v, AikaaraChatHeader as E, AikaaraChatInput as S, AikaaraChatWidget as x, AikaaraErrorBanner as B, AikaaraMessageBubble as T, AikaaraMessageList as I, AikaaraStreamingMessage as U, AikaaraTypingIndicator as j } from "./ui.mjs";
+function l(e) {
   n();
-  const e = document.createElement("aikaara-chat-widget"), r = {
+  const a = document.createElement("aikaara-chat-widget"), r = {
     baseUrl: "base-url",
     userToken: "user-token",
     apiKey: "api-key",
@@ -19,33 +20,35 @@ function l(a) {
     avatarUrl: "avatar-url"
   };
   for (const [i, o] of Object.entries(r)) {
-    const t = a[i];
-    t != null && e.setAttribute(o, String(t));
+    const t = e[i];
+    t != null && a.setAttribute(o, String(t));
   }
-  return e.configure(a), document.body.appendChild(e), e;
+  return a.configure(e), document.body.appendChild(a), a;
 }
 function c() {
-  const a = document.querySelector("aikaara-chat-widget");
-  a && a.remove();
+  const e = document.querySelector("aikaara-chat-widget");
+  e && e.remove();
 }
 export {
   p as ActionCableClient,
-  M as AikaaraChatBubble,
+  v as AikaaraChatBubble,
   d as AikaaraChatClient,
-  w as AikaaraChatHeader,
-  y as AikaaraChatInput,
-  v as AikaaraChatWidget,
-  E as AikaaraErrorBanner,
-  S as AikaaraMessageBubble,
-  x as AikaaraMessageList,
-  B as AikaaraStreamingMessage,
-  I as AikaaraTypingIndicator,
+  E as AikaaraChatHeader,
+  S as AikaaraChatInput,
+  x as AikaaraChatWidget,
+  B as AikaaraErrorBanner,
+  T as AikaaraMessageBubble,
+  I as AikaaraMessageList,
+  U as AikaaraStreamingMessage,
+  j as AikaaraTypingIndicator,
   g as ApiClient,
   h as ChannelSubscription,
   k as ConnectionManager,
   C as ConversationManager,
   b as EventEmitter,
+  M as FormBridge,
   A as MessageStore,
+  w as TiledeskTransport,
   l as mount,
   n as registerComponents,
   c as unmount

package/dist/ui.cjs

@@ -1,8 +1,8 @@
-"use strict";var T=Object.defineProperty;var C=(s,t,e)=>t in s?T(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e;var i=(s,t,e)=>C(s,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./headless-DDmLD-ag.cjs");class L{constructor(t,e){i(this,"client");i(this,"panel");i(this,"bubble");i(this,"header");i(this,"messageList");i(this,"input");i(this,"errorBanner");i(this,"isOpen",!1);this.client=new o.AikaaraChatClient(t),this.bubble=e.querySelector("aikaara-chat-bubble"),this.panel=e.querySelector(".aikaara-panel"),this.header=e.querySelector("aikaara-chat-header"),this.messageList=e.querySelector("aikaara-message-list"),this.input=e.querySelector("aikaara-chat-input"),this.errorBanner=e.querySelector("aikaara-error-banner"),t.welcomeMessage&&this.messageList.setWelcomeMessage(t.welcomeMessage),t.showTimestamps!==void 0&&this.messageList.setShowTimestamps(t.showTimestamps),this.wireEvents()}async connect(){try{await this.client.connect(),this.messageList.renderMessages(this.client.messages)}catch{this.errorBanner.show("Failed to connect. Retrying...",5e3)}}async disconnect(){await this.client.disconnect()}wireEvents(){this.bubble.addEventListener("toggle",()=>{this.togglePanel()}),this.header.addEventListener("header-close",()=>{this.togglePanel(!1)}),this.input.addEventListener("send",(t=>{this.handleSend(t.detail.content)})),this.client.on("message:sent",t=>{this.messageList.addMessage(t)}),this.client.on("stream:start",()=>{this.messageList.removeTypingIndicator();const t=this.client.messages[this.client.messages.length-1];t&&this.messageList.addMessage(t)}),this.client.on("stream:update",({content:t})=>{this.messageList.updateStreamingContent(t)}),this.client.on("stream:end",()=>{this.messageList.finalizeStreaming()}),this.client.on("typing:start",()=>{const t=this.client.messages,e=t[t.length-1];(!e||e.status!=="streaming")&&this.messageList.showTypingIndicator()}),this.client.on("typing:stop",()=>{this.messageList.removeTypingIndicator()}),this.client.on("connection:state",t=>{this.header.setStatus(t),t==="connected"?(this.errorBanner.hide(),this.input.disabled=!1):t==="reconnecting"?(this.errorBanner.show("Connection lost. Reconnecting..."),this.input.disabled=!0):t==="disconnected"&&(this.input.disabled=!0)}),this.client.on("error",t=>{this.errorBanner.show(t.message,5e3)})}async handleSend(t){try{await this.client.sendMessage(t)}catch{this.errorBanner.show("Failed to send message",3e3)}}togglePanel(t){this.isOpen=t!==void 0?t:!this.isOpen,this.isOpen?(this.panel.removeAttribute("hidden"),requestAnimationFrame(()=>{this.panel.classList.remove("entering"),this.panel.classList.add("visible"),this.input.focus()})):(this.panel.classList.remove("visible"),this.panel.classList.add("entering"),setTimeout(()=>{this.panel.setAttribute("hidden","")},200))}}class b extends HTMLElement{constructor(){super();i(this,"shadow");i(this,"controller",null);i(this,"_config",{});this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["base-url","user-token","api-key","title","subtitle","theme","primary-color","position","width","height","placeholder","welcome-message","avatar-url"]}connectedCallback(){this.render(),this.initController()}disconnectedCallback(){var e;(e=this.controller)==null||e.disconnect()}attributeChangedCallback(e,a,r){a!==r&&this.controller&&(this.render(),this.initController())}configure(e){this._config={...this._config,...e}}getConfig(){return{baseUrl:this.getAttribute("base-url")||this._config.baseUrl||"",userToken:this.getAttribute("user-token")||this._config.userToken||"",apiKey:this.getAttribute("api-key")||this._config.apiKey,title:this.getAttribute("title")||this._config.title||"Chat",subtitle:this.getAttribute("subtitle")||this._config.subtitle,theme:this.getAttribute("theme")||this._config.theme||o.DEFAULT_THEME,primaryColor:this.getAttribute("primary-color")||this._config.primaryColor||o.DEFAULT_PRIMARY_COLOR,position:this.getAttribute("position")||this._config.position||o.DEFAULT_POSITION,width:Number(this.getAttribute("width"))||this._config.width||o.DEFAULT_WIDGET_WIDTH,height:Number(this.getAttribute("height"))||this._config.height||o.DEFAULT_WIDGET_HEIGHT,fontFamily:this._config.fontFamily||o.DEFAULT_FONT_FAMILY,borderRadius:this._config.borderRadius??o.DEFAULT_BORDER_RADIUS,placeholder:this.getAttribute("placeholder")||this._config.placeholder||o.DEFAULT_PLACEHOLDER,welcomeMessage:this.getAttribute("welcome-message")||this._config.welcomeMessage,avatarUrl:this.getAttribute("avatar-url")||this._config.avatarUrl,showTimestamps:this._config.showTimestamps??!0,persistConversation:this._config.persistConversation??!0,showBubble:this._config.showBubble??!0,offset:this._config.offset||o.DEFAULT_OFFSET,conversationId:this._config.conversationId,systemPromptId:this._config.systemPromptId,channel:this._config.channel,onMessage:this._config.onMessage,onStatusChange:this._config.onStatusChange,onError:this._config.onError,onStreamUpdate:this._config.onStreamUpdate,onConnectionStateChange:this._config.onConnectionStateChange}}render(){var a,r;const e=this.getConfig();this.shadow.innerHTML=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./AikaaraChatClient-ChZ2bL9f.cjs");class w{client;panel;bubble;header;messageList;input;errorBanner;isOpen=!1;constructor(e,t){this.client=new r.AikaaraChatClient(e),this.bubble=t.querySelector("aikaara-chat-bubble"),this.panel=t.querySelector(".aikaara-panel"),this.header=t.querySelector("aikaara-chat-header"),this.messageList=t.querySelector("aikaara-message-list"),this.input=t.querySelector("aikaara-chat-input"),this.errorBanner=t.querySelector("aikaara-error-banner"),e.welcomeMessage&&this.messageList.setWelcomeMessage(e.welcomeMessage),e.showTimestamps!==void 0&&this.messageList.setShowTimestamps(e.showTimestamps),this.wireEvents()}async connect(){try{await this.client.connect(),this.messageList.renderMessages(this.client.messages)}catch{this.errorBanner.show("Failed to connect. Retrying...",5e3)}}async disconnect(){await this.client.disconnect()}wireEvents(){this.bubble.addEventListener("toggle",()=>{this.togglePanel()}),this.header.addEventListener("header-close",()=>{this.togglePanel(!1)}),this.input.addEventListener("send",(e=>{this.handleSend(e.detail.content)})),this.client.on("message:sent",e=>{this.messageList.addMessage(e)}),this.client.on("stream:start",()=>{this.messageList.removeTypingIndicator();const e=this.client.messages[this.client.messages.length-1];e&&this.messageList.addMessage(e)}),this.client.on("stream:update",({content:e})=>{this.messageList.updateStreamingContent(e)}),this.client.on("stream:end",()=>{this.messageList.finalizeStreaming()}),this.client.on("typing:start",()=>{const e=this.client.messages,t=e[e.length-1];(!t||t.status!=="streaming")&&this.messageList.showTypingIndicator()}),this.client.on("typing:stop",()=>{this.messageList.removeTypingIndicator()}),this.client.on("connection:state",e=>{this.header.setStatus(e),e==="connected"?(this.errorBanner.hide(),this.input.disabled=!1):e==="reconnecting"?(this.errorBanner.show("Connection lost. Reconnecting..."),this.input.disabled=!0):e==="disconnected"&&(this.input.disabled=!0)}),this.client.on("error",e=>{this.errorBanner.show(e.message,5e3)})}async handleSend(e){try{await this.client.sendMessage(e)}catch{this.errorBanner.show("Failed to send message",3e3)}}sendUserEvent(e,t,a){this.client.sendUserEvent(e,t,a)}getClient(){return this.client}togglePanel(e){this.isOpen=e!==void 0?e:!this.isOpen,this.isOpen?(this.panel.removeAttribute("hidden"),requestAnimationFrame(()=>{this.panel.classList.remove("entering"),this.panel.classList.add("visible"),this.input.focus()})):(this.panel.classList.remove("visible"),this.panel.classList.add("entering"),setTimeout(()=>{this.panel.setAttribute("hidden","")},200))}}class c extends HTMLElement{shadow;controller=null;_config={};static get observedAttributes(){return["base-url","ws-url","user-token","api-key","title","subtitle","theme","primary-color","position","width","height","placeholder","welcome-message","avatar-url"]}constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.render(),this.initController()}disconnectedCallback(){this.controller?.disconnect()}attributeChangedCallback(e,t,a){t!==a&&this.controller&&(this.render(),this.initController())}configure(e){this._config={...this._config,...e}}getConfig(){return{baseUrl:this.getAttribute("base-url")||this._config.baseUrl||"",wsUrl:this.getAttribute("ws-url")||this._config.wsUrl,userToken:this.getAttribute("user-token")||this._config.userToken||"",apiKey:this.getAttribute("api-key")||this._config.apiKey,title:this.getAttribute("title")||this._config.title||"Chat",subtitle:this.getAttribute("subtitle")||this._config.subtitle,theme:this.getAttribute("theme")||this._config.theme||r.DEFAULT_THEME,primaryColor:this.getAttribute("primary-color")||this._config.primaryColor||r.DEFAULT_PRIMARY_COLOR,position:this.getAttribute("position")||this._config.position||r.DEFAULT_POSITION,width:Number(this.getAttribute("width"))||this._config.width||r.DEFAULT_WIDGET_WIDTH,height:Number(this.getAttribute("height"))||this._config.height||r.DEFAULT_WIDGET_HEIGHT,fontFamily:this._config.fontFamily||r.DEFAULT_FONT_FAMILY,borderRadius:this._config.borderRadius??r.DEFAULT_BORDER_RADIUS,placeholder:this.getAttribute("placeholder")||this._config.placeholder||r.DEFAULT_PLACEHOLDER,welcomeMessage:this.getAttribute("welcome-message")||this._config.welcomeMessage,avatarUrl:this.getAttribute("avatar-url")||this._config.avatarUrl,showTimestamps:this._config.showTimestamps??!0,persistConversation:this._config.persistConversation??!0,showBubble:this._config.showBubble??!0,offset:this._config.offset||r.DEFAULT_OFFSET,conversationId:this._config.conversationId,systemPromptId:this._config.systemPromptId,channel:this._config.channel,extUid:this._config.extUid,onMessage:this._config.onMessage,onStatusChange:this._config.onStatusChange,onError:this._config.onError,onStreamUpdate:this._config.onStreamUpdate,onConnectionStateChange:this._config.onConnectionStateChange}}render(){const e=this.getConfig();this.shadow.innerHTML=`
       <style>
         :host {
           --aikaara-primary: ${e.primaryColor};
-          --aikaara-primary-hover: ${this.darkenColor(e.primaryColor||o.DEFAULT_PRIMARY_COLOR)};
+          --aikaara-primary-hover: ${this.darkenColor(e.primaryColor||r.DEFAULT_PRIMARY_COLOR)};
           --aikaara-bg: #ffffff;
           --aikaara-bg-secondary: #f9fafb;
           --aikaara-text: #1f2937;
@@ -13,8 +13,8 @@
           --aikaara-panel-width: ${e.width}px;
           --aikaara-panel-height: ${e.height}px;
           --aikaara-bubble-size: 60px;
-          --aikaara-offset-x: ${((a=e.offset)==null?void 0:a.x)??20}px;
-          --aikaara-offset-y: ${((r=e.offset)==null?void 0:r.y)??20}px;
+          --aikaara-offset-x: ${e.offset?.x??20}px;
+          --aikaara-offset-y: ${e.offset?.y??20}px;
           font-family: var(--aikaara-font);
           position: fixed;
           z-index: 9999;
@@ -52,6 +52,27 @@
           opacity: 1;
           transform: translateY(0) scale(1);
         }
+
+        aikaara-chat-header,
+        aikaara-message-list,
+        aikaara-chat-input,
+        aikaara-error-banner {
+          display: block;
+        }
+
+        aikaara-message-list {
+          flex: 1;
+          overflow: scroll;
+          min-height: 0;
+        }
+
+        aikaara-chat-input {
+          flex-shrink: 0;
+        }
+
+        aikaara-chat-header {
+          flex-shrink: 0;
+        }
       </style>
 
       <aikaara-chat-bubble></aikaara-chat-bubble>
@@ -63,10 +84,10 @@
           ${e.avatarUrl?`avatar-url="${e.avatarUrl}"`:""}
         ></aikaara-chat-header>
         <aikaara-message-list></aikaara-message-list>
-        <aikaara-chat-input placeholder="${e.placeholder||o.DEFAULT_PLACEHOLDER}"></aikaara-chat-input>
+        <aikaara-chat-input placeholder="${e.placeholder||r.DEFAULT_PLACEHOLDER}"></aikaara-chat-input>
         <aikaara-error-banner></aikaara-error-banner>
       </div>
-    `}async initController(){var a;const e=this.getConfig();!e.baseUrl||!e.userToken||((a=this.controller)==null||a.disconnect(),this.controller=new L(e,this.shadow),await this.controller.connect())}darkenColor(e){try{const a=parseInt(e.replace("#",""),16),r=Math.max(0,(a>>16)-20),n=Math.max(0,(a>>8&255)-20),d=Math.max(0,(a&255)-20);return`#${(r<<16|n<<8|d).toString(16).padStart(6,"0")}`}catch{return e}}}class p extends HTMLElement{constructor(){super();i(this,"shadow");this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){var e;this.render(),(e=this.shadow.querySelector(".bubble"))==null||e.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))})}render(){this.shadow.innerHTML=`
+    `}async initController(){const e=this.getConfig();!e.baseUrl||!e.userToken||(this.controller?.disconnect(),this.controller=new w(e,this.shadow),await this.controller.connect())}sendUserEvent(e,t,a){this.controller?.sendUserEvent(e,t,a)}getClient(){return this.controller?.getClient()??null}darkenColor(e){try{const t=parseInt(e.replace("#",""),16),a=Math.max(0,(t>>16)-20),s=Math.max(0,(t>>8&255)-20),o=Math.max(0,(t&255)-20);return`#${(a<<16|s<<8|o).toString(16).padStart(6,"0")}`}catch{return e}}}class h extends HTMLElement{shadow;constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.render(),this.shadow.querySelector(".bubble")?.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))})}render(){this.shadow.innerHTML=`
       <style>
         .bubble {
           width: var(--aikaara-bubble-size, 60px);
@@ -101,7 +122,7 @@
           <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
         </svg>
       </button>
-    `}setIcon(e){const a=this.shadow.querySelector(".bubble");a&&(a.innerHTML=e)}}class u extends HTMLElement{constructor(){super();i(this,"shadow");this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["title","subtitle","avatar-url","status"]}connectedCallback(){this.render(),this.bindClose()}attributeChangedCallback(){this.render(),this.bindClose()}bindClose(){var e;(e=this.shadow.querySelector(".close-btn"))==null||e.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("header-close",{bubbles:!0,composed:!0}))})}render(){const e=this.getAttribute("title")||"Chat",a=this.getAttribute("subtitle")||"",r=this.getAttribute("avatar-url"),n=this.getAttribute("status")||"connected",d=n==="connected"?"#10b981":n==="connecting"||n==="reconnecting"?"#f59e0b":"#ef4444";this.shadow.innerHTML=`
+    `}setIcon(e){const t=this.shadow.querySelector(".bubble");t&&(t.innerHTML=e)}}class b extends HTMLElement{shadow;static get observedAttributes(){return["title","subtitle","avatar-url","status"]}constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.render(),this.bindClose()}attributeChangedCallback(){this.render(),this.bindClose()}bindClose(){this.shadow.querySelector(".close-btn")?.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("header-close",{bubbles:!0,composed:!0}))})}render(){const e=this.getAttribute("title")||"Chat",t=this.getAttribute("subtitle")||"",a=this.getAttribute("avatar-url"),s=this.getAttribute("status")||"connected",o=s==="connected"?"#10b981":s==="connecting"||s==="reconnecting"?"#f59e0b":"#ef4444";this.shadow.innerHTML=`
       <style>
         .header {
           display: flex;
@@ -180,14 +201,14 @@
       </style>
       <div class="header">
         <div class="avatar">
-          ${r?`<img src="${r}" alt="Avatar" />`:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>'}
+          ${a?`<img src="${a}" alt="Avatar" />`:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>'}
         </div>
         <div class="info">
           <div class="title">
             ${e}
-            <span class="status-dot" style="background:${d}"></span>
+            <span class="status-dot" style="background:${o}"></span>
           </div>
-          ${a?`<div class="subtitle">${a}</div>`:""}
+          ${t?`<div class="subtitle">${t}</div>`:""}
         </div>
         <button class="close-btn" aria-label="Close chat">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -195,8 +216,13 @@
           </svg>
         </button>
       </div>
-    `}setStatus(e){this.setAttribute("status",e)}}function c(s){let t=A(s);return t=t.replace(/```(\w*)\n([\s\S]*?)```/g,(e,a,r)=>`<pre><code>${r.trim()}</code></pre>`),t=t.replace(/`([^`]+)`/g,"<code>$1</code>"),t=t.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),t=t.replace(/\*(.+?)\*/g,"<em>$1</em>"),t=t.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'),t=t.replace(/\n/g,"<br>"),t}function A(s){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"};return s.replace(/[&<>"']/g,e=>t[e])}const E=new Set(["p","br","strong","em","code","pre","a","ul","ol","li","blockquote","h1","h2","h3","h4","h5","h6","span","div"]),S={a:new Set(["href","target","rel"]),code:new Set(["class"]),pre:new Set(["class"]),span:new Set(["class"]),div:new Set(["class"])};function h(s){const t=document.createElement("template");return t.innerHTML=s,g(t.content),t.innerHTML}function g(s){const t=Array.from(s.childNodes);for(const e of t)if(e.nodeType===Node.ELEMENT_NODE){const a=e,r=a.tagName.toLowerCase();if(!E.has(r)){const l=document.createTextNode(a.textContent||"");s.replaceChild(l,e);continue}const n=S[r]||new Set,d=Array.from(a.attributes);for(const l of d)n.has(l.name)||a.removeAttribute(l.name);if(a.hasAttribute("href")){const l=a.getAttribute("href")||"";!l.startsWith("http://")&&!l.startsWith("https://")&&!l.startsWith("/")&&a.removeAttribute("href")}g(e)}}class m extends HTMLElement{constructor(){super();i(this,"shadow");i(this,"container");i(this,"welcomeMessage","");i(this,"showTimestamps",!0);this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.shadow.innerHTML=`
+    `}setStatus(e){this.setAttribute("status",e)}}function l(i){let e=C(i);return e=e.replace(/```(\w*)\n([\s\S]*?)```/g,(t,a,s)=>`<pre><code>${s.trim()}</code></pre>`),e=e.replace(/`([^`]+)`/g,"<code>$1</code>"),e=e.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),e=e.replace(/\*(.+?)\*/g,"<em>$1</em>"),e=e.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'),e=e.replace(/\n/g,"<br>"),e}function C(i){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"};return i.replace(/[&<>"']/g,t=>e[t])}const T=new Set(["p","br","strong","em","code","pre","a","ul","ol","li","blockquote","h1","h2","h3","h4","h5","h6","span","div"]),L={a:new Set(["href","target","rel"]),code:new Set(["class"]),pre:new Set(["class"]),span:new Set(["class"]),div:new Set(["class"])};function d(i){const e=document.createElement("template");return e.innerHTML=i,p(e.content),e.innerHTML}function p(i){const e=Array.from(i.childNodes);for(const t of e)if(t.nodeType===Node.ELEMENT_NODE){const a=t,s=a.tagName.toLowerCase();if(!T.has(s)){const n=document.createTextNode(a.textContent||"");i.replaceChild(n,t);continue}const o=L[s]||new Set,v=Array.from(a.attributes);for(const n of v)o.has(n.name)||a.removeAttribute(n.name);if(a.hasAttribute("href")){const n=a.getAttribute("href")||"";!n.startsWith("http://")&&!n.startsWith("https://")&&!n.startsWith("/")&&a.removeAttribute("href")}p(t)}}class u extends HTMLElement{shadow;container;welcomeMessage="";showTimestamps=!0;constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.shadow.innerHTML=`
       <style>
+        :host {
+          display: flex;
+          flex-direction: column;
+          min-height: 0;
+        }
         .message-list {
           flex: 1;
           overflow-y: auto;
@@ -298,7 +324,7 @@
         }
       </style>
       <div class="message-list"></div>
-    `,this.container=this.shadow.querySelector(".message-list")}setWelcomeMessage(e){this.welcomeMessage=e}setShowTimestamps(e){this.showTimestamps=e}renderMessages(e){if(this.container){if(this.container.innerHTML="",e.length===0&&this.welcomeMessage){this.container.innerHTML=`<div class="welcome">${h(c(this.welcomeMessage))}</div>`;return}for(const a of e)this.appendMessageElement(a);this.scrollToBottom()}}addMessage(e){const a=this.container.querySelector(".welcome");a&&a.remove(),this.appendMessageElement(e),this.scrollToBottom()}updateStreamingContent(e){const a=this.container.querySelector('[data-streaming="true"] .bubble');a&&(a.innerHTML=h(c(e)),a.classList.add("streaming-cursor"),this.scrollToBottom())}finalizeStreaming(){const e=this.container.querySelector('[data-streaming="true"]');if(e){e.removeAttribute("data-streaming");const a=e.querySelector(".bubble");a==null||a.classList.remove("streaming-cursor")}}showTypingIndicator(){this.removeTypingIndicator();const e=document.createElement("div");e.classList.add("typing-indicator"),e.setAttribute("data-typing","true"),e.innerHTML='<span class="dot"></span><span class="dot"></span><span class="dot"></span>',this.container.appendChild(e),this.scrollToBottom()}removeTypingIndicator(){var e;(e=this.container.querySelector('[data-typing="true"]'))==null||e.remove()}appendMessageElement(e){const a=document.createElement("div");a.classList.add("message-wrap",e.role),e.status==="streaming"&&a.setAttribute("data-streaming","true");const r=document.createElement("div");if(r.classList.add("bubble",e.role),e.role==="user"?r.textContent=e.content:(r.innerHTML=h(c(e.content||"")),e.status==="streaming"&&r.classList.add("streaming-cursor")),a.appendChild(r),this.showTimestamps&&e.createdAt){const n=document.createElement("div");n.classList.add("timestamp"),n.textContent=this.formatTime(e.createdAt),a.appendChild(n)}this.container.appendChild(a)}scrollToBottom(){requestAnimationFrame(()=>{this.container.scrollTop=this.container.scrollHeight})}formatTime(e){try{return new Date(e).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}catch{return""}}}class f extends HTMLElement{constructor(){super();i(this,"shadow");this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["role","content","timestamp"]}connectedCallback(){this.render()}attributeChangedCallback(){this.render()}render(){const e=this.getAttribute("role")||"user",a=this.getAttribute("content")||"",r=this.getAttribute("timestamp")||"",n=e==="user"?document.createTextNode(a).textContent||"":h(c(a));this.shadow.innerHTML=`
+    `,this.container=this.shadow.querySelector(".message-list"),this.welcomeMessage&&this.renderMessages([])}setWelcomeMessage(e){this.welcomeMessage=e}setShowTimestamps(e){this.showTimestamps=e}renderMessages(e){if(this.container){if(this.container.innerHTML="",e.length===0&&this.welcomeMessage){this.container.innerHTML=`<div class="welcome">${d(l(this.welcomeMessage))}</div>`;return}for(const t of e)this.appendMessageElement(t);this.scrollToBottom()}}addMessage(e){const t=this.container.querySelector(".welcome");t&&t.remove(),this.appendMessageElement(e),this.scrollToBottom()}updateStreamingContent(e){const t=this.container.querySelector('[data-streaming="true"] .bubble');t&&(t.innerHTML=d(l(e)),t.classList.add("streaming-cursor"),this.scrollToBottom())}finalizeStreaming(){const e=this.container.querySelector('[data-streaming="true"]');e&&(e.removeAttribute("data-streaming"),e.querySelector(".bubble")?.classList.remove("streaming-cursor"))}showTypingIndicator(){this.removeTypingIndicator();const e=document.createElement("div");e.classList.add("typing-indicator"),e.setAttribute("data-typing","true"),e.innerHTML='<span class="dot"></span><span class="dot"></span><span class="dot"></span>',this.container.appendChild(e),this.scrollToBottom()}removeTypingIndicator(){this.container.querySelector('[data-typing="true"]')?.remove()}appendMessageElement(e){const t=document.createElement("div");t.classList.add("message-wrap",e.role),e.status==="streaming"&&t.setAttribute("data-streaming","true");const a=document.createElement("div");if(a.classList.add("bubble",e.role),e.role==="user"?a.textContent=e.content:(a.innerHTML=d(l(e.content||"")),e.status==="streaming"&&a.classList.add("streaming-cursor")),t.appendChild(a),this.showTimestamps&&e.createdAt){const s=document.createElement("div");s.classList.add("timestamp"),s.textContent=this.formatTime(e.createdAt),t.appendChild(s)}this.container.appendChild(t)}scrollToBottom(){requestAnimationFrame(()=>{this.container.scrollTop=this.container.scrollHeight})}formatTime(e){try{return new Date(e).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}catch{return""}}}class g extends HTMLElement{shadow;static get observedAttributes(){return["role","content","timestamp"]}constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.render()}attributeChangedCallback(){this.render()}render(){const e=this.getAttribute("role")||"user",t=this.getAttribute("content")||"",a=this.getAttribute("timestamp")||"",s=e==="user"?document.createTextNode(t).textContent||"":d(l(t));this.shadow.innerHTML=`
       <style>
         :host { display: flex; flex-direction: column; }
         :host([role="user"]) { align-items: flex-end; }
@@ -328,9 +354,9 @@
           padding: 0 4px;
         }
       </style>
-      <div class="bubble ${e}">${n}</div>
-      ${r?`<div class="timestamp">${r}</div>`:""}
-    `}}class x extends HTMLElement{constructor(){super();i(this,"shadow");i(this,"textarea");i(this,"sendBtn");i(this,"_disabled",!1);this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){const e=this.getAttribute("placeholder")||"Type a message...";this.shadow.innerHTML=`
+      <div class="bubble ${e}">${s}</div>
+      ${a?`<div class="timestamp">${a}</div>`:""}
+    `}}class m extends HTMLElement{shadow;textarea;sendBtn;_disabled=!1;constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){const e=this.getAttribute("placeholder")||"Type a message...";this.shadow.innerHTML=`
       <style>
         .input-container {
           display: flex;
@@ -388,7 +414,7 @@
           </svg>
         </button>
       </div>
-    `,this.textarea=this.shadow.querySelector("textarea"),this.sendBtn=this.shadow.querySelector(".send-btn"),this.textarea.addEventListener("input",()=>{this.autoGrow(),this.sendBtn.disabled=this._disabled||!this.textarea.value.trim()}),this.textarea.addEventListener("keydown",a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),this.handleSend())}),this.sendBtn.addEventListener("click",()=>this.handleSend())}set disabled(e){var a;this._disabled=e,this.textarea&&(this.textarea.disabled=e),this.sendBtn&&(this.sendBtn.disabled=e||!((a=this.textarea)!=null&&a.value.trim()))}get disabled(){return this._disabled}focus(){var e;(e=this.textarea)==null||e.focus()}clear(){this.textarea&&(this.textarea.value="",this.textarea.style.height="auto",this.sendBtn.disabled=!0)}handleSend(){const e=this.textarea.value.trim();!e||this._disabled||(this.dispatchEvent(new CustomEvent("send",{detail:{content:e},bubbles:!0,composed:!0})),this.clear(),this.textarea.focus())}autoGrow(){this.textarea.style.height="auto",this.textarea.style.height=Math.min(this.textarea.scrollHeight,120)+"px"}}class k extends HTMLElement{constructor(){super();i(this,"shadow");this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.shadow.innerHTML=`
+    `,this.textarea=this.shadow.querySelector("textarea"),this.sendBtn=this.shadow.querySelector(".send-btn"),this.textarea.addEventListener("input",()=>{this.autoGrow(),this.sendBtn.disabled=this._disabled||!this.textarea.value.trim()}),this.textarea.addEventListener("keydown",t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),this.handleSend())}),this.sendBtn.addEventListener("click",()=>this.handleSend())}set disabled(e){this._disabled=e,this.textarea&&(this.textarea.disabled=e),this.sendBtn&&(this.sendBtn.disabled=e||!this.textarea?.value.trim())}get disabled(){return this._disabled}focus(){this.textarea?.focus()}clear(){this.textarea&&(this.textarea.value="",this.textarea.style.height="auto",this.sendBtn.disabled=!0)}handleSend(){const e=this.textarea.value.trim();!e||this._disabled||(this.dispatchEvent(new CustomEvent("send",{detail:{content:e},bubbles:!0,composed:!0})),this.clear(),this.textarea.focus())}autoGrow(){this.textarea.style.height="auto",this.textarea.style.height=Math.min(this.textarea.scrollHeight,120)+"px"}}class f extends HTMLElement{shadow;constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.shadow.innerHTML=`
       <style>
         :host { display: none; }
         :host([visible]) { display: block; }
@@ -422,7 +448,7 @@
         <span class="dot"></span>
         <span class="dot"></span>
       </div>
-    `}show(){this.setAttribute("visible","")}hide(){this.removeAttribute("visible")}}class y extends HTMLElement{constructor(){super();i(this,"shadow");i(this,"bubble");this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.shadow.innerHTML=`
+    `}show(){this.setAttribute("visible","")}hide(){this.removeAttribute("visible")}}class x extends HTMLElement{shadow;bubble;constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.shadow.innerHTML=`
       <style>
         :host {
           display: flex;
@@ -471,7 +497,7 @@
         }
       </style>
       <div class="bubble cursor"></div>
-    `,this.bubble=this.shadow.querySelector(".bubble")}updateContent(e){this.bubble&&(this.bubble.innerHTML=h(c(e)),this.bubble.classList.add("cursor"))}finalize(){var e;(e=this.bubble)==null||e.classList.remove("cursor")}}class v extends HTMLElement{constructor(){super();i(this,"shadow");i(this,"container");i(this,"dismissTimer",null);this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){var e;this.shadow.innerHTML=`
+    `,this.bubble=this.shadow.querySelector(".bubble")}updateContent(e){this.bubble&&(this.bubble.innerHTML=d(l(e)),this.bubble.classList.add("cursor"))}finalize(){this.bubble?.classList.remove("cursor")}}class k extends HTMLElement{shadow;container;dismissTimer=null;constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.shadow.innerHTML=`
       <style>
         .banner {
           display: none;
@@ -499,4 +525,4 @@
         <span class="message"></span>
         <button class="dismiss">Dismiss</button>
       </div>
-    `,this.container=this.shadow.querySelector(".banner"),(e=this.shadow.querySelector(".dismiss"))==null||e.addEventListener("click",()=>this.hide())}show(e,a){const r=this.container.querySelector(".message");r&&(r.textContent=e),this.container.classList.add("visible"),this.dismissTimer&&clearTimeout(this.dismissTimer),a&&(this.dismissTimer=setTimeout(()=>this.hide(),a))}hide(){this.container.classList.remove("visible"),this.dismissTimer&&(clearTimeout(this.dismissTimer),this.dismissTimer=null)}}function w(){const s=[["aikaara-chat-widget",b],["aikaara-chat-bubble",p],["aikaara-chat-header",u],["aikaara-message-list",m],["aikaara-message-bubble",f],["aikaara-chat-input",x],["aikaara-typing-indicator",k],["aikaara-streaming-message",y],["aikaara-error-banner",v]];for(const[t,e]of s)customElements.get(t)||customElements.define(t,e)}w();exports.AikaaraChatBubble=p;exports.AikaaraChatHeader=u;exports.AikaaraChatInput=x;exports.AikaaraChatWidget=b;exports.AikaaraErrorBanner=v;exports.AikaaraMessageBubble=f;exports.AikaaraMessageList=m;exports.AikaaraStreamingMessage=y;exports.AikaaraTypingIndicator=k;exports.registerComponents=w;
+    `,this.container=this.shadow.querySelector(".banner"),this.shadow.querySelector(".dismiss")?.addEventListener("click",()=>this.hide())}show(e,t){const a=this.container.querySelector(".message");a&&(a.textContent=e),this.container.classList.add("visible"),this.dismissTimer&&clearTimeout(this.dismissTimer),t&&(this.dismissTimer=setTimeout(()=>this.hide(),t))}hide(){this.container.classList.remove("visible"),this.dismissTimer&&(clearTimeout(this.dismissTimer),this.dismissTimer=null)}}function y(){const i=[["aikaara-chat-widget",c],["aikaara-chat-bubble",h],["aikaara-chat-header",b],["aikaara-message-list",u],["aikaara-message-bubble",g],["aikaara-chat-input",m],["aikaara-typing-indicator",f],["aikaara-streaming-message",x],["aikaara-error-banner",k]];for(const[e,t]of i)customElements.get(e)||customElements.define(e,t)}y();exports.AikaaraChatBubble=h;exports.AikaaraChatHeader=b;exports.AikaaraChatInput=m;exports.AikaaraChatWidget=c;exports.AikaaraErrorBanner=k;exports.AikaaraMessageBubble=g;exports.AikaaraMessageList=u;exports.AikaaraStreamingMessage=x;exports.AikaaraTypingIndicator=f;exports.registerComponents=y;