@kodaris/krubble-app-components 1.0.66 → 1.0.68

package/dist/chatbot.d.ts

@@ -7,21 +7,6 @@ export interface KRChatbotMessage {
     content: string;
     reasoning?: string;
 }
-/**
- * Frontend action dispatched by the AI via the SSE stream.
- * The backend passes through tool calls from the AI model as ACTION events.
- *
- * Each action type has a specific `data` shape:
- * - `RELOAD` — no data needed
- * - `NAVIGATE` — `{ url: string }`
- * - `UPDATE_HTML` — `{ selector: string, html: string }`
- * - `OPEN_TAB` — `{ url: string }`
- * - `SCROLL_TO` — `{ selector: string }`
- */
-export interface KRChatbotAction {
-    action: 'RELOAD' | 'NAVIGATE' | 'UPDATE_HTML' | 'OPEN_TAB' | 'SCROLL_TO';
-    data?: Record<string, string>;
-}
 /**
  * Callback function type for sending messages.
  * Receives the user's message text and the current conversation history.
@@ -32,18 +17,17 @@ export type KRChatbotSend = (params: {
     messages: KRChatbotMessage[];
 }) => Promise<Response>;
 /**
- * AI chatbot component with SSE streaming and native browser action execution.
+ * AI chatbot component with SSE streaming.
  *
  * Accepts a `send` callback that returns a streaming Response (SSE format).
- * Parses the stream for text tokens, status updates, errors, and frontend actions.
- * When an ACTION event arrives, dispatches a cancelable `action` custom event.
- * If not prevented, executes the native browser action (reload, navigate, etc.).
+ * Parses the stream for text tokens, status updates, and errors.
+ * Dispatches a `stream-event` custom event for every SSE message so consumers can react.
  *
  * ## SSE Stream Format
  * The component expects `data:` lines with JSON payloads containing a `type` field:
  * - `STATUS` — `{ type: "STATUS", message: "Thinking..." }`
  * - `RESPONSE_PART` — `{ type: "RESPONSE_PART", message: "token text" }`
- * - `ACTION` — `{ type: "ACTION", action: "RELOAD" }` (see KRChatbotAction)
+ * - `TOOL_RESULT` — `{ type: "TOOL_RESULT", message: "tool_name", data: {...} }`
  * - `ERROR` — `{ type: "ERROR", message: "Something went wrong" }`
  * - `HEARTBEAT` — `{ type: "HEARTBEAT" }` (ignored)
  *
@@ -67,7 +51,7 @@ export type KRChatbotSend = (params: {
  * @slot - Optional slot content displayed above the messages area
  *
  * @fires message-submit - When the user sends a message. Cancelable. Detail: `{ message: string }`
- * @fires action - When the AI requests a frontend action. Cancelable. Detail: `{ action: KRChatbotAction }`
+ * @fires stream-event - Dispatched for every SSE message received. Detail contains the parsed event data.
  */
 export declare class KRChatbot extends LitElement {
     static styles: import("lit").CSSResult;
@@ -77,6 +61,7 @@ export declare class KRChatbot extends LitElement {
     private _userHasScrolledUp;
     private _isDragging;
     private _isResizing;
+    private _overlay;
     private _resizeDir;
     private _dragStartX;
     private _dragStartY;
@@ -94,6 +79,11 @@ export declare class KRChatbot extends LitElement {
      * Must return a Promise — messages are only cleared if it resolves.
      */
     clear: (() => Promise<unknown>) | null;
+    /**
+     * Callback function called on init to load existing conversation messages.
+     * Must return a Promise that resolves with an array of KRChatbotMessage.
+     */
+    load: (() => Promise<KRChatbotMessage[]>) | null;
     /**
      * Conversation messages. Can be set externally for initial messages.
      * Updated internally as the conversation progresses.
@@ -122,17 +112,42 @@ export declare class KRChatbot extends LitElement {
     private _panelEl;
     private _messagesEl;
     private _inputEl;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: Map<string, unknown>): void;
     /**
      * Stops the current stream without clearing the conversation.
      */
     stop(): void;
+    /**
+     * Shows a full-viewport transparent overlay during drag/resize operations.
+     *
+     * This overlay solves a critical rendering issue when the chatbot is used inside
+     * a page that contains iframes (e.g., the AI editor shell where the page content
+     * is rendered in an iframe and the chatbot floats on top).
+     *
+     * Without the overlay, modifying the iframe's `pointer-events` style during drag
+     * (to prevent it from swallowing mousemove events) causes Chrome to recalculate
+     * compositing layers. This layer recalculation blocks the browser from repainting
+     * the chatbot panel's style changes (width/height/position) even though they are
+     * correctly applied to the DOM. The result is that the panel appears frozen while
+     * the user drags, despite the inline styles updating on every mousemove.
+     *
+     * The overlay approach avoids this entirely: instead of touching the iframe's styles,
+     * we place a transparent div (z-index 9999) above the iframe but below the chatbot
+     * (z-index 10000). This div intercepts all mouse events that would otherwise hit the
+     * iframe, without triggering any compositing layer changes on the iframe itself.
+     */
+    private _showOverlay;
+    private _hideOverlay;
     private _handleHeaderMouseDown;
     private _handleResizeMouseDown;
     private _handleMouseMove;
     private _handleMouseUp;
     private _handleToggle;
+    private _saveState;
+    private _restoreState;
+    private _applyStoredLayout;
     private _handleInputChange;
     private _handleKeyDown;
     private _handleSubmit;
@@ -142,12 +157,6 @@ export declare class KRChatbot extends LitElement {
     private _handleErrorDismiss;
     private _readStreamChunk;
     private _handleStreamError;
-    /**
-     * Lightweight text formatting for assistant messages.
-     * Handles code blocks, inline code, bold, and line breaks.
-     * Escapes HTML entities first to prevent XSS.
-     */
-    private _formatAssistantContent;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/chatbot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../src/chatbot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,CAAC;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;CAC9B,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAskBpB;IAIF,OAAO,CAAC,OAAO,CAAwD;IAEvE,OAAO,CAAC,QAAQ,CAAqB;IAErC,OAAO,CAAC,OAAO,CAAM;IAErB,OAAO,CAAC,kBAAkB,CAAS;IAEnC,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAM;IAExB,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,aAAa,CAAK;IAK1B;;;OAGG;IAEH,IAAI,EAAE,aAAa,GAAG,IAAI,CAAQ;IAElC;;;OAGG;IAEH,KAAK,EAAE,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAQ;IAE9C;;;OAGG;IAEH,QAAQ,EAAE,gBAAgB,EAAE,CAAM;IAElC;;OAEG;IAEH,KAAK,SAAkB;IAEvB;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,WAAW,SAAuB;IAElC;;OAEG;IAEH,MAAM,UAAS;IAKf,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,MAAM,CAAM;IAKpB,OAAO,CAAC,QAAQ,CAAe;IAG/B,OAAO,CAAC,WAAW,CAAe;IAGlC,OAAO,CAAC,QAAQ,CAAuB;IAI9B,oBAAoB;IAUpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAsB9C;;OAEG;IACH,IAAI;IAMJ,OAAO,CAAC,sBAAsB;IA8B9B,OAAO,CAAC,sBAAsB;IA8B9B,OAAO,CAAC,gBAAgB,CAsDvB;IAED,OAAO,CAAC,cAAc,CAWrB;IAED,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,aAAa;IAkErB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,gBAAgB;IAkIxB,OAAO,CAAC,kBAAkB;IAoB1B;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IAyCtB,MAAM;CAgJhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../src/chatbot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAMrD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;CAC9B,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BA8hBpB;IAIF,OAAO,CAAC,OAAO,CAAwD;IAEvE,OAAO,CAAC,QAAQ,CAAqB;IAErC,OAAO,CAAC,OAAO,CAAM;IAErB,OAAO,CAAC,kBAAkB,CAAS;IAEnC,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,QAAQ,CAA4B;IAE5C,OAAO,CAAC,UAAU,CAAM;IAExB,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,aAAa,CAAK;IAI1B;;;OAGG;IAEH,IAAI,EAAE,aAAa,GAAG,IAAI,CAAQ;IAElC;;;OAGG;IAEH,KAAK,EAAE,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAQ;IAE9C;;;OAGG;IAEH,IAAI,EAAE,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC,GAAG,IAAI,CAAQ;IAExD;;;OAGG;IAEH,QAAQ,EAAE,gBAAgB,EAAE,CAAM;IAElC;;OAEG;IAEH,KAAK,SAAS;IAEd;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,WAAW,SAAuB;IAElC;;OAEG;IAKH,MAAM,UAAS;IAKf,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,WAAW,CAAM;IAGzB,OAAO,CAAC,MAAM,CAAM;IAKpB,OAAO,CAAC,QAAQ,CAAe;IAG/B,OAAO,CAAC,WAAW,CAAe;IAGlC,OAAO,CAAC,QAAQ,CAAuB;IAI9B,iBAAiB;IAYjB,oBAAoB;IAUpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAsB9C;;OAEG;IACH,IAAI;IAMJ;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,sBAAsB;IA+B9B,OAAO,CAAC,sBAAsB;IA+B9B,OAAO,CAAC,gBAAgB,CA+CvB;IAED,OAAO,CAAC,cAAc,CAarB;IAED,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,aAAa;IA2FrB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,gBAAgB;IA2FxB,OAAO,CAAC,kBAAkB;IAsBjB,MAAM;CAgPhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}