donobu 2.20.1 → 2.22.0

package/dist/esm/assets/control-panel.js

@@ -10,6 +10,15 @@
     });
   }
 
+  if (!window.__donobu.userMessage) {
+    Object.defineProperty(window.__donobu, 'userMessage', {
+      value: null,
+      enumerable: false,
+      writable: true,
+      configurable: false,
+    });
+  }
+
   if (!window.__donobu.controlPanelRegistered) {
     Object.defineProperty(window.__donobu, 'controlPanelRegistered', {
       value: true,
@@ -79,103 +88,142 @@
     // Global styles
     const styleEl = document.createElement('style');
     styleEl.textContent = `
-      :host {
-        all: initial;
-        position: fixed;
-        top: 150px;
-        right: 20px;
-        z-index: 2147483647;
-        width: 300px;
-      }
+:host {
+  all: initial;
+  position: fixed;
+  top: 150px;
+  right: 20px;
+  z-index: 2147483647;
+  width: 300px;
+}
+
+#panel-content,
+#panel-content * {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  color: #fff !important;
+}
+
+#donobu-control-panel-title-text {
+  font-weight: 600 !important;
+  margin-left: 10px;
+}
+
+#panel-content input[type="text"] {
+  border: 1px solid #ddd !important;
+  background-color: #fff !important;
+  color: #000 !important;
+}
+
+#donobu-play-icon,
+#donobu-pause-icon,
+#donobu-end-icon {
+  fill: none !important;
+  stroke: currentColor !important;
+  stroke-width: 2 !important;
+  stroke-linecap: round !important;
+  stroke-linejoin: round !important;
+}
+
+#panel-content {
+  background-color: rgba(6,8,7,0.9);
+  border: 3px solid rgba(251,188,5, 0.9);
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.8);
+  cursor: move;
+  width: 100%;
+  overflow: hidden;
+  /* Add smooth transition for height changes */
+  transition: all 0.3s ease-in-out;
+}
+
+.donobu-hidden {
+  opacity: 0 !important;
+  pointer-events: none !important;
+}
+
+/* Enhanced expandable content with smooth animations */
+#donobu-control-panel-expandable-content {
+  padding: 0 15px; /* Remove top/bottom padding initially */
+  max-height: 0;
+  overflow: hidden;
+  opacity: 0;
+  /* Smooth transitions for max-height, opacity, and padding */
+  transition: max-height 0.3s ease-in-out,
+              opacity 0.3s ease-in-out,
+              padding 0.3s ease-in-out;
+}
+
+/* When expanded */
+#donobu-control-panel-expandable-content.expanded {
+  max-height: 300px; /* Adjust based on your content */
+  opacity: 1;
+  padding: 15px; /* Full padding when expanded */
+}
+
+.navbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 15px;
+  font-weight: 600;
+  background-color: rgba(6,8,7,0.9);
+  border-bottom: 1px solid rgba(251,188,5, 0.5);
+}
+
+.icon-btn {
+  margin-right: 8px;
+  display: flex;
+  cursor: pointer;
+  opacity: 0.5;
+  transition: opacity 0.2s ease-in-out;
+}
+
+#panel-content textarea {
+  border: 1px solid #ddd !important;
+  background-color: #fff !important;
+  color: #000 !important;
+}
+
+#panel-content textarea::placeholder {
+  color: #666 !important;
+  opacity: 1 !important;
+}
+
+.icon-container {
+  display: flex;
+  align-items: center;
+  margin-right: 5px;
+}
+
+/* Smooth transition for user message section */
+#donobu-user-message-section {
+  margin-bottom: 10px;
+  opacity: 0;
+  transform: translateY(-10px);
+  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
+}
+
+#donobu-user-message-section.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Enhanced textarea with smooth focus transitions */
+#donobu-user-message-input {
+  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+#donobu-user-message-input:focus {
+  border-color: rgba(251,188,5, 0.8) !important;
+  box-shadow: 0 0 0 2px rgba(251,188,5, 0.2) !important;
+  outline: none !important;
+}
+`;
 
-      #panel-content,
-      #panel-content * {
-        box-sizing: border-box;
-        margin: 0;
-        padding: 0;
-        font-family: Helvetica, Arial, sans-serif;
-        font-size: 14px;
-        color: #fff !important;
-      }
-
-      #donobu-control-panel-title-text {
-        font-weight: 600 !important;
-        margin-left: 10px;
-      }
-
-      #panel-content input[type="text"] {
-        border: 1px solid #ddd !important;
-        background-color: #fff !important;
-        color: #000 !important;
-      }
-
-      #donobu-play-icon,
-      #donobu-pause-icon,
-      #donobu-end-icon {
-        fill: none !important;
-        stroke: currentColor !important;
-        stroke-width: 2 !important;
-        stroke-linecap: round !important;
-        stroke-linejoin: round !important;
-      }
-
-      #donobu-control-panel-display-area {
-        color: #fff !important;
-        margin-top: 10px;
-      }
-
-      #panel-content {
-        background-color: rgba(6,8,7,0.9);
-        border: 3px solid rgba(251,188,5, 0.9);
-        border-radius: 8px;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.8);
-        transition: height 0.3s ease;
-        cursor: move;
-        width: 100%;
-        overflow: hidden;
-      }
-      .donobu-hidden {
-        opacity: 0 !important;
-        pointer-events: none !important;
-      }
-      #donobu-control-panel-expandable-content {
-        display: none;
-        padding: 15px;
-        max-height: 300px;
-        overflow-y: auto;
-      }
-
-      .navbar {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 15px;
-        font-weight: 600;
-        background-color: rgba(6,8,7,0.9);
-        border-bottom: 1px solid rgba(251,188,5, 0.5);
-      }
-
-      .icon-btn {
-        margin-right: 8px;
-        display: flex;
-        cursor: pointer;
-        opacity: 0.5;
-      }
-
-      #donobu-instructions-input {
-        width: 100%;
-        margin-bottom: 10px;
-        padding: 8px;
-        border: 1px solid #ddd;
-        border-radius: 4px;
-      }
-
-      .icon-container {
-        display: flex;
-        align-items: center;
-        margin-right: 5px;
-      }
-    `;
     shadow.appendChild(styleEl);
 
     // Main panel container
@@ -270,17 +318,27 @@
     const expandableContent = document.createElement('div');
     expandableContent.id = 'donobu-control-panel-expandable-content';
 
-    const instructionsInput = document.createElement('input');
-    instructionsInput.type = 'text';
-    instructionsInput.id = 'donobu-instructions-input';
-    instructionsInput.placeholder = 'Additional instructions...';
-
-    const displayArea = document.createElement('div');
-    displayArea.id = 'donobu-control-panel-display-area';
-    displayArea.textContent = 'Popup: Monitoring...';
-
-    expandableContent.appendChild(instructionsInput);
-    expandableContent.appendChild(displayArea);
+    // User message input section (initially hidden)
+    const userMessageSection = document.createElement('div');
+    userMessageSection.id = 'donobu-user-message-section';
+    userMessageSection.style.display = 'none';
+    userMessageSection.style.marginBottom = '10px';
+
+    const userMessageInput = document.createElement('textarea');
+    userMessageInput.id = 'donobu-user-message-input';
+    userMessageInput.placeholder =
+      'Additional instructions...\n(Press Enter or Resume to submit)';
+    userMessageInput.style.width = '100%';
+    userMessageInput.style.height = '60px';
+    userMessageInput.style.padding = '8px';
+    userMessageInput.style.border = '1px solid #ddd';
+    userMessageInput.style.borderRadius = '4px';
+    userMessageInput.style.resize = 'vertical';
+    userMessageInput.style.fontFamily = 'inherit';
+    userMessageInput.style.fontSize = '12px';
+
+    userMessageSection.appendChild(userMessageInput);
+    expandableContent.appendChild(userMessageSection);
 
     // Attach everything
     panelContent.appendChild(navbar);
@@ -299,29 +357,125 @@
       btn.style.cursor = active ? 'pointer' : 'default';
     }
 
+    // Helper function to handle resume logic (shared by play button and Enter key)
+    function handleResume() {
+      if (hostEl.donobuFlowState === 'PAUSED' && !isTransitioningToEnd) {
+        // Capture the user message if present
+        const userMessageInput = shadow.getElementById(
+          'donobu-user-message-input',
+        );
+        const userMessage = userMessageInput
+          ? userMessageInput.value.trim()
+          : '';
+        hostEl.donobuFlowState = 'RESUMING';
+        isTransitioningToPause = false;
+        titleText.textContent = 'Resuming...';
+        window.__donobu.nextState = 'RESUMING';
+        window.__donobu.userMessage = userMessage || null;
+        // Clear the input after capturing
+        if (userMessageInput) {
+          userMessageInput.value = '';
+        }
+
+        updateButtonStates();
+        return true; // Indicate that resume was handled
+      }
+      return false; // Indicate that resume was not applicable
+    }
+
     function updateButtonStates() {
       if (!document.contains(hostEl)) {
-        // If forcibly removed, re-append (optional).
         document.body.appendChild(hostEl);
       }
 
       const currentState = hostEl.donobuFlowState;
+      const runMode = hostEl.donobuRunMode || 'AUTONOMOUS';
+      const userMessageSection = shadow.getElementById(
+        'donobu-user-message-section',
+      );
+
+      // Show user input if:
+      // 1. Currently paused and in autonomous mode, OR
+      // 2. Transitioning to pause (eager expansion)
+      const shouldShowUserInput =
+        (currentState === 'PAUSED' && runMode === 'AUTONOMOUS') ||
+        isTransitioningToPause;
+
+      if (userMessageSection) {
+        // Smooth show/hide user input section
+        if (shouldShowUserInput) {
+          // Show and expand the panel
+          expandableContent.classList.add('expanded');
+          // Small delay to ensure the expandable content animation starts first
+          setTimeout(() => {
+            userMessageSection.style.display = 'block';
+            // Trigger reflow, then add visible class for smooth transition
+            userMessageSection.offsetHeight;
+            userMessageSection.classList.add('visible');
+            // Auto-focus the textarea when it becomes visible and we're actually paused
+            // (not just transitioning)
+            if (currentState === 'PAUSED') {
+              const textarea = shadow.getElementById(
+                'donobu-user-message-input',
+              );
+              if (textarea) {
+                textarea.focus();
+              }
+            }
+          }, 100);
+        } else {
+          // Hide user input section first
+          userMessageSection.classList.remove('visible');
+
+          // After the user section animation, collapse the panel
+          setTimeout(() => {
+            userMessageSection.style.display = 'none';
+            expandableContent.classList.remove('expanded');
+          }, 300); // Match the CSS transition duration
+        }
+      }
 
+      // This block handles the visual state while waiting for the backend.
+      // We check if the final state has arrived. If it has NOT, we show the
+      // "transitioning" UI and then `return` to wait for the next update.
       if (isTransitioningToEnd) {
-        titleText.textContent = 'Ending...';
-        setButtonState(playButton, false);
-        setButtonState(pauseButton, false);
-        setButtonState(endButton, false);
-        return;
+        if (currentState !== 'SUCCESS') {
+          // The title text is set by the event listener. We just manage buttons.
+          setButtonState(playButton, false);
+          setButtonState(pauseButton, false);
+          setButtonState(endButton, false);
+          return; // Wait for the 'SUCCESS' state to arrive from the backend.
+        }
+        // If we're here, it means currentState IS 'SUCCESS', so we let the switch handle it.
       }
 
+      if (isTransitioningToPause) {
+        if (currentState !== 'PAUSED') {
+          // The title text is set by the event listener.
+          setButtonState(playButton, false);
+          setButtonState(pauseButton, false);
+          setButtonState(endButton, true);
+          return; // Wait for the 'PAUSED' state to arrive from the backend.
+        }
+        // If we're here, it means currentState IS 'PAUSED', so we let the switch handle it.
+      }
+      // If not transitioning (or if the final transition state has arrived),
+      // this switch becomes the ultimate source of truth for the UI.
       switch (currentState) {
         case 'PAUSED':
           titleText.textContent = 'Paused';
           setButtonState(playButton, true);
           setButtonState(pauseButton, false);
           setButtonState(endButton, true);
-          isTransitioningToPause = false;
+          isTransitioningToPause = false; // Reset the latch!
+          break;
+
+        case 'SUCCESS':
+          titleText.textContent = 'Success!';
+          setButtonState(playButton, false);
+          setButtonState(pauseButton, false);
+          setButtonState(endButton, false);
+          isTransitioningToEnd = false; // Reset the latch!
           break;
 
         case 'QUERYING_LLM_FOR_NEXT_ACTION':
@@ -339,8 +493,7 @@
           break;
 
         case 'RUNNING_ACTION':
-          // Do not set the titleText.textContent for this case since the
-          // backend overwrites this value when running an action.
+          // The backend sets the title, we manage buttons.
           setButtonState(playButton, false);
           setButtonState(pauseButton, true);
           setButtonState(endButton, true);
@@ -353,75 +506,65 @@
           setButtonState(endButton, true);
           break;
 
-        case 'SUCCESS':
-          titleText.textContent = 'Success!';
-          setButtonState(playButton, false);
-          setButtonState(pauseButton, false);
-          setButtonState(endButton, false);
-          break;
-
         default:
-          // "Running" or any other custom state
-          if (isTransitioningToPause) {
-            titleText.textContent = 'Pausing...';
-            setButtonState(playButton, false);
-            setButtonState(pauseButton, false);
-            setButtonState(endButton, true);
-          } else {
-            titleText.textContent = currentState;
-            setButtonState(playButton, false);
-            setButtonState(pauseButton, true);
-            setButtonState(endButton, true);
-          }
+          // "Running" or any other custom state from backend
+          titleText.textContent = currentState;
+          setButtonState(playButton, false);
+          setButtonState(pauseButton, true);
+          setButtonState(endButton, true);
           break;
       }
     }
 
-    // Interval for state updates
     const stateInterval = setInterval(updateButtonStates, 500);
 
     // --- Button event listeners ---
 
-    // PLAY button: signals user wants to resume from paused
     playButton.addEventListener('click', () => {
-      if (hostEl.donobuFlowState === 'PAUSED' && !isTransitioningToEnd) {
-        // UI states
-        hostEl.donobuFlowState = 'RUNNING';
-        isTransitioningToPause = false;
-
-        // Expose next state so external script can pick it up
-        window.__donobu.nextState = 'RESUMING';
-
-        updateButtonStates();
-      }
+      handleResume();
     });
 
     // PAUSE button: signals user wants to pause
     pauseButton.addEventListener('click', () => {
-      if (hostEl.donobuFlowState !== 'PAUSED' && !isTransitioningToEnd) {
-        hostEl.donobuFlowState = 'PAUSED';
+      // Check if the pause button is currently active
+      const isPauseActive = pauseButton.style.opacity === '1';
+      if (isPauseActive && !isTransitioningToPause && !isTransitioningToEnd) {
         isTransitioningToPause = true;
-
-        // Expose next state
+        // Provide immediate, informative feedback to the user.
+        titleText.textContent = `Pausing...`;
+        // Expose next state so external script can pick it up
         window.__donobu.nextState = 'PAUSED';
-
+        // Manually update button states for immediate feedback
         updateButtonStates();
       }
     });
 
     // END button: signals user wants to stop / end the flow
     endButton.addEventListener('click', () => {
-      if (!isTransitioningToEnd) {
-        hostEl.donobuFlowState = 'SUCCESS';
+      const isEndActive = endButton.style.opacity === '1';
+      if (isEndActive && !isTransitioningToEnd) {
         isTransitioningToEnd = true;
-
+        titleText.textContent = `Quitting...`;
         // Expose next state
         window.__donobu.nextState = 'SUCCESS';
-
+        // Manually update button states for immediate feedback
         updateButtonStates();
       }
     });
 
+    // Add Enter key listener to the textarea
+    userMessageInput.addEventListener('keydown', (e) => {
+      // Handle Enter key (but not Shift+Enter, which should create new lines)
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault(); // Prevent default textarea behavior
+
+        // Only trigger resume if we're in a paused state
+        if (handleResume()) {
+          // Resume was successful, the handleResume function took care of everything
+        }
+      }
+    });
+
     // --- Drag-and-drop logic ---
     let isDragging = false;
     let offsetX = 0;

package/dist/esm/assets/generated/version

@@ -1 +1 @@
-1215
+1248

package/dist/esm/bindings/NamedBindingCallback.d.ts

@@ -19,6 +19,6 @@ export interface NamedBindingCallback {
         context: BrowserContext;
         page: Page;
         frame: Frame;
-    }, ...args: any[]): any;
+    }, ...args: any[]): Promise<any>;
 }
 //# sourceMappingURL=NamedBindingCallback.d.ts.map

package/dist/esm/bindings/NamedBindingCallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NamedBindingCallback.d.ts","sourceRoot":"","sources":["../../../src/bindings/NamedBindingCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,IAAI,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CACF,MAAM,EAAE;QAAE,OAAO,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,EAC7D,GAAG,IAAI,EAAE,GAAG,EAAE,GACb,GAAG,CAAC;CACR"}
+{"version":3,"file":"NamedBindingCallback.d.ts","sourceRoot":"","sources":["../../../src/bindings/NamedBindingCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,IAAI,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CACF,MAAM,EAAE;QAAE,OAAO,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,EAC7D,GAAG,IAAI,EAAE,GAAG,EAAE,GACb,OAAO,CAAC,GAAG,CAAC,CAAC;CACjB"}

package/dist/esm/bindings/ProposeToolCall.d.ts

@@ -11,7 +11,7 @@ export declare class ProposeToolCall implements NamedBindingCallback {
     static register(donobuFlow: DonobuFlow, browserContext: BrowserContext): Promise<ProposeToolCall>;
     constructor(donobuFlow: DonobuFlow);
     name(): string;
-    call(_source: {
+    call(source: {
         context: BrowserContext;
         page: Page;
         frame: Frame;

package/dist/esm/bindings/ProposeToolCall.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProposeToolCall.d.ts","sourceRoot":"","sources":["../../../src/bindings/ProposeToolCall.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD;;;GAGG;AACH,qBAAa,eAAgB,YAAW,oBAAoB;IAevC,OAAO,CAAC,QAAQ,CAAC,UAAU;IAd9C,gBAAuB,IAAI,6BAA6B;WAEpC,QAAQ,CAC1B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,GAC7B,OAAO,CAAC,eAAe,CAAC;gBASS,UAAU,EAAE,UAAU;IAEnD,IAAI,IAAI,MAAM;IAIR,IAAI,CACf,OAAO,EAAE;QAAE,OAAO,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,EAC9D,GAAG,IAAI,EAAE,GAAG,EAAE,GACb,OAAO,CAAC,IAAI,CAAC;CAOjB"}
+{"version":3,"file":"ProposeToolCall.d.ts","sourceRoot":"","sources":["../../../src/bindings/ProposeToolCall.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKpD;;;GAGG;AACH,qBAAa,eAAgB,YAAW,oBAAoB;IAevC,OAAO,CAAC,QAAQ,CAAC,UAAU;IAd9C,gBAAuB,IAAI,6BAA6B;WAEpC,QAAQ,CAC1B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,GAC7B,OAAO,CAAC,eAAe,CAAC;gBASS,UAAU,EAAE,UAAU;IAEnD,IAAI,IAAI,MAAM;IAIR,IAAI,CACf,MAAM,EAAE;QAAE,OAAO,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,EAC7D,GAAG,IAAI,EAAE,GAAG,EAAE,GACb,OAAO,CAAC,IAAI,CAAC;CAiCjB"}

package/dist/esm/bindings/ProposeToolCall.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProposeToolCall = void 0;
 const Logger_1 = require("../utils/Logger");
+const ProposedToolCall_1 = require("../models/ProposedToolCall");
+const zod_1 = require("zod");
 /**
  * A binding to allow arbitrary tool calls to be proposed from the frontend.
  * This is for debugging purposes only.
@@ -18,10 +20,28 @@ class ProposeToolCall {
     name() {
         return ProposeToolCall.NAME;
     }
-    async call(_source, ...args) {
-        Logger_1.appLogger.debug(`Proposed tool call from frontend: ${JSON.stringify(args[0])}`);
-        const proposedToolCall = args[0];
-        this.donobuFlow.proposedToolCalls.push(proposedToolCall);
+    async call(source, ...args) {
+        Logger_1.appLogger.debug(`Proposed tool call from frontend: ${JSON.stringify(args)}`);
+        try {
+            const name = zod_1.z.string().parse(args[0]);
+            try {
+                const parameters = ProposedToolCall_1.ProposedToolCallSchema.shape.parameters.parse(args[1]);
+                this.donobuFlow.proposedToolCalls.push({
+                    name,
+                    parameters,
+                });
+            }
+            catch (error) {
+                await source.page.evaluate((message) => {
+                    console.error(message);
+                }, `Second argument must be the tool args: ${error.message}`);
+            }
+        }
+        catch (error) {
+            await source.page.evaluate((message) => {
+                console.error(message);
+            }, `First argument must be the tool name: ${error.message}`);
+        }
     }
 }
 exports.ProposeToolCall = ProposeToolCall;

package/dist/esm/bindings/ProposeToolCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProposeToolCall.js","sourceRoot":"","sources":["../../../src/bindings/ProposeToolCall.ts"],"names":[],"mappings":";;;AAGA,4CAA4C;AAG5C;;;GAGG;AACH,MAAa,eAAe;IAGnB,MAAM,CAAC,KAAK,CAAC,QAAQ,CAC1B,UAAsB,EACtB,cAA8B;QAE9B,MAAM,QAAQ,GAAG,IAAI,eAAe,CAAC,UAAU,CAAC,CAAC;QACjD,MAAM,cAAc,CAAC,aAAa,CAChC,QAAQ,CAAC,IAAI,EAAE,EACf,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC7B,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,YAAoC,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;IAAG,CAAC;IAEvD,IAAI;QACT,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9B,CAAC;IAEM,KAAK,CAAC,IAAI,CACf,OAA8D,EAC9D,GAAG,IAAW;QAEd,kBAAS,CAAC,KAAK,CACb,qCAAqC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAC/D,CAAC;QACF,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAA0B,CAAC;QAC1D,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC;;AA9BH,0CA+BC;AA9BwB,oBAAI,GAAG,yBAAyB,CAAC"}
+{"version":3,"file":"ProposeToolCall.js","sourceRoot":"","sources":["../../../src/bindings/ProposeToolCall.ts"],"names":[],"mappings":";;;AAGA,4CAA4C;AAC5C,iEAAoE;AACpE,6BAAkC;AAElC;;;GAGG;AACH,MAAa,eAAe;IAGnB,MAAM,CAAC,KAAK,CAAC,QAAQ,CAC1B,UAAsB,EACtB,cAA8B;QAE9B,MAAM,QAAQ,GAAG,IAAI,eAAe,CAAC,UAAU,CAAC,CAAC;QACjD,MAAM,cAAc,CAAC,aAAa,CAChC,QAAQ,CAAC,IAAI,EAAE,EACf,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC7B,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,YAAoC,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;IAAG,CAAC;IAEvD,IAAI;QACT,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9B,CAAC;IAEM,KAAK,CAAC,IAAI,CACf,MAA6D,EAC7D,GAAG,IAAW;QAEd,kBAAS,CAAC,KAAK,CACb,qCAAqC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAC5D,CAAC;QAEF,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,OAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAEvC,IAAI,CAAC;gBACH,MAAM,UAAU,GAAG,yCAAsB,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAC9D,IAAI,CAAC,CAAC,CAAC,CACR,CAAC;gBACF,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC;oBACrC,IAAI;oBACJ,UAAU;iBACX,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CACxB,CAAC,OAAO,EAAE,EAAE;oBACV,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACzB,CAAC,EACD,0CAA2C,KAAkB,CAAC,OAAO,EAAE,CACxE,CAAC;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CACxB,CAAC,OAAO,EAAE,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACzB,CAAC,EACD,yCAA0C,KAAkB,CAAC,OAAO,EAAE,CACvE,CAAC;QACJ,CAAC;IACH,CAAC;;AAxDH,0CAyDC;AAxDwB,oBAAI,GAAG,yBAAyB,CAAC"}

package/dist/esm/bindings/ToggleDonobuAnnotations.d.ts

@@ -2,14 +2,14 @@ import { PageInspector } from '../managers/PageInspector';
 import { NamedBindingCallback } from './NamedBindingCallback';
 import { BrowserContext, Page, Frame } from 'playwright';
 /**
- * A binding that toggles the annotations on the page executing this callback.
+ * A binding that sets or unsets the annotations on the page executing this callback.
  * This is used for debugging purposes to show the interactable elements on the page
  * as understood by the Donobu engine.
  */
-export declare class ToggleDonobuAnnotations implements NamedBindingCallback {
+export declare class SetDonobuAnnotations implements NamedBindingCallback {
     private readonly pageInspector;
-    static readonly NAME = "__donobuToggleAnnotations";
-    static register(pageInspector: PageInspector, browserContext: BrowserContext): Promise<ToggleDonobuAnnotations>;
+    static readonly NAME = "__donobuSetAnnotations";
+    static register(pageInspector: PageInspector, browserContext: BrowserContext): Promise<SetDonobuAnnotations>;
     constructor(pageInspector: PageInspector);
     name(): string;
     call(source: {

package/dist/esm/bindings/ToggleDonobuAnnotations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleDonobuAnnotations.d.ts","sourceRoot":"","sources":["../../../src/bindings/ToggleDonobuAnnotations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEzD;;;;GAIG;AACH,qBAAa,uBAAwB,YAAW,oBAAoB;IAe/C,OAAO,CAAC,QAAQ,CAAC,aAAa;IAdjD,gBAAuB,IAAI,+BAA+B;WAEtC,QAAQ,CAC1B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC7B,OAAO,CAAC,uBAAuB,CAAC;gBASC,aAAa,EAAE,aAAa;IAEzD,IAAI,IAAI,MAAM;IAIR,IAAI,CACf,MAAM,EAAE;QAAE,OAAO,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,EAC7D,GAAG,IAAI,EAAE,GAAG,EAAE,GACb,OAAO,CAAC,IAAI,CAAC;CAYjB"}
+{"version":3,"file":"ToggleDonobuAnnotations.d.ts","sourceRoot":"","sources":["../../../src/bindings/ToggleDonobuAnnotations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGzD;;;;GAIG;AACH,qBAAa,oBAAqB,YAAW,oBAAoB;IAe5C,OAAO,CAAC,QAAQ,CAAC,aAAa;IAdjD,gBAAuB,IAAI,4BAA4B;WAEnC,QAAQ,CAC1B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC7B,OAAO,CAAC,oBAAoB,CAAC;gBASI,aAAa,EAAE,aAAa;IAEzD,IAAI,IAAI,MAAM;IAIR,IAAI,CACf,MAAM,EAAE;QAAE,OAAO,EAAE,cAAc,CAAC;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,EAC7D,GAAG,IAAI,EAAE,GAAG,EAAE,GACb,OAAO,CAAC,IAAI,CAAC;CA8BjB"}