@kodaris/krubble-app-components 1.0.145 → 1.0.146

package/dist/krubble-app.bundled.js

@@ -3628,6 +3628,20 @@ class KRChatbot extends i$3 {
     toggle() {
         this._handleToggle();
     }
+    /**
+     * Open the panel and send `payload.message` as if the user had typed it and pressed Enter.
+     *
+     * Lets a host app hand the assistant a predefined prompt (e.g. a "Migrate" button that
+     * starts a skill for the current record). Goes through `_handleSubmit`, not `_send`, so
+     * the streaming and pending-confirmation guards and the cancelable `message-submit`
+     * event all apply exactly as they do for a typed message. Nothing is sent while a turn
+     * is in flight; the message is dropped rather than queued.
+     */
+    prompt(payload) {
+        this.open();
+        this._inputValue = payload.message;
+        this._handleSubmit();
+    }
     // --- Private methods ---
     /**
      * Shows a full-viewport transparent overlay during drag/resize operations.
@@ -9486,6 +9500,17 @@ class KRScaffold extends i$3 {
     connectedCallback() {
         super.connectedCallback();
         this.installFetchInterceptor();
+        // Dev only: mount the floating chatbot on document.body with the same id the production
+        // shell gives its <kr-chatbot> (see operationsAppPortalWrapperIndex.ejs). It must live in
+        // light DOM, not this template: apps reach it with document.getElementById('k-ai-chatbot')
+        // to hand it prompts (KRChatbot.prompt), and an element inside this shadow root would be
+        // invisible to that lookup. Same id in both places means apps need no dev/prod branch.
+        if (this.isDev && !document.getElementById('k-ai-chatbot')) {
+            const chatbot = document.createElement('kr-chatbot');
+            chatbot.id = 'k-ai-chatbot';
+            chatbot.hideToggle = true;
+            document.body.appendChild(chatbot);
+        }
     }
     // Attributes are not reflected into properties until after the first update,
     // so loadPref() must run here (not connectedCallback) for user-type to be set.
@@ -9507,6 +9532,9 @@ class KRScaffold extends i$3 {
     disconnectedCallback() {
         super.disconnectedCallback();
         this.uninstallFetchInterceptor();
+        if (this.isDev) {
+            document.getElementById('k-ai-chatbot')?.remove();
+        }
     }
     /**
      * Installs global interceptors for fetch and XMLHttpRequest to track pending HTTP requests.
@@ -9729,7 +9757,7 @@ class KRScaffold extends i$3 {
     // Dev only: the footer "AI Assistant" button opens/closes the floating chatbot, mirroring how
     // the production shell drives its own hide-toggle chatbot from the footer.
     handleDevChatClick() {
-        this.renderRoot.querySelector('kr-chatbot')?.toggle();
+        document.getElementById('k-ai-chatbot')?.toggle();
     }
     /**
      * Handles click on the nav header (logo/title) to navigate home.
@@ -10606,7 +10634,6 @@ class KRScaffold extends i$3 {
             AI Assistant
           </button>
         </div>
-        <kr-chatbot hide-toggle></kr-chatbot>
       `;
         }
         return body;