@opentabs-dev/browser-extension 0.0.64 → 0.0.65

package/dist/side-panel/side-panel.js

@@ -58464,7 +58464,7 @@ var BROWSER_TOOLS_CATALOG = [{
   group: "Page Inspection"
 }, {
   name: "browser_click_element",
-  description: "Click an element on the page matching the given CSS selector. Dispatches a click event on the first matching element. Returns the tag name and trimmed text content of the clicked element. Useful for submitting forms, toggling buttons, and navigating.",
+  description: "Click an element on the page matching the given CSS selector. Dispatches trusted (isTrusted: true) mouse events (mousedown + mouseup) via Chrome DevTools Protocol Input.dispatchMouseEvent at the element center. Returns the tag name and trimmed text content of the clicked element. Useful for submitting forms, toggling buttons, and navigating.",
   summary: "Click an element on the page",
   icon: "mouse-pointer-click",
   group: "Page Interaction"
@@ -58602,7 +58602,7 @@ var BROWSER_TOOLS_CATALOG = [{
   group: "Tabs"
 }, {
   name: "browser_press_key",
-  description: "Press a keyboard key on the page. Dispatches a full keyboard event sequence (keydown, keypress for printable keys, keyup) and an InputEvent for printable characters on input/textarea elements. Common use cases: Enter to submit forms, Escape to close modals/dialogs, Tab to move between fields, arrow keys to navigate custom menus/dropdowns, Ctrl+K or Cmd+K for search. Supports Ctrl and Meta (Cmd) as independent modifiers. Uses standard KeyboardEvent.key values.",
+  description: "Press a keyboard key on the page. Dispatches trusted (isTrusted: true) keyboard events via Chrome DevTools Protocol Input.dispatchKeyEvent. Named keys (Enter, Escape, etc.) dispatch rawKeyDown + keyUp; printable characters dispatch keyDown + char + keyUp. Common use cases: Enter to submit forms, Escape to close modals/dialogs, Tab to move between fields, arrow keys to navigate custom menus/dropdowns, Ctrl+K or Cmd+K for search. Supports Ctrl and Meta (Cmd) as independent modifiers. Uses standard KeyboardEvent.key values.",
   summary: "Press a keyboard key on the page",
   icon: "command",
   group: "Page Interaction"
@@ -61434,6 +61434,10 @@ var removePlugin = (name) => sendBgMessage({
   type: "bg:removePlugin",
   name
 });
+var removeFailedPlugin = (specifier) => sendBgMessage({
+  type: "bg:removeFailedPlugin",
+  specifier
+});
 var updatePlugin = (name) => sendBgMessage({
   type: "bg:updatePlugin",
   name
@@ -79200,14 +79204,29 @@ var import_compiler_runtime22 = __toESM(require_compiler_runtime(), 1);
 var import_react18 = __toESM(require_react(), 1);
 var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
 var FailedPluginCard = (t0) => {
-  const $2 = (0, import_compiler_runtime22.c)(13);
+  const $2 = (0, import_compiler_runtime22.c)(36);
   const {
-    plugin
+    plugin,
+    onRemove,
+    removing
   } = t0;
   const [expanded, setExpanded] = (0, import_react18.useState)(false);
+  const [confirmOpen, setConfirmOpen] = (0, import_react18.useState)(false);
   let t1;
-  if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", {
+  if ($2[0] !== onRemove) {
+    t1 = () => {
+      setConfirmOpen(false);
+      onRemove();
+    };
+    $2[0] = onRemove;
+    $2[1] = t1;
+  } else {
+    t1 = $2[1];
+  }
+  const handleConfirmRemove = t1;
+  let t2;
+  if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TriangleAlert, {
         className: "h-4 w-4 shrink-0 text-destructive"
@@ -79216,62 +79235,188 @@ var FailedPluginCard = (t0) => {
         children: "Failed to load"
       })]
     });
-    $2[0] = t1;
-  } else {
-    t1 = $2[0];
-  }
-  let t2;
-  if ($2[1] !== plugin.specifier) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {
-      className: "mt-1 truncate text-muted-foreground text-xs",
-      children: plugin.specifier
-    });
-    $2[1] = plugin.specifier;
     $2[2] = t2;
   } else {
     t2 = $2[2];
   }
-  const t3 = `mt-1 select-text text-destructive/80 text-xs leading-snug ${expanded ? "" : "line-clamp-2"}`;
+  let t3;
+  if ($2[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => setConfirmOpen(true);
+    $2[3] = t3;
+  } else {
+    t3 = $2[3];
+  }
   let t4;
-  if ($2[3] !== plugin.error || $2[4] !== t3) {
-    t4 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {
-      className: t3,
-      children: plugin.error
+  if ($2[4] !== removing) {
+    t4 = removing ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Loader2, {
+      size: "sm"
+    }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Trash2, {
+      className: "h-3.5 w-3.5"
     });
-    $2[3] = plugin.error;
-    $2[4] = t3;
+    $2[4] = removing;
     $2[5] = t4;
   } else {
     t4 = $2[5];
   }
   let t5;
-  if ($2[6] !== expanded || $2[7] !== plugin.error.length) {
-    t5 = plugin.error.length > 100 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", {
+  if ($2[6] !== removing || $2[7] !== t4) {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", {
+      className: "flex items-center justify-between",
+      children: [t2, /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", {
+        type: "button",
+        onClick: t3,
+        disabled: removing,
+        className: "cursor-pointer text-muted-foreground transition-colors hover:text-destructive disabled:opacity-50",
+        children: t4
+      })]
+    });
+    $2[6] = removing;
+    $2[7] = t4;
+    $2[8] = t5;
+  } else {
+    t5 = $2[8];
+  }
+  let t6;
+  if ($2[9] !== plugin.specifier) {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {
+      className: "mt-1 truncate text-muted-foreground text-xs",
+      children: plugin.specifier
+    });
+    $2[9] = plugin.specifier;
+    $2[10] = t6;
+  } else {
+    t6 = $2[10];
+  }
+  const t7 = `mt-1 select-text text-destructive/80 text-xs leading-snug ${expanded ? "" : "line-clamp-2"}`;
+  let t8;
+  if ($2[11] !== plugin.error || $2[12] !== t7) {
+    t8 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {
+      className: t7,
+      children: plugin.error
+    });
+    $2[11] = plugin.error;
+    $2[12] = t7;
+    $2[13] = t8;
+  } else {
+    t8 = $2[13];
+  }
+  let t9;
+  if ($2[14] !== expanded || $2[15] !== plugin.error.length) {
+    t9 = plugin.error.length > 100 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", {
       type: "button",
       onClick: () => setExpanded(!expanded),
       className: "mt-1 cursor-pointer text-muted-foreground text-xs underline",
       children: expanded ? "Show less" : "Show more"
     });
-    $2[6] = expanded;
-    $2[7] = plugin.error.length;
-    $2[8] = t5;
+    $2[14] = expanded;
+    $2[15] = plugin.error.length;
+    $2[16] = t9;
   } else {
-    t5 = $2[8];
+    t9 = $2[16];
   }
-  let t6;
-  if ($2[9] !== t2 || $2[10] !== t4 || $2[11] !== t5) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", {
+  let t10;
+  if ($2[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogObject.Header, {
+      className: "border-destructive bg-destructive text-destructive-foreground",
+      children: "Remove Plugin Path"
+    });
+    $2[17] = t10;
+  } else {
+    t10 = $2[17];
+  }
+  let t11;
+  if ($2[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", {
+      className: "text-foreground text-sm",
+      children: "Are you sure you want to remove this plugin path from your config?"
+    });
+    $2[18] = t11;
+  } else {
+    t11 = $2[18];
+  }
+  let t12;
+  if ($2[19] !== plugin.specifier) {
+    t12 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogObject.Body, {
+      children: [t11, /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", {
+        className: "mt-2 break-all rounded border border-border bg-muted/50 p-2 font-mono text-xs",
+        children: plugin.specifier
+      })]
+    });
+    $2[19] = plugin.specifier;
+    $2[20] = t12;
+  } else {
+    t12 = $2[20];
+  }
+  let t13;
+  if ($2[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t13 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogObject.Close, {
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, {
+        size: "sm",
+        variant: "outline",
+        children: "Cancel"
+      })
+    });
+    $2[21] = t13;
+  } else {
+    t13 = $2[21];
+  }
+  let t14;
+  if ($2[22] !== handleConfirmRemove) {
+    t14 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogObject.Footer, {
+      children: [t13, /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, {
+        size: "sm",
+        variant: "outline",
+        className: "border-destructive text-destructive",
+        onClick: handleConfirmRemove,
+        children: "Remove"
+      })]
+    });
+    $2[22] = handleConfirmRemove;
+    $2[23] = t14;
+  } else {
+    t14 = $2[23];
+  }
+  let t15;
+  if ($2[24] !== t12 || $2[25] !== t14) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogObject.Content, {
+      children: [t10, t12, t14]
+    });
+    $2[24] = t12;
+    $2[25] = t14;
+    $2[26] = t15;
+  } else {
+    t15 = $2[26];
+  }
+  let t16;
+  if ($2[27] !== confirmOpen || $2[28] !== t15) {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogObject, {
+      open: confirmOpen,
+      onOpenChange: setConfirmOpen,
+      children: t15
+    });
+    $2[27] = confirmOpen;
+    $2[28] = t15;
+    $2[29] = t16;
+  } else {
+    t16 = $2[29];
+  }
+  let t17;
+  if ($2[30] !== t16 || $2[31] !== t5 || $2[32] !== t6 || $2[33] !== t8 || $2[34] !== t9) {
+    t17 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", {
       className: "rounded border-2 border-destructive/50 bg-destructive/10 p-3",
-      children: [t1, t2, t4, t5]
+      children: [t5, t6, t8, t9, t16]
     });
-    $2[9] = t2;
-    $2[10] = t4;
-    $2[11] = t5;
-    $2[12] = t6;
+    $2[30] = t16;
+    $2[31] = t5;
+    $2[32] = t6;
+    $2[33] = t8;
+    $2[34] = t9;
+    $2[35] = t17;
   } else {
-    t6 = $2[12];
+    t17 = $2[35];
   }
-  return t6;
+  return t17;
 };
 
 // src/side-panel/components/PluginCard.tsx
@@ -80219,7 +80364,7 @@ function useGroupTransitions(plugins, isFiltering) {
   return t8;
 }
 var PluginList = (t0) => {
-  const $2 = (0, import_compiler_runtime26.c)(28);
+  const $2 = (0, import_compiler_runtime26.c)(30);
   const {
     plugins,
     failedPlugins,
@@ -80229,7 +80374,9 @@ var PluginList = (t0) => {
     onUpdate,
     onRemove,
     removingPlugins,
-    pluginErrors
+    pluginErrors,
+    onRemoveFailedPlugin,
+    removingFailedPlugins
   } = t0;
   const filterLower = toolFilter.toLowerCase();
   const visiblePlugins = filterLower ? plugins.filter((p3) => (p3.tools ?? []).some((t11) => matchesTool(t11, filterLower))) : plugins;
@@ -80434,15 +80581,21 @@ var PluginList = (t0) => {
   }
   const renderCard = t7;
   let t8;
-  if ($2[23] !== visibleFailed) {
+  if ($2[23] !== onRemoveFailedPlugin || $2[24] !== removingFailedPlugins || $2[25] !== visibleFailed) {
     t8 = visibleFailed.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
       className: "mb-3 space-y-2",
-      children: visibleFailed.map(_temp27)
+      children: visibleFailed.map((fp) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FailedPluginCard, {
+        plugin: fp,
+        onRemove: () => onRemoveFailedPlugin?.(fp.specifier),
+        removing: removingFailedPlugins?.has(fp.specifier) ?? false
+      }, fp.specifier))
     });
-    $2[23] = visibleFailed;
-    $2[24] = t8;
+    $2[23] = onRemoveFailedPlugin;
+    $2[24] = removingFailedPlugins;
+    $2[25] = visibleFailed;
+    $2[26] = t8;
   } else {
-    t8 = $2[24];
+    t8 = $2[26];
   }
   const t9 = filterLower ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AccordionComponent, {
     type: "multiple",
@@ -80467,25 +80620,20 @@ var PluginList = (t0) => {
     })]
   });
   let t10;
-  if ($2[25] !== t8 || $2[26] !== t9) {
+  if ($2[27] !== t8 || $2[28] !== t9) {
     t10 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
       children: [t8, t9]
     });
-    $2[25] = t8;
-    $2[26] = t9;
-    $2[27] = t10;
+    $2[27] = t8;
+    $2[28] = t9;
+    $2[29] = t10;
   } else {
-    t10 = $2[27];
+    t10 = $2[29];
   }
   return t10;
 };
 function _temp10() {
 }
-function _temp27(fp) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FailedPluginCard, {
-    plugin: fp
-  }, fp.specifier);
-}
 
 // src/side-panel/components/retro/Input.tsx
 var import_compiler_runtime27 = __toESM(require_compiler_runtime(), 1);
@@ -81114,7 +81262,7 @@ var useServerNotifications = (t0) => {
 // src/side-panel/App.tsx
 var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
 var App = () => {
-  const $2 = (0, import_compiler_runtime31.c)(70);
+  const $2 = (0, import_compiler_runtime31.c)(73);
   const [connected, setConnected] = (0, import_react23.useState)(false);
   const [disconnectReason, setDisconnectReason] = (0, import_react23.useState)();
   let t0;
@@ -81133,7 +81281,7 @@ var App = () => {
     t1 = $2[1];
   }
   const [failedPlugins, setFailedPlugins] = (0, import_react23.useState)(t1);
-  const [browserTools, setBrowserTools] = (0, import_react23.useState)(_temp28);
+  const [browserTools, setBrowserTools] = (0, import_react23.useState)(_temp27);
   const [browserPermission, setBrowserPermission] = (0, import_react23.useState)("off");
   const [skipPermissions, setSkipPermissions2] = (0, import_react23.useState)(false);
   const [serverVersion, setServerVersion] = (0, import_react23.useState)(void 0);
@@ -81183,12 +81331,12 @@ var App = () => {
   const [removingPlugins, setRemovingPlugins] = (0, import_react23.useState)(t6);
   let t7;
   if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = /* @__PURE__ */ new Map();
+    t7 = /* @__PURE__ */ new Set();
     $2[7] = t7;
   } else {
     t7 = $2[7];
   }
-  const [installErrors, setInstallErrors] = (0, import_react23.useState)(t7);
+  const [removingFailedPlugins, setRemovingFailedPlugins] = (0, import_react23.useState)(t7);
   let t8;
   if ($2[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ new Map();
@@ -81196,9 +81344,7 @@ var App = () => {
   } else {
     t8 = $2[8];
   }
-  const [pluginErrors, setPluginErrors] = (0, import_react23.useState)(t8);
-  const [browserToolsOpen, setBrowserToolsOpen] = (0, import_react23.useState)(false);
-  const [browserToolsHydrated, setBrowserToolsHydrated] = (0, import_react23.useState)(false);
+  const [installErrors, setInstallErrors] = (0, import_react23.useState)(t8);
   let t9;
   if ($2[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ new Map();
@@ -81206,65 +81352,75 @@ var App = () => {
   } else {
     t9 = $2[9];
   }
-  const pluginErrorTimers = (0, import_react23.useRef)(t9);
+  const [pluginErrors, setPluginErrors] = (0, import_react23.useState)(t9);
+  const [browserToolsOpen, setBrowserToolsOpen] = (0, import_react23.useState)(false);
+  const [browserToolsHydrated, setBrowserToolsHydrated] = (0, import_react23.useState)(false);
+  let t10;
+  if ($2[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /* @__PURE__ */ new Map();
+    $2[10] = t10;
+  } else {
+    t10 = $2[10];
+  }
+  const pluginErrorTimers = (0, import_react23.useRef)(t10);
   const npmSearchTimer = (0, import_react23.useRef)(void 0);
   const npmSearchCounter = (0, import_react23.useRef)(0);
   const connectedRef = (0, import_react23.useRef)(connected);
   const loadingRef = (0, import_react23.useRef)(loading);
   const pluginsRef = (0, import_react23.useRef)(plugins);
-  let t10;
   let t11;
-  if ($2[10] !== connected || $2[11] !== loading || $2[12] !== plugins) {
-    t10 = () => {
+  let t12;
+  if ($2[11] !== connected || $2[12] !== loading || $2[13] !== plugins) {
+    t11 = () => {
       connectedRef.current = connected;
       loadingRef.current = loading;
       pluginsRef.current = plugins;
     };
-    t11 = [connected, loading, plugins];
-    $2[10] = connected;
-    $2[11] = loading;
-    $2[12] = plugins;
-    $2[13] = t10;
+    t12 = [connected, loading, plugins];
+    $2[11] = connected;
+    $2[12] = loading;
+    $2[13] = plugins;
     $2[14] = t11;
+    $2[15] = t12;
   } else {
-    t10 = $2[13];
     t11 = $2[14];
+    t12 = $2[15];
   }
-  (0, import_react23.useEffect)(t10, t11);
-  let t12;
-  if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t12 = {
+  (0, import_react23.useEffect)(t11, t12);
+  let t13;
+  if ($2[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t13 = {
       setPlugins,
       setActiveTools,
       setPendingConfirmations
     };
-    $2[15] = t12;
+    $2[16] = t13;
   } else {
-    t12 = $2[15];
+    t13 = $2[16];
   }
   const {
     handleNotification
-  } = useServerNotifications(t12);
-  let t13;
+  } = useServerNotifications(t13);
   let t14;
-  if ($2[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t13 = () => () => {
+  let t15;
+  if ($2[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t14 = () => () => {
       for (const timer of pluginErrorTimers.current.values()) {
         clearTimeout(timer);
       }
     };
-    t14 = [];
-    $2[16] = t13;
+    t15 = [];
     $2[17] = t14;
+    $2[18] = t15;
   } else {
-    t13 = $2[16];
     t14 = $2[17];
+    t15 = $2[18];
   }
-  (0, import_react23.useEffect)(t13, t14);
-  let t15;
+  (0, import_react23.useEffect)(t14, t15);
   let t16;
-  if ($2[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t15 = () => {
+  let t17;
+  if ($2[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t16 = () => {
       chrome.storage.session.get("browserToolsOpen").then((result) => {
         const stored = result.browserToolsOpen;
         if (stored === true) {
@@ -81275,17 +81431,17 @@ var App = () => {
         setBrowserToolsHydrated(true);
       });
     };
-    t16 = [];
-    $2[18] = t15;
+    t17 = [];
     $2[19] = t16;
+    $2[20] = t17;
   } else {
-    t15 = $2[18];
     t16 = $2[19];
+    t17 = $2[20];
   }
-  (0, import_react23.useEffect)(t15, t16);
-  let t17;
-  if ($2[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t17 = (pluginName, message) => {
+  (0, import_react23.useEffect)(t16, t17);
+  let t18;
+  if ($2[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t18 = (pluginName, message) => {
       const existing = pluginErrorTimers.current.get(pluginName);
       if (existing) {
         clearTimeout(existing);
@@ -81300,14 +81456,14 @@ var App = () => {
         pluginErrorTimers.current.delete(pluginName);
       }, ERROR_DISPLAY_DURATION_MS));
     };
-    $2[20] = t17;
+    $2[21] = t18;
   } else {
-    t17 = $2[20];
+    t18 = $2[21];
   }
-  const showPluginError = t17;
-  let t18;
-  if ($2[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t18 = (pluginName_0) => {
+  const showPluginError = t18;
+  let t19;
+  if ($2[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t19 = (pluginName_0) => {
       const existing_0 = pluginErrorTimers.current.get(pluginName_0);
       if (existing_0) {
         clearTimeout(existing_0);
@@ -81319,14 +81475,14 @@ var App = () => {
         return next_0;
       });
     };
-    $2[21] = t18;
+    $2[22] = t19;
   } else {
-    t18 = $2[21];
+    t19 = $2[22];
   }
-  const clearPluginError = t18;
-  let t19;
-  if ($2[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t19 = (query) => {
+  const clearPluginError = t19;
+  let t20;
+  if ($2[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t20 = (query) => {
       setSearchQuery(query);
       clearTimeout(npmSearchTimer.current);
       if (!query.trim()) {
@@ -81355,14 +81511,14 @@ var App = () => {
         });
       }, 400);
     };
-    $2[22] = t19;
+    $2[23] = t20;
   } else {
-    t19 = $2[22];
+    t20 = $2[23];
   }
-  const handleSearchChange = t19;
-  let t20;
-  if ($2[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t20 = (name) => {
+  const handleSearchChange = t20;
+  let t21;
+  if ($2[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t21 = (name) => {
       setInstallingPlugins((prev_2) => new Set(prev_2).add(name));
       setInstallErrors((prev_3) => {
         const next_1 = new Map(prev_3);
@@ -81385,14 +81541,14 @@ var App = () => {
         setInstallErrors((prev_6) => new Map(prev_6).set(name, err instanceof Error ? err.message : String(err)));
       });
     };
-    $2[23] = t20;
+    $2[24] = t21;
   } else {
-    t20 = $2[23];
+    t21 = $2[24];
   }
-  const handleInstall = t20;
-  let t21;
-  if ($2[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t21 = (pluginName_1) => {
+  const handleInstall = t21;
+  let t22;
+  if ($2[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t22 = (pluginName_1) => {
       clearPluginError(pluginName_1);
       setRemovingPlugins((prev_7) => new Set(prev_7).add(pluginName_1));
       removePlugin(pluginName_1).then(() => {
@@ -81410,28 +81566,51 @@ var App = () => {
         showPluginError(pluginName_1, err_0 instanceof Error ? err_0.message : String(err_0));
       });
     };
-    $2[24] = t21;
+    $2[25] = t22;
   } else {
-    t21 = $2[24];
+    t22 = $2[25];
   }
-  const handleRemove = t21;
-  let t22;
-  if ($2[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t22 = (pluginName_2) => {
+  const handleRemove = t22;
+  let t23;
+  if ($2[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t23 = (specifier) => {
+      setRemovingFailedPlugins((prev_10) => /* @__PURE__ */ new Set([...prev_10, specifier]));
+      removeFailedPlugin(specifier).then(() => {
+        setRemovingFailedPlugins((prev_11) => {
+          const next_6 = new Set(prev_11);
+          next_6.delete(specifier);
+          return next_6;
+        });
+      }).catch(() => {
+        setRemovingFailedPlugins((prev_12) => {
+          const next_7 = new Set(prev_12);
+          next_7.delete(specifier);
+          return next_7;
+        });
+      });
+    };
+    $2[26] = t23;
+  } else {
+    t23 = $2[26];
+  }
+  const handleRemoveFailedPlugin = t23;
+  let t24;
+  if ($2[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t24 = (pluginName_2) => {
       clearPluginError(pluginName_2);
       updatePlugin(pluginName_2).catch((err_1) => {
         showPluginError(pluginName_2, err_1 instanceof Error ? err_1.message : String(err_1));
       });
     };
-    $2[25] = t22;
+    $2[27] = t24;
   } else {
-    t22 = $2[25];
+    t24 = $2[27];
   }
-  const handleUpdate = t22;
-  let t23;
-  let t24;
-  if ($2[26] !== handleNotification) {
-    t23 = () => {
+  const handleUpdate = t24;
+  let t25;
+  let t26;
+  if ($2[28] !== handleNotification) {
+    t25 = () => {
       const applyFullState = (result_1) => {
         setConnected(result_1.connected);
         setDisconnectReason(result_1.disconnectReason);
@@ -81456,14 +81635,14 @@ var App = () => {
         setBrowserPermission(result_1.browserPermission ?? "off");
         setSkipPermissions2(result_1.skipPermissions ?? false);
         setServerVersion(result_1.serverVersion);
-        setActiveTools((prev_10) => {
-          const next_6 = /* @__PURE__ */ new Set();
-          for (const key of prev_10) {
+        setActiveTools((prev_13) => {
+          const next_8 = /* @__PURE__ */ new Set();
+          for (const key of prev_13) {
             if (key.startsWith("browser:") || result_1.plugins.some((p3) => key.startsWith(`${p3.name}:`))) {
-              next_6.add(key);
+              next_8.add(key);
             }
           }
-          return next_6;
+          return next_8;
         });
         for (const c2 of result_1.pendingConfirmations ?? []) {
           handleNotification({
@@ -81521,6 +81700,7 @@ var App = () => {
             setNpmSearchError(false);
             setInstallingPlugins(/* @__PURE__ */ new Set());
             setRemovingPlugins(/* @__PURE__ */ new Set());
+            setRemovingFailedPlugins(/* @__PURE__ */ new Set());
             setInstallErrors(/* @__PURE__ */ new Map());
             for (const timer_0 of pluginErrorTimers.current.values()) {
               clearTimeout(timer_0);
@@ -81556,44 +81736,44 @@ var App = () => {
         chrome.runtime.onMessage.removeListener(listener);
       };
     };
-    t24 = [handleNotification];
-    $2[26] = handleNotification;
-    $2[27] = t23;
-    $2[28] = t24;
+    t26 = [handleNotification];
+    $2[28] = handleNotification;
+    $2[29] = t25;
+    $2[30] = t26;
   } else {
-    t23 = $2[27];
-    t24 = $2[28];
+    t25 = $2[29];
+    t26 = $2[30];
   }
-  (0, import_react23.useEffect)(t23, t24);
-  let t25;
-  if ($2[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t25 = (id, decision, alwaysAllow) => {
+  (0, import_react23.useEffect)(t25, t26);
+  let t27;
+  if ($2[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t27 = (id, decision, alwaysAllow) => {
       sendConfirmationResponse(id, decision, alwaysAllow);
-      setPendingConfirmations((prev_11) => prev_11.filter((c_0) => c_0.id !== id));
+      setPendingConfirmations((prev_14) => prev_14.filter((c_0) => c_0.id !== id));
     };
-    $2[29] = t25;
+    $2[31] = t27;
   } else {
-    t25 = $2[29];
+    t27 = $2[31];
   }
-  const handleConfirmationRespond = t25;
+  const handleConfirmationRespond = t27;
   const hasContent = plugins.length > 0 || failedPlugins.length > 0 || browserTools.length > 0;
   const showPlugins = !loading && connected && (hasContent || !!searchQuery);
   const showSearchBar = connected && !loading;
-  let t26;
-  if ($2[30] !== connected || $2[31] !== pendingConfirmations) {
-    t26 = connected && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConfirmationDialog, {
+  let t28;
+  if ($2[32] !== connected || $2[33] !== pendingConfirmations) {
+    t28 = connected && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConfirmationDialog, {
       confirmations: pendingConfirmations,
       onRespond: handleConfirmationRespond
     });
-    $2[30] = connected;
-    $2[31] = pendingConfirmations;
-    $2[32] = t26;
+    $2[32] = connected;
+    $2[33] = pendingConfirmations;
+    $2[34] = t28;
   } else {
-    t26 = $2[32];
+    t28 = $2[34];
   }
-  let t27;
-  if ($2[33] !== skipPermissions) {
-    t27 = skipPermissions && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
+  let t29;
+  if ($2[35] !== skipPermissions) {
+    t29 = skipPermissions && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
       className: "shrink-0 border-destructive border-b-2 bg-destructive/15 px-4 py-1.5",
       children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
         className: "flex items-center gap-1.5",
@@ -81616,14 +81796,14 @@ var App = () => {
         children: "Restore approvals"
       })]
     });
-    $2[33] = skipPermissions;
-    $2[34] = t27;
+    $2[35] = skipPermissions;
+    $2[36] = t29;
   } else {
-    t27 = $2[34];
+    t29 = $2[36];
   }
-  let t28;
-  if ($2[35] !== searchQuery || $2[36] !== showSearchBar) {
-    t28 = showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {
+  let t30;
+  if ($2[37] !== searchQuery || $2[38] !== showSearchBar) {
+    t30 = showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {
       className: "shrink-0 px-4 pt-4 pb-2",
       children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
         className: "relative",
@@ -81645,35 +81825,35 @@ var App = () => {
         })]
       })
     });
-    $2[35] = searchQuery;
-    $2[36] = showSearchBar;
-    $2[37] = t28;
+    $2[37] = searchQuery;
+    $2[38] = showSearchBar;
+    $2[39] = t30;
   } else {
-    t28 = $2[37];
+    t30 = $2[39];
   }
-  let t29;
-  let t30;
-  if ($2[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t29 = {
+  let t31;
+  let t32;
+  if ($2[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t31 = {
       height: 0
     };
-    t30 = {
+    t32 = {
       scrollbars: {
         theme: "os-theme-retro",
         autoHide: "scroll",
         autoHideDelay: 600
       }
     };
-    $2[38] = t29;
-    $2[39] = t30;
+    $2[40] = t31;
+    $2[41] = t32;
   } else {
-    t29 = $2[38];
-    t30 = $2[39];
+    t31 = $2[40];
+    t32 = $2[41];
   }
-  const t31 = `px-4 pb-4 ${showSearchBar ? "pt-2" : "pt-4"} ${showPlugins ? "" : "flex min-h-full items-center justify-center"}`;
-  let t32;
-  if ($2[40] !== activeTools || $2[41] !== browserPermission || $2[42] !== browserTools || $2[43] !== browserToolsHydrated || $2[44] !== browserToolsOpen || $2[45] !== connected || $2[46] !== disconnectReason || $2[47] !== failedPlugins || $2[48] !== hasContent || $2[49] !== installErrors || $2[50] !== installingPlugins || $2[51] !== loading || $2[52] !== npmResults || $2[53] !== npmSearchError || $2[54] !== npmSearching || $2[55] !== pluginErrors || $2[56] !== plugins || $2[57] !== removingPlugins || $2[58] !== searchQuery || $2[59] !== serverVersion) {
-    t32 = loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(LoadingState, {}) : !connected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DisconnectedState, {
+  const t33 = `px-4 pb-4 ${showSearchBar ? "pt-2" : "pt-4"} ${showPlugins ? "" : "flex min-h-full items-center justify-center"}`;
+  let t34;
+  if ($2[42] !== activeTools || $2[43] !== browserPermission || $2[44] !== browserTools || $2[45] !== browserToolsHydrated || $2[46] !== browserToolsOpen || $2[47] !== connected || $2[48] !== disconnectReason || $2[49] !== failedPlugins || $2[50] !== hasContent || $2[51] !== installErrors || $2[52] !== installingPlugins || $2[53] !== loading || $2[54] !== npmResults || $2[55] !== npmSearchError || $2[56] !== npmSearching || $2[57] !== pluginErrors || $2[58] !== plugins || $2[59] !== removingFailedPlugins || $2[60] !== removingPlugins || $2[61] !== searchQuery || $2[62] !== serverVersion) {
+    t34 = loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(LoadingState, {}) : !connected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DisconnectedState, {
       reason: disconnectReason
     }) : searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SearchResults, {
       plugins,
@@ -81725,7 +81905,9 @@ var App = () => {
         onUpdate: handleUpdate,
         onRemove: handleRemove,
         removingPlugins,
-        pluginErrors
+        pluginErrors,
+        onRemoveFailedPlugin: handleRemoveFailedPlugin,
+        removingFailedPlugins
       }), plugins.length === 0 && failedPlugins.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(EmptyComponent, {
         className: "border-muted",
         role: "status",
@@ -81745,71 +81927,72 @@ var App = () => {
         })
       })]
     }) : null;
-    $2[40] = activeTools;
-    $2[41] = browserPermission;
-    $2[42] = browserTools;
-    $2[43] = browserToolsHydrated;
-    $2[44] = browserToolsOpen;
-    $2[45] = connected;
-    $2[46] = disconnectReason;
-    $2[47] = failedPlugins;
-    $2[48] = hasContent;
-    $2[49] = installErrors;
-    $2[50] = installingPlugins;
-    $2[51] = loading;
-    $2[52] = npmResults;
-    $2[53] = npmSearchError;
-    $2[54] = npmSearching;
-    $2[55] = pluginErrors;
-    $2[56] = plugins;
-    $2[57] = removingPlugins;
-    $2[58] = searchQuery;
-    $2[59] = serverVersion;
-    $2[60] = t32;
+    $2[42] = activeTools;
+    $2[43] = browserPermission;
+    $2[44] = browserTools;
+    $2[45] = browserToolsHydrated;
+    $2[46] = browserToolsOpen;
+    $2[47] = connected;
+    $2[48] = disconnectReason;
+    $2[49] = failedPlugins;
+    $2[50] = hasContent;
+    $2[51] = installErrors;
+    $2[52] = installingPlugins;
+    $2[53] = loading;
+    $2[54] = npmResults;
+    $2[55] = npmSearchError;
+    $2[56] = npmSearching;
+    $2[57] = pluginErrors;
+    $2[58] = plugins;
+    $2[59] = removingFailedPlugins;
+    $2[60] = removingPlugins;
+    $2[61] = searchQuery;
+    $2[62] = serverVersion;
+    $2[63] = t34;
   } else {
-    t32 = $2[60];
+    t34 = $2[63];
   }
-  let t33;
-  if ($2[61] !== t31 || $2[62] !== t32) {
-    t33 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(g2, {
+  let t35;
+  if ($2[64] !== t33 || $2[65] !== t34) {
+    t35 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(g2, {
       className: "flex-1",
-      style: t29,
-      options: t30,
+      style: t31,
+      options: t32,
       children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("main", {
-        className: t31,
-        children: t32
+        className: t33,
+        children: t34
       })
     });
-    $2[61] = t31;
-    $2[62] = t32;
-    $2[63] = t33;
+    $2[64] = t33;
+    $2[65] = t34;
+    $2[66] = t35;
   } else {
-    t33 = $2[63];
+    t35 = $2[66];
   }
-  let t34;
-  if ($2[64] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t34 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Footer, {});
-    $2[64] = t34;
+  let t36;
+  if ($2[67] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t36 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Footer, {});
+    $2[67] = t36;
   } else {
-    t34 = $2[64];
+    t36 = $2[67];
   }
-  let t35;
-  if ($2[65] !== t26 || $2[66] !== t27 || $2[67] !== t28 || $2[68] !== t33) {
-    t35 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Provider, {
+  let t37;
+  if ($2[68] !== t28 || $2[69] !== t29 || $2[70] !== t30 || $2[71] !== t35) {
+    t37 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Provider, {
       children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
         className: "flex h-screen flex-col overflow-hidden text-foreground",
-        children: [t26, t27, t28, t33, t34]
+        children: [t28, t29, t30, t35, t36]
       })
     });
-    $2[65] = t26;
-    $2[66] = t27;
-    $2[67] = t28;
-    $2[68] = t33;
-    $2[69] = t35;
+    $2[68] = t28;
+    $2[69] = t29;
+    $2[70] = t30;
+    $2[71] = t35;
+    $2[72] = t37;
   } else {
-    t35 = $2[69];
+    t37 = $2[72];
   }
-  return t35;
+  return t37;
 };
 function _temp13(t2) {
   return {
@@ -81817,7 +82000,7 @@ function _temp13(t2) {
     permission: "auto"
   };
 }
-function _temp28() {
+function _temp27() {
   return BROWSER_TOOLS_CATALOG.map(_temp13);
 }
 function _temp36(t_0) {