@kodaris/krubble-app-components 1.0.114 → 1.0.116

package/dist/krubble-app.umd.js

@@ -5679,10 +5679,10 @@
           this._dragStartTop = 0;
           this._resizeStartW = 0;
           this._resizeStartH = 0;
-          /** Cursor X at debug-drawer resize start. */
-          this._debugResizeStartX = 0;
-          /** Debug-drawer width at resize start. */
-          this._debugResizeStartW = 0;
+          /** Cursor X at drawer resize start. */
+          this._drawerResizeStartX = 0;
+          /** Drawer width at resize start. */
+          this._drawerResizeStartW = 0;
           /** Counter for depth-aware dragenter/dragleave tracking. */
           this._dragDepth = 0;
           /** Monotonic id source for pending attachments. */
@@ -5860,9 +5860,9 @@
            */
           this._drawerView = 'settings';
           /** Current width of the drawer in px (user-resizable, persisted). */
-          this._debugDrawerWidth = 430;
+          this._drawerWidth = 430;
           /** True while the user is dragging the drawer's resize handle. */
-          this._isDebugResizing = false;
+          this._isDrawerResizing = false;
           /** Files staged in the composer, before the message is sent. */
           this._pendingConversationFiles = [];
           /** True while a file is being dragged over the panel (shows the drop overlay). */
@@ -6059,23 +6059,23 @@
                   }
               }
           };
-          this._handleDebugResizeMouseMove = (e) => {
-              if (!this._isDebugResizing) {
+          this._handleDrawerResizeMouseMove = (e) => {
+              if (!this._isDrawerResizing) {
                   return;
               }
               // Handle is on the drawer's left edge; dragging left (negative dx) widens it.
-              const dx = e.clientX - this._debugResizeStartX;
+              const dx = e.clientX - this._drawerResizeStartX;
               const minW = 300;
               // Never let the chat column shrink below 300px — cap the drawer at the
               // container width minus that reserved chat width.
               const minChatWidth = 300;
               const maxW = Math.max(minW, this.offsetWidth - minChatWidth);
-              this._debugDrawerWidth = Math.max(minW, Math.min(this._debugResizeStartW - dx, maxW));
+              this._drawerWidth = Math.max(minW, Math.min(this._drawerResizeStartW - dx, maxW));
           };
-          this._handleDebugResizeMouseUp = () => {
-              this._isDebugResizing = false;
-              document.removeEventListener('mousemove', this._handleDebugResizeMouseMove);
-              document.removeEventListener('mouseup', this._handleDebugResizeMouseUp);
+          this._handleDrawerResizeMouseUp = () => {
+              this._isDrawerResizing = false;
+              document.removeEventListener('mousemove', this._handleDrawerResizeMouseMove);
+              document.removeEventListener('mouseup', this._handleDrawerResizeMouseUp);
               this._saveState();
           };
       }
@@ -6386,7 +6386,7 @@
                   showConfirmationInput: String(this._showConfirmationInput),
                   drawerOpen: String(this._drawerOpen),
                   drawerView: this._drawerView,
-                  debugDrawerWidth: String(this._debugDrawerWidth),
+                  drawerWidth: String(this._drawerWidth),
               };
               if (this._panelEl) {
                   const s = this._panelEl.style;
@@ -6436,9 +6436,9 @@
               if (state.drawerView === 'settings' || state.drawerView === 'debug') {
                   this._drawerView = state.drawerView;
               }
-              const w = Number(state.debugDrawerWidth);
+              const w = Number(state.drawerWidth);
               if (w >= 300) {
-                  this._debugDrawerWidth = w;
+                  this._drawerWidth = w;
               }
               // The floating widget's open/layout state doesn't apply to inline mode.
               if (this.variant !== 'inline' && state.opened === 'true') {
@@ -7433,7 +7433,6 @@
               }
           });
       }
-      /** Clear the in-flight confirmation flags (error paths, or once resolved). */
       /**
        * Capture ambient "where is the user / what are they looking at" context at
        * send time, so the AI is grounded without the host passing anything in.
@@ -7529,14 +7528,14 @@
           this._drawerOpen = false;
           this._saveState();
       }
-      _handleDebugResizeMouseDown(e) {
-          this._isDebugResizing = true;
-          this._debugResizeStartX = e.clientX;
-          this._debugResizeStartW = this._debugDrawerWidth;
+      _handleDrawerResizeMouseDown(e) {
+          this._isDrawerResizing = true;
+          this._drawerResizeStartX = e.clientX;
+          this._drawerResizeStartW = this._drawerWidth;
           e.preventDefault();
           e.stopPropagation();
-          document.addEventListener('mousemove', this._handleDebugResizeMouseMove);
-          document.addEventListener('mouseup', this._handleDebugResizeMouseUp);
+          document.addEventListener('mousemove', this._handleDrawerResizeMouseMove);
+          document.addEventListener('mouseup', this._handleDrawerResizeMouseUp);
       }
       _readStreamChunk() {
           if (!this._reader) {
@@ -7641,10 +7640,9 @@
                           // deliberately never show). Adopt it as the header label and pass it
                           // up so consumers can update their own chrome, e.g. a breadcrumb.
                           if (data.data?.title) {
-                              const title = String(data.data.title);
-                              this.label = title;
+                              this.label = data.data.title;
                               this.dispatchEvent(new CustomEvent('conversation-title', {
-                                  detail: { title },
+                                  detail: { title: data.data.title },
                                   bubbles: true,
                                   composed: true,
                               }));
@@ -8141,13 +8139,13 @@
         class=${e({
             'drawer': true,
             'drawer--open': this._drawerOpen,
-            'drawer--resizing': this._isDebugResizing,
+            'drawer--resizing': this._isDrawerResizing,
         })}
-        style=${o({ width: `${this._debugDrawerWidth}px` })}
+        style=${o({ width: `${this._drawerWidth}px` })}
       >
         <div
           class="drawer__resize"
-          @mousedown=${this._handleDebugResizeMouseDown}
+          @mousedown=${this._handleDrawerResizeMouseDown}
         ></div>
         <div class="drawer__header">
           <span class="drawer__title">${isDebug ? 'Debug' : 'Settings'}</span>
@@ -8311,7 +8309,7 @@
           // both views. Only pushes while the drawer is open.
           const contentPadding = {};
           if (this._drawerOpen) {
-              contentPadding.paddingRight = `${this._debugDrawerWidth}px`;
+              contentPadding.paddingRight = `${this._drawerWidth}px`;
           }
           // Group the transcript into runs so an agent turn (its reasoning/tool/text/
           // decision messages, which stream in as separate entries) renders inside ONE
@@ -8357,7 +8355,7 @@
         class=${e({
             'panel': true,
             'panel--opened': this.opened,
-            'panel--resizing-debug': this._isDebugResizing,
+            'panel--resizing-drawer': this._isDrawerResizing,
         })}
         style=${o(contentPadding)}
         @dragenter=${this._handleDragEnter}
@@ -8550,9 +8548,9 @@
                 let resultPreview = '';
                 let resultRemainder = 0;
                 if (msg.type === 'tool_use') {
-                    const next = this.messages[index + 1];
-                    if (next && next.type === 'tool_result' && next.data?.toolUseId === msg.data?.toolUseId) {
-                        result = next.data;
+                    if (this.messages[index + 1]?.type === 'tool_result'
+                        && this.messages[index + 1].data?.toolUseId === msg.data?.toolUseId) {
+                        result = this.messages[index + 1].data;
                     }
                     if (this._showToolInputs && msg.data?.toolInput) {
                         inputSummary = String(msg.data.toolInput).replace(/\s+/g, ' ').trim();
@@ -9126,7 +9124,7 @@
     }
 
     /* Track the cursor 1:1 while dragging the drawer's resize handle. */
-    :host([variant='inline']) .panel--resizing-debug {
+    :host([variant='inline']) .panel--resizing-drawer {
       transition: none;
     }
 
@@ -9811,7 +9809,7 @@
      * drawer does not overlay. It stays mounted and slides in/out via a transform,
      * so opening and closing animate; switching views just swaps the content
      * inside (no re-slide, no width change). One consistent resizable width across
-     * both views; the width is set inline from _debugDrawerWidth.
+     * both views; the width is set inline from _drawerWidth.
      */
     .drawer {
       position: absolute;
@@ -10842,10 +10840,10 @@
   ], exports.Chatbot.prototype, "_drawerView", void 0);
   __decorate([
       r()
-  ], exports.Chatbot.prototype, "_debugDrawerWidth", void 0);
+  ], exports.Chatbot.prototype, "_drawerWidth", void 0);
   __decorate([
       r()
-  ], exports.Chatbot.prototype, "_isDebugResizing", void 0);
+  ], exports.Chatbot.prototype, "_isDrawerResizing", void 0);
   __decorate([
       r()
   ], exports.Chatbot.prototype, "_pendingConversationFiles", void 0);