@kodaris/krubble-app-components 1.0.144 → 1.0.146

package/dist/krubble-app.umd.js

@@ -3631,6 +3631,20 @@
       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.
@@ -9489,6 +9503,17 @@
       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.
@@ -9510,6 +9535,9 @@
       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.
@@ -9732,7 +9760,7 @@
       // 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.
@@ -10609,7 +10637,6 @@
             AI Assistant
           </button>
         </div>
-        <kr-chatbot hide-toggle></kr-chatbot>
       `;
           }
           return body;