@opentabs-dev/browser-extension 0.0.62 → 0.0.63

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

@@ -1,58 +1,3 @@
-/**
- * Dev reload client for the side panel.
- *
- * Connects to the dev reload WebSocket relay server and refreshes the
- * page when a matching DO_UPDATE signal is received. Responds to both
- * 'side-panel' (UI-only change) and 'extension' (full reload — the
- * background script will also trigger chrome.runtime.reload(), but
- * refreshing the side panel first is harmless and can feel faster).
- *
- * This file is plain JS (not TypeScript) because it is read at build
- * time and prepended to the side panel bundle via esbuild's banner
- * option. The 18515 placeholder is replaced by string
- * substitution in the build script with the actual port number.
- */
-(() => {
-  const port = 18515;
-  const url = `ws://localhost:${port}`;
-  const prefix = '[dev-reload]';
-  let backoff = 500;
-  const maxBackoff = 10000;
-
-  const connect = () => {
-    const ws = new WebSocket(url);
-
-    ws.onopen = () => {
-      console.log(prefix, 'Connected to', url);
-      backoff = 500;
-    };
-
-    ws.onmessage = event => {
-      try {
-        const msg = JSON.parse(event.data);
-        if (msg.type === 'do_update' && (msg.id === 'side-panel' || msg.id === 'extension')) {
-          console.log(prefix, `Reloading side panel (${msg.id})`);
-          window.location.reload();
-        }
-      } catch (_) {
-        // Ignore malformed messages
-      }
-    };
-
-    ws.onclose = () => {
-      console.log(prefix, 'Disconnected — reconnecting in', `${backoff}ms`);
-      setTimeout(connect, backoff);
-      backoff = Math.min(backoff * 2, maxBackoff);
-    };
-
-    ws.onerror = () => {
-      // onclose fires after onerror, so reconnect logic is handled there
-    };
-  };
-
-  connect();
-})();
-
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -58504,7 +58449,7 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/side-panel/index.tsx
-var import_react24 = __toESM(require_react(), 1);
+var import_react25 = __toESM(require_react(), 1);
 var import_client = __toESM(require_client(), 1);
 
 // src/side-panel/App.tsx
@@ -58756,6 +58701,7 @@ var BROWSER_TOOLS_CATALOG = [{
 // ../../node_modules/lucide-react/dist/esm/lucide-react.js
 init_circle_arrow_up();
 init_ellipsis();
+init_shield_question_mark();
 init_triangle_alert();
 init_check();
 init_chevron_down();
@@ -58764,6 +58710,7 @@ init_ghost();
 init_moon();
 init_search();
 init_server();
+init_shield_off();
 init_sun();
 init_trash_2();
 init_wrench();
@@ -61435,7 +61382,7 @@ var q2 = (l2, o2) => {
 var g2 = (0, import_react3.forwardRef)(q2);
 
 // src/side-panel/App.tsx
-var import_react22 = __toESM(require_react(), 1);
+var import_react23 = __toESM(require_react(), 1);
 
 // src/side-panel/bridge.ts
 var matchesTool = (tool, filterLower) => tool.displayName.toLowerCase().includes(filterLower) || tool.name.toLowerCase().includes(filterLower) || tool.description.toLowerCase().includes(filterLower);
@@ -61463,10 +61410,13 @@ var setToolPermission = (plugin, tool, permission) => sendBgMessage({
   tool,
   permission
 });
-var setPluginPermission = (plugin, permission) => sendBgMessage({
+var setPluginPermission = (plugin, permission, reviewedVersion) => sendBgMessage({
   type: "bg:setPluginPermission",
   plugin,
-  permission
+  permission,
+  ...reviewedVersion ? {
+    reviewedVersion
+  } : {}
 });
 var searchPlugins = (query) => sendBgMessage({
   type: "bg:searchPlugins",
@@ -76399,7 +76349,7 @@ var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
 var CHROME_ICON_SVG = ['<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">', "<defs>", '<linearGradient id="chrome-a" x1="3.2173" y1="15" x2="44.7812" y2="15" gradientUnits="userSpaceOnUse">', '<stop offset="0" stop-color="#d93025"/><stop offset="1" stop-color="#ea4335"/>', "</linearGradient>", '<linearGradient id="chrome-b" x1="20.7219" y1="47.6791" x2="41.5039" y2="11.6837" gradientUnits="userSpaceOnUse">', '<stop offset="0" stop-color="#fcc934"/><stop offset="1" stop-color="#fbbc04"/>', "</linearGradient>", '<linearGradient id="chrome-c" x1="26.5981" y1="46.5015" x2="5.8161" y2="10.506" gradientUnits="userSpaceOnUse">', '<stop offset="0" stop-color="#1e8e3e"/><stop offset="1" stop-color="#34a853"/>', "</linearGradient>", "</defs>", '<circle cx="24" cy="23.9947" r="12" fill="#fff"/>', '<path d="M3.2154,36A24,24,0,1,0,12,3.2154,24,24,0,0,0,3.2154,36ZM34.3923,18A12,12,0,1,1,18,13.6077,12,12,0,0,1,34.3923,18Z" fill="none"/>', '<path d="M24,12H44.7812a23.9939,23.9939,0,0,0-41.5639.0029L13.6079,30l.0093-.0024A11.9852,11.9852,0,0,1,24,12Z" fill="url(#chrome-a)"/>', '<circle cx="24" cy="24" r="9.5" fill="#1a73e8"/>', '<path d="M34.3913,30.0029,24.0007,48A23.994,23.994,0,0,0,44.78,12.0031H23.9989l-.0025.0093A11.985,11.985,0,0,1,34.3913,30.0029Z" fill="url(#chrome-b)"/>', '<path d="M13.6086,30.0031,3.218,12.006A23.994,23.994,0,0,0,24.0025,48L34.3931,30.0029l-.0067-.0068a11.9852,11.9852,0,0,1-20.7778.007Z" fill="url(#chrome-c)"/>', "</svg>"].join("");
 var toDisplayName = (name) => name.replace(/^browser_/, "").split("_").map((w3) => w3.charAt(0).toUpperCase() + w3.slice(1)).join(" ");
 var BrowserToolsCard = (t0) => {
-  const $2 = (0, import_compiler_runtime12.c)(60);
+  const $2 = (0, import_compiler_runtime12.c)(58);
   const {
     tools,
     activeTools,
@@ -76407,8 +76357,7 @@ var BrowserToolsCard = (t0) => {
     toolFilter,
     serverVersion,
     browserPermission: t1,
-    onBrowserPermissionChange,
-    skipPermissions
+    onBrowserPermissionChange
   } = t0;
   const browserPermission = t1 === void 0 ? "off" : t1;
   const [toggleError, setToggleError] = (0, import_react12.useState)(null);
@@ -76499,25 +76448,25 @@ var BrowserToolsCard = (t0) => {
   let t13;
   let t8;
   let t9;
-  if ($2[9] !== activeTools || $2[10] !== browserPermission || $2[11] !== handleBrowserPermissionChange || $2[12] !== handleToolPermissionChange || $2[13] !== serverVersion || $2[14] !== skipPermissions || $2[15] !== toggleError || $2[16] !== toolFilter || $2[17] !== tools) {
+  if ($2[9] !== activeTools || $2[10] !== browserPermission || $2[11] !== handleBrowserPermissionChange || $2[12] !== handleToolPermissionChange || $2[13] !== serverVersion || $2[14] !== toggleError || $2[15] !== toolFilter || $2[16] !== tools) {
     const filterLower = toolFilter?.toLowerCase() ?? "";
     const visibleTools = filterLower ? tools.filter((t_0) => toDisplayName(t_0.name).toLowerCase().includes(filterLower) || t_0.name.toLowerCase().includes(filterLower) || t_0.description.toLowerCase().includes(filterLower)) : tools;
     let t142;
-    if ($2[26] !== activeTools || $2[27] !== tools) {
+    if ($2[25] !== activeTools || $2[26] !== tools) {
       let t153;
-      if ($2[29] !== activeTools) {
+      if ($2[28] !== activeTools) {
         t153 = (t_1) => activeTools.has(`browser:${t_1.name}`);
-        $2[29] = activeTools;
-        $2[30] = t153;
+        $2[28] = activeTools;
+        $2[29] = t153;
       } else {
-        t153 = $2[30];
+        t153 = $2[29];
       }
       t142 = tools.some(t153);
-      $2[26] = activeTools;
-      $2[27] = tools;
-      $2[28] = t142;
+      $2[25] = activeTools;
+      $2[26] = tools;
+      $2[27] = t142;
     } else {
-      t142 = $2[28];
+      t142 = $2[27];
     }
     const hasActiveTool = t142;
     const hasAnyGroup = visibleTools.some(_temp4);
@@ -76551,7 +76500,7 @@ var BrowserToolsCard = (t0) => {
     T1 = AccordionComponent.Item;
     t11 = "browser-tools";
     let t152;
-    if ($2[31] !== hasActiveTool) {
+    if ($2[30] !== hasActiveTool) {
       t152 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PluginIcon, {
         pluginName: "browser",
         displayName: "Browser",
@@ -76561,14 +76510,14 @@ var BrowserToolsCard = (t0) => {
         iconInactiveSvg: CHROME_ICON_SVG,
         active: hasActiveTool
       });
-      $2[31] = hasActiveTool;
-      $2[32] = t152;
+      $2[30] = hasActiveTool;
+      $2[31] = t152;
     } else {
-      t152 = $2[32];
+      t152 = $2[31];
     }
     let t16;
     let t17;
-    if ($2[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    if ($2[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t16 = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", {
         className: "flex min-w-0 flex-1 items-center gap-1.5 truncate font-head text-foreground text-sm",
         children: ["Browser", /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Badge2, {
@@ -76581,75 +76530,73 @@ var BrowserToolsCard = (t0) => {
       t17 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ChevronDown, {
         className: "chevron h-4 w-4 shrink-0 transition-transform duration-200"
       });
-      $2[33] = t16;
-      $2[34] = t17;
+      $2[32] = t16;
+      $2[33] = t17;
     } else {
-      t16 = $2[33];
-      t17 = $2[34];
+      t16 = $2[32];
+      t17 = $2[33];
     }
     let t18;
-    if ($2[35] !== t152) {
+    if ($2[34] !== t152) {
       t18 = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Trigger2, {
         className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-3 py-2 focus:outline-hidden [&[data-state=open]>svg.chevron]:rotate-180",
         children: [t152, t16, t17]
       });
-      $2[35] = t152;
-      $2[36] = t18;
+      $2[34] = t152;
+      $2[35] = t18;
     } else {
-      t18 = $2[36];
+      t18 = $2[35];
     }
     let t19;
-    if ($2[37] !== serverVersion) {
+    if ($2[36] !== serverVersion) {
       t19 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(BrowserToolsMenu, {
         serverVersion,
         className: "flex shrink-0 items-center px-1"
       });
-      $2[37] = serverVersion;
-      $2[38] = t19;
+      $2[36] = serverVersion;
+      $2[37] = t19;
     } else {
-      t19 = $2[38];
+      t19 = $2[37];
     }
-    const t20 = skipPermissions ?? false;
-    let t21;
-    if ($2[39] !== browserPermission || $2[40] !== handleBrowserPermissionChange || $2[41] !== t20) {
-      t21 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
+    let t20;
+    if ($2[38] !== browserPermission || $2[39] !== handleBrowserPermissionChange) {
+      t20 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
         className: "flex shrink-0 items-center px-3",
         children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PermissionSelect, {
           value: browserPermission,
           onValueChange: handleBrowserPermissionChange,
-          disabled: t20,
+          disabled: false,
           ariaLabel: "Permission for browser tools"
         })
       });
-      $2[39] = browserPermission;
-      $2[40] = handleBrowserPermissionChange;
-      $2[41] = t20;
-      $2[42] = t21;
+      $2[38] = browserPermission;
+      $2[39] = handleBrowserPermissionChange;
+      $2[40] = t20;
     } else {
-      t21 = $2[42];
+      t20 = $2[40];
     }
-    if ($2[43] !== t18 || $2[44] !== t19 || $2[45] !== t21) {
+    if ($2[41] !== t18 || $2[42] !== t19 || $2[43] !== t20) {
       t12 = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Header, {
         className: "flex",
-        children: [t18, t19, t21]
+        children: [t18, t19, t20]
       });
-      $2[43] = t18;
-      $2[44] = t19;
-      $2[45] = t21;
-      $2[46] = t12;
+      $2[41] = t18;
+      $2[42] = t19;
+      $2[43] = t20;
+      $2[44] = t12;
     } else {
-      t12 = $2[46];
+      t12 = $2[44];
     }
-    if ($2[47] !== toggleError) {
+    if ($2[45] !== toggleError) {
       t13 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AlertComponent, {
         status: "error",
         className: "mx-3 mb-1 px-2 py-1 text-xs",
         children: toggleError
       });
-      $2[47] = toggleError;
-      $2[48] = t13;
+      $2[45] = toggleError;
+      $2[46] = t13;
     } else {
-      t13 = $2[48];
+      t13 = $2[46];
     }
     T0 = AccordionComponent.Content;
     t8 = "border-border border-t";
@@ -76672,7 +76619,6 @@ var BrowserToolsCard = (t0) => {
         icon: tool_0.icon ?? "globe",
         permission: tool_0.permission,
         active: activeTools.has(`browser:${tool_0.name}`),
-        disabled: skipPermissions,
         onPermissionChange: handleToolPermissionChange
       }, tool_0.name))]
     }, group.name)) : visibleTools.map((tool_1) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolRow, {
@@ -76683,7 +76629,6 @@ var BrowserToolsCard = (t0) => {
       icon: tool_1.icon ?? "globe",
       permission: tool_1.permission,
       active: activeTools.has(`browser:${tool_1.name}`),
-      disabled: skipPermissions,
       onPermissionChange: handleToolPermissionChange
     }, tool_1.name));
     $2[9] = activeTools;
@@ -76691,56 +76636,55 @@ var BrowserToolsCard = (t0) => {
     $2[11] = handleBrowserPermissionChange;
     $2[12] = handleToolPermissionChange;
     $2[13] = serverVersion;
-    $2[14] = skipPermissions;
-    $2[15] = toggleError;
-    $2[16] = toolFilter;
-    $2[17] = tools;
-    $2[18] = T0;
-    $2[19] = T1;
-    $2[20] = t10;
-    $2[21] = t11;
-    $2[22] = t12;
-    $2[23] = t13;
-    $2[24] = t8;
-    $2[25] = t9;
+    $2[14] = toggleError;
+    $2[15] = toolFilter;
+    $2[16] = tools;
+    $2[17] = T0;
+    $2[18] = T1;
+    $2[19] = t10;
+    $2[20] = t11;
+    $2[21] = t12;
+    $2[22] = t13;
+    $2[23] = t8;
+    $2[24] = t9;
   } else {
-    T0 = $2[18];
-    T1 = $2[19];
-    t10 = $2[20];
-    t11 = $2[21];
-    t12 = $2[22];
-    t13 = $2[23];
-    t8 = $2[24];
-    t9 = $2[25];
+    T0 = $2[17];
+    T1 = $2[18];
+    t10 = $2[19];
+    t11 = $2[20];
+    t12 = $2[21];
+    t13 = $2[22];
+    t8 = $2[23];
+    t9 = $2[24];
   }
   let t14;
-  if ($2[49] !== T0 || $2[50] !== t10 || $2[51] !== t8 || $2[52] !== t9) {
+  if ($2[47] !== T0 || $2[48] !== t10 || $2[49] !== t8 || $2[50] !== t9) {
     t14 = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(T0, {
       className: t8,
       children: [t9, t10]
     });
-    $2[49] = T0;
-    $2[50] = t10;
-    $2[51] = t8;
-    $2[52] = t9;
-    $2[53] = t14;
+    $2[47] = T0;
+    $2[48] = t10;
+    $2[49] = t8;
+    $2[50] = t9;
+    $2[51] = t14;
   } else {
-    t14 = $2[53];
+    t14 = $2[51];
   }
   let t15;
-  if ($2[54] !== T1 || $2[55] !== t11 || $2[56] !== t12 || $2[57] !== t13 || $2[58] !== t14) {
+  if ($2[52] !== T1 || $2[53] !== t11 || $2[54] !== t12 || $2[55] !== t13 || $2[56] !== t14) {
     t15 = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(T1, {
       value: t11,
       children: [t12, t13, t14]
     });
-    $2[54] = T1;
-    $2[55] = t11;
-    $2[56] = t12;
-    $2[57] = t13;
-    $2[58] = t14;
-    $2[59] = t15;
+    $2[52] = T1;
+    $2[53] = t11;
+    $2[54] = t12;
+    $2[55] = t13;
+    $2[56] = t14;
+    $2[57] = t15;
   } else {
-    t15 = $2[59];
+    t15 = $2[57];
   }
   return t15;
 };
@@ -78909,6 +78853,50 @@ function _temp34(value) {
 
 // src/side-panel/components/PluginList.tsx
 var import_compiler_runtime25 = __toESM(require_compiler_runtime(), 1);
+var import_react21 = __toESM(require_react(), 1);
+
+// src/side-panel/group-transitions.ts
+var FADE_IN_MS = 200;
+function groupPlugins(plugins) {
+  const ready = [];
+  const notReady = [];
+  for (const p3 of plugins) {
+    if (p3.tabState === "ready") {
+      ready.push(p3);
+    } else {
+      notReady.push(p3);
+    }
+  }
+  return {
+    ready,
+    notReady
+  };
+}
+function detectGroupChanges(prev, current) {
+  const changed = /* @__PURE__ */ new Set();
+  for (const plugin of current) {
+    const prevState = prev.get(plugin.name);
+    if (prevState === void 0) continue;
+    const wasReady = prevState === "ready";
+    const isReady = plugin.tabState === "ready";
+    if (wasReady !== isReady) {
+      changed.add(plugin.name);
+    }
+  }
+  return changed;
+}
+function buildStateSnapshot(plugins) {
+  return new Map(plugins.map((p3) => [p3.name, p3.tabState]));
+}
+function getTransitionClass(pluginName, isReadyGroup, animating) {
+  if (!animating.has(pluginName)) return void 0;
+  return isReadyGroup ? "animate-group-fade-in" : "animate-group-fade-in-dim";
+}
+function collapseTransitioningItems(openItems, animating) {
+  if (animating.size === 0) return openItems;
+  const filtered = openItems.filter((name) => !animating.has(name));
+  return filtered.length === openItems.length ? openItems : filtered;
+}
 
 // src/side-panel/components/FailedPluginCard.tsx
 var import_compiler_runtime22 = __toESM(require_compiler_runtime(), 1);
@@ -79292,7 +79280,7 @@ function _temp26(e_0) {
 // src/side-panel/components/PluginCard.tsx
 var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
 var PluginCard = (t0) => {
-  const $2 = (0, import_compiler_runtime24.c)(47);
+  const $2 = (0, import_compiler_runtime24.c)(77);
   const {
     plugin,
     activeTools,
@@ -79303,9 +79291,10 @@ var PluginCard = (t0) => {
     updatingPlugin,
     removingPlugin,
     actionError,
-    skipPermissions
+    transitionClass
   } = t0;
   const [toggleError, setToggleError] = (0, import_react20.useState)(null);
+  const [pendingPermission, setPendingPermission] = (0, import_react20.useState)(null);
   const errorTimerRef = (0, import_react20.useRef)(void 0);
   const toggleCounter = (0, import_react20.useRef)(0);
   let t1;
@@ -79357,14 +79346,17 @@ var PluginCard = (t0) => {
   const prePluginPermRef = (0, import_react20.useRef)("off");
   let t6;
   if ($2[7] !== plugin.name || $2[8] !== plugin.permission || $2[9] !== setPlugins) {
-    t6 = (newPermission) => {
+    t6 = (newPermission, reviewedVersion) => {
       const myVersion = toggleCounter.current = toggleCounter.current + 1;
       prePluginPermRef.current = plugin.permission;
       setPlugins((prev_0) => prev_0.map((p_0) => p_0.name === plugin.name ? {
         ...p_0,
-        permission: newPermission
+        permission: newPermission,
+        ...reviewedVersion ? {
+          reviewed: true
+        } : {}
       } : p_0));
-      setPluginPermission(plugin.name, newPermission).catch(() => {
+      setPluginPermission(plugin.name, newPermission, reviewedVersion).catch(() => {
         if (toggleCounter.current === myVersion) {
           setPlugins((prev_1) => prev_1.map((p_1) => p_1.name === plugin.name ? {
             ...p_1,
@@ -79381,44 +79373,77 @@ var PluginCard = (t0) => {
   } else {
     t6 = $2[10];
   }
-  const handlePluginPermissionChange = t6;
+  const applyPluginPermission = t6;
   let t7;
-  if ($2[11] !== plugin.name || $2[12] !== updatePluginTools) {
-    t7 = (toolName, newPermission_0) => {
+  if ($2[11] !== applyPluginPermission || $2[12] !== plugin.permission || $2[13] !== plugin.reviewed) {
+    t7 = (newPermission_0) => {
+      if (!plugin.reviewed && plugin.permission === "off" && newPermission_0 !== "off") {
+        setPendingPermission(newPermission_0);
+        return;
+      }
+      applyPluginPermission(newPermission_0);
+    };
+    $2[11] = applyPluginPermission;
+    $2[12] = plugin.permission;
+    $2[13] = plugin.reviewed;
+    $2[14] = t7;
+  } else {
+    t7 = $2[14];
+  }
+  const handlePluginPermissionChange = t7;
+  let t8;
+  if ($2[15] !== applyPluginPermission || $2[16] !== pendingPermission || $2[17] !== plugin.version) {
+    t8 = () => {
+      if (pendingPermission) {
+        applyPluginPermission(pendingPermission, plugin.version);
+      }
+      setPendingPermission(null);
+    };
+    $2[15] = applyPluginPermission;
+    $2[16] = pendingPermission;
+    $2[17] = plugin.version;
+    $2[18] = t8;
+  } else {
+    t8 = $2[18];
+  }
+  const handleEnableAnyway = t8;
+  let t9;
+  if ($2[19] !== plugin.name || $2[20] !== updatePluginTools) {
+    t9 = (toolName, newPermission_1) => {
       const myVersion_0 = toggleCounter.current = toggleCounter.current + 1;
       updatePluginTools((prev_2) => {
         preToggleRef.current = prev_2;
-        return prev_2.map((t29) => t29.name === toolName ? {
-          ...t29,
-          permission: newPermission_0
-        } : t29);
+        return prev_2.map((t42) => t42.name === toolName ? {
+          ...t42,
+          permission: newPermission_1
+        } : t42);
       });
-      setToolPermission(plugin.name, toolName, newPermission_0).catch(() => {
+      setToolPermission(plugin.name, toolName, newPermission_1).catch(() => {
         if (toggleCounter.current === myVersion_0) {
           updatePluginTools(() => preToggleRef.current);
         }
         showToggleError(`Failed to update ${toolName}`);
       });
     };
-    $2[11] = plugin.name;
-    $2[12] = updatePluginTools;
-    $2[13] = t7;
+    $2[19] = plugin.name;
+    $2[20] = updatePluginTools;
+    $2[21] = t9;
   } else {
-    t7 = $2[13];
+    t9 = $2[21];
   }
-  const handleToolPermissionChange = t7;
+  const handleToolPermissionChange = t9;
   const filterLower = toolFilter?.toLowerCase() ?? "";
   const visibleTools = filterLower ? pluginTools.filter((t_0) => matchesTool(t_0, filterLower)) : pluginTools;
-  let t8;
-  if ($2[14] !== activeTools || $2[15] !== plugin.name) {
-    t8 = (t_1) => activeTools.has(`${plugin.name}:${t_1.name}`);
-    $2[14] = activeTools;
-    $2[15] = plugin.name;
-    $2[16] = t8;
+  let t10;
+  if ($2[22] !== activeTools || $2[23] !== plugin.name) {
+    t10 = (t_1) => activeTools.has(`${plugin.name}:${t_1.name}`);
+    $2[22] = activeTools;
+    $2[23] = plugin.name;
+    $2[24] = t10;
   } else {
-    t8 = $2[16];
+    t10 = $2[24];
   }
-  const hasActiveTool = pluginTools.some(t8);
+  const hasActiveTool = pluginTools.some(t10);
   const hasAnyGroup = visibleTools.some(_temp10);
   const toolGroups = [];
   if (hasAnyGroup) {
@@ -79447,32 +79472,32 @@ var PluginCard = (t0) => {
       });
     }
   }
-  let t9;
-  if ($2[17] !== plugin.version) {
-    t9 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(TooltipObject.Content, {
+  let t11;
+  if ($2[25] !== plugin.version) {
+    t11 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(TooltipObject.Content, {
       children: ["v", plugin.version]
     });
-    $2[17] = plugin.version;
-    $2[18] = t9;
+    $2[25] = plugin.version;
+    $2[26] = t11;
   } else {
-    t9 = $2[18];
+    t11 = $2[26];
   }
-  let t10;
-  if ($2[19] !== plugin.source) {
-    t10 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge2, {
+  let t12;
+  if ($2[27] !== plugin.source) {
+    t12 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge2, {
       variant: "default",
       size: "sm",
       className: "align-middle",
       children: "DEV"
     });
-    $2[19] = plugin.source;
-    $2[20] = t10;
+    $2[27] = plugin.source;
+    $2[28] = t12;
   } else {
-    t10 = $2[20];
+    t12 = $2[28];
   }
-  let t11;
-  if ($2[21] !== plugin.sdkVersion) {
-    t11 = !plugin.sdkVersion && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(TooltipObject, {
+  let t13;
+  if ($2[29] !== plugin.sdkVersion) {
+    t13 = !plugin.sdkVersion && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(TooltipObject, {
       children: [/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipObject.Trigger, {
         asChild: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge2, {
@@ -79485,108 +79510,124 @@ var PluginCard = (t0) => {
         children: "SDK version mismatch \u2014 rebuild plugin"
       })]
     });
-    $2[21] = plugin.sdkVersion;
-    $2[22] = t11;
+    $2[29] = plugin.sdkVersion;
+    $2[30] = t13;
   } else {
-    t11 = $2[22];
+    t13 = $2[30];
   }
-  let t12;
-  if ($2[23] !== plugin.displayName || $2[24] !== t10 || $2[25] !== t11) {
-    t12 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
+  let t14;
+  if ($2[31] !== plugin.reviewed) {
+    t14 = !plugin.reviewed && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(TooltipObject, {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipObject.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ShieldQuestionMark, {
+          className: "inline-block h-3.5 w-3.5 align-middle text-muted-foreground"
+        })
+      }), /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipObject.Content, {
+        children: "This plugin version has not been reviewed"
+      })]
+    });
+    $2[31] = plugin.reviewed;
+    $2[32] = t14;
+  } else {
+    t14 = $2[32];
+  }
+  let t15;
+  if ($2[33] !== plugin.displayName || $2[34] !== t12 || $2[35] !== t13 || $2[36] !== t14) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
       className: "flex min-w-0 flex-1 items-center gap-1.5 truncate font-head text-foreground text-sm",
-      children: [plugin.displayName, t10, t11]
+      children: [plugin.displayName, t12, t13, t14]
     });
-    $2[23] = plugin.displayName;
-    $2[24] = t10;
-    $2[25] = t11;
-    $2[26] = t12;
+    $2[33] = plugin.displayName;
+    $2[34] = t12;
+    $2[35] = t13;
+    $2[36] = t14;
+    $2[37] = t15;
   } else {
-    t12 = $2[26];
+    t15 = $2[37];
   }
-  let t13;
-  if ($2[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChevronDown, {
+  let t16;
+  if ($2[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChevronDown, {
       className: "h-4 w-4 shrink-0 transition-transform duration-200"
     });
-    $2[27] = t13;
+    $2[38] = t16;
   } else {
-    t13 = $2[27];
+    t16 = $2[38];
   }
-  const t14 = onUpdate ?? _temp27;
-  const t15 = onRemove ?? _temp35;
-  const t16 = updatingPlugin ?? false;
-  const t17 = removingPlugin ?? false;
-  let t18;
-  if ($2[28] !== plugin || $2[29] !== t14 || $2[30] !== t15 || $2[31] !== t16 || $2[32] !== t17) {
-    t18 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PluginMenu, {
+  const t17 = onUpdate ?? _temp27;
+  const t18 = onRemove ?? _temp35;
+  const t19 = updatingPlugin ?? false;
+  const t20 = removingPlugin ?? false;
+  let t21;
+  if ($2[39] !== plugin || $2[40] !== t17 || $2[41] !== t18 || $2[42] !== t19 || $2[43] !== t20) {
+    t21 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PluginMenu, {
       plugin,
-      onUpdate: t14,
-      onRemove: t15,
-      updating: t16,
-      removing: t17,
+      onUpdate: t17,
+      onRemove: t18,
+      updating: t19,
+      removing: t20,
       className: "flex shrink-0 items-center px-1"
     });
-    $2[28] = plugin;
-    $2[29] = t14;
-    $2[30] = t15;
-    $2[31] = t16;
-    $2[32] = t17;
-    $2[33] = t18;
+    $2[39] = plugin;
+    $2[40] = t17;
+    $2[41] = t18;
+    $2[42] = t19;
+    $2[43] = t20;
+    $2[44] = t21;
   } else {
-    t18 = $2[33];
+    t21 = $2[44];
   }
-  const t19 = skipPermissions ?? false;
-  const t20 = `Permission for ${plugin.name} plugin`;
-  let t21;
-  if ($2[34] !== handlePluginPermissionChange || $2[35] !== plugin.permission || $2[36] !== t19 || $2[37] !== t20) {
-    t21 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {
+  const t22 = `Permission for ${plugin.name} plugin`;
+  let t23;
+  if ($2[45] !== handlePluginPermissionChange || $2[46] !== plugin.permission || $2[47] !== t22) {
+    t23 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {
       className: "flex shrink-0 items-center px-3",
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PermissionSelect, {
         value: plugin.permission,
         onValueChange: handlePluginPermissionChange,
-        disabled: t19,
-        ariaLabel: t20
+        disabled: false,
+        ariaLabel: t22
       })
     });
-    $2[34] = handlePluginPermissionChange;
-    $2[35] = plugin.permission;
-    $2[36] = t19;
-    $2[37] = t20;
-    $2[38] = t21;
+    $2[45] = handlePluginPermissionChange;
+    $2[46] = plugin.permission;
+    $2[47] = t22;
+    $2[48] = t23;
   } else {
-    t21 = $2[38];
+    t23 = $2[48];
   }
-  let t22;
-  if ($2[39] !== toggleError) {
-    t22 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AlertComponent, {
+  let t24;
+  if ($2[49] !== toggleError) {
+    t24 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: toggleError
     });
-    $2[39] = toggleError;
-    $2[40] = t22;
+    $2[49] = toggleError;
+    $2[50] = t24;
   } else {
-    t22 = $2[40];
+    t24 = $2[50];
   }
-  let t23;
-  if ($2[41] !== actionError) {
-    t23 = actionError && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AlertComponent, {
+  let t25;
+  if ($2[51] !== actionError) {
+    t25 = actionError && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: actionError
     });
-    $2[41] = actionError;
-    $2[42] = t23;
+    $2[51] = actionError;
+    $2[52] = t25;
   } else {
-    t23 = $2[42];
+    t25 = $2[52];
   }
-  const t24 = AccordionComponent;
-  const t25 = "border-border border-t";
-  const t26 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
+  const t26 = AccordionComponent;
+  const t27 = "border-border border-t";
+  const t28 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
     className: "mb-1 px-3 pt-2 text-muted-foreground text-xs",
     children: [visibleTools.length, " of ", pluginTools.length, " tools"]
   });
-  const t27 = hasAnyGroup ? toolGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
+  const t29 = hasAnyGroup ? toolGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
     children: [/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {
       className: "border-border border-b bg-muted/20 px-3 py-1",
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", {
@@ -79601,7 +79642,6 @@ var PluginCard = (t0) => {
       icon: tool_0.icon,
       permission: tool_0.permission,
       active: activeTools.has(`${plugin.name}:${tool_0.name}`),
-      disabled: skipPermissions,
       onPermissionChange: handleToolPermissionChange
     }, tool_0.name))]
   }, group.name)) : visibleTools.map((tool_1) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToolRow, {
@@ -79612,25 +79652,138 @@ var PluginCard = (t0) => {
     icon: tool_1.icon,
     permission: tool_1.permission,
     active: activeTools.has(`${plugin.name}:${tool_1.name}`),
-    disabled: skipPermissions,
     onPermissionChange: handleToolPermissionChange
   }, tool_1.name));
-  let t28;
-  if ($2[43] !== t24.Content || $2[44] !== t26 || $2[45] !== t27) {
-    t28 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(t24.Content, {
-      className: t25,
-      children: [t26, t27]
+  let t30;
+  if ($2[53] !== t26.Content || $2[54] !== t28 || $2[55] !== t29) {
+    t30 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(t26.Content, {
+      className: t27,
+      children: [t28, t29]
     });
-    $2[43] = t24.Content;
-    $2[44] = t26;
-    $2[45] = t27;
-    $2[46] = t28;
+    $2[53] = t26.Content;
+    $2[54] = t28;
+    $2[55] = t29;
+    $2[56] = t30;
+  } else {
+    t30 = $2[56];
+  }
+  const t31 = pendingPermission !== null;
+  let t32;
+  if ($2[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t32 = (open) => !open && setPendingPermission(null);
+    $2[57] = t32;
   } else {
-    t28 = $2[46];
+    t32 = $2[57];
+  }
+  let t33;
+  if ($2[58] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t33 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogObject.Header, {
+      children: "Unreviewed Plugin"
+    });
+    $2[58] = t33;
+  } else {
+    t33 = $2[58];
+  }
+  let t34;
+  if ($2[59] !== plugin.displayName || $2[60] !== plugin.version) {
+    t34 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", {
+      className: "font-mono text-foreground text-sm",
+      children: [plugin.displayName, " v", plugin.version]
+    });
+    $2[59] = plugin.displayName;
+    $2[60] = plugin.version;
+    $2[61] = t34;
+  } else {
+    t34 = $2[61];
+  }
+  let t35;
+  if ($2[62] !== plugin.name) {
+    t35 = /* @__PURE__ */ (0, import_jsx_runtime49.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[62] = plugin.name;
+    $2[63] = t35;
+  } else {
+    t35 = $2[63];
+  }
+  let t36;
+  if ($2[64] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t36 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", {
+      className: "mt-2 text-muted-foreground text-xs",
+      children: "You can also enable it now without review."
+    });
+    $2[64] = t36;
+  } else {
+    t36 = $2[64];
+  }
+  let t37;
+  if ($2[65] !== t34 || $2[66] !== t35) {
+    t37 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Body, {
+      children: [t34, t35, t36]
+    });
+    $2[65] = t34;
+    $2[66] = t35;
+    $2[67] = t37;
+  } else {
+    t37 = $2[67];
+  }
+  let t38;
+  if ($2[68] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t38 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogObject.Close, {
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, {
+        size: "sm",
+        variant: "outline",
+        children: "Cancel"
+      })
+    });
+    $2[68] = t38;
+  } else {
+    t38 = $2[68];
+  }
+  let t39;
+  if ($2[69] !== handleEnableAnyway) {
+    t39 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Footer, {
+      children: [t38, /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, {
+        size: "sm",
+        onClick: handleEnableAnyway,
+        children: "Enable Anyway"
+      })]
+    });
+    $2[69] = handleEnableAnyway;
+    $2[70] = t39;
+  } else {
+    t39 = $2[70];
+  }
+  let t40;
+  if ($2[71] !== t37 || $2[72] !== t39) {
+    t40 = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogObject.Content, {
+      onInteractOutside: _temp43,
+      children: [t33, t37, t39]
+    });
+    $2[71] = t37;
+    $2[72] = t39;
+    $2[73] = t40;
+  } else {
+    t40 = $2[73];
+  }
+  let t41;
+  if ($2[74] !== t31 || $2[75] !== t40) {
+    t41 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogObject, {
+      open: t31,
+      onOpenChange: t32,
+      children: t40
+    });
+    $2[74] = t31;
+    $2[75] = t40;
+    $2[76] = t41;
+  } else {
+    t41 = $2[76];
   }
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(AccordionComponent.Item, {
     value: plugin.name,
-    className: removingPlugin ? "pointer-events-none opacity-60 transition-opacity" : void 0,
+    className: transitionClass ?? (removingPlugin ? "pointer-events-none opacity-60 transition-opacity" : plugin.tabState !== "ready" ? "opacity-70 transition-opacity" : void 0),
     children: [/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Header, {
       className: "flex",
       children: [/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Trigger2, {
@@ -79651,10 +79804,10 @@ var PluginCard = (t0) => {
                 active: hasActiveTool
               })
             })
-          }), t9]
-        }), t12, t13]
-      }), t18, t21]
-    }), t22, t23, t28]
+          }), t11]
+        }), t15, t16]
+      }), t21, t23]
+    }), t24, t25, t30, t41]
   });
 };
 function _temp10(t_2) {
@@ -79664,11 +79817,127 @@ function _temp27() {
 }
 function _temp35() {
 }
+function _temp43(e2) {
+  return e2.preventDefault();
+}
 
 // src/side-panel/components/PluginList.tsx
 var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
+function useGroupTransitions(plugins, isFiltering) {
+  const $2 = (0, import_compiler_runtime25.c)(14);
+  let t0;
+  if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ new Map();
+    $2[0] = t0;
+  } else {
+    t0 = $2[0];
+  }
+  const prevStates = (0, import_react21.useRef)(t0);
+  let t1;
+  if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ new Set();
+    $2[1] = t1;
+  } else {
+    t1 = $2[1];
+  }
+  const [animating, setAnimating] = (0, import_react21.useState)(t1);
+  let t2;
+  if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ new Map();
+    $2[2] = t2;
+  } else {
+    t2 = $2[2];
+  }
+  const clearTimers = (0, import_react21.useRef)(t2);
+  let t3;
+  let t4;
+  if ($2[3] !== isFiltering || $2[4] !== plugins) {
+    t3 = () => {
+      if (isFiltering) {
+        prevStates.current = buildStateSnapshot(plugins);
+        return;
+      }
+      const changed = detectGroupChanges(prevStates.current, plugins);
+      prevStates.current = buildStateSnapshot(plugins);
+      if (changed.size === 0) {
+        return;
+      }
+      setAnimating((prev) => {
+        const next = new Set(prev);
+        for (const name of changed) {
+          next.add(name);
+        }
+        return next;
+      });
+      for (const name_0 of changed) {
+        const existing = clearTimers.current.get(name_0);
+        if (existing) {
+          clearTimeout(existing);
+        }
+        clearTimers.current.set(name_0, setTimeout(() => {
+          clearTimers.current.delete(name_0);
+          setAnimating((prev_0) => {
+            if (!prev_0.has(name_0)) {
+              return prev_0;
+            }
+            const next_0 = new Set(prev_0);
+            next_0.delete(name_0);
+            return next_0;
+          });
+        }, FADE_IN_MS));
+      }
+    };
+    t4 = [plugins, isFiltering];
+    $2[3] = isFiltering;
+    $2[4] = plugins;
+    $2[5] = t3;
+    $2[6] = t4;
+  } else {
+    t3 = $2[5];
+    t4 = $2[6];
+  }
+  (0, import_react21.useEffect)(t3, t4);
+  let t5;
+  let t6;
+  if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => () => {
+      for (const timer of clearTimers.current.values()) {
+        clearTimeout(timer);
+      }
+    };
+    t6 = [];
+    $2[7] = t5;
+    $2[8] = t6;
+  } else {
+    t5 = $2[7];
+    t6 = $2[8];
+  }
+  (0, import_react21.useEffect)(t5, t6);
+  let t7;
+  if ($2[9] !== animating) {
+    t7 = (pluginName, isReadyGroup) => getTransitionClass(pluginName, isReadyGroup, animating);
+    $2[9] = animating;
+    $2[10] = t7;
+  } else {
+    t7 = $2[10];
+  }
+  const resolveTransitionClass = t7;
+  let t8;
+  if ($2[11] !== animating || $2[12] !== resolveTransitionClass) {
+    t8 = {
+      animating,
+      resolveTransitionClass
+    };
+    $2[11] = animating;
+    $2[12] = resolveTransitionClass;
+    $2[13] = t8;
+  } else {
+    t8 = $2[13];
+  }
+  return t8;
+}
 var PluginList = (t0) => {
-  const $2 = (0, import_compiler_runtime25.c)(35);
+  const $2 = (0, import_compiler_runtime25.c)(21);
   const {
     plugins,
     failedPlugins,
@@ -79678,123 +79947,177 @@ var PluginList = (t0) => {
     onUpdate,
     onRemove,
     removingPlugins,
-    pluginErrors,
-    skipPermissions
+    pluginErrors
   } = t0;
-  let filterLower;
+  const filterLower = toolFilter.toLowerCase();
+  const visiblePlugins = filterLower ? plugins.filter((p3) => (p3.tools ?? []).some((t9) => matchesTool(t9, filterLower))) : plugins;
+  const visibleFailed = filterLower ? [] : failedPlugins;
+  const {
+    animating,
+    resolveTransitionClass
+  } = useGroupTransitions(plugins, !!filterLower);
   let t1;
-  if ($2[0] !== plugins || $2[1] !== toolFilter) {
-    filterLower = toolFilter.toLowerCase();
-    t1 = filterLower ? plugins.filter((p3) => (p3.tools ?? []).some((t7) => matchesTool(t7, filterLower))) : plugins;
-    $2[0] = plugins;
-    $2[1] = toolFilter;
-    $2[2] = filterLower;
-    $2[3] = t1;
+  if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $2[0] = t1;
   } else {
-    filterLower = $2[2];
-    t1 = $2[3];
+    t1 = $2[0];
   }
-  const visiblePlugins = t1;
+  const [openReady, setOpenReady] = (0, import_react21.useState)(t1);
   let t2;
-  if ($2[4] !== failedPlugins || $2[5] !== filterLower) {
-    t2 = filterLower ? [] : failedPlugins;
-    $2[4] = failedPlugins;
-    $2[5] = filterLower;
-    $2[6] = t2;
+  if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $2[1] = t2;
   } else {
-    t2 = $2[6];
+    t2 = $2[1];
   }
-  const visibleFailed = t2;
+  const [openNotReady, setOpenNotReady] = (0, import_react21.useState)(t2);
+  let t3;
+  let t4;
+  if ($2[2] !== animating) {
+    t3 = () => {
+      if (animating.size === 0) {
+        return;
+      }
+      setOpenReady((prev) => collapseTransitioningItems(prev, animating));
+      setOpenNotReady((prev_0) => collapseTransitioningItems(prev_0, animating));
+    };
+    t4 = [animating];
+    $2[2] = animating;
+    $2[3] = t3;
+    $2[4] = t4;
+  } else {
+    t3 = $2[3];
+    t4 = $2[4];
+  }
+  (0, import_react21.useEffect)(t3, t4);
+  const {
+    ready: readyPlugins,
+    notReady: notReadyPlugins
+  } = filterLower ? {
+    ready: [],
+    notReady: []
+  } : groupPlugins(visiblePlugins);
+  const hasNotReady = notReadyPlugins.length > 0;
+  const prevHadNotReady = (0, import_react21.useRef)(false);
+  const [labelVisible, setLabelVisible] = (0, import_react21.useState)(false);
+  const [labelMounted, setLabelMounted] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
+    let unmountTimer;
+    if (filterLower) {
+      setLabelMounted(false);
+      setLabelVisible(false);
+      prevHadNotReady.current = false;
+    } else {
+      if (hasNotReady && !prevHadNotReady.current) {
+        setLabelMounted(true);
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            setLabelVisible(true);
+          });
+        });
+        prevHadNotReady.current = hasNotReady;
+      } else {
+        if (!hasNotReady && prevHadNotReady.current) {
+          setLabelVisible(false);
+          unmountTimer = setTimeout(() => setLabelMounted(false), FADE_IN_MS);
+          prevHadNotReady.current = hasNotReady;
+        } else {
+          if (hasNotReady) {
+            setLabelMounted(true);
+            setLabelVisible(true);
+            prevHadNotReady.current = hasNotReady;
+          }
+        }
+      }
+    }
+    return () => clearTimeout(unmountTimer);
+  }, [hasNotReady, filterLower]);
   if (filterLower && visiblePlugins.length === 0) {
-    let t32;
-    if ($2[7] !== toolFilter) {
-      t32 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", {
+    let t52;
+    if ($2[5] !== toolFilter) {
+      t52 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", {
         className: "py-8 text-center text-muted-foreground text-sm",
         children: ["No tools matching \u201C", toolFilter, "\u201D"]
       });
-      $2[7] = toolFilter;
-      $2[8] = t32;
+      $2[5] = toolFilter;
+      $2[6] = t52;
     } else {
-      t32 = $2[8];
+      t52 = $2[6];
     }
-    return t32;
+    return t52;
   }
-  let t3;
-  if ($2[9] !== visibleFailed) {
-    t3 = visibleFailed.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
+  let t5;
+  if ($2[7] !== activeTools || $2[8] !== onRemove || $2[9] !== onUpdate || $2[10] !== pluginErrors || $2[11] !== removingPlugins || $2[12] !== resolveTransitionClass || $2[13] !== setPlugins || $2[14] !== toolFilter) {
+    t5 = (plugin, isReadyGroup) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PluginCard, {
+      plugin,
+      activeTools,
+      setPlugins,
+      toolFilter,
+      onUpdate: onUpdate ? () => onUpdate(plugin.name) : void 0,
+      onRemove: onRemove ? () => onRemove(plugin.name) : void 0,
+      removingPlugin: removingPlugins?.has(plugin.name),
+      actionError: pluginErrors?.get(plugin.name) ?? null,
+      transitionClass: resolveTransitionClass(plugin.name, isReadyGroup)
+    }, plugin.name);
+    $2[7] = activeTools;
+    $2[8] = onRemove;
+    $2[9] = onUpdate;
+    $2[10] = pluginErrors;
+    $2[11] = removingPlugins;
+    $2[12] = resolveTransitionClass;
+    $2[13] = setPlugins;
+    $2[14] = toolFilter;
+    $2[15] = t5;
+  } else {
+    t5 = $2[15];
+  }
+  const renderCard = t5;
+  let t6;
+  if ($2[16] !== visibleFailed) {
+    t6 = visibleFailed.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
       className: "mb-3 space-y-2",
       children: visibleFailed.map(_temp11)
     });
-    $2[9] = visibleFailed;
-    $2[10] = t3;
-  } else {
-    t3 = $2[10];
-  }
-  let t4;
-  if ($2[11] !== activeTools || $2[12] !== onRemove || $2[13] !== onUpdate || $2[14] !== pluginErrors || $2[15] !== removingPlugins || $2[16] !== setPlugins || $2[17] !== skipPermissions || $2[18] !== toolFilter || $2[19] !== visiblePlugins) {
-    let t52;
-    if ($2[21] !== activeTools || $2[22] !== onRemove || $2[23] !== onUpdate || $2[24] !== pluginErrors || $2[25] !== removingPlugins || $2[26] !== setPlugins || $2[27] !== skipPermissions || $2[28] !== toolFilter) {
-      t52 = (plugin) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PluginCard, {
-        plugin,
-        activeTools,
-        setPlugins,
-        toolFilter,
-        onUpdate: onUpdate ? () => onUpdate(plugin.name) : void 0,
-        onRemove: onRemove ? () => onRemove(plugin.name) : void 0,
-        removingPlugin: removingPlugins?.has(plugin.name),
-        actionError: pluginErrors?.get(plugin.name) ?? null,
-        skipPermissions
-      }, plugin.name);
-      $2[21] = activeTools;
-      $2[22] = onRemove;
-      $2[23] = onUpdate;
-      $2[24] = pluginErrors;
-      $2[25] = removingPlugins;
-      $2[26] = setPlugins;
-      $2[27] = skipPermissions;
-      $2[28] = toolFilter;
-      $2[29] = t52;
-    } else {
-      t52 = $2[29];
-    }
-    t4 = visiblePlugins.map(t52);
-    $2[11] = activeTools;
-    $2[12] = onRemove;
-    $2[13] = onUpdate;
-    $2[14] = pluginErrors;
-    $2[15] = removingPlugins;
-    $2[16] = setPlugins;
-    $2[17] = skipPermissions;
-    $2[18] = toolFilter;
-    $2[19] = visiblePlugins;
-    $2[20] = t4;
+    $2[16] = visibleFailed;
+    $2[17] = t6;
   } else {
-    t4 = $2[20];
+    t6 = $2[17];
   }
-  let t5;
-  if ($2[30] !== t4) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AccordionComponent, {
+  const t7 = filterLower ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AccordionComponent, {
+    type: "multiple",
+    className: "space-y-2",
+    children: visiblePlugins.map((p_0) => renderCard(p_0, true))
+  }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, {
+    children: [readyPlugins.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AccordionComponent, {
       type: "multiple",
+      value: openReady,
+      onValueChange: setOpenReady,
       className: "space-y-2",
-      children: t4
-    });
-    $2[30] = t4;
-    $2[31] = t5;
-  } else {
-    t5 = $2[31];
-  }
-  let t6;
-  if ($2[32] !== t3 || $2[33] !== t5) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, {
-      children: [t3, t5]
+      children: readyPlugins.map((p_1) => renderCard(p_1, true))
+    }), labelMounted && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
+      className: `px-3 pt-3 pb-1 font-mono text-[10px] text-muted-foreground uppercase tracking-widest transition-opacity duration-200 ${labelVisible ? "opacity-100" : "opacity-0"}`,
+      children: "NOT CONNECTED"
+    }), notReadyPlugins.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AccordionComponent, {
+      type: "multiple",
+      value: openNotReady,
+      onValueChange: setOpenNotReady,
+      className: "space-y-2",
+      children: notReadyPlugins.map((p_2) => renderCard(p_2, false))
+    })]
+  });
+  let t8;
+  if ($2[18] !== t6 || $2[19] !== t7) {
+    t8 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, {
+      children: [t6, t7]
     });
-    $2[32] = t3;
-    $2[33] = t5;
-    $2[34] = t6;
+    $2[18] = t6;
+    $2[19] = t7;
+    $2[20] = t8;
   } else {
-    t6 = $2[34];
+    t8 = $2[20];
   }
-  return t6;
+  return t8;
 };
 function _temp11(fp) {
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FailedPluginCard, {
@@ -80069,7 +80392,7 @@ var SectionHeader = (t0) => {
 };
 var matchesBrowserTool = (tool, filterLower) => toDisplayName(tool.name).toLowerCase().includes(filterLower) || tool.name.toLowerCase().includes(filterLower) || tool.description.toLowerCase().includes(filterLower);
 var SearchResults = (t0) => {
-  const $2 = (0, import_compiler_runtime28.c)(58);
+  const $2 = (0, import_compiler_runtime28.c)(56);
   const {
     plugins,
     failedPlugins,
@@ -80087,8 +80410,7 @@ var SearchResults = (t0) => {
     onRemove,
     removingPlugins,
     pluginErrors,
-    serverVersion,
-    skipPermissions
+    serverVersion
   } = t0;
   let failedMatches;
   let installedMatches;
@@ -80124,20 +80446,20 @@ var SearchResults = (t0) => {
   let t3;
   let t4;
   let t5;
-  if ($2[9] !== activeTools || $2[10] !== browserTools || $2[11] !== failedMatches || $2[12] !== hasBrowserToolMatches || $2[13] !== installErrors || $2[14] !== installedMatches || $2[15] !== installedShortNames || $2[16] !== installingPlugins || $2[17] !== npmResults || $2[18] !== npmSearching || $2[19] !== onInstall || $2[20] !== onRemove || $2[21] !== onUpdate || $2[22] !== pluginErrors || $2[23] !== removingPlugins || $2[24] !== serverVersion || $2[25] !== setBrowserTools || $2[26] !== setPlugins || $2[27] !== skipPermissions || $2[28] !== toolFilter) {
+  if ($2[9] !== activeTools || $2[10] !== browserTools || $2[11] !== failedMatches || $2[12] !== hasBrowserToolMatches || $2[13] !== installErrors || $2[14] !== installedMatches || $2[15] !== installedShortNames || $2[16] !== installingPlugins || $2[17] !== npmResults || $2[18] !== npmSearching || $2[19] !== onInstall || $2[20] !== onRemove || $2[21] !== onUpdate || $2[22] !== pluginErrors || $2[23] !== removingPlugins || $2[24] !== serverVersion || $2[25] !== setBrowserTools || $2[26] !== setPlugins || $2[27] !== toolFilter) {
     let t62;
-    if ($2[33] !== installedShortNames) {
+    if ($2[32] !== installedShortNames) {
       t62 = (r3) => !installedShortNames.has(extractShortName(r3.name));
-      $2[33] = installedShortNames;
-      $2[34] = t62;
+      $2[32] = installedShortNames;
+      $2[33] = t62;
     } else {
-      t62 = $2[34];
+      t62 = $2[33];
     }
     const availableResults = npmResults.filter(t62);
     const hasInstalledResults = installedMatches.length > 0 || failedMatches.length > 0 || hasBrowserToolMatches;
     showNoResults = toolFilter && !hasInstalledResults && !npmSearching && availableResults.length === 0;
     t3 = "space-y-4";
-    if ($2[35] !== activeTools || $2[36] !== browserTools || $2[37] !== failedMatches || $2[38] !== hasBrowserToolMatches || $2[39] !== hasInstalledResults || $2[40] !== installedMatches || $2[41] !== onRemove || $2[42] !== onUpdate || $2[43] !== pluginErrors || $2[44] !== removingPlugins || $2[45] !== serverVersion || $2[46] !== setBrowserTools || $2[47] !== setPlugins || $2[48] !== skipPermissions || $2[49] !== toolFilter) {
+    if ($2[34] !== activeTools || $2[35] !== browserTools || $2[36] !== failedMatches || $2[37] !== hasBrowserToolMatches || $2[38] !== hasInstalledResults || $2[39] !== installedMatches || $2[40] !== onRemove || $2[41] !== onUpdate || $2[42] !== pluginErrors || $2[43] !== removingPlugins || $2[44] !== serverVersion || $2[45] !== setBrowserTools || $2[46] !== setPlugins || $2[47] !== toolFilter) {
       t4 = hasInstalledResults && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", {
         children: [/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SectionHeader, {
           children: "Installed"
@@ -80149,8 +80471,7 @@ var SearchResults = (t0) => {
             activeTools,
             onToolsChange: setBrowserTools,
             toolFilter,
-            serverVersion,
-            skipPermissions
+            serverVersion
           })
         }), /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PluginList, {
           plugins: installedMatches,
@@ -80161,28 +80482,26 @@ var SearchResults = (t0) => {
           onUpdate,
           onRemove,
           removingPlugins,
-          pluginErrors,
-          skipPermissions
+          pluginErrors
         })]
       });
-      $2[35] = activeTools;
-      $2[36] = browserTools;
-      $2[37] = failedMatches;
-      $2[38] = hasBrowserToolMatches;
-      $2[39] = hasInstalledResults;
-      $2[40] = installedMatches;
-      $2[41] = onRemove;
-      $2[42] = onUpdate;
-      $2[43] = pluginErrors;
-      $2[44] = removingPlugins;
-      $2[45] = serverVersion;
-      $2[46] = setBrowserTools;
-      $2[47] = setPlugins;
-      $2[48] = skipPermissions;
-      $2[49] = toolFilter;
-      $2[50] = t4;
+      $2[34] = activeTools;
+      $2[35] = browserTools;
+      $2[36] = failedMatches;
+      $2[37] = hasBrowserToolMatches;
+      $2[38] = hasInstalledResults;
+      $2[39] = installedMatches;
+      $2[40] = onRemove;
+      $2[41] = onUpdate;
+      $2[42] = pluginErrors;
+      $2[43] = removingPlugins;
+      $2[44] = serverVersion;
+      $2[45] = setBrowserTools;
+      $2[46] = setPlugins;
+      $2[47] = toolFilter;
+      $2[48] = t4;
     } else {
-      t4 = $2[50];
+      t4 = $2[48];
     }
     t5 = toolFilter && (npmSearching ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", {
       className: "flex justify-center py-4",
@@ -80220,42 +80539,41 @@ var SearchResults = (t0) => {
     $2[24] = serverVersion;
     $2[25] = setBrowserTools;
     $2[26] = setPlugins;
-    $2[27] = skipPermissions;
-    $2[28] = toolFilter;
-    $2[29] = showNoResults;
-    $2[30] = t3;
-    $2[31] = t4;
-    $2[32] = t5;
+    $2[27] = toolFilter;
+    $2[28] = showNoResults;
+    $2[29] = t3;
+    $2[30] = t4;
+    $2[31] = t5;
   } else {
-    showNoResults = $2[29];
-    t3 = $2[30];
-    t4 = $2[31];
-    t5 = $2[32];
+    showNoResults = $2[28];
+    t3 = $2[29];
+    t4 = $2[30];
+    t5 = $2[31];
   }
   let t6;
-  if ($2[51] !== showNoResults) {
+  if ($2[49] !== showNoResults) {
     t6 = showNoResults && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", {
       className: "py-8 text-center text-muted-foreground text-sm",
       children: "No results"
     });
-    $2[51] = showNoResults;
-    $2[52] = t6;
+    $2[49] = showNoResults;
+    $2[50] = t6;
   } else {
-    t6 = $2[52];
+    t6 = $2[50];
   }
   let t7;
-  if ($2[53] !== t3 || $2[54] !== t4 || $2[55] !== t5 || $2[56] !== t6) {
+  if ($2[51] !== t3 || $2[52] !== t4 || $2[53] !== t5 || $2[54] !== t6) {
     t7 = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", {
       className: t3,
       children: [t4, t5, t6]
     });
-    $2[53] = t3;
-    $2[54] = t4;
-    $2[55] = t5;
-    $2[56] = t6;
-    $2[57] = t7;
+    $2[51] = t3;
+    $2[52] = t4;
+    $2[53] = t5;
+    $2[54] = t6;
+    $2[55] = t7;
   } else {
-    t7 = $2[57];
+    t7 = $2[55];
   }
   return t7;
 };
@@ -80266,7 +80584,7 @@ function _temp12(p_1) {
 
 // src/side-panel/hooks/useServerNotifications.ts
 var import_compiler_runtime29 = __toESM(require_compiler_runtime(), 1);
-var import_react21 = __toESM(require_react(), 1);
+var import_react22 = __toESM(require_react(), 1);
 var validTabStates = /* @__PURE__ */ new Set(["closed", "unavailable", "ready"]);
 var useServerNotifications = (t0) => {
   const $2 = (0, import_compiler_runtime29.c)(8);
@@ -80282,7 +80600,7 @@ var useServerNotifications = (t0) => {
   } else {
     t1 = $2[0];
   }
-  const seenConfirmationIds = (0, import_react21.useRef)(t1);
+  const seenConfirmationIds = (0, import_react22.useRef)(t1);
   let t2;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ new Map();
@@ -80290,7 +80608,7 @@ var useServerNotifications = (t0) => {
   } else {
     t2 = $2[1];
   }
-  const invocationTimeoutIds = (0, import_react21.useRef)(t2);
+  const invocationTimeoutIds = (0, import_react22.useRef)(t2);
   let t3;
   let t4;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -80310,7 +80628,7 @@ var useServerNotifications = (t0) => {
     t3 = $2[2];
     t4 = $2[3];
   }
-  (0, import_react21.useEffect)(t3, t4);
+  (0, import_react22.useEffect)(t3, t4);
   let t5;
   if ($2[4] !== setActiveTools || $2[5] !== setPendingConfirmations || $2[6] !== setPlugins) {
     const handleNotification = (data) => {
@@ -80394,9 +80712,9 @@ var useServerNotifications = (t0) => {
 // src/side-panel/App.tsx
 var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var App = () => {
-  const $2 = (0, import_compiler_runtime30.c)(66);
-  const [connected, setConnected] = (0, import_react22.useState)(false);
-  const [disconnectReason, setDisconnectReason] = (0, import_react22.useState)();
+  const $2 = (0, import_compiler_runtime30.c)(65);
+  const [connected, setConnected] = (0, import_react23.useState)(false);
+  const [disconnectReason, setDisconnectReason] = (0, import_react23.useState)();
   let t0;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = [];
@@ -80404,7 +80722,7 @@ var App = () => {
   } else {
     t0 = $2[0];
   }
-  const [plugins, setPlugins] = (0, import_react22.useState)(t0);
+  const [plugins, setPlugins] = (0, import_react23.useState)(t0);
   let t1;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
@@ -80412,12 +80730,12 @@ var App = () => {
   } else {
     t1 = $2[1];
   }
-  const [failedPlugins, setFailedPlugins] = (0, import_react22.useState)(t1);
-  const [browserTools, setBrowserTools] = (0, import_react22.useState)(_temp28);
-  const [browserPermission, setBrowserPermission] = (0, import_react22.useState)("off");
-  const [skipPermissions, setSkipPermissions] = (0, import_react22.useState)(false);
-  const [serverVersion, setServerVersion] = (0, import_react22.useState)(void 0);
-  const [loading, setLoading] = (0, import_react22.useState)(true);
+  const [failedPlugins, setFailedPlugins] = (0, import_react23.useState)(t1);
+  const [browserTools, setBrowserTools] = (0, import_react23.useState)(_temp28);
+  const [browserPermission, setBrowserPermission] = (0, import_react23.useState)("off");
+  const [skipPermissions, setSkipPermissions] = (0, import_react23.useState)(false);
+  const [serverVersion, setServerVersion] = (0, import_react23.useState)(void 0);
+  const [loading, setLoading] = (0, import_react23.useState)(true);
   let t2;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ new Set();
@@ -80425,8 +80743,8 @@ var App = () => {
   } else {
     t2 = $2[2];
   }
-  const [activeTools, setActiveTools] = (0, import_react22.useState)(t2);
-  const [searchQuery, setSearchQuery] = (0, import_react22.useState)("");
+  const [activeTools, setActiveTools] = (0, import_react23.useState)(t2);
+  const [searchQuery, setSearchQuery] = (0, import_react23.useState)("");
   let t3;
   if ($2[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = [];
@@ -80434,7 +80752,7 @@ var App = () => {
   } else {
     t3 = $2[3];
   }
-  const [pendingConfirmations, setPendingConfirmations] = (0, import_react22.useState)(t3);
+  const [pendingConfirmations, setPendingConfirmations] = (0, import_react23.useState)(t3);
   let t4;
   if ($2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = [];
@@ -80442,8 +80760,8 @@ var App = () => {
   } else {
     t4 = $2[4];
   }
-  const [npmResults, setNpmResults] = (0, import_react22.useState)(t4);
-  const [npmSearching, setNpmSearching] = (0, import_react22.useState)(false);
+  const [npmResults, setNpmResults] = (0, import_react23.useState)(t4);
+  const [npmSearching, setNpmSearching] = (0, import_react23.useState)(false);
   let t5;
   if ($2[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = /* @__PURE__ */ new Set();
@@ -80451,7 +80769,7 @@ var App = () => {
   } else {
     t5 = $2[5];
   }
-  const [installingPlugins, setInstallingPlugins] = (0, import_react22.useState)(t5);
+  const [installingPlugins, setInstallingPlugins] = (0, import_react23.useState)(t5);
   let t6;
   if ($2[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ new Set();
@@ -80459,7 +80777,7 @@ var App = () => {
   } else {
     t6 = $2[6];
   }
-  const [removingPlugins, setRemovingPlugins] = (0, import_react22.useState)(t6);
+  const [removingPlugins, setRemovingPlugins] = (0, import_react23.useState)(t6);
   let t7;
   if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ new Map();
@@ -80467,7 +80785,7 @@ var App = () => {
   } else {
     t7 = $2[7];
   }
-  const [installErrors, setInstallErrors] = (0, import_react22.useState)(t7);
+  const [installErrors, setInstallErrors] = (0, import_react23.useState)(t7);
   let t8;
   if ($2[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ new Map();
@@ -80475,7 +80793,7 @@ var App = () => {
   } else {
     t8 = $2[8];
   }
-  const [pluginErrors, setPluginErrors] = (0, import_react22.useState)(t8);
+  const [pluginErrors, setPluginErrors] = (0, import_react23.useState)(t8);
   let t9;
   if ($2[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ new Map();
@@ -80483,12 +80801,12 @@ var App = () => {
   } else {
     t9 = $2[9];
   }
-  const pluginErrorTimers = (0, import_react22.useRef)(t9);
-  const npmSearchTimer = (0, import_react22.useRef)(void 0);
-  const npmSearchCounter = (0, import_react22.useRef)(0);
-  const connectedRef = (0, import_react22.useRef)(connected);
-  const loadingRef = (0, import_react22.useRef)(loading);
-  const pluginsRef = (0, import_react22.useRef)(plugins);
+  const pluginErrorTimers = (0, import_react23.useRef)(t9);
+  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) {
@@ -80507,7 +80825,7 @@ var App = () => {
     t10 = $2[13];
     t11 = $2[14];
   }
-  (0, import_react22.useEffect)(t10, t11);
+  (0, import_react23.useEffect)(t10, t11);
   let t12;
   if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t12 = {
@@ -80537,7 +80855,7 @@ var App = () => {
     t13 = $2[16];
     t14 = $2[17];
   }
-  (0, import_react22.useEffect)(t13, t14);
+  (0, import_react23.useEffect)(t13, t14);
   let t15;
   if ($2[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t15 = (pluginName, message) => {
@@ -80693,7 +81011,7 @@ var App = () => {
           if (result_0.browserTools.length === 0) {
             return BROWSER_TOOLS_CATALOG.map(_temp36);
           }
-          const serverNames = new Set(result_0.browserTools.map(_temp43));
+          const serverNames = new Set(result_0.browserTools.map(_temp44));
           const merged = [...result_0.browserTools];
           for (const local of BROWSER_TOOLS_CATALOG) {
             if (!serverNames.has(local.name)) {
@@ -80815,7 +81133,7 @@ var App = () => {
     t21 = $2[25];
     t22 = $2[26];
   }
-  (0, import_react22.useEffect)(t21, t22);
+  (0, import_react23.useEffect)(t21, t22);
   let t23;
   if ($2[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t23 = (id, decision, alwaysAllow) => {
@@ -80844,17 +81162,22 @@ var App = () => {
   }
   let t25;
   if ($2[31] !== skipPermissions) {
-    t25 = skipPermissions && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(AlertComponent, {
-      variant: "solid",
-      status: "warning",
-      className: "mx-4 mt-2",
-      children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AlertComponent.Title, {
-        children: "PERMISSIONS BYPASSED"
-      }), /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(AlertComponent.Description, {
-        children: ["All tools execute without approval.", /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", {
-          className: "mt-1 block font-mono text-xs",
-          children: "--dangerously-skip-permissions"
+    t25 = skipPermissions && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
+      className: "shrink-0 border-destructive border-b-2 bg-destructive/15 px-4 py-1.5",
+      children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
+        className: "flex items-center gap-1.5",
+        children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ShieldOff, {
+          className: "h-3.5 w-3.5 shrink-0 text-destructive"
+        }), /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", {
+          className: "font-head text-destructive text-xs uppercase",
+          children: "Approvals skipped"
         })]
+      }), /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", {
+        className: "mt-0.5 text-[11px] text-foreground/70 leading-tight",
+        children: ["AI runs tools without asking. Off tools stay off. Set by", " ", /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("code", {
+          className: "font-mono",
+          children: "OPENTABS_DANGEROUSLY_SKIP_PERMISSIONS"
+        }), "."]
       })]
     });
     $2[31] = skipPermissions;
@@ -80912,7 +81235,7 @@ var App = () => {
   }
   const t29 = `px-4 pb-4 ${showSearchBar ? "pt-2" : "pt-4"} ${showPlugins ? "" : "flex min-h-full items-center justify-center"}`;
   let t30;
-  if ($2[38] !== activeTools || $2[39] !== browserPermission || $2[40] !== browserTools || $2[41] !== connected || $2[42] !== disconnectReason || $2[43] !== failedPlugins || $2[44] !== hasContent || $2[45] !== installErrors || $2[46] !== installingPlugins || $2[47] !== loading || $2[48] !== npmResults || $2[49] !== npmSearching || $2[50] !== pluginErrors || $2[51] !== plugins || $2[52] !== removingPlugins || $2[53] !== searchQuery || $2[54] !== serverVersion || $2[55] !== skipPermissions) {
+  if ($2[38] !== activeTools || $2[39] !== browserPermission || $2[40] !== browserTools || $2[41] !== connected || $2[42] !== disconnectReason || $2[43] !== failedPlugins || $2[44] !== hasContent || $2[45] !== installErrors || $2[46] !== installingPlugins || $2[47] !== loading || $2[48] !== npmResults || $2[49] !== npmSearching || $2[50] !== pluginErrors || $2[51] !== plugins || $2[52] !== removingPlugins || $2[53] !== searchQuery || $2[54] !== serverVersion) {
     t30 = loading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LoadingState, {}) : !connected ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DisconnectedState, {
       reason: disconnectReason
     }) : searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SearchResults, {
@@ -80932,8 +81255,7 @@ var App = () => {
       onRemove: handleRemove,
       removingPlugins,
       pluginErrors,
-      serverVersion,
-      skipPermissions
+      serverVersion
     }) : hasContent ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, {
       children: [browserTools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccordionComponent, {
         type: "multiple",
@@ -80944,8 +81266,7 @@ var App = () => {
           onToolsChange: setBrowserTools,
           serverVersion,
           browserPermission,
-          onBrowserPermissionChange: setBrowserPermission,
-          skipPermissions
+          onBrowserPermissionChange: setBrowserPermission
         })
       }), /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PluginList, {
         plugins,
@@ -80956,8 +81277,7 @@ var App = () => {
         onUpdate: handleUpdate,
         onRemove: handleRemove,
         removingPlugins,
-        pluginErrors,
-        skipPermissions
+        pluginErrors
       })]
     }) : null;
     $2[38] = activeTools;
@@ -80977,13 +81297,12 @@ var App = () => {
     $2[52] = removingPlugins;
     $2[53] = searchQuery;
     $2[54] = serverVersion;
-    $2[55] = skipPermissions;
-    $2[56] = t30;
+    $2[55] = t30;
   } else {
-    t30 = $2[56];
+    t30 = $2[55];
   }
   let t31;
-  if ($2[57] !== t29 || $2[58] !== t30) {
+  if ($2[56] !== t29 || $2[57] !== t30) {
     t31 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(g2, {
       className: "flex-1",
       style: t27,
@@ -80993,34 +81312,34 @@ var App = () => {
         children: t30
       })
     });
-    $2[57] = t29;
-    $2[58] = t30;
-    $2[59] = t31;
+    $2[56] = t29;
+    $2[57] = t30;
+    $2[58] = t31;
   } else {
-    t31 = $2[59];
+    t31 = $2[58];
   }
   let t32;
-  if ($2[60] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($2[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t32 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Footer, {});
-    $2[60] = t32;
+    $2[59] = t32;
   } else {
-    t32 = $2[60];
+    t32 = $2[59];
   }
   let t33;
-  if ($2[61] !== t24 || $2[62] !== t25 || $2[63] !== t26 || $2[64] !== t31) {
+  if ($2[60] !== t24 || $2[61] !== t25 || $2[62] !== t26 || $2[63] !== t31) {
     t33 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipObject.Provider, {
       children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
         className: "flex h-screen flex-col overflow-hidden text-foreground",
         children: [t24, t25, t26, t31, t32]
       })
     });
-    $2[61] = t24;
-    $2[62] = t25;
-    $2[63] = t26;
-    $2[64] = t31;
-    $2[65] = t33;
+    $2[60] = t24;
+    $2[61] = t25;
+    $2[62] = t26;
+    $2[63] = t31;
+    $2[64] = t33;
   } else {
-    t33 = $2[65];
+    t33 = $2[64];
   }
   return t33;
 };
@@ -81039,7 +81358,7 @@ function _temp36(t_0) {
     permission: "auto"
   };
 }
-function _temp43(t_1) {
+function _temp44(t_1) {
   return t_1.name;
 }
 function _temp52(p_0) {
@@ -81060,9 +81379,9 @@ function _temp82() {
 }
 
 // src/side-panel/components/ErrorBoundary.tsx
-var import_react23 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
-var ErrorBoundary = class extends import_react23.Component {
+var ErrorBoundary = class extends import_react24.Component {
   state = {
     hasError: false
   };
@@ -81106,7 +81425,7 @@ if (!rootEl) {
   throw new Error("Root element not found");
 }
 var root = (0, import_client.createRoot)(rootEl);
-root.render(/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react24.StrictMode, {
+root.render(/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react25.StrictMode, {
   children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorBoundary, {
     children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(App, {})
   })