@eko-ai/eko 1.0.9 → 1.0.11

package/dist/extension.esm.js

@@ -28,21 +28,12 @@ async function getWindowId(context) {
 async function getTabId(context) {
     let tabId = context.variables.get('tabId');
     if (tabId) {
-        // Ensure tabId is a number
-        tabId = Number(tabId);
-        // Check if it's a valid integer
-        if (!Number.isInteger(tabId)) {
-            context.variables.delete('tabId');
-            tabId = null;
+        try {
+            await chrome.tabs.get(tabId);
         }
-        else {
-            try {
-                await chrome.tabs.get(tabId);
-            }
-            catch (e) {
-                tabId = null;
-                context.variables.delete('tabId');
-            }
+        catch (e) {
+            tabId = null;
+            context.variables.delete('tabId');
         }
     }
     if (!tabId) {
@@ -66,24 +57,30 @@ async function getTabId(context) {
     }
     return tabId;
 }
-async function getCurrentTabId(windowId) {
+function getCurrentTabId(windowId) {
     return new Promise((resolve, reject) => {
-        chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
+        chrome.tabs.query({ windowId, active: true, lastFocusedWindow: true }, function (tabs) {
             if (chrome.runtime.lastError) {
                 console.error('Chrome runtime error:', chrome.runtime.lastError);
                 reject(chrome.runtime.lastError);
                 return;
             }
-            if (!tabs || tabs.length === 0) {
-                reject(new Error('No active tab found'));
-                return;
+            if (tabs.length > 0) {
+                resolve(tabs[0].id);
             }
-            const tabId = tabs[0].id;
-            if (typeof tabId !== 'number') {
-                reject(new Error('Invalid tab ID'));
-                return;
+            else {
+                chrome.tabs.query({ windowId, active: true, currentWindow: true }, function (_tabs) {
+                    if (_tabs.length > 0) {
+                        resolve(_tabs[0].id);
+                        return;
+                    }
+                    else {
+                        chrome.tabs.query({ windowId, status: 'complete', currentWindow: true }, function (__tabs) {
+                            resolve(__tabs.length ? __tabs[__tabs.length - 1].id : undefined);
+                        });
+                    }
+                });
             }
-            resolve(tabId);
         });
     });
 }
@@ -645,35 +642,35 @@ var browser = /*#__PURE__*/Object.freeze({
 class BrowserUse {
     constructor() {
         this.name = 'browser_use';
-        this.description = `Use structured commands to interact with the browser, manipulating page elements through screenshots and webpage element extraction.
-* This is a browser GUI interface where you need to analyze webpages by taking screenshots and extracting page element structures, and specify action sequences to complete designated tasks.
-* Before any operation, you must first call the \`screenshot_extract_element\` command, which will return the browser page screenshot and structured element information, both specially processed.
-* ELEMENT INTERACTION:
-   - Only use indexes that exist in the provided element list
-   - Each element has a unique index number (e.g., "[33]:<button>")
-   - Elements marked with "[]:" are non-interactive (for context only)
-* NAVIGATION & ERROR HANDLING:
-   - If no suitable elements exist, use other functions to complete the task
-   - If stuck, try alternative approaches
-   - Handle popups/cookies by accepting or closing them
+        this.description = `Use structured commands to interact with the browser, manipulating page elements through screenshots and webpage element extraction.
+* This is a browser GUI interface where you need to analyze webpages by taking screenshots and extracting page element structures, and specify action sequences to complete designated tasks.
+* Before any operation, you must first call the \`screenshot_extract_element\` command, which will return the browser page screenshot and structured element information, both specially processed.
+* ELEMENT INTERACTION:
+   - Only use indexes that exist in the provided element list
+   - Each element has a unique index number (e.g., "[33]:<button>")
+   - Elements marked with "[]:" are non-interactive (for context only)
+* NAVIGATION & ERROR HANDLING:
+   - If no suitable elements exist, use other functions to complete the task
+   - If stuck, try alternative approaches
+   - Handle popups/cookies by accepting or closing them
    - Use scroll to find elements you are looking for`;
         this.input_schema = {
             type: 'object',
             properties: {
                 action: {
                     type: 'string',
-                    description: `The action to perform. The available actions are:
-* \`screenshot_extract_element\`: Take a screenshot of the web page and extract operable elements.
-  - Screenshots are used to understand page layouts, with labeled bounding boxes corresponding to element indexes. Each bounding box and its label share the same color, with labels typically positioned in the top-right corner of the box.
-  - Screenshots help verify element positions and relationships. Labels may sometimes overlap, so extracted elements are used to verify the correct elements.
-  - In addition to screenshots, simplified information about interactive elements is returned, with element indexes corresponding to those in the screenshots.
-* \`input_text\`: Enter a string in the interactive element.
-* \`click\`: Click to element.
-* \`right_click\`: Right-click on the element.
-* \`double_click\`: Double-click on the element.
-* \`scroll_to\`: Scroll to the specified element.
-* \`extract_content\`: Extract the text content of the current webpage.
-* \`get_dropdown_options\`: Get all options from a native dropdown element.
+                    description: `The action to perform. The available actions are:
+* \`screenshot_extract_element\`: Take a screenshot of the web page and extract operable elements.
+  - Screenshots are used to understand page layouts, with labeled bounding boxes corresponding to element indexes. Each bounding box and its label share the same color, with labels typically positioned in the top-right corner of the box.
+  - Screenshots help verify element positions and relationships. Labels may sometimes overlap, so extracted elements are used to verify the correct elements.
+  - In addition to screenshots, simplified information about interactive elements is returned, with element indexes corresponding to those in the screenshots.
+* \`input_text\`: Enter a string in the interactive element.
+* \`click\`: Click to element.
+* \`right_click\`: Right-click on the element.
+* \`double_click\`: Double-click on the element.
+* \`scroll_to\`: Scroll to the specified element.
+* \`extract_content\`: Extract the text content of the current webpage.
+* \`get_dropdown_options\`: Get all options from a native dropdown element.
 * \`select_dropdown_option\`: Select dropdown option for interactive element index by the text of the option you want to select.`,
                     enum: [
                         'screenshot_extract_element',
@@ -826,7 +823,7 @@ class BrowserUse {
         }
         catch (e) {
             console.error('Browser use error:', e);
-            return { success: false, error: e === null || e === void 0 ? void 0 : e.message };
+            return { success: false, error: e === null || e === undefined ? undefined : e.message };
         }
     }
     destroy(context) {
@@ -904,7 +901,7 @@ function extractOperableElements() {
                 return NodeFilter.FILTER_SKIP;
             }
             // text <= 100
-            const text = (_a = node.innerText) === null || _a === void 0 ? void 0 : _a.trim();
+            const text = (_a = node.innerText) === null || _a === undefined ? undefined : _a.trim();
             if (isElementVisible(node) &&
                 text &&
                 text.length <= 100 &&
@@ -1010,21 +1007,21 @@ async function executeWithHtmlElement$1(context, task_prompt) {
     let messages = [
         {
             role: 'user',
-            content: `# Task
-Determine the operation intent based on user input, find the element ID that the user needs to operate on in the webpage HTML, and if the element does not exist, do nothing.
-Output JSON format, no explanation required.
-
-# User input
-${task_prompt}
-
-# Output example (when the element exists)
-{"elementId": "1", "operationType": "click"}
-
-# Output example (when the element does not exist)
-{"elementId": null, "operationType": "unknown"}
-
-# HTML
-${pseudoHtml}
+            content: `# Task
+Determine the operation intent based on user input, find the element ID that the user needs to operate on in the webpage HTML, and if the element does not exist, do nothing.
+Output JSON format, no explanation required.
+
+# User input
+${task_prompt}
+
+# Output example (when the element exists)
+{"elementId": "1", "operationType": "click"}
+
+# Output example (when the element does not exist)
+{"elementId": null, "operationType": "unknown"}
+
+# HTML
+${pseudoHtml}
 `,
         },
     ];
@@ -1165,8 +1162,15 @@ class ExportFile {
             });
         }
         catch (e) {
-            let tab = await open_new_tab('https://www.google.com', true);
-            (_c = (_b = (_a = context.callback) === null || _a === void 0 ? void 0 : _a.hooks) === null || _b === void 0 ? void 0 : _b.onTabCreated) === null || _c === void 0 ? void 0 : _c.call(_b, tab.id);
+            let tab;
+            const url = 'https://www.google.com';
+            if (context.ekoConfig.workingWindowId) {
+                tab = await open_new_tab(url, false, context.ekoConfig.workingWindowId);
+            }
+            else {
+                tab = await open_new_tab(url, true);
+            }
+            (_c = (_b = (_a = context.callback) === null || _a === undefined ? undefined : _a.hooks) === null || _b === undefined ? undefined : _b.onTabCreated) === null || _c === undefined ? undefined : _c.call(_b, tab.id);
             let tabId = tab.id;
             await chrome.scripting.executeScript({
                 target: { tabId: tabId },
@@ -1260,21 +1264,21 @@ async function executeWithHtmlElement(context, task_prompt) {
     let messages = [
         {
             role: 'user',
-            content: `# Task
-Find the element ID that the user needs to operate on in the webpage HTML, and if the element does not exist, do nothing.
-Output JSON format, no explanation required.
-
-# User input
-${task_prompt}
-
-# Output example (when the element exists)
-{"elementId": "1"}
-
-# Output example (when the element does not exist)
-{"elementId": null}
-
-# HTML
-${pseudoHtml}
+            content: `# Task
+Find the element ID that the user needs to operate on in the webpage HTML, and if the element does not exist, do nothing.
+Output JSON format, no explanation required.
+
+# User input
+${task_prompt}
+
+# Output example (when the element exists)
+{"elementId": "1"}
+
+# Output example (when the element does not exist)
+{"elementId": null}
+
+# HTML
+${pseudoHtml}
 `,
         },
     ];
@@ -1423,12 +1427,12 @@ class OpenUrl {
         let tab;
         if (newWindow) {
             tab = await open_new_tab(url, true);
-            (_c = (_b = (_a = context.callback) === null || _a === void 0 ? void 0 : _a.hooks) === null || _b === void 0 ? void 0 : _b.onTabCreated) === null || _c === void 0 ? void 0 : _c.call(_b, tab.id);
+            (_c = (_b = (_a = context.callback) === null || _a === undefined ? undefined : _a.hooks) === null || _b === undefined ? undefined : _b.onTabCreated) === null || _c === undefined ? undefined : _c.call(_b, tab.id);
         }
         else {
             let windowId = await getWindowId(context);
             tab = await open_new_tab(url, false, windowId);
-            (_f = (_e = (_d = context.callback) === null || _d === void 0 ? void 0 : _d.hooks) === null || _e === void 0 ? void 0 : _e.onTabCreated) === null || _f === void 0 ? void 0 : _f.call(_e, tab.id);
+            (_f = (_e = (_d = context.callback) === null || _d === undefined ? undefined : _d.hooks) === null || _e === undefined ? undefined : _e.onTabCreated) === null || _f === undefined ? undefined : _f.call(_e, tab.id);
         }
         let windowId = tab.windowId;
         let tabId = tab.id;
@@ -1487,13 +1491,13 @@ class TabManagement {
             properties: {
                 command: {
                     type: 'string',
-                    description: `The command to perform. The available commands are:
-* \`tab_all\`: View all tabs and return the tabId and title.
-* \`current_tab\`: Get current tab information (tabId, url, title).
-* \`go_back\`: Go back to the previous page in the current tab.
-* \`change_url [url]\`: open URL in the current tab, eg: \`change_url https://www.google.com\`.
-* \`close_tab\`: Close the current tab.
-* \`switch_tab [tabId]\`: Switch to the specified tab using tabId, eg: \`switch_tab 1000\`.
+                    description: `The command to perform. The available commands are:
+* \`tab_all\`: View all tabs and return the tabId and title.
+* \`current_tab\`: Get current tab information (tabId, url, title).
+* \`go_back\`: Go back to the previous page in the current tab.
+* \`change_url [url]\`: open URL in the current tab, eg: \`change_url https://www.google.com\`.
+* \`close_tab\`: Close the current tab.
+* \`switch_tab [tabId]\`: Switch to the specified tab using tabId, eg: \`switch_tab 1000\`.
 * \`new_tab [url]\`: Open a new tab window and open the URL, eg: \`new_tab https://www.google.com\``,
                 },
             },
@@ -1594,12 +1598,12 @@ class TabManagement {
             let tab;
             if (newWindow) {
                 tab = await open_new_tab(url, true);
-                (_c = (_b = (_a = context.callback) === null || _a === void 0 ? void 0 : _a.hooks) === null || _b === void 0 ? void 0 : _b.onTabCreated) === null || _c === void 0 ? void 0 : _c.call(_b, tab.id);
+                (_c = (_b = (_a = context.callback) === null || _a === undefined ? undefined : _a.hooks) === null || _b === undefined ? undefined : _b.onTabCreated) === null || _c === undefined ? undefined : _c.call(_b, tab.id);
             }
             else {
                 let windowId = await getWindowId(context);
                 tab = await open_new_tab(url, false, windowId);
-                (_f = (_e = (_d = context.callback) === null || _d === void 0 ? void 0 : _d.hooks) === null || _e === void 0 ? void 0 : _e.onTabCreated) === null || _f === void 0 ? void 0 : _f.call(_e, tab.id);
+                (_f = (_e = (_d = context.callback) === null || _d === undefined ? undefined : _d.hooks) === null || _e === undefined ? undefined : _e.onTabCreated) === null || _f === undefined ? undefined : _f.call(_e, tab.id);
             }
             let windowId = tab.windowId;
             let tabId = tab.id;
@@ -1678,8 +1682,8 @@ class WebSearch {
         }
         let taskId = new Date().getTime() + '';
         let searchs = [{ url: url, keyword: query }];
-        let searchInfo = await deepSearch(context, taskId, searchs, maxResults || 5);
-        let links = ((_a = searchInfo.result[0]) === null || _a === void 0 ? void 0 : _a.links) || [];
+        let searchInfo = await deepSearch(context, taskId, searchs, maxResults || 5, context.ekoConfig.workingWindowId);
+        let links = ((_a = searchInfo.result[0]) === null || _a === undefined ? undefined : _a.links) || [];
         return links.filter((s) => s.content);
     }
 }
@@ -1751,25 +1755,27 @@ chrome.tabs.onUpdated.addListener(async function (tabId, changeInfo, tab) {
  * @param {array} searchs search list => [{ url: 'https://bing.com', keyword: 'ai' }]
  * @param {number} detailsMaxNum Maximum crawling quantity per search detail page
  */
-async function deepSearch(context, taskId, searchs, detailsMaxNum, window) {
+async function deepSearch(context, taskId, searchs, detailsMaxNum, windowId) {
     let closeWindow = false;
-    if (!window) {
+    if (!windowId) {
         // open new window
-        window = await chrome.windows.create({
+        let window = await chrome.windows.create({
             type: 'normal',
             state: 'maximized',
             url: null,
         });
+        windowId = window.id;
         closeWindow = true;
     }
+    windowId = windowId;
     // crawler the search page details page link
     // [{ links: [{ title, url }] }]
-    let detailLinkGroups = await doDetailLinkGroups(context, taskId, searchs, detailsMaxNum, window);
+    let detailLinkGroups = await doDetailLinkGroups(context, taskId, searchs, detailsMaxNum, windowId);
     // crawler all details page content and comments
-    let searchInfo = await doPageContent(context, taskId, detailLinkGroups, window);
+    let searchInfo = await doPageContent(context, taskId, detailLinkGroups, windowId);
     console.log('searchInfo: ', searchInfo);
     // close window
-    closeWindow && chrome.windows.remove(window.id);
+    closeWindow && chrome.windows.remove(windowId);
     return searchInfo;
 }
 /**
@@ -1781,7 +1787,7 @@ async function deepSearch(context, taskId, searchs, detailsMaxNum, window) {
  * @param {*} window
  * @returns [{ links: [{ title, url }] }]
  */
-async function doDetailLinkGroups(context, taskId, searchs, detailsMaxNum, window) {
+async function doDetailLinkGroups(context, taskId, searchs, detailsMaxNum, windowId) {
     var _a, _b, _c;
     let detailLinkGroups = [];
     let countDownLatch = new CountDownLatch(searchs.length);
@@ -1792,7 +1798,7 @@ async function doDetailLinkGroups(context, taskId, searchs, detailsMaxNum, windo
             // open new Tab
             let tab = await chrome.tabs.create({
                 url: url,
-                windowId: window.id,
+                windowId,
             });
             (_c = (_b = (_a = context.callback) === null || _a === void 0 ? void 0 : _a.hooks) === null || _b === void 0 ? void 0 : _b.onTabCreated) === null || _c === void 0 ? void 0 : _c.call(_b, tab.id);
             let eventId = taskId + '_' + i;
@@ -1845,7 +1851,7 @@ async function doDetailLinkGroups(context, taskId, searchs, detailsMaxNum, windo
  * @param {*} window
  * @returns search info
  */
-async function doPageContent(context, taskId, detailLinkGroups, window) {
+async function doPageContent(context, taskId, detailLinkGroups, windowId) {
     var _a, _b, _c;
     const searchInfo = {
         total: 0,
@@ -1868,9 +1874,9 @@ async function doPageContent(context, taskId, detailLinkGroups, window) {
             // open new tab
             let tab = await chrome.tabs.create({
                 url: link.url,
-                windowId: window.id,
+                windowId,
             });
-            (_c = (_b = (_a = context.callback) === null || _a === void 0 ? void 0 : _a.hooks) === null || _b === void 0 ? void 0 : _b.onTabCreated) === null || _c === void 0 ? void 0 : _c.call(_b, tab.id);
+            (_c = (_b = (_a = context.callback) === null || _a === undefined ? undefined : _a.hooks) === null || _b === undefined ? undefined : _b.onTabCreated) === null || _c === undefined ? undefined : _c.call(_b, tab.id);
             searchInfo.running++;
             let eventId = taskId + '_' + i + '_' + j;
             // Create a timeout promise
@@ -2044,7 +2050,7 @@ class CancelWorkflow {
         }
         const reason = params.reason;
         console.log("The workflow has been cancelled because: " + reason);
-        await ((_a = context.workflow) === null || _a === void 0 ? void 0 : _a.cancel());
+        await ((_a = context.workflow) === null || _a === undefined ? undefined : _a.cancel());
         return;
     }
 }
@@ -2071,7 +2077,7 @@ class HumanInputText {
         }
         const question = params.question;
         console.log("question: " + question);
-        let answer = await ((_c = (_a = context.callback) === null || _a === void 0 ? void 0 : (_b = _a.hooks).onHumanInputText) === null || _c === void 0 ? void 0 : _c.call(_b, question));
+        let answer = await ((_c = (_a = context.callback) === null || _a === undefined ? undefined : (_b = _a.hooks).onHumanInputText) === null || _c === undefined ? undefined : _c.call(_b, question));
         if (!answer) {
             console.error("Cannot get user's answer.");
             return { status: "Error: Cannot get user's answer.", answer: "" };
@@ -2110,7 +2116,7 @@ class HumanInputSingleChoice {
         const choices = params.choices;
         console.log("question: " + question);
         console.log("choices: " + choices);
-        let answer = await ((_c = (_a = context.callback) === null || _a === void 0 ? void 0 : (_b = _a.hooks).onHumanInputSingleChoice) === null || _c === void 0 ? void 0 : _c.call(_b, question, choices));
+        let answer = await ((_c = (_a = context.callback) === null || _a === undefined ? undefined : (_b = _a.hooks).onHumanInputSingleChoice) === null || _c === undefined ? undefined : _c.call(_b, question, choices));
         if (!answer) {
             console.error("Cannot get user's answer.");
             return { status: "Error: Cannot get user's answer.", answer: "" };
@@ -2149,7 +2155,7 @@ class HumanInputMultipleChoice {
         const choices = params.choices;
         console.log("question: " + question);
         console.log("choices: " + choices);
-        let answer = await ((_c = (_a = context.callback) === null || _a === void 0 ? void 0 : (_b = _a.hooks).onHumanInputMultipleChoice) === null || _c === void 0 ? void 0 : _c.call(_b, question, choices));
+        let answer = await ((_c = (_a = context.callback) === null || _a === undefined ? undefined : (_b = _a.hooks).onHumanInputMultipleChoice) === null || _c === undefined ? undefined : _c.call(_b, question, choices));
         if (!answer) {
             console.error("Cannot get user's answer.");
             return { status: "Error: Cannot get user's answer.", answer: [] };
@@ -2182,7 +2188,7 @@ class HumanOperate {
         }
         const reason = params.reason;
         console.log("reason: " + reason);
-        let userOperation = await ((_c = (_a = context.callback) === null || _a === void 0 ? void 0 : (_b = _a.hooks).onHumanOperate) === null || _c === void 0 ? void 0 : _c.call(_b, reason));
+        let userOperation = await ((_c = (_a = context.callback) === null || _a === undefined ? undefined : (_b = _a.hooks).onHumanOperate) === null || _c === undefined ? undefined : _c.call(_b, reason));
         if (!userOperation) {
             console.error("Cannot get user's operation.");
             return { status: "Error: Cannot get user's operation.", userOperation: "" };
@@ -2216,7 +2222,7 @@ class SummaryWorkflow {
         }
         const summary = params.summary;
         console.log("summary: " + summary);
-        await ((_c = (_a = context.callback) === null || _a === void 0 ? void 0 : (_b = _a.hooks).onSummaryWorkflow) === null || _c === void 0 ? void 0 : _c.call(_b, summary));
+        await ((_c = (_a = context.callback) === null || _a === undefined ? undefined : (_b = _a.hooks).onSummaryWorkflow) === null || _c === undefined ? undefined : _c.call(_b, summary));
         return { status: "OK" };
     }
 }

package/dist/extension_content_script.js

@@ -118,23 +118,41 @@ function type(request) {
         return false;
     }
     let input;
-    if (element.tagName == 'INPUT' ||
+    if (element.tagName == 'IFRAME') {
+        let iframeDoc = element.contentDocument || element.contentWindow.document;
+        input =
+            iframeDoc.querySelector('textarea') ||
+                iframeDoc.querySelector('*[contenteditable="true"]') ||
+                iframeDoc.querySelector('input');
+    }
+    else if (element.tagName == 'INPUT' ||
         element.tagName == 'TEXTAREA' ||
         element.childElementCount == 0) {
         input = element;
     }
     else {
-        input = element.querySelector('input') || element.querySelector('textarea') || element;
+        input =
+            element.querySelector('input') ||
+                element.querySelector('textarea') ||
+                element.querySelector('*[contenteditable="true"]') ||
+                element;
     }
     input.focus && input.focus();
     if (!text) {
-        if (input.value == '') {
-            return true;
+        if (input.value == undefined) {
+            input.textContent = '';
+        }
+        else {
+            input.value = '';
         }
-        input.value = '';
     }
     else {
-        input.value += text;
+        if (input.value == undefined) {
+            input.textContent += text;
+        }
+        else {
+            input.value += text;
+        }
     }
     let result = input.dispatchEvent(new Event('input', { bubbles: true }));
     if (enter) {
@@ -296,23 +314,23 @@ function request_user_help(task_id, failure_type, failure_message) {
     };
     const notification = document.createElement('div');
     notification.id = domId;
-    notification.style.cssText = `
-    position: fixed;
-    top: 5px;
-    left: 18px;
-    z-index: 9999;
-    background-color: #FEF0ED;
-    color: white;
-    padding: 16px;
-    border-radius: 12px;
-    border: 1px solid #FBB8A5;
-    font-family: Arial, sans-serif;
-    width: 350px;
-    display: flex;
-    flex-direction: row;
-    gap: 10px;
-    cursor: move;
-    user-select: none;
+    notification.style.cssText = `
+    position: fixed;
+    top: 5px;
+    left: 18px;
+    z-index: 9999;
+    background-color: #FEF0ED;
+    color: white;
+    padding: 16px;
+    border-radius: 12px;
+    border: 1px solid #FBB8A5;
+    font-family: Arial, sans-serif;
+    width: 350px;
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    cursor: move;
+    user-select: none;
   `;
     let isDragging = false;
     let xOffset = 0;
@@ -338,58 +356,58 @@ function request_user_help(task_id, failure_type, failure_message) {
         isDragging = false;
     });
     const leftContainer = document.createElement('div');
-    leftContainer.style.cssText = `
-    width: 28px;
-    height: 28px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border-radius: 99px;
-    background: #FDCCCC;
-    justify-content: center;
+    leftContainer.style.cssText = `
+    width: 28px;
+    height: 28px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border-radius: 99px;
+    background: #FDCCCC;
+    justify-content: center;
   `;
     leftContainer.innerHTML = ``;
     const rightContainer = document.createElement('div');
-    rightContainer.style.cssText = `
-    flex: 1;
-    display: flex;
-    flex-direction: column;
+    rightContainer.style.cssText = `
+    flex: 1;
+    display: flex;
+    flex-direction: column;
   `;
     const title = document.createElement('div');
-    title.style.cssText = `
-    font-size: 16px;
-    font-weight: 700;
-    line-height: 22px;
-    color: #DD342D;
-    text-align: left;
+    title.style.cssText = `
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 22px;
+    color: #DD342D;
+    text-align: left;
   `;
     title.innerText = failureTitleMap[failure_type] || failure_type;
     const message2 = document.createElement('div');
-    message2.style.cssText = `
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 22px;
-    color: #DD342D;
-    text-align: left;
+    message2.style.cssText = `
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 22px;
+    color: #DD342D;
+    text-align: left;
   `;
     message2.innerText = failure_message + '\nWhen you resolve the issue, click the button below.';
     const buttonDiv = document.createElement('div');
-    buttonDiv.style.cssText = `
-    margin-top: 16px;
-    display: flex;
-    flex-direction: row-reverse;
-    justify-content: flex-start;
-    align-items: center;
+    buttonDiv.style.cssText = `
+    margin-top: 16px;
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: flex-start;
+    align-items: center;
   `;
     const resolvedBut = document.createElement('div');
     resolvedBut.innerText = 'Resolved';
-    resolvedBut.style.cssText = `
-    border-radius: 8px;
-    background: #DD342D;
-    color: white;
-    padding: 10px;
-    border: none;
-    cursor: pointer;
+    resolvedBut.style.cssText = `
+    border-radius: 8px;
+    background: #DD342D;
+    color: white;
+    padding: 10px;
+    border: none;
+    cursor: pointer;
   `;
     resolvedBut.onclick = () => {
         chrome.runtime.sendMessage({ type: 'issue_resolved', task_id, failure_type }, () => {

package/dist/fellou.cjs.js

@@ -126,30 +126,30 @@ var computer = /*#__PURE__*/Object.freeze({
 class ComputerUse {
     constructor() {
         this.name = 'computer_use';
-        this.description = `Use a mouse and keyboard to interact with a computer, and take screenshots.
-* This is a browser GUI interface where you do not have access to the address bar or bookmarks. You must operate the browser using inputs like screenshots, mouse, keyboard, etc.
-* Some operations may take time to process, so you may need to wait and take successive screenshots to see the results of your actions. E.g. if you clicked submit button, but it didn't work, try taking another screenshot.
-* Whenever you intend to move the cursor to click on an element, you should consult a screenshot to determine the coordinates of the element before moving the cursor.
-* If you tried clicking on a button or link but it failed to load, even after waiting, try adjusting your cursor position so that the tip of the cursor visually falls on the element that you want to click.
+        this.description = `Use a mouse and keyboard to interact with a computer, and take screenshots.
+* This is a browser GUI interface where you do not have access to the address bar or bookmarks. You must operate the browser using inputs like screenshots, mouse, keyboard, etc.
+* Some operations may take time to process, so you may need to wait and take successive screenshots to see the results of your actions. E.g. if you clicked submit button, but it didn't work, try taking another screenshot.
+* Whenever you intend to move the cursor to click on an element, you should consult a screenshot to determine the coordinates of the element before moving the cursor.
+* If you tried clicking on a button or link but it failed to load, even after waiting, try adjusting your cursor position so that the tip of the cursor visually falls on the element that you want to click.
 * Make sure to click any buttons, links, icons, etc with the cursor tip in the center of the element.`;
         this.input_schema = {
             type: 'object',
             properties: {
                 action: {
                     type: 'string',
-                    description: `The action to perform. The available actions are:
-* \`key\`: Press a key or key-combination on the keyboard.
-- This supports robotgo hotkey syntax.
-- Multiple keys are combined using the "+" symbol.
-- Examples: "a", "enter", "ctrl+s", "command+shift+a", "num0".
-* \`type\`: Type a string of text on the keyboard.
-* \`cursor_position\`: Get the current (x, y) pixel coordinate of the cursor on the screen.
-* \`mouse_move\`: Move the cursor to a specified (x, y) pixel coordinate on the screen.
-* \`left_click\`: Click the left mouse button.
-* \`left_click_drag\`: Click and drag the cursor to a specified (x, y) pixel coordinate on the screen.
-* \`right_click\`: Click the right mouse button.
-* \`double_click\`: Double-click the left mouse button.
-* \`screenshot\`: Take a screenshot of the screen.
+                    description: `The action to perform. The available actions are:
+* \`key\`: Press a key or key-combination on the keyboard.
+- This supports robotgo hotkey syntax.
+- Multiple keys are combined using the "+" symbol.
+- Examples: "a", "enter", "ctrl+s", "command+shift+a", "num0".
+* \`type\`: Type a string of text on the keyboard.
+* \`cursor_position\`: Get the current (x, y) pixel coordinate of the cursor on the screen.
+* \`mouse_move\`: Move the cursor to a specified (x, y) pixel coordinate on the screen.
+* \`left_click\`: Click the left mouse button.
+* \`left_click_drag\`: Click and drag the cursor to a specified (x, y) pixel coordinate on the screen.
+* \`right_click\`: Click the right mouse button.
+* \`double_click\`: Double-click the left mouse button.
+* \`screenshot\`: Take a screenshot of the screen.
 * \`scroll\`: Scroll to the specified (x, y) pixel coordinates on the screen.`,
                     enum: [
                         'key',