@opentabs-dev/browser-extension 0.0.64 → 0.0.66

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
@@ -61442,6 +61446,10 @@ var setSkipPermissions = (skipPermissions) => sendBgMessage({
   type: "bg:setSkipPermissions",
   skipPermissions
 });
+var openPluginTab = (pluginName) => sendBgMessage({
+  type: "bg:openPluginTab",
+  pluginName
+});
 var sendConfirmationResponse = (id, decision, alwaysAllow) => {
   chrome.runtime.sendMessage({
     type: "sp:confirmationResponse",
@@ -79200,14 +79208,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 +79239,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
@@ -79283,7 +79432,7 @@ var import_compiler_runtime23 = __toESM(require_compiler_runtime(), 1);
 var import_react19 = __toESM(require_react(), 1);
 var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
 var PluginMenu = (t0) => {
-  const $2 = (0, import_compiler_runtime23.c)(57);
+  const $2 = (0, import_compiler_runtime23.c)(62);
   const {
     plugin,
     onUpdate,
@@ -79347,8 +79496,36 @@ var PluginMenu = (t0) => {
     t5 = $2[8];
   }
   let t6;
-  if ($2[9] !== onUpdate || $2[10] !== plugin.update || $2[11] !== updating) {
-    t6 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject.Item, {
+  if ($2[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Package, {
+      className: "h-3.5 w-3.5"
+    });
+    $2[9] = t6;
+  } else {
+    t6 = $2[9];
+  }
+  let t7;
+  if ($2[10] !== plugin.version) {
+    t7 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject.Item, {
+      disabled: true,
+      className: "text-muted-foreground",
+      children: [t6, "v", plugin.version]
+    });
+    $2[10] = plugin.version;
+    $2[11] = t7;
+  } else {
+    t7 = $2[11];
+  }
+  let t8;
+  if ($2[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MenuObject.Separator, {});
+    $2[12] = t8;
+  } else {
+    t8 = $2[12];
+  }
+  let t9;
+  if ($2[13] !== onUpdate || $2[14] !== plugin.update || $2[15] !== updating) {
+    t9 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject.Item, {
       onClick: onUpdate,
       children: [updating ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Loader2, {
         size: "sm"
@@ -79356,147 +79533,148 @@ var PluginMenu = (t0) => {
         className: "h-3.5 w-3.5"
       }), "Update to v", plugin.update.latestVersion]
     });
-    $2[9] = onUpdate;
-    $2[10] = plugin.update;
-    $2[11] = updating;
-    $2[12] = t6;
+    $2[13] = onUpdate;
+    $2[14] = plugin.update;
+    $2[15] = updating;
+    $2[16] = t9;
   } else {
-    t6 = $2[12];
+    t9 = $2[16];
   }
-  let t7;
-  if ($2[13] !== plugin.update) {
-    t7 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MenuObject.Separator, {});
-    $2[13] = plugin.update;
-    $2[14] = t7;
+  let t10;
+  if ($2[17] !== plugin.update) {
+    t10 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MenuObject.Separator, {});
+    $2[17] = plugin.update;
+    $2[18] = t10;
   } else {
-    t7 = $2[14];
+    t10 = $2[18];
   }
-  let t8;
-  if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = () => setConfirmOpen(true);
-    $2[15] = t8;
+  let t11;
+  if ($2[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = () => setConfirmOpen(true);
+    $2[19] = t11;
   } else {
-    t8 = $2[15];
+    t11 = $2[19];
   }
-  let t9;
-  if ($2[16] !== removing) {
-    t9 = removing ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Loader2, {
+  let t12;
+  if ($2[20] !== removing) {
+    t12 = removing ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Loader2, {
       size: "sm"
     }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Trash2, {
       className: "h-3.5 w-3.5"
     });
-    $2[16] = removing;
-    $2[17] = t9;
+    $2[20] = removing;
+    $2[21] = t12;
   } else {
-    t9 = $2[17];
+    t12 = $2[21];
   }
-  let t10;
-  if ($2[18] !== removeLabel || $2[19] !== t9) {
-    t10 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject.Item, {
-      onSelect: t8,
+  let t13;
+  if ($2[22] !== removeLabel || $2[23] !== t12) {
+    t13 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject.Item, {
+      onSelect: t11,
       className: "text-destructive focus:bg-destructive/10 focus:text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive",
-      children: [t9, removeLabel]
+      children: [t12, removeLabel]
     });
-    $2[18] = removeLabel;
-    $2[19] = t9;
-    $2[20] = t10;
+    $2[22] = removeLabel;
+    $2[23] = t12;
+    $2[24] = t13;
   } else {
-    t10 = $2[20];
+    t13 = $2[24];
   }
-  let t11;
-  if ($2[21] !== t10 || $2[22] !== t6 || $2[23] !== t7) {
-    t11 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject.Content, {
+  let t14;
+  if ($2[25] !== t10 || $2[26] !== t13 || $2[27] !== t7 || $2[28] !== t9) {
+    t14 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject.Content, {
       align: "end",
-      children: [t6, t7, t10]
+      children: [t7, t8, t9, t10, t13]
     });
-    $2[21] = t10;
-    $2[22] = t6;
-    $2[23] = t7;
-    $2[24] = t11;
+    $2[25] = t10;
+    $2[26] = t13;
+    $2[27] = t7;
+    $2[28] = t9;
+    $2[29] = t14;
   } else {
-    t11 = $2[24];
+    t14 = $2[29];
   }
-  let t12;
-  if ($2[25] !== t11 || $2[26] !== t5) {
-    t12 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject, {
-      children: [t5, t11]
+  let t15;
+  if ($2[30] !== t14 || $2[31] !== t5) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(MenuObject, {
+      children: [t5, t14]
     });
-    $2[25] = t11;
-    $2[26] = t5;
-    $2[27] = t12;
+    $2[30] = t14;
+    $2[31] = t5;
+    $2[32] = t15;
   } else {
-    t12 = $2[27];
+    t15 = $2[32];
   }
-  let t13;
-  if ($2[28] !== removeLabel) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Header, {
+  let t16;
+  if ($2[33] !== removeLabel) {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Header, {
       className: "border-destructive bg-destructive text-destructive-foreground",
       children: [removeLabel, " Plugin"]
     });
-    $2[28] = removeLabel;
-    $2[29] = t13;
+    $2[33] = removeLabel;
+    $2[34] = t16;
   } else {
-    t13 = $2[29];
+    t16 = $2[34];
   }
-  let t14;
-  if ($2[30] !== removeLabel) {
-    t14 = removeLabel.toLowerCase();
-    $2[30] = removeLabel;
-    $2[31] = t14;
+  let t17;
+  if ($2[35] !== removeLabel) {
+    t17 = removeLabel.toLowerCase();
+    $2[35] = removeLabel;
+    $2[36] = t17;
   } else {
-    t14 = $2[31];
+    t17 = $2[36];
   }
-  let t15;
-  if ($2[32] !== plugin.displayName) {
-    t15 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", {
+  let t18;
+  if ($2[37] !== plugin.displayName) {
+    t18 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", {
       className: "font-head",
       children: plugin.displayName
     });
-    $2[32] = plugin.displayName;
-    $2[33] = t15;
+    $2[37] = plugin.displayName;
+    $2[38] = t18;
   } else {
-    t15 = $2[33];
+    t18 = $2[38];
   }
-  let t16;
-  if ($2[34] !== t14 || $2[35] !== t15) {
-    t16 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", {
+  let t19;
+  if ($2[39] !== t17 || $2[40] !== t18) {
+    t19 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", {
       className: "text-foreground text-sm",
-      children: ["Are you sure you want to ", t14, " ", t15, "?"]
+      children: ["Are you sure you want to ", t17, " ", t18, "?"]
     });
-    $2[34] = t14;
-    $2[35] = t15;
-    $2[36] = t16;
+    $2[39] = t17;
+    $2[40] = t18;
+    $2[41] = t19;
   } else {
-    t16 = $2[36];
+    t19 = $2[41];
   }
-  let t17;
-  if ($2[37] !== isLocal) {
-    t17 = isLocal ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", {
+  let t20;
+  if ($2[42] !== isLocal) {
+    t20 = isLocal ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", {
       className: "mt-1 text-muted-foreground text-xs",
       children: "This will remove the plugin path from your config."
     }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", {
       className: "mt-1 text-muted-foreground text-xs",
       children: "This will run npm uninstall and remove the plugin globally."
     });
-    $2[37] = isLocal;
-    $2[38] = t17;
+    $2[42] = isLocal;
+    $2[43] = t20;
   } else {
-    t17 = $2[38];
+    t20 = $2[43];
   }
-  let t18;
-  if ($2[39] !== t16 || $2[40] !== t17) {
-    t18 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Body, {
-      children: [t16, t17]
+  let t21;
+  if ($2[44] !== t19 || $2[45] !== t20) {
+    t21 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Body, {
+      children: [t19, t20]
     });
-    $2[39] = t16;
-    $2[40] = t17;
-    $2[41] = t18;
+    $2[44] = t19;
+    $2[45] = t20;
+    $2[46] = t21;
   } else {
-    t18 = $2[41];
+    t21 = $2[46];
   }
-  let t19;
-  if ($2[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t19 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogObject.Close, {
+  let t22;
+  if ($2[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t22 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogObject.Close, {
       asChild: true,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, {
         size: "sm",
@@ -79504,14 +79682,14 @@ var PluginMenu = (t0) => {
         children: "Cancel"
       })
     });
-    $2[42] = t19;
+    $2[47] = t22;
   } else {
-    t19 = $2[42];
+    t22 = $2[47];
   }
-  let t20;
-  if ($2[43] !== handleConfirmRemove || $2[44] !== removeLabel) {
-    t20 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Footer, {
-      children: [t19, /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, {
+  let t23;
+  if ($2[48] !== handleConfirmRemove || $2[49] !== removeLabel) {
+    t23 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Footer, {
+      children: [t22, /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, {
         size: "sm",
         variant: "outline",
         className: "border-destructive text-destructive",
@@ -79519,54 +79697,54 @@ var PluginMenu = (t0) => {
         children: removeLabel
       })]
     });
-    $2[43] = handleConfirmRemove;
-    $2[44] = removeLabel;
-    $2[45] = t20;
+    $2[48] = handleConfirmRemove;
+    $2[49] = removeLabel;
+    $2[50] = t23;
   } else {
-    t20 = $2[45];
+    t23 = $2[50];
   }
-  let t21;
-  if ($2[46] !== t13 || $2[47] !== t18 || $2[48] !== t20) {
-    t21 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Content, {
-      children: [t13, t18, t20]
+  let t24;
+  if ($2[51] !== t16 || $2[52] !== t21 || $2[53] !== t23) {
+    t24 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Content, {
+      children: [t16, t21, t23]
     });
-    $2[46] = t13;
-    $2[47] = t18;
-    $2[48] = t20;
-    $2[49] = t21;
+    $2[51] = t16;
+    $2[52] = t21;
+    $2[53] = t23;
+    $2[54] = t24;
   } else {
-    t21 = $2[49];
+    t24 = $2[54];
   }
-  let t22;
-  if ($2[50] !== confirmOpen || $2[51] !== t21) {
-    t22 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogObject, {
+  let t25;
+  if ($2[55] !== confirmOpen || $2[56] !== t24) {
+    t25 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogObject, {
       open: confirmOpen,
       onOpenChange: setConfirmOpen,
-      children: t21
+      children: t24
     });
-    $2[50] = confirmOpen;
-    $2[51] = t21;
-    $2[52] = t22;
+    $2[55] = confirmOpen;
+    $2[56] = t24;
+    $2[57] = t25;
   } else {
-    t22 = $2[52];
+    t25 = $2[57];
   }
-  let t23;
-  if ($2[53] !== className || $2[54] !== t12 || $2[55] !== t22) {
-    t23 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
+  let t26;
+  if ($2[58] !== className || $2[59] !== t15 || $2[60] !== t25) {
+    t26 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
       className,
       onClick: _temp8,
       onKeyDown: _temp25,
       role: "presentation",
-      children: [t12, t22]
+      children: [t15, t25]
     });
-    $2[53] = className;
-    $2[54] = t12;
-    $2[55] = t22;
-    $2[56] = t23;
+    $2[58] = className;
+    $2[59] = t15;
+    $2[60] = t25;
+    $2[61] = t26;
   } else {
-    t23 = $2[56];
+    t26 = $2[61];
   }
-  return t23;
+  return t26;
 };
 PluginMenu.displayName = "PluginMenu";
 function _temp8(e2) {
@@ -79653,7 +79831,7 @@ Badge2.displayName = "Badge";
 // src/side-panel/components/PluginCard.tsx
 var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
 var PluginCard = (t0) => {
-  const $2 = (0, import_compiler_runtime25.c)(56);
+  const $2 = (0, import_compiler_runtime25.c)(59);
   const {
     plugin,
     activeTools,
@@ -79748,10 +79926,10 @@ var PluginCard = (t0) => {
     const myVersion_0 = toggleCounter.current = toggleCounter.current + 1;
     updatePluginTools((prev_2) => {
       preToggleRef.current = prev_2;
-      return prev_2.map((t35) => t35.name === toolName ? {
-        ...t35,
+      return prev_2.map((t36) => t36.name === toolName ? {
+        ...t36,
         permission: newPermission_1
-      } : t35);
+      } : t36);
     });
     setToolPermission(plugin.name, toolName, newPermission_1).catch(() => {
       if (toggleCounter.current === myVersion_0) {
@@ -79787,6 +79965,21 @@ var PluginCard = (t0) => {
   const hasActiveTool = pluginTools.some(t4);
   const toolGroups = groupTools(visibleTools);
   const inactive = plugin.tabState !== "ready";
+  const tabCount = plugin.tabs?.length ?? 0;
+  const hasHomepage = Boolean(plugin.homepage);
+  const isClickable = tabCount > 0 || hasHomepage;
+  const tooltipText = isClickable ? plugin.tabState === "closed" ? `Open ${plugin.displayName} in new tab` : tabCount > 1 ? `Open ${plugin.displayName} (${tabCount} tabs)` : `Open ${plugin.displayName}` : void 0;
+  let t5;
+  if ($2[8] !== plugin.name) {
+    t5 = () => {
+      openPluginTab(plugin.name);
+    };
+    $2[8] = plugin.name;
+    $2[9] = t5;
+  } else {
+    t5 = $2[9];
+  }
+  const handleOpenTab = t5;
   const renderToolList = (tools) => tools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ToolRow, {
     name: tool.name,
     displayName: tool.displayName,
@@ -79798,16 +79991,6 @@ var PluginCard = (t0) => {
     muted: inactive,
     onPermissionChange: handleToolPermissionChange
   }, tool.name));
-  let t5;
-  if ($2[8] !== plugin.version) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(TooltipObject.Content, {
-      children: ["v", plugin.version]
-    });
-    $2[8] = plugin.version;
-    $2[9] = t5;
-  } else {
-    t5 = $2[9];
-  }
   const t6 = `flex min-w-0 flex-1 items-center gap-1.5 truncate font-head text-sm ${inactive ? "text-muted-foreground" : "text-foreground"}`;
   let t7;
   if ($2[10] !== plugin.source) {
@@ -79864,62 +80047,74 @@ var PluginCard = (t0) => {
   } else {
     t11 = $2[20];
   }
-  const t12 = onUpdate ?? _temp9;
-  const t13 = onRemove ?? _temp26;
-  const t14 = updatingPlugin ?? false;
-  const t15 = removingPlugin ?? false;
-  let t16;
-  if ($2[21] !== inactive || $2[22] !== plugin || $2[23] !== t12 || $2[24] !== t13 || $2[25] !== t14 || $2[26] !== t15) {
-    t16 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PluginMenu, {
+  let t12;
+  if ($2[21] !== t11 || $2[22] !== t9) {
+    t12 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Trigger2, {
+      className: "focus-ring flex min-w-0 flex-1 cursor-pointer items-center gap-2 py-2 pr-0 pl-2 [&[data-state=open]>svg]:rotate-180",
+      children: [t9, t11]
+    });
+    $2[21] = t11;
+    $2[22] = t9;
+    $2[23] = t12;
+  } else {
+    t12 = $2[23];
+  }
+  const t13 = onUpdate ?? _temp9;
+  const t14 = onRemove ?? _temp26;
+  const t15 = updatingPlugin ?? false;
+  const t16 = removingPlugin ?? false;
+  let t17;
+  if ($2[24] !== inactive || $2[25] !== plugin || $2[26] !== t13 || $2[27] !== t14 || $2[28] !== t15 || $2[29] !== t16) {
+    t17 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PluginMenu, {
       plugin,
-      onUpdate: t12,
-      onRemove: t13,
-      updating: t14,
-      removing: t15,
+      onUpdate: t13,
+      onRemove: t14,
+      updating: t15,
+      removing: t16,
       muted: inactive,
       className: "flex shrink-0 items-center px-1"
     });
-    $2[21] = inactive;
-    $2[22] = plugin;
-    $2[23] = t12;
-    $2[24] = t13;
-    $2[25] = t14;
-    $2[26] = t15;
-    $2[27] = t16;
+    $2[24] = inactive;
+    $2[25] = plugin;
+    $2[26] = t13;
+    $2[27] = t14;
+    $2[28] = t15;
+    $2[29] = t16;
+    $2[30] = t17;
   } else {
-    t16 = $2[27];
+    t17 = $2[30];
   }
-  let t17;
-  if ($2[28] !== toggleError) {
-    t17 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertComponent, {
+  let t18;
+  if ($2[31] !== toggleError) {
+    t18 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: toggleError
     });
-    $2[28] = toggleError;
-    $2[29] = t17;
+    $2[31] = toggleError;
+    $2[32] = t18;
   } else {
-    t17 = $2[29];
+    t18 = $2[32];
   }
-  let t18;
-  if ($2[30] !== actionError) {
-    t18 = actionError && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertComponent, {
+  let t19;
+  if ($2[33] !== actionError) {
+    t19 = actionError && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: actionError
     });
-    $2[30] = actionError;
-    $2[31] = t18;
+    $2[33] = actionError;
+    $2[34] = t19;
   } else {
-    t18 = $2[31];
+    t19 = $2[34];
   }
-  const t19 = AccordionComponent;
-  const t20 = "border-border border-t";
-  const t21 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", {
+  const t20 = AccordionComponent;
+  const t21 = "border-border border-t";
+  const t22 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", {
     className: "mb-1 px-3 pt-2 text-muted-foreground text-xs",
     children: [visibleTools.length, " of ", pluginTools.length, " tools"]
   });
-  const t22 = toolGroups !== null ? toolGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", {
+  const t23 = toolGroups !== null ? toolGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", {
     className: "[&:not(:first-child)]:mt-2",
     children: [/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {
       className: "border-border border-b border-l-2 border-l-primary bg-muted/30 px-3 py-1",
@@ -79929,83 +80124,83 @@ var PluginCard = (t0) => {
       })
     }), renderToolList(group.tools)]
   }, group.name)) : renderToolList(visibleTools);
-  let t23;
-  if ($2[32] !== t19.Content || $2[33] !== t21 || $2[34] !== t22) {
-    t23 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(t19.Content, {
-      className: t20,
-      children: [t21, t22]
+  let t24;
+  if ($2[35] !== t20.Content || $2[36] !== t22 || $2[37] !== t23) {
+    t24 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(t20.Content, {
+      className: t21,
+      children: [t22, t23]
     });
-    $2[32] = t19.Content;
-    $2[33] = t21;
-    $2[34] = t22;
-    $2[35] = t23;
-  } else {
-    t23 = $2[35];
-  }
-  const t24 = pendingChange !== null;
-  let t25;
-  if ($2[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t25 = (open) => !open && setPendingChange(null);
-    $2[36] = t25;
+    $2[35] = t20.Content;
+    $2[36] = t22;
+    $2[37] = t23;
+    $2[38] = t24;
   } else {
-    t25 = $2[36];
+    t24 = $2[38];
   }
+  const t25 = pendingChange !== null;
   let t26;
-  if ($2[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t26 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogObject.Header, {
-      children: "Unreviewed Plugin"
-    });
-    $2[37] = t26;
+  if ($2[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t26 = (open) => !open && setPendingChange(null);
+    $2[39] = t26;
   } else {
-    t26 = $2[37];
+    t26 = $2[39];
   }
   let t27;
-  if ($2[38] !== plugin.displayName || $2[39] !== plugin.version) {
-    t27 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", {
-      className: "font-mono text-foreground text-sm",
-      children: [plugin.displayName, " v", plugin.version]
+  if ($2[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogObject.Header, {
+      children: "Unreviewed Plugin"
     });
-    $2[38] = plugin.displayName;
-    $2[39] = plugin.version;
     $2[40] = t27;
   } else {
     t27 = $2[40];
   }
   let t28;
-  if ($2[41] !== plugin.name) {
+  if ($2[41] !== plugin.displayName || $2[42] !== plugin.version) {
     t28 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", {
-      className: "mt-2 text-foreground text-sm",
-      children: ["This plugin version has not been reviewed. You can ask your AI agent to review the adapter code by saying \u201Creview the ", plugin.name, " plugin\u201D in your chat."]
+      className: "font-mono text-foreground text-sm",
+      children: [plugin.displayName, " v", plugin.version]
     });
-    $2[41] = plugin.name;
-    $2[42] = t28;
+    $2[41] = plugin.displayName;
+    $2[42] = plugin.version;
+    $2[43] = t28;
   } else {
-    t28 = $2[42];
+    t28 = $2[43];
   }
   let t29;
-  if ($2[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t29 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", {
-      className: "mt-2 text-muted-foreground text-xs",
-      children: "You can also enable it now without review."
+  if ($2[44] !== plugin.name) {
+    t29 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", {
+      className: "mt-2 text-foreground text-sm",
+      children: ["This plugin version has not been reviewed. You can ask your AI agent to review the adapter code by saying \u201Creview the ", plugin.name, " plugin\u201D in your chat."]
     });
-    $2[43] = t29;
+    $2[44] = plugin.name;
+    $2[45] = t29;
   } else {
-    t29 = $2[43];
+    t29 = $2[45];
   }
   let t30;
-  if ($2[44] !== t27 || $2[45] !== t28) {
-    t30 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DialogObject.Body, {
-      children: [t27, t28, t29]
+  if ($2[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t30 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", {
+      className: "mt-2 text-muted-foreground text-xs",
+      children: "You can also enable it now without review."
     });
-    $2[44] = t27;
-    $2[45] = t28;
     $2[46] = t30;
   } else {
     t30 = $2[46];
   }
   let t31;
-  if ($2[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t31 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogObject.Close, {
+  if ($2[47] !== t28 || $2[48] !== t29) {
+    t31 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DialogObject.Body, {
+      children: [t28, t29, t30]
+    });
+    $2[47] = t28;
+    $2[48] = t29;
+    $2[49] = t31;
+  } else {
+    t31 = $2[49];
+  }
+  let t32;
+  if ($2[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t32 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogObject.Close, {
       asChild: true,
       children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, {
         size: "sm",
@@ -80013,75 +80208,92 @@ var PluginCard = (t0) => {
         children: "Cancel"
       })
     });
-    $2[47] = t31;
+    $2[50] = t32;
   } else {
-    t31 = $2[47];
+    t32 = $2[50];
   }
-  let t32;
-  if ($2[48] !== handleEnableAnyway) {
-    t32 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DialogObject.Footer, {
-      children: [t31, /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, {
+  let t33;
+  if ($2[51] !== handleEnableAnyway) {
+    t33 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DialogObject.Footer, {
+      children: [t32, /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, {
         size: "sm",
         onClick: handleEnableAnyway,
         children: "Enable Anyway"
       })]
     });
-    $2[48] = handleEnableAnyway;
-    $2[49] = t32;
-  } else {
-    t32 = $2[49];
-  }
-  let t33;
-  if ($2[50] !== t30 || $2[51] !== t32) {
-    t33 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DialogObject.Content, {
-      onInteractOutside: _temp35,
-      children: [t26, t30, t32]
-    });
-    $2[50] = t30;
-    $2[51] = t32;
+    $2[51] = handleEnableAnyway;
     $2[52] = t33;
   } else {
     t33 = $2[52];
   }
   let t34;
-  if ($2[53] !== t24 || $2[54] !== t33) {
-    t34 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogObject, {
-      open: t24,
-      onOpenChange: t25,
-      children: t33
+  if ($2[53] !== t31 || $2[54] !== t33) {
+    t34 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DialogObject.Content, {
+      onInteractOutside: _temp35,
+      children: [t27, t31, t33]
     });
-    $2[53] = t24;
+    $2[53] = t31;
     $2[54] = t33;
     $2[55] = t34;
   } else {
     t34 = $2[55];
   }
+  let t35;
+  if ($2[56] !== t25 || $2[57] !== t34) {
+    t35 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogObject, {
+      open: t25,
+      onOpenChange: t26,
+      children: t34
+    });
+    $2[56] = t25;
+    $2[57] = t34;
+    $2[58] = t35;
+  } else {
+    t35 = $2[58];
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AccordionComponent.Item, {
     value: plugin.name,
     className: transitionClass ?? (removingPlugin ? "pointer-events-none opacity-60 transition-opacity" : inactive ? "opacity-70 transition-opacity" : void 0),
     children: [/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Header, {
       className: "flex",
-      children: [/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Trigger2, {
-        className: "focus-ring flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-3 py-2 [&[data-state=open]>svg]:rotate-180",
-        children: [/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(TooltipObject, {
-          children: [/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipObject.Trigger, {
-            asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PluginIcon, {
-                pluginName: plugin.name,
-                displayName: plugin.displayName,
-                tabState: plugin.tabState,
-                size: 32,
-                iconSvg: plugin.iconSvg,
-                iconInactiveSvg: plugin.iconInactiveSvg,
-                iconDarkSvg: plugin.iconDarkSvg,
-                iconDarkInactiveSvg: plugin.iconDarkInactiveSvg,
-                active: hasActiveTool
-              })
+      children: [tooltipText ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(TooltipObject, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipObject.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", {
+            type: "button",
+            className: "focus-ring flex shrink-0 cursor-pointer items-center py-2 pl-3",
+            onClick: handleOpenTab,
+            "aria-label": tooltipText,
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PluginIcon, {
+              pluginName: plugin.name,
+              displayName: plugin.displayName,
+              tabState: plugin.tabState,
+              size: 32,
+              iconSvg: plugin.iconSvg,
+              iconInactiveSvg: plugin.iconInactiveSvg,
+              iconDarkSvg: plugin.iconDarkSvg,
+              iconDarkInactiveSvg: plugin.iconDarkInactiveSvg,
+              active: hasActiveTool,
+              className: "transition-transform hover:scale-105"
             })
-          }), t5]
-        }), t9, t11]
-      }), t16, /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {
+          })
+        }), /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipObject.Content, {
+          children: tooltipText
+        })]
+      }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {
+        className: "flex shrink-0 items-center py-2 pl-3",
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PluginIcon, {
+          pluginName: plugin.name,
+          displayName: plugin.displayName,
+          tabState: plugin.tabState,
+          size: 32,
+          iconSvg: plugin.iconSvg,
+          iconInactiveSvg: plugin.iconInactiveSvg,
+          iconDarkSvg: plugin.iconDarkSvg,
+          iconDarkInactiveSvg: plugin.iconDarkInactiveSvg,
+          active: hasActiveTool
+        })
+      }), t12, t17, /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {
         className: "flex shrink-0 items-center px-3",
         children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PermissionSelect, {
           value: plugin.permission,
@@ -80091,7 +80303,7 @@ var PluginCard = (t0) => {
           ariaLabel: `Permission for ${plugin.name} plugin`
         })
       })]
-    }), t17, t18, t23, t34]
+    }), t18, t19, t24, t35]
   });
 };
 function _temp9() {
@@ -80219,7 +80431,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 +80441,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 +80648,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 +80687,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 +81329,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 +81348,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 +81398,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 +81411,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 +81419,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 +81498,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 +81523,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 +81542,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 +81578,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 +81608,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 +81633,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 +81702,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 +81767,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 +81803,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 +81863,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 +81892,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 +81972,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 +81994,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 +82067,7 @@ function _temp13(t2) {
     permission: "auto"
   };
 }
-function _temp28() {
+function _temp27() {
   return BROWSER_TOOLS_CATALOG.map(_temp13);
 }
 function _temp36(t_0) {