@opentabs-dev/browser-extension 0.0.51 → 0.0.53

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

@@ -58455,104 +58455,56 @@ var import_compiler_runtime31 = __toESM(require_compiler_runtime(), 1);
 var matchesTool = (tool, filterLower) => tool.displayName.toLowerCase().includes(filterLower) || tool.name.toLowerCase().includes(filterLower) || tool.description.toLowerCase().includes(filterLower);
 var matchesPlugin = (plugin, filterLower) => plugin.displayName.toLowerCase().includes(filterLower) || plugin.name.toLowerCase().includes(filterLower) || (plugin.tools ?? []).some((tool) => tool.displayName.toLowerCase().includes(filterLower) || tool.name.toLowerCase().includes(filterLower));
 var extractShortName = (name) => (name.split("/").pop() ?? name).replace(/^opentabs-plugin-/, "");
-var REQUEST_TIMEOUT_MS = 3e4;
-var pendingRequests = /* @__PURE__ */ new Map();
-var rejectAllPending = () => {
-  for (const [id, pending] of pendingRequests) {
-    pendingRequests.delete(id);
-    clearTimeout(pending.timerId);
-    pending.reject(new Error("Server disconnected"));
-  }
-};
-var sendRequest = (method, params = {}) => {
-  const id = crypto.randomUUID();
-  const data = {
-    jsonrpc: "2.0",
-    method,
-    params,
-    id
-  };
-  return new Promise((resolve, reject) => {
-    const timerId = setTimeout(() => {
-      if (pendingRequests.has(id)) {
-        pendingRequests.delete(id);
-        reject(new Error(`Request ${method} timed out after ${REQUEST_TIMEOUT_MS}ms`));
-      }
-    }, REQUEST_TIMEOUT_MS);
-    pendingRequests.set(id, {
-      resolve,
-      reject,
-      timerId
-    });
-    chrome.runtime.sendMessage({
-      type: "bg:send",
-      data
-    }).catch((err) => {
-      clearTimeout(timerId);
-      pendingRequests.delete(id);
-      reject(err instanceof Error ? err : new Error(String(err)));
-    });
-  });
-};
-var handleServerResponse = (data) => {
-  const rawId = data.id;
-  if (rawId === void 0 || rawId === null || data.method) return false;
-  const id = String(rawId);
-  const pending = pendingRequests.get(id);
-  if (!pending) return false;
-  pendingRequests.delete(id);
-  clearTimeout(pending.timerId);
-  if ("error" in data) {
-    const err = data.error;
-    pending.reject(new Error(err.message ?? "Unknown server error"));
-  } else {
-    pending.resolve(data.result);
-  }
-  return true;
-};
-var getConnectionState = () => new Promise((resolve) => {
-  chrome.runtime.sendMessage({
-    type: "bg:getConnectionState"
-  }, (response) => {
+var sendBgMessage = (message) => new Promise((resolve, reject) => {
+  chrome.runtime.sendMessage(message, (response) => {
     if (chrome.runtime.lastError) {
-      resolve({
-        connected: false
-      });
-    } else {
-      resolve({
-        connected: response?.connected === true,
-        disconnectReason: response?.disconnectReason
-      });
+      reject(new Error(chrome.runtime.lastError.message ?? "Unknown error"));
+      return;
+    }
+    if (response && typeof response === "object" && "error" in response) {
+      reject(new Error(response.error));
+      return;
     }
+    resolve(response);
   });
 });
-var fetchConfigState = () => sendRequest("config.getState");
-var setToolEnabled = (plugin, tool, enabled) => sendRequest("config.setToolEnabled", {
+var getFullState = () => sendBgMessage({
+  type: "bg:getFullState"
+});
+var setToolEnabled = (plugin, tool, enabled) => sendBgMessage({
+  type: "bg:setToolEnabled",
   plugin,
   tool,
   enabled
 });
-var setAllToolsEnabled = (plugin, enabled) => sendRequest("config.setAllToolsEnabled", {
+var setAllToolsEnabled = (plugin, enabled) => sendBgMessage({
+  type: "bg:setAllToolsEnabled",
   plugin,
   enabled
 });
-var setBrowserToolEnabled = (tool, enabled) => sendRequest("config.setBrowserToolEnabled", {
+var setBrowserToolEnabled = (tool, enabled) => sendBgMessage({
+  type: "bg:setBrowserToolEnabled",
   tool,
   enabled
 });
-var setAllBrowserToolsEnabled = (enabled) => sendRequest("config.setAllBrowserToolsEnabled", {
+var setAllBrowserToolsEnabled = (enabled) => sendBgMessage({
+  type: "bg:setAllBrowserToolsEnabled",
   enabled
 });
-var searchPlugins = (query) => sendRequest("plugin.search", {
+var searchPlugins = (query) => sendBgMessage({
+  type: "bg:searchPlugins",
   query
 });
-var installPlugin = (name) => sendRequest("plugin.install", {
+var installPlugin = (name) => sendBgMessage({
+  type: "bg:installPlugin",
   name
 });
-var removePlugin = (name) => sendRequest("plugin.remove", {
+var removePlugin = (name) => sendBgMessage({
+  type: "bg:removePlugin",
   name
 });
-var updatePlugin = (name) => sendRequest("plugin.updateFromRegistry", {
+var updatePlugin = (name) => sendBgMessage({
+  type: "bg:updatePlugin",
   name
 });
 var sendConfirmationResponse = (id, decision, scope) => {
@@ -58571,7 +58523,7 @@ var sendConfirmationResponse = (id, decision, scope) => {
 };
 
 // src/side-panel/components/BrowserToolsCard.tsx
-var import_compiler_runtime13 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime12 = __toESM(require_compiler_runtime(), 1);
 
 // src/side-panel/components/BrowserToolsMenu.tsx
 var import_compiler_runtime2 = __toESM(require_compiler_runtime(), 1);
@@ -67813,6 +67765,7 @@ var sanitizeSvg = (svg) => {
 };
 
 // src/side-panel/components/PluginIcon.tsx
+var import_react7 = __toESM(require_react(), 1);
 var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
 var AVATAR_PALETTE_SIZE = 10;
 var hashString = (str) => {
@@ -67825,28 +67778,57 @@ var hashString = (str) => {
 var getAvatarVar = (pluginName) => `var(--avatar-${String(hashString(pluginName) % AVATAR_PALETTE_SIZE)})`;
 var getAvatarLetter = (displayName, pluginName) => (displayName[0] ?? pluginName[0] ?? "?").toUpperCase();
 var StatusIndicator = (t0) => {
-  const $2 = (0, import_compiler_runtime3.c)(15);
+  const $2 = (0, import_compiler_runtime3.c)(24);
   const {
     tabState,
     hasUpdate,
-    size: size4
+    size: size4,
+    active: t1
   } = t0;
+  const active = t1 === void 0 ? false : t1;
+  const prevActiveRef = (0, import_react7.useRef)(false);
+  const [fadingOut, setFadingOut] = (0, import_react7.useState)(false);
+  let t2;
+  let t3;
+  if ($2[0] !== active) {
+    t2 = () => {
+      const wasActive = prevActiveRef.current;
+      prevActiveRef.current = active;
+      if (!wasActive || active) {
+        return;
+      }
+      const startTimer = setTimeout(() => setFadingOut(true), 0);
+      const endTimer = setTimeout(() => setFadingOut(false), 500);
+      return () => {
+        clearTimeout(startTimer);
+        clearTimeout(endTimer);
+      };
+    };
+    t3 = [active];
+    $2[0] = active;
+    $2[1] = t2;
+    $2[2] = t3;
+  } else {
+    t2 = $2[1];
+    t3 = $2[2];
+  }
+  (0, import_react7.useEffect)(t2, t3);
   if (tabState === "closed") {
     return null;
   }
-  let t1;
-  if ($2[0] !== size4) {
-    t1 = Math.round(size4 * 0.3);
-    $2[0] = size4;
-    $2[1] = t1;
+  let t4;
+  if ($2[3] !== size4) {
+    t4 = Math.round(size4 * 0.3);
+    $2[3] = size4;
+    $2[4] = t4;
   } else {
-    t1 = $2[1];
+    t4 = $2[4];
   }
-  const dotSize = Math.max(8, t1);
+  const dotSize = Math.max(8, t4);
   if (tabState === "unavailable") {
-    let t22;
-    if ($2[2] !== dotSize) {
-      t22 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+    let t52;
+    if ($2[5] !== dotSize) {
+      t52 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
         className: "bg-primary border-card absolute rounded-full border-2",
         style: {
           width: dotSize,
@@ -67855,39 +67837,39 @@ var StatusIndicator = (t0) => {
           right: -2
         }
       });
-      $2[2] = dotSize;
-      $2[3] = t22;
+      $2[5] = dotSize;
+      $2[6] = t52;
     } else {
-      t22 = $2[3];
+      t52 = $2[6];
     }
-    return t22;
+    return t52;
   }
   if (hasUpdate) {
-    let t22;
-    if ($2[4] !== dotSize) {
-      t22 = Math.round(dotSize * 0.6);
-      $2[4] = dotSize;
-      $2[5] = t22;
+    let t52;
+    if ($2[7] !== dotSize) {
+      t52 = Math.round(dotSize * 0.6);
+      $2[7] = dotSize;
+      $2[8] = t52;
     } else {
-      t22 = $2[5];
+      t52 = $2[8];
     }
-    const iconSize = Math.max(6, t22);
-    let t3;
-    if ($2[6] !== dotSize) {
-      t3 = {
+    const iconSize = Math.max(6, t52);
+    let t62;
+    if ($2[9] !== dotSize) {
+      t62 = {
         width: dotSize,
         height: dotSize,
         bottom: -2,
         right: -2
       };
-      $2[6] = dotSize;
-      $2[7] = t3;
+      $2[9] = dotSize;
+      $2[10] = t62;
     } else {
-      t3 = $2[7];
+      t62 = $2[10];
     }
-    let t4;
-    if ($2[8] !== iconSize) {
-      t4 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ArrowUp, {
+    let t72;
+    if ($2[11] !== iconSize) {
+      t72 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ArrowUp, {
         className: "text-accent-foreground",
         style: {
           width: iconSize,
@@ -67895,43 +67877,63 @@ var StatusIndicator = (t0) => {
         },
         strokeWidth: 3
       });
-      $2[8] = iconSize;
-      $2[9] = t4;
+      $2[11] = iconSize;
+      $2[12] = t72;
     } else {
-      t4 = $2[9];
+      t72 = $2[12];
     }
-    let t5;
-    if ($2[10] !== t3 || $2[11] !== t4) {
-      t5 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+    let t82;
+    if ($2[13] !== t62 || $2[14] !== t72) {
+      t82 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
         className: "bg-accent border-card absolute flex items-center justify-center rounded-full border-2",
-        style: t3,
-        children: t4
+        style: t62,
+        children: t72
       });
-      $2[10] = t3;
-      $2[11] = t4;
-      $2[12] = t5;
+      $2[13] = t62;
+      $2[14] = t72;
+      $2[15] = t82;
     } else {
-      t5 = $2[12];
+      t82 = $2[15];
     }
-    return t5;
+    return t82;
   }
-  let t2;
-  if ($2[13] !== dotSize) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
-      className: "bg-success border-card absolute rounded-full border-2",
-      style: {
-        width: dotSize,
-        height: dotSize,
-        bottom: -2,
-        right: -2
-      }
+  const t5 = active && "animate-activity-flash";
+  const t6 = fadingOut && !active && "animate-activity-fade-out";
+  let t7;
+  if ($2[16] !== t5 || $2[17] !== t6) {
+    t7 = cn("bg-success border-card absolute rounded-full border-2", t5, t6);
+    $2[16] = t5;
+    $2[17] = t6;
+    $2[18] = t7;
+  } else {
+    t7 = $2[18];
+  }
+  let t8;
+  if ($2[19] !== dotSize) {
+    t8 = {
+      width: dotSize,
+      height: dotSize,
+      bottom: -2,
+      right: -2
+    };
+    $2[19] = dotSize;
+    $2[20] = t8;
+  } else {
+    t8 = $2[20];
+  }
+  let t9;
+  if ($2[21] !== t7 || $2[22] !== t8) {
+    t9 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+      className: t7,
+      style: t8
     });
-    $2[13] = dotSize;
-    $2[14] = t2;
+    $2[21] = t7;
+    $2[22] = t8;
+    $2[23] = t9;
   } else {
-    t2 = $2[14];
+    t9 = $2[23];
   }
-  return t2;
+  return t9;
 };
 var tryGetSanitizedSvg = (rawSvg, pluginName) => {
   if (!rawSvg) return void 0;
@@ -67943,7 +67945,7 @@ var tryGetSanitizedSvg = (rawSvg, pluginName) => {
   }
 };
 var PluginIcon = (t0) => {
-  const $2 = (0, import_compiler_runtime3.c)(57);
+  const $2 = (0, import_compiler_runtime3.c)(59);
   const {
     pluginName,
     displayName,
@@ -67952,262 +67954,268 @@ var PluginIcon = (t0) => {
     size: t3,
     className: t4,
     iconSvg,
-    iconInactiveSvg
+    iconInactiveSvg,
+    active: t5
   } = t0;
   const tabState = t1 === void 0 ? "closed" : t1;
   const hasUpdate = t2 === void 0 ? false : t2;
   const size4 = t3 === void 0 ? 32 : t3;
   const className = t4 === void 0 ? "" : t4;
+  const active = t5 === void 0 ? false : t5;
   const isReady = tabState === "ready";
   const hasSvg = !!iconSvg;
   const rawSvg = isReady ? iconSvg : iconInactiveSvg;
-  let t5;
+  let t6;
   if ($2[0] !== pluginName || $2[1] !== rawSvg) {
-    t5 = tryGetSanitizedSvg(rawSvg, pluginName);
+    t6 = tryGetSanitizedSvg(rawSvg, pluginName);
     $2[0] = pluginName;
     $2[1] = rawSvg;
-    $2[2] = t5;
+    $2[2] = t6;
   } else {
-    t5 = $2[2];
+    t6 = $2[2];
   }
-  const svgToRender = t5;
-  let t6;
+  const svgToRender = t6;
+  let t7;
   if ($2[3] !== size4) {
-    t6 = Math.round(size4 * 0.6);
+    t7 = Math.round(size4 * 0.6);
     $2[3] = size4;
-    $2[4] = t6;
+    $2[4] = t7;
   } else {
-    t6 = $2[4];
+    t7 = $2[4];
   }
-  const innerSize = t6;
+  const innerSize = t7;
   if (hasSvg && svgToRender) {
-    const t72 = `relative shrink-0 ${className}`;
-    let t82;
+    const t82 = `relative shrink-0 ${className}`;
+    let t92;
     if ($2[5] !== size4) {
-      t82 = {
+      t92 = {
         width: size4,
         height: size4
       };
       $2[5] = size4;
-      $2[6] = t82;
+      $2[6] = t92;
     } else {
-      t82 = $2[6];
+      t92 = $2[6];
     }
-    let t92;
+    let t102;
     if ($2[7] !== size4) {
-      t92 = {
+      t102 = {
         width: size4,
         height: size4
       };
       $2[7] = size4;
-      $2[8] = t92;
+      $2[8] = t102;
     } else {
-      t92 = $2[8];
+      t102 = $2[8];
     }
-    let t102;
+    let t112;
     if ($2[9] !== innerSize) {
-      t102 = {
+      t112 = {
         width: innerSize,
         height: innerSize
       };
       $2[9] = innerSize;
-      $2[10] = t102;
+      $2[10] = t112;
     } else {
-      t102 = $2[10];
+      t112 = $2[10];
     }
-    let t112;
+    let t122;
     if ($2[11] !== svgToRender) {
-      t112 = {
+      t122 = {
         __html: svgToRender
       };
       $2[11] = svgToRender;
-      $2[12] = t112;
+      $2[12] = t122;
     } else {
-      t112 = $2[12];
+      t122 = $2[12];
     }
-    let t122;
-    if ($2[13] !== t102 || $2[14] !== t112) {
-      t122 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+    let t132;
+    if ($2[13] !== t112 || $2[14] !== t122) {
+      t132 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
         className: "overflow-hidden",
-        style: t102,
-        dangerouslySetInnerHTML: t112
+        style: t112,
+        dangerouslySetInnerHTML: t122
       });
-      $2[13] = t102;
-      $2[14] = t112;
-      $2[15] = t122;
+      $2[13] = t112;
+      $2[14] = t122;
+      $2[15] = t132;
     } else {
-      t122 = $2[15];
+      t132 = $2[15];
     }
-    let t132;
-    if ($2[16] !== t122 || $2[17] !== t92) {
-      t132 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+    let t142;
+    if ($2[16] !== t102 || $2[17] !== t132) {
+      t142 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
         className: "border-border flex h-full w-full items-center justify-center rounded border-2",
-        style: t92,
-        children: t122
+        style: t102,
+        children: t132
       });
-      $2[16] = t122;
-      $2[17] = t92;
-      $2[18] = t132;
+      $2[16] = t102;
+      $2[17] = t132;
+      $2[18] = t142;
     } else {
-      t132 = $2[18];
+      t142 = $2[18];
     }
-    let t142;
-    if ($2[19] !== hasUpdate || $2[20] !== size4 || $2[21] !== tabState) {
-      t142 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatusIndicator, {
+    let t152;
+    if ($2[19] !== active || $2[20] !== hasUpdate || $2[21] !== size4 || $2[22] !== tabState) {
+      t152 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatusIndicator, {
         tabState,
         hasUpdate,
-        size: size4
+        size: size4,
+        active
       });
-      $2[19] = hasUpdate;
-      $2[20] = size4;
-      $2[21] = tabState;
-      $2[22] = t142;
+      $2[19] = active;
+      $2[20] = hasUpdate;
+      $2[21] = size4;
+      $2[22] = tabState;
+      $2[23] = t152;
     } else {
-      t142 = $2[22];
+      t152 = $2[23];
     }
-    let t152;
-    if ($2[23] !== t132 || $2[24] !== t142 || $2[25] !== t72 || $2[26] !== t82) {
-      t152 = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
-        className: t72,
-        style: t82,
-        children: [t132, t142]
+    let t162;
+    if ($2[24] !== t142 || $2[25] !== t152 || $2[26] !== t82 || $2[27] !== t92) {
+      t162 = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+        className: t82,
+        style: t92,
+        children: [t142, t152]
       });
-      $2[23] = t132;
       $2[24] = t142;
-      $2[25] = t72;
+      $2[25] = t152;
       $2[26] = t82;
-      $2[27] = t152;
+      $2[27] = t92;
+      $2[28] = t162;
     } else {
-      t152 = $2[27];
+      t162 = $2[28];
     }
-    return t152;
+    return t162;
   }
-  let t7;
-  if ($2[28] !== displayName || $2[29] !== pluginName) {
-    t7 = getAvatarLetter(displayName, pluginName);
-    $2[28] = displayName;
-    $2[29] = pluginName;
-    $2[30] = t7;
+  let t8;
+  if ($2[29] !== displayName || $2[30] !== pluginName) {
+    t8 = getAvatarLetter(displayName, pluginName);
+    $2[29] = displayName;
+    $2[30] = pluginName;
+    $2[31] = t8;
   } else {
-    t7 = $2[30];
+    t8 = $2[31];
   }
-  const letter = t7;
-  let t8;
-  if ($2[31] !== size4) {
-    t8 = Math.round(size4 * 0.55);
-    $2[31] = size4;
-    $2[32] = t8;
+  const letter = t8;
+  let t9;
+  if ($2[32] !== size4) {
+    t9 = Math.round(size4 * 0.55);
+    $2[32] = size4;
+    $2[33] = t9;
   } else {
-    t8 = $2[32];
+    t9 = $2[33];
   }
-  const fontSize = t8;
-  const t9 = `relative shrink-0 ${className}`;
-  let t10;
-  if ($2[33] !== size4) {
-    t10 = {
+  const fontSize = t9;
+  const t10 = `relative shrink-0 ${className}`;
+  let t11;
+  if ($2[34] !== size4) {
+    t11 = {
       width: size4,
       height: size4
     };
-    $2[33] = size4;
-    $2[34] = t10;
+    $2[34] = size4;
+    $2[35] = t11;
   } else {
-    t10 = $2[34];
+    t11 = $2[35];
   }
-  let t11;
-  if ($2[35] !== pluginName) {
-    t11 = getAvatarVar(pluginName);
-    $2[35] = pluginName;
-    $2[36] = t11;
+  let t12;
+  if ($2[36] !== pluginName) {
+    t12 = getAvatarVar(pluginName);
+    $2[36] = pluginName;
+    $2[37] = t12;
   } else {
-    t11 = $2[36];
+    t12 = $2[37];
   }
-  let t12;
-  if ($2[37] !== size4 || $2[38] !== t11) {
-    t12 = {
+  let t13;
+  if ($2[38] !== size4 || $2[39] !== t12) {
+    t13 = {
       width: size4,
       height: size4,
-      backgroundColor: t11
+      backgroundColor: t12
     };
-    $2[37] = size4;
-    $2[38] = t11;
+    $2[38] = size4;
     $2[39] = t12;
+    $2[40] = t13;
   } else {
-    t12 = $2[39];
+    t13 = $2[40];
   }
-  let t13;
-  if ($2[40] !== fontSize) {
-    t13 = {
+  let t14;
+  if ($2[41] !== fontSize) {
+    t14 = {
       fontSize,
       letterSpacing: "-0.02em"
     };
-    $2[40] = fontSize;
-    $2[41] = t13;
+    $2[41] = fontSize;
+    $2[42] = t14;
   } else {
-    t13 = $2[41];
+    t14 = $2[42];
   }
-  let t14;
-  if ($2[42] !== letter || $2[43] !== t13) {
-    t14 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {
+  let t15;
+  if ($2[43] !== letter || $2[44] !== t14) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {
       className: "font-head leading-none text-white select-none",
-      style: t13,
+      style: t14,
       children: letter
     });
-    $2[42] = letter;
-    $2[43] = t13;
+    $2[43] = letter;
     $2[44] = t14;
+    $2[45] = t15;
   } else {
-    t14 = $2[44];
+    t15 = $2[45];
   }
-  let t15;
-  if ($2[45] !== t12 || $2[46] !== t14) {
-    t15 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+  let t16;
+  if ($2[46] !== t13 || $2[47] !== t15) {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
       className: "border-border flex h-full w-full items-center justify-center rounded border-2",
-      style: t12,
-      children: t14
+      style: t13,
+      children: t15
     });
-    $2[45] = t12;
-    $2[46] = t14;
+    $2[46] = t13;
     $2[47] = t15;
+    $2[48] = t16;
   } else {
-    t15 = $2[47];
+    t16 = $2[48];
   }
-  let t16;
-  if ($2[48] !== hasUpdate || $2[49] !== size4 || $2[50] !== tabState) {
-    t16 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatusIndicator, {
+  let t17;
+  if ($2[49] !== active || $2[50] !== hasUpdate || $2[51] !== size4 || $2[52] !== tabState) {
+    t17 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatusIndicator, {
       tabState,
       hasUpdate,
-      size: size4
+      size: size4,
+      active
     });
-    $2[48] = hasUpdate;
-    $2[49] = size4;
-    $2[50] = tabState;
-    $2[51] = t16;
+    $2[49] = active;
+    $2[50] = hasUpdate;
+    $2[51] = size4;
+    $2[52] = tabState;
+    $2[53] = t17;
   } else {
-    t16 = $2[51];
+    t17 = $2[53];
   }
-  let t17;
-  if ($2[52] !== t10 || $2[53] !== t15 || $2[54] !== t16 || $2[55] !== t9) {
-    t17 = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
-      className: t9,
-      style: t10,
-      children: [t15, t16]
+  let t18;
+  if ($2[54] !== t10 || $2[55] !== t11 || $2[56] !== t16 || $2[57] !== t17) {
+    t18 = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+      className: t10,
+      style: t11,
+      children: [t16, t17]
     });
-    $2[52] = t10;
-    $2[53] = t15;
-    $2[54] = t16;
-    $2[55] = t9;
-    $2[56] = t17;
+    $2[54] = t10;
+    $2[55] = t11;
+    $2[56] = t16;
+    $2[57] = t17;
+    $2[58] = t18;
   } else {
-    t17 = $2[56];
+    t18 = $2[58];
   }
-  return t17;
+  return t18;
 };
 
 // src/side-panel/components/retro/Accordion.tsx
 var import_compiler_runtime4 = __toESM(require_compiler_runtime(), 1);
 
 // ../../node_modules/@radix-ui/react-accordion/dist/index.mjs
-var import_react7 = __toESM(require_react(), 1);
+var import_react8 = __toESM(require_react(), 1);
 
 // ../../node_modules/@radix-ui/react-collapsible/dist/index.mjs
 var React36 = __toESM(require_react(), 1);
@@ -68355,7 +68363,7 @@ var [createAccordionContext, createAccordionScope] = createContextScope(ACCORDIO
   createCollapsibleScope
 ]);
 var useCollapsibleScope = createCollapsibleScope();
-var Accordion = import_react7.default.forwardRef(
+var Accordion = import_react8.default.forwardRef(
   (props, forwardedRef) => {
     const { type, ...accordionProps } = props;
     const singleProps = accordionProps;
@@ -68369,7 +68377,7 @@ var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccor
   ACCORDION_NAME,
   { collapsible: false }
 );
-var AccordionImplSingle = import_react7.default.forwardRef(
+var AccordionImplSingle = import_react8.default.forwardRef(
   (props, forwardedRef) => {
     const {
       value: valueProp,
@@ -68389,15 +68397,15 @@ var AccordionImplSingle = import_react7.default.forwardRef(
       AccordionValueProvider,
       {
         scope: props.__scopeAccordion,
-        value: import_react7.default.useMemo(() => value ? [value] : [], [value]),
+        value: import_react8.default.useMemo(() => value ? [value] : [], [value]),
         onItemOpen: setValue,
-        onItemClose: import_react7.default.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
+        onItemClose: import_react8.default.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
         children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
       }
     );
   }
 );
-var AccordionImplMultiple = import_react7.default.forwardRef((props, forwardedRef) => {
+var AccordionImplMultiple = import_react8.default.forwardRef((props, forwardedRef) => {
   const {
     value: valueProp,
     defaultValue,
@@ -68411,11 +68419,11 @@ var AccordionImplMultiple = import_react7.default.forwardRef((props, forwardedRe
     onChange: onValueChange,
     caller: ACCORDION_NAME
   });
-  const handleItemOpen = import_react7.default.useCallback(
+  const handleItemOpen = import_react8.default.useCallback(
     (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
     [setValue]
   );
-  const handleItemClose = import_react7.default.useCallback(
+  const handleItemClose = import_react8.default.useCallback(
     (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
     [setValue]
   );
@@ -68431,10 +68439,10 @@ var AccordionImplMultiple = import_react7.default.forwardRef((props, forwardedRe
   );
 });
 var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
-var AccordionImpl = import_react7.default.forwardRef(
+var AccordionImpl = import_react8.default.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
-    const accordionRef = import_react7.default.useRef(null);
+    const accordionRef = import_react8.default.useRef(null);
     const composedRefs = useComposedRefs(accordionRef, forwardedRef);
     const getItems = useCollection3(__scopeAccordion);
     const direction = useDirection(dir);
@@ -68523,7 +68531,7 @@ var AccordionImpl = import_react7.default.forwardRef(
 );
 var ITEM_NAME4 = "AccordionItem";
 var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME4);
-var AccordionItem = import_react7.default.forwardRef(
+var AccordionItem = import_react8.default.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAccordion, value, ...accordionItemProps } = props;
     const accordionContext = useAccordionContext(ITEM_NAME4, __scopeAccordion);
@@ -68564,7 +68572,7 @@ var AccordionItem = import_react7.default.forwardRef(
 );
 AccordionItem.displayName = ITEM_NAME4;
 var HEADER_NAME = "AccordionHeader";
-var AccordionHeader = import_react7.default.forwardRef(
+var AccordionHeader = import_react8.default.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAccordion, ...headerProps } = props;
     const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -68583,7 +68591,7 @@ var AccordionHeader = import_react7.default.forwardRef(
 );
 AccordionHeader.displayName = HEADER_NAME;
 var TRIGGER_NAME3 = "AccordionTrigger";
-var AccordionTrigger = import_react7.default.forwardRef(
+var AccordionTrigger = import_react8.default.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAccordion, ...triggerProps } = props;
     const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -68605,7 +68613,7 @@ var AccordionTrigger = import_react7.default.forwardRef(
 );
 AccordionTrigger.displayName = TRIGGER_NAME3;
 var CONTENT_NAME5 = "AccordionContent";
-var AccordionContent = import_react7.default.forwardRef(
+var AccordionContent = import_react8.default.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAccordion, ...contentProps } = props;
     const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -69310,187 +69318,62 @@ var Switch2 = (t0) => {
 };
 
 // src/side-panel/components/ToolRow.tsx
-var import_compiler_runtime12 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime11 = __toESM(require_compiler_runtime(), 1);
 
-// src/side-panel/components/retro/Loader.tsx
+// src/side-panel/components/retro/Tooltip.tsx
 var import_compiler_runtime9 = __toESM(require_compiler_runtime(), 1);
+
+// ../../node_modules/@radix-ui/react-tooltip/dist/index.mjs
+var React42 = __toESM(require_react(), 1);
+
+// ../../node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot/dist/index.mjs
+var React40 = __toESM(require_react(), 1);
 var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
-var loaderVariants = cva("flex gap-1", {
-  variants: {
-    variant: {
-      default: "[&>div]:bg-primary [&>div]:border-border",
-      secondary: "[&>div]:bg-secondary [&>div]:border-border",
-      outline: "[&>div]:bg-transparent [&>div]:border-border"
-    },
-    size: {
-      sm: "[&>div]:w-2 [&>div]:h-2",
-      md: "[&>div]:w-3 [&>div]:h-3",
-      lg: "[&>div]:w-4 [&>div]:h-4"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md"
-  }
+var SLOTTABLE_IDENTIFIER4 = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER4;
+  return Slottable2;
+}
+
+// ../../node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
+var React41 = __toESM(require_react(), 1);
+var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
+var VISUALLY_HIDDEN_STYLES = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
 });
-var Loader2 = (t0) => {
-  const $2 = (0, import_compiler_runtime9.c)(24);
-  let className;
-  let props;
-  let ref;
-  let size4;
-  let t1;
-  let t2;
-  let t3;
-  let variant;
-  if ($2[0] !== t0) {
-    ({
-      className,
-      variant,
-      size: size4,
-      count: t1,
-      duration: t2,
-      delayStep: t3,
-      ref,
-      ...props
-    } = t0);
-    $2[0] = t0;
-    $2[1] = className;
-    $2[2] = props;
-    $2[3] = ref;
-    $2[4] = size4;
-    $2[5] = t1;
-    $2[6] = t2;
-    $2[7] = t3;
-    $2[8] = variant;
-  } else {
-    className = $2[1];
-    props = $2[2];
-    ref = $2[3];
-    size4 = $2[4];
-    t1 = $2[5];
-    t2 = $2[6];
-    t3 = $2[7];
-    variant = $2[8];
-  }
-  const count3 = t1 === void 0 ? 3 : t1;
-  const duration = t2 === void 0 ? 0.5 : t2;
-  const delayStep = t3 === void 0 ? 100 : t3;
-  let t4;
-  if ($2[9] !== className || $2[10] !== size4 || $2[11] !== variant) {
-    t4 = cn(loaderVariants({
-      variant,
-      size: size4
-    }), className);
-    $2[9] = className;
-    $2[10] = size4;
-    $2[11] = variant;
-    $2[12] = t4;
-  } else {
-    t4 = $2[12];
-  }
-  let t5;
-  if ($2[13] !== count3) {
-    t5 = Array.from({
-      length: count3
-    });
-    $2[13] = count3;
-    $2[14] = t5;
-  } else {
-    t5 = $2[14];
-  }
-  let t6;
-  if ($2[15] !== delayStep || $2[16] !== duration || $2[17] !== t5) {
-    t6 = t5.map((_2, i2) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", {
-      className: "animate-bounce rounded border-2",
-      style: {
-        animationDuration: `${duration}s`,
-        animationIterationCount: "infinite",
-        animationDelay: `${i2 * delayStep}ms`
-      }
-    }, i2));
-    $2[15] = delayStep;
-    $2[16] = duration;
-    $2[17] = t5;
-    $2[18] = t6;
-  } else {
-    t6 = $2[18];
-  }
-  let t7;
-  if ($2[19] !== props || $2[20] !== ref || $2[21] !== t4 || $2[22] !== t6) {
-    t7 = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", {
-      className: t4,
-      ref,
-      role: "status",
-      "aria-label": "Loading...",
-      ...props,
-      children: t6
-    });
-    $2[19] = props;
-    $2[20] = ref;
-    $2[21] = t4;
-    $2[22] = t6;
-    $2[23] = t7;
-  } else {
-    t7 = $2[23];
-  }
-  return t7;
-};
-
-// src/side-panel/components/retro/Tooltip.tsx
-var import_compiler_runtime10 = __toESM(require_compiler_runtime(), 1);
-
-// ../../node_modules/@radix-ui/react-tooltip/dist/index.mjs
-var React42 = __toESM(require_react(), 1);
-
-// ../../node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot/dist/index.mjs
-var React40 = __toESM(require_react(), 1);
-var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
-var SLOTTABLE_IDENTIFIER4 = /* @__PURE__ */ Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function createSlottable(ownerName) {
-  const Slottable2 = ({ children }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children });
-  };
-  Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER4;
-  return Slottable2;
-}
-
-// ../../node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-var React41 = __toESM(require_react(), 1);
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
-var VISUALLY_HIDDEN_STYLES = Object.freeze({
-  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-});
-var NAME2 = "VisuallyHidden";
-var VisuallyHidden = React41.forwardRef(
-  (props, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      Primitive.span,
-      {
-        ...props,
-        ref: forwardedRef,
-        style: { ...VISUALLY_HIDDEN_STYLES, ...props.style }
-      }
-    );
+var NAME2 = "VisuallyHidden";
+var VisuallyHidden = React41.forwardRef(
+  (props, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      Primitive.span,
+      {
+        ...props,
+        ref: forwardedRef,
+        style: { ...VISUALLY_HIDDEN_STYLES, ...props.style }
+      }
+    );
   }
 );
 VisuallyHidden.displayName = NAME2;
 var Root6 = VisuallyHidden;
 
 // ../../node_modules/@radix-ui/react-tooltip/dist/index.mjs
-var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
 var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
   createPopperScope
 ]);
@@ -69514,7 +69397,7 @@ var TooltipProvider = (props) => {
     const skipDelayTimer = skipDelayTimerRef.current;
     return () => window.clearTimeout(skipDelayTimer);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     TooltipProviderContextProvider,
     {
       scope: __scopeTooltip,
@@ -69605,7 +69488,7 @@ var Tooltip = (props) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Root2, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Root2, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     TooltipContextProvider,
     {
       scope: __scopeTooltip,
@@ -69649,7 +69532,7 @@ var TooltipTrigger = React42.forwardRef(
     React42.useEffect(() => {
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Primitive.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
@@ -69691,7 +69574,7 @@ var [PortalProvider2, usePortalContext2] = createTooltipContext(PORTAL_NAME4, {
 var TooltipPortal = (props) => {
   const { __scopeTooltip, forceMount, children, container } = props;
   const context = useTooltipContext(PORTAL_NAME4, __scopeTooltip);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Portal, { asChild: true, container, children }) }) });
 };
 TooltipPortal.displayName = PORTAL_NAME4;
 var CONTENT_NAME6 = "TooltipContent";
@@ -69700,7 +69583,7 @@ var TooltipContent = React42.forwardRef(
     const portalContext = usePortalContext2(CONTENT_NAME6, props.__scopeTooltip);
     const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
     const context = useTooltipContext(CONTENT_NAME6, props.__scopeTooltip);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
   }
 );
 var TooltipContentHoverable = React42.forwardRef((props, forwardedRef) => {
@@ -69762,7 +69645,7 @@ var TooltipContentHoverable = React42.forwardRef((props, forwardedRef) => {
       return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
     }
   }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
 });
 var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
 var Slottable = createSlottable("TooltipContent");
@@ -69793,7 +69676,7 @@ var TooltipContentImpl = React42.forwardRef(
         return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
       }
     }, [context.trigger, onClose]);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       DismissableLayer,
       {
         asChild: true,
@@ -69802,7 +69685,7 @@ var TooltipContentImpl = React42.forwardRef(
         onPointerDownOutside,
         onFocusOutside: (event) => event.preventDefault(),
         onDismiss: onClose,
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           Content,
           {
             "data-state": context.stateAttribute,
@@ -69821,8 +69704,8 @@ var TooltipContentImpl = React42.forwardRef(
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Slottable, { children }),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Root6, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Slottable, { children }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Root6, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -69840,7 +69723,7 @@ var TooltipArrow = React42.forwardRef(
       ARROW_NAME4,
       __scopeTooltip
     );
-    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 TooltipArrow.displayName = ARROW_NAME4;
@@ -69966,7 +69849,7 @@ var Portal3 = TooltipPortal;
 var Content24 = TooltipContent;
 
 // src/side-panel/components/retro/Tooltip.tsx
-var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
 var tooltipContentVariants = cva("z-50 overflow-hidden rounded border-2 border-border px-3 py-1.5 text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]", {
   variants: {
     variant: {
@@ -69983,7 +69866,7 @@ var TooltipProvider2 = Provider;
 var Tooltip2 = Root33;
 var TooltipTrigger2 = Trigger3;
 var TooltipContent2 = (t0) => {
-  const $2 = (0, import_compiler_runtime10.c)(14);
+  const $2 = (0, import_compiler_runtime9.c)(14);
   let className;
   let props;
   let ref;
@@ -70025,8 +69908,8 @@ var TooltipContent2 = (t0) => {
   }
   let t3;
   if ($2[9] !== props || $2[10] !== ref || $2[11] !== sideOffset || $2[12] !== t2) {
-    t3 = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Portal3, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Content24, {
+    t3 = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Portal3, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Content24, {
         ref,
         sideOffset,
         className: t2,
@@ -70050,10 +69933,10 @@ var TooltipObject = Object.assign(Tooltip2, {
 });
 
 // src/side-panel/components/ToolIcon.tsx
-var import_compiler_runtime11 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime10 = __toESM(require_compiler_runtime(), 1);
 
 // ../../node_modules/lucide-react/dist/esm/DynamicIcon.js
-var import_react8 = __toESM(require_react());
+var import_react9 = __toESM(require_react());
 
 // ../../node_modules/lucide-react/dist/esm/dynamicIconImports.js
 var dynamicIconImports = {
@@ -72005,13 +71888,13 @@ async function getIconNode(name) {
   const icon = await dynamicIconImports[name]();
   return icon.__iconNode;
 }
-var DynamicIcon = /* @__PURE__ */ (0, import_react8.forwardRef)(({
+var DynamicIcon = /* @__PURE__ */ (0, import_react9.forwardRef)(({
   name,
   fallback: Fallback,
   ...props
 }, ref) => {
-  const [iconNode, setIconNode] = (0, import_react8.useState)();
-  (0, import_react8.useEffect)(() => {
+  const [iconNode, setIconNode] = (0, import_react9.useState)();
+  (0, import_react9.useEffect)(() => {
     getIconNode(name).then(setIconNode).catch((error) => {
       console.error(error);
     });
@@ -72020,9 +71903,9 @@ var DynamicIcon = /* @__PURE__ */ (0, import_react8.forwardRef)(({
     if (Fallback == null) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_react8.createElement)(Fallback);
+    return /* @__PURE__ */ (0, import_react9.createElement)(Fallback);
   }
-  return /* @__PURE__ */ (0, import_react8.createElement)(Icon, {
+  return /* @__PURE__ */ (0, import_react9.createElement)(Icon, {
     ref,
     ...props,
     iconNode
@@ -72030,10 +71913,10 @@ var DynamicIcon = /* @__PURE__ */ (0, import_react8.forwardRef)(({
 });
 
 // src/side-panel/components/ToolIcon.tsx
-var import_react9 = __toESM(require_react(), 1);
-var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
+var import_react10 = __toESM(require_react(), 1);
+var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
 var FallbackIcon = (t0) => {
-  const $2 = (0, import_compiler_runtime11.c)(4);
+  const $2 = (0, import_compiler_runtime10.c)(4);
   const {
     enabled: t1
   } = t0;
@@ -72049,7 +71932,7 @@ var FallbackIcon = (t0) => {
   }
   let t4;
   if ($2[2] !== t3) {
-    t4 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Wrench, {
+    t4 = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Wrench, {
       className: t3
     });
     $2[2] = t3;
@@ -72060,65 +71943,108 @@ var FallbackIcon = (t0) => {
   return t4;
 };
 var ToolIcon = (t0) => {
-  const $2 = (0, import_compiler_runtime11.c)(9);
+  const $2 = (0, import_compiler_runtime10.c)(16);
   const {
     icon,
     className: t1,
-    enabled: t2
+    enabled: t2,
+    active: t3
   } = t0;
   const className = t1 === void 0 ? "" : t1;
   const enabled = t2 === void 0 ? true : t2;
-  const t3 = enabled ? "border-border bg-primary" : "border-border/40 bg-muted/40";
+  const active = t3 === void 0 ? false : t3;
+  const [fadingOut, setFadingOut] = (0, import_react10.useState)(false);
+  const prevActiveRef = (0, import_react10.useRef)(false);
   let t4;
-  if ($2[0] !== className || $2[1] !== t3) {
-    t4 = cn("flex h-6 w-6 shrink-0 items-center justify-center rounded border-2 transition-colors", t3, className);
-    $2[0] = className;
-    $2[1] = t3;
-    $2[2] = t4;
+  let t5;
+  if ($2[0] !== active) {
+    t4 = () => {
+      if (prevActiveRef.current && !active) {
+        setTimeout(() => setFadingOut(true), 0);
+        const timer = setTimeout(() => setFadingOut(false), 500);
+        prevActiveRef.current = active;
+        return () => clearTimeout(timer);
+      }
+      prevActiveRef.current = active;
+    };
+    t5 = [active];
+    $2[0] = active;
+    $2[1] = t4;
+    $2[2] = t5;
   } else {
-    t4 = $2[2];
+    t4 = $2[1];
+    t5 = $2[2];
   }
-  let t5;
-  if ($2[3] !== enabled || $2[4] !== icon) {
-    t5 = icon ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react9.Suspense, {
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FallbackIcon, {
+  (0, import_react10.useEffect)(t4, t5);
+  const t6 = enabled ? "border-border bg-primary" : "border-border/40 bg-muted/40";
+  let t7;
+  if ($2[3] !== className || $2[4] !== t6) {
+    t7 = cn("relative flex h-6 w-6 shrink-0 items-center justify-center rounded border-2 transition-colors", t6, className);
+    $2[3] = className;
+    $2[4] = t6;
+    $2[5] = t7;
+  } else {
+    t7 = $2[5];
+  }
+  let t8;
+  if ($2[6] !== enabled || $2[7] !== icon) {
+    t8 = icon ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react10.Suspense, {
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FallbackIcon, {
         enabled
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DynamicIcon, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DynamicIcon, {
         name: icon,
         className: cn("h-3 w-3 transition-colors", enabled ? "text-primary-foreground" : "text-muted-foreground"),
-        fallback: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FallbackIcon, {
+        fallback: () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FallbackIcon, {
           enabled
         })
       })
-    }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FallbackIcon, {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FallbackIcon, {
       enabled
     });
-    $2[3] = enabled;
-    $2[4] = icon;
-    $2[5] = t5;
+    $2[6] = enabled;
+    $2[7] = icon;
+    $2[8] = t8;
   } else {
-    t5 = $2[5];
+    t8 = $2[8];
   }
-  let t6;
-  if ($2[6] !== t4 || $2[7] !== t5) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", {
-      className: t4,
-      children: t5
+  let t9;
+  if ($2[9] !== active || $2[10] !== fadingOut) {
+    t9 = (active || fadingOut) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", {
+      className: cn("bg-success border-card absolute rounded-full border-2", active && "animate-activity-flash", fadingOut && !active && "animate-activity-fade-out"),
+      style: {
+        width: 8,
+        height: 8,
+        bottom: -2,
+        right: -2
+      }
     });
-    $2[6] = t4;
-    $2[7] = t5;
-    $2[8] = t6;
+    $2[9] = active;
+    $2[10] = fadingOut;
+    $2[11] = t9;
   } else {
-    t6 = $2[8];
+    t9 = $2[11];
   }
-  return t6;
+  let t10;
+  if ($2[12] !== t7 || $2[13] !== t8 || $2[14] !== t9) {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", {
+      className: t7,
+      children: [t8, t9]
+    });
+    $2[12] = t7;
+    $2[13] = t8;
+    $2[14] = t9;
+    $2[15] = t10;
+  } else {
+    t10 = $2[15];
+  }
+  return t10;
 };
 
 // src/side-panel/components/ToolRow.tsx
-var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
 var ToolRow = (t0) => {
-  const $2 = (0, import_compiler_runtime12.c)(29);
+  const $2 = (0, import_compiler_runtime11.c)(24);
   const {
     name,
     displayName,
@@ -72129,130 +72055,108 @@ var ToolRow = (t0) => {
     onToggle
   } = t0;
   const t1 = enabled ? "hover:bg-primary/10" : "hover:bg-muted/50";
-  const t2 = active && "bg-accent/20";
-  let t3;
-  if ($2[0] !== t1 || $2[1] !== t2) {
-    t3 = cn("border-border flex items-center gap-2 border-b px-3 py-2 transition-colors last:border-b-0", t1, t2);
+  let t2;
+  if ($2[0] !== t1) {
+    t2 = cn("border-border flex items-center gap-2 border-b px-3 py-2 transition-colors last:border-b-0", t1);
     $2[0] = t1;
     $2[1] = t2;
-    $2[2] = t3;
   } else {
-    t3 = $2[2];
+    t2 = $2[1];
   }
-  let t4;
-  if ($2[3] !== enabled || $2[4] !== icon) {
-    t4 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ToolIcon, {
+  let t3;
+  if ($2[2] !== active || $2[3] !== enabled || $2[4] !== icon) {
+    t3 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ToolIcon, {
       icon,
-      enabled
+      enabled,
+      active
     });
+    $2[2] = active;
     $2[3] = enabled;
     $2[4] = icon;
-    $2[5] = t4;
+    $2[5] = t3;
   } else {
-    t4 = $2[5];
+    t3 = $2[5];
   }
-  let t5;
+  let t4;
   if ($2[6] !== displayName) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipObject.Trigger, {
+    t4 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipObject.Trigger, {
       asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", {
         className: "min-w-0 flex-1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", {
           className: "text-foreground truncate text-sm",
           children: displayName
         })
       })
     });
     $2[6] = displayName;
-    $2[7] = t5;
+    $2[7] = t4;
   } else {
-    t5 = $2[7];
+    t4 = $2[7];
   }
-  let t6;
+  let t5;
   if ($2[8] !== description) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipObject.Content, {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipObject.Content, {
       children: description
     });
     $2[8] = description;
-    $2[9] = t6;
+    $2[9] = t5;
   } else {
-    t6 = $2[9];
+    t5 = $2[9];
   }
-  let t7;
-  if ($2[10] !== t5 || $2[11] !== t6) {
-    t7 = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipObject, {
-      children: [t5, t6]
+  let t6;
+  if ($2[10] !== t4 || $2[11] !== t5) {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TooltipObject, {
+      children: [t4, t5]
     });
-    $2[10] = t5;
-    $2[11] = t6;
-    $2[12] = t7;
+    $2[10] = t4;
+    $2[11] = t5;
+    $2[12] = t6;
   } else {
-    t7 = $2[12];
+    t6 = $2[12];
   }
-  let t8;
-  if ($2[13] !== active) {
-    t8 = active && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Loader2, {
-      size: "sm",
-      count: 2,
-      duration: 0.4,
-      delayStep: 80
-    });
-    $2[13] = active;
-    $2[14] = t8;
+  let t7;
+  if ($2[13] !== onToggle) {
+    t7 = () => onToggle();
+    $2[13] = onToggle;
+    $2[14] = t7;
   } else {
-    t8 = $2[14];
+    t7 = $2[14];
   }
+  const t8 = `Toggle ${name} tool`;
   let t9;
-  if ($2[15] !== onToggle) {
-    t9 = () => onToggle();
-    $2[15] = onToggle;
-    $2[16] = t9;
-  } else {
-    t9 = $2[16];
-  }
-  const t10 = `Toggle ${name} tool`;
-  let t11;
-  if ($2[17] !== enabled || $2[18] !== t10 || $2[19] !== t9) {
-    t11 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Switch2, {
-      checked: enabled,
-      onCheckedChange: t9,
-      onClick: _temp3,
-      "aria-label": t10
-    });
-    $2[17] = enabled;
-    $2[18] = t10;
-    $2[19] = t9;
-    $2[20] = t11;
-  } else {
-    t11 = $2[20];
-  }
-  let t12;
-  if ($2[21] !== t11 || $2[22] !== t8) {
-    t12 = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
+  if ($2[15] !== enabled || $2[16] !== t7 || $2[17] !== t8) {
+    t9 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", {
       className: "flex shrink-0 items-center gap-2",
-      children: [t8, t11]
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Switch2, {
+        checked: enabled,
+        onCheckedChange: t7,
+        onClick: _temp3,
+        "aria-label": t8
+      })
     });
-    $2[21] = t11;
-    $2[22] = t8;
-    $2[23] = t12;
+    $2[15] = enabled;
+    $2[16] = t7;
+    $2[17] = t8;
+    $2[18] = t9;
   } else {
-    t12 = $2[23];
+    t9 = $2[18];
   }
-  let t13;
-  if ($2[24] !== t12 || $2[25] !== t3 || $2[26] !== t4 || $2[27] !== t7) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
-      className: t3,
-      children: [t4, t7, t12]
+  let t10;
+  if ($2[19] !== t2 || $2[20] !== t3 || $2[21] !== t6 || $2[22] !== t9) {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", {
+      className: t2,
+      children: [t3, t6, t9]
     });
-    $2[24] = t12;
-    $2[25] = t3;
-    $2[26] = t4;
-    $2[27] = t7;
-    $2[28] = t13;
+    $2[19] = t2;
+    $2[20] = t3;
+    $2[21] = t6;
+    $2[22] = t9;
+    $2[23] = t10;
   } else {
-    t13 = $2[28];
+    t10 = $2[23];
   }
-  return t13;
+  return t10;
 };
 function _temp3(e2) {
   return e2.stopPropagation();
@@ -72264,12 +72168,12 @@ var COUNTDOWN_POLL_INTERVAL_MS = 200;
 var TOOL_INVOCATION_TIMEOUT_MS = 5 * 60 * 1e3;
 
 // src/side-panel/components/BrowserToolsCard.tsx
-var import_react10 = __toESM(require_react(), 1);
-var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
+var import_react11 = __toESM(require_react(), 1);
+var import_jsx_runtime34 = __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_runtime13.c)(14);
+  const $2 = (0, import_compiler_runtime12.c)(23);
   const {
     tools,
     activeTools,
@@ -72277,10 +72181,10 @@ var BrowserToolsCard = (t0) => {
     toolFilter,
     serverVersion
   } = t0;
-  const [toggleError, setToggleError] = (0, import_react10.useState)(null);
-  const errorTimerRef = (0, import_react10.useRef)(void 0);
-  const toggleCounter = (0, import_react10.useRef)(0);
-  const preToggleRef = (0, import_react10.useRef)([]);
+  const [toggleError, setToggleError] = (0, import_react11.useState)(null);
+  const errorTimerRef = (0, import_react11.useRef)(void 0);
+  const toggleCounter = (0, import_react11.useRef)(0);
+  const preToggleRef = (0, import_react11.useRef)([]);
   let t1;
   let t2;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -72292,7 +72196,7 @@ var BrowserToolsCard = (t0) => {
     t1 = $2[0];
     t2 = $2[1];
   }
-  (0, import_react10.useEffect)(t1, t2);
+  (0, import_react11.useEffect)(t1, t2);
   const showToggleError = (message) => {
     clearTimeout(errorTimerRef.current);
     setToggleError(message);
@@ -72343,68 +72247,101 @@ var BrowserToolsCard = (t0) => {
   const filterLower = toolFilter?.toLowerCase() ?? "";
   const visibleTools = filterLower ? tools.filter((t_2) => toDisplayName(t_2.name).toLowerCase().includes(filterLower) || t_2.name.toLowerCase().includes(filterLower) || t_2.description.toLowerCase().includes(filterLower)) : tools;
   let t4;
-  if ($2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PluginIcon, {
+  if ($2[4] !== activeTools || $2[5] !== tools) {
+    let t52;
+    if ($2[7] !== activeTools) {
+      t52 = (t_3) => activeTools.has(`browser:${t_3.name}`);
+      $2[7] = activeTools;
+      $2[8] = t52;
+    } else {
+      t52 = $2[8];
+    }
+    t4 = tools.some(t52);
+    $2[4] = activeTools;
+    $2[5] = tools;
+    $2[6] = t4;
+  } else {
+    t4 = $2[6];
+  }
+  const hasActiveTool = t4;
+  let t5;
+  if ($2[9] !== hasActiveTool) {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PluginIcon, {
       pluginName: "browser",
       displayName: "Browser",
+      tabState: "ready",
       size: 32,
       iconSvg: CHROME_ICON_SVG,
-      iconInactiveSvg: CHROME_ICON_SVG
+      iconInactiveSvg: CHROME_ICON_SVG,
+      active: hasActiveTool
     });
-    $2[4] = t4;
+    $2[9] = hasActiveTool;
+    $2[10] = t5;
   } else {
-    t4 = $2[4];
+    t5 = $2[10];
   }
-  let t5;
-  if ($2[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Trigger22, {
-      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: [t4, /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", {
-        className: "font-head text-foreground flex min-w-0 flex-1 items-center gap-1.5 truncate text-sm",
-        children: ["Browser", /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Badge2, {
-          variant: "default",
-          size: "sm",
-          className: "align-middle",
-          children: "CORE"
-        })]
-      }), /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ChevronDown, {
-        className: "chevron h-4 w-4 shrink-0 transition-transform duration-200"
+  let t6;
+  let t7;
+  if ($2[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
+      className: "font-head text-foreground flex min-w-0 flex-1 items-center gap-1.5 truncate text-sm",
+      children: ["Browser", /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Badge2, {
+        variant: "default",
+        size: "sm",
+        className: "align-middle",
+        children: "CORE"
       })]
     });
-    $2[5] = t5;
+    t7 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronDown, {
+      className: "chevron h-4 w-4 shrink-0 transition-transform duration-200"
+    });
+    $2[11] = t6;
+    $2[12] = t7;
   } else {
-    t5 = $2[5];
+    t6 = $2[11];
+    t7 = $2[12];
   }
-  let t6;
-  if ($2[6] !== serverVersion) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(BrowserToolsMenu, {
+  let t8;
+  if ($2[13] !== t5) {
+    t8 = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Trigger22, {
+      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: [t5, t6, t7]
+    });
+    $2[13] = t5;
+    $2[14] = t8;
+  } else {
+    t8 = $2[14];
+  }
+  let t9;
+  if ($2[15] !== serverVersion) {
+    t9 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(BrowserToolsMenu, {
       serverVersion,
       className: "flex shrink-0 items-center px-1"
     });
-    $2[6] = serverVersion;
-    $2[7] = t6;
+    $2[15] = serverVersion;
+    $2[16] = t9;
   } else {
-    t6 = $2[7];
+    t9 = $2[16];
   }
-  let t7;
-  if ($2[8] !== toggleError) {
-    t7 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AlertComponent, {
+  let t10;
+  if ($2[17] !== toggleError) {
+    t10 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: toggleError
     });
-    $2[8] = toggleError;
-    $2[9] = t7;
+    $2[17] = toggleError;
+    $2[18] = t10;
   } else {
-    t7 = $2[9];
+    t10 = $2[18];
   }
-  const t8 = AccordionComponent;
-  const t9 = "border-border border-t";
-  const t10 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", {
+  const t11 = AccordionComponent;
+  const t12 = "border-border border-t";
+  const t13 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
     className: "text-muted-foreground mb-1 px-3 pt-2 text-xs",
     children: [visibleTools.length, " of ", tools.length, " tools"]
   });
-  const t11 = visibleTools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolRow, {
+  const t14 = visibleTools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ToolRow, {
     name: tool.name,
     displayName: toDisplayName(tool.name),
     description: tool.description,
@@ -72413,35 +72350,35 @@ var BrowserToolsCard = (t0) => {
     active: activeTools.has(`browser:${tool.name}`),
     onToggle: () => handleToggleTool(tool.name, tool.enabled)
   }, tool.name));
-  let t12;
-  if ($2[10] !== t10 || $2[11] !== t11 || $2[12] !== t8.Content) {
-    t12 = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(t8.Content, {
-      className: t9,
-      children: [t10, t11]
+  let t15;
+  if ($2[19] !== t11.Content || $2[20] !== t13 || $2[21] !== t14) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(t11.Content, {
+      className: t12,
+      children: [t13, t14]
     });
-    $2[10] = t10;
-    $2[11] = t11;
-    $2[12] = t8.Content;
-    $2[13] = t12;
+    $2[19] = t11.Content;
+    $2[20] = t13;
+    $2[21] = t14;
+    $2[22] = t15;
   } else {
-    t12 = $2[13];
+    t15 = $2[22];
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(AccordionComponent.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(AccordionComponent.Item, {
     value: "browser-tools",
-    children: [/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Header, {
+    children: [/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Header, {
       className: "flex",
-      children: [t5, t6, /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
+      children: [t8, t9, /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
         className: "flex shrink-0 items-center px-3",
         onClick: _temp22,
         onKeyDown: _temp32,
         role: "presentation",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Switch2, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Switch2, {
           checked: allEnabled,
           onCheckedChange: handleToggleAll,
           "aria-label": "Toggle all browser tools"
         })
       })]
-    }), t7, t12]
+    }), t10, t15]
   });
 };
 function _temp4(t2) {
@@ -72457,14 +72394,14 @@ function _temp32(e_0) {
 }
 
 // src/side-panel/components/ConfirmationDialog.tsx
-var import_compiler_runtime16 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime15 = __toESM(require_compiler_runtime(), 1);
 
 // src/side-panel/components/retro/Button.tsx
-var import_compiler_runtime14 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime13 = __toESM(require_compiler_runtime(), 1);
 
 // ../../node_modules/@radix-ui/react-slot/dist/index.mjs
 var React43 = __toESM(require_react(), 1);
-var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React43[" use ".trim().toString()];
 function isPromiseLike(value) {
@@ -72493,9 +72430,9 @@ function createSlot4(ownerName) {
           return child;
         }
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React43.isValidElement(newElement) ? React43.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React43.isValidElement(newElement) ? React43.cloneElement(newElement, void 0, newChildren) : null });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
   Slot22.displayName = `${ownerName}.Slot`;
   return Slot22;
@@ -72564,7 +72501,7 @@ function getElementRef5(element) {
 }
 
 // src/side-panel/components/retro/Button.tsx
-var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
 var buttonVariants = cva("font-head transition-all rounded outline-hidden cursor-pointer duration-200 font-medium flex justify-center items-center disabled:opacity-60 disabled:cursor-not-allowed", {
   variants: {
     variant: {
@@ -72587,7 +72524,7 @@ var buttonVariants = cva("font-head transition-all rounded outline-hidden cursor
   }
 });
 var Button = (t0) => {
-  const $2 = (0, import_compiler_runtime14.c)(18);
+  const $2 = (0, import_compiler_runtime13.c)(18);
   let children;
   let props;
   let ref;
@@ -72642,7 +72579,7 @@ var Button = (t0) => {
   }
   let t6;
   if ($2[12] !== Comp || $2[13] !== children || $2[14] !== props || $2[15] !== ref || $2[16] !== t5) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Comp, {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Comp, {
       ref,
       className: t5,
       ...props,
@@ -72661,14 +72598,14 @@ var Button = (t0) => {
 };
 
 // src/side-panel/components/retro/Progress.tsx
-var import_compiler_runtime15 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime14 = __toESM(require_compiler_runtime(), 1);
 
 // ../../node_modules/@radix-ui/react-progress/dist/index.mjs
 var React46 = __toESM(require_react(), 1);
 
 // ../../node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-context/dist/index.mjs
 var React44 = __toESM(require_react(), 1);
-var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
 function createContextScope2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
@@ -72680,7 +72617,7 @@ function createContextScope2(scopeName, createContextScopeDeps = []) {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
       const value = React44.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Context.Provider, { value, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Context.Provider, { value, children });
     };
     Provider2.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
@@ -72731,7 +72668,7 @@ function composeContextScopes2(...scopes) {
 // ../../node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive/dist/index.mjs
 var React45 = __toESM(require_react(), 1);
 var ReactDOM4 = __toESM(require_react_dom(), 1);
-var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
 var NODES2 = [
   "a",
   "button",
@@ -72759,14 +72696,14 @@ var Primitive2 = NODES2.reduce((primitive, node) => {
     if (typeof window !== "undefined") {
       window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
 }, {});
 
 // ../../node_modules/@radix-ui/react-progress/dist/index.mjs
-var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
 var PROGRESS_NAME = "Progress";
 var DEFAULT_MAX = 100;
 var [createProgressContext, createProgressScope] = createContextScope2(PROGRESS_NAME);
@@ -72789,7 +72726,7 @@ var Progress = React46.forwardRef(
     }
     const value = isValidValueNumber(valueProp, max2) ? valueProp : null;
     const valueLabel = isNumber2(value) ? getValueLabel(value, max2) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ProgressProvider, { scope: __scopeProgress, value, max: max2, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ProgressProvider, { scope: __scopeProgress, value, max: max2, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Primitive2.div,
       {
         "aria-valuemax": max2,
@@ -72812,7 +72749,7 @@ var ProgressIndicator = React46.forwardRef(
   (props, forwardedRef) => {
     const { __scopeProgress, ...indicatorProps } = props;
     const context = useProgressContext(INDICATOR_NAME2, __scopeProgress);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Primitive2.div,
       {
         "data-state": getProgressState(context.value, context.max),
@@ -72855,9 +72792,9 @@ var Root7 = Progress;
 var Indicator = ProgressIndicator;
 
 // src/side-panel/components/retro/Progress.tsx
-var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
 var Progress2 = (t0) => {
-  const $2 = (0, import_compiler_runtime15.c)(19);
+  const $2 = (0, import_compiler_runtime14.c)(19);
   let className;
   let indicatorClassName;
   let props;
@@ -72909,7 +72846,7 @@ var Progress2 = (t0) => {
   }
   let t5;
   if ($2[11] !== t2 || $2[12] !== t4) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Indicator, {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Indicator, {
       className: t2,
       style: t4
     });
@@ -72921,7 +72858,7 @@ var Progress2 = (t0) => {
   }
   let t6;
   if ($2[14] !== props || $2[15] !== t1 || $2[16] !== t5 || $2[17] !== value) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Root7, {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Root7, {
       className: t1,
       value,
       ...props,
@@ -72939,15 +72876,15 @@ var Progress2 = (t0) => {
 };
 
 // src/side-panel/components/ConfirmationDialog.tsx
-var import_react11 = __toESM(require_react(), 1);
-var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
+var import_react12 = __toESM(require_react(), 1);
+var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
 var CountdownBar = (t0) => {
-  const $2 = (0, import_compiler_runtime16.c)(12);
+  const $2 = (0, import_compiler_runtime15.c)(12);
   const {
     timeoutMs,
     receivedAt
   } = t0;
-  const [remaining, setRemaining] = (0, import_react11.useState)(timeoutMs);
+  const [remaining, setRemaining] = (0, import_react12.useState)(timeoutMs);
   let t1;
   let t2;
   if ($2[0] !== receivedAt || $2[1] !== timeoutMs) {
@@ -72973,14 +72910,14 @@ var CountdownBar = (t0) => {
     t1 = $2[2];
     t2 = $2[3];
   }
-  (0, import_react11.useEffect)(t1, t2);
+  (0, import_react12.useEffect)(t1, t2);
   const seconds = Math.ceil(remaining / 1e3);
   const fraction = remaining / timeoutMs;
   const t3 = fraction * 100;
   const t4 = fraction > 0.33 ? "bg-accent-foreground" : "bg-destructive";
   let t5;
   if ($2[4] !== t3 || $2[5] !== t4) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Progress2, {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Progress2, {
       value: t3,
       className: "flex-1",
       indicatorClassName: t4
@@ -72993,7 +72930,7 @@ var CountdownBar = (t0) => {
   }
   let t6;
   if ($2[7] !== seconds) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", {
       className: "text-muted-foreground font-mono text-xs tabular-nums",
       children: [seconds, "s"]
     });
@@ -73004,7 +72941,7 @@ var CountdownBar = (t0) => {
   }
   let t7;
   if ($2[9] !== t5 || $2[10] !== t6) {
-    t7 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
+    t7 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
       className: "mt-2 flex items-center gap-2",
       children: [t5, t6]
     });
@@ -73017,20 +72954,20 @@ var CountdownBar = (t0) => {
   return t7;
 };
 var AllowAlwaysButton = (t0) => {
-  const $2 = (0, import_compiler_runtime16.c)(13);
+  const $2 = (0, import_compiler_runtime15.c)(13);
   const {
     domain,
     onSelect
   } = t0;
   let t1;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MenuObject.Trigger, {
+    t1 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MenuObject.Trigger, {
       asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Button, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Button, {
         size: "sm",
         variant: "outline",
         className: "w-full gap-1 text-xs",
-        children: ["Allow Always", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChevronDown, {
+        children: ["Allow Always", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronDown, {
           className: "h-3 w-3"
         })]
       })
@@ -73041,7 +72978,7 @@ var AllowAlwaysButton = (t0) => {
   }
   let t2;
   if ($2[1] !== domain || $2[2] !== onSelect) {
-    t2 = domain && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MenuObject.Item, {
+    t2 = domain && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MenuObject.Item, {
       onSelect: () => onSelect("tool_domain"),
       children: "For this tool on this domain"
     });
@@ -73053,7 +72990,7 @@ var AllowAlwaysButton = (t0) => {
   }
   let t3;
   if ($2[4] !== onSelect) {
-    t3 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MenuObject.Item, {
+    t3 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MenuObject.Item, {
       onSelect: () => onSelect("tool_all"),
       children: "For this tool everywhere"
     });
@@ -73064,7 +73001,7 @@ var AllowAlwaysButton = (t0) => {
   }
   let t4;
   if ($2[6] !== domain || $2[7] !== onSelect) {
-    t4 = domain && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(MenuObject.Item, {
+    t4 = domain && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(MenuObject.Item, {
       onSelect: () => onSelect("domain_all"),
       children: ["For all tools on ", domain]
     });
@@ -73076,8 +73013,8 @@ var AllowAlwaysButton = (t0) => {
   }
   let t5;
   if ($2[9] !== t2 || $2[10] !== t3 || $2[11] !== t4) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(MenuObject, {
-      children: [t1, /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(MenuObject.Content, {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(MenuObject, {
+      children: [t1, /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(MenuObject.Content, {
         side: "top",
         align: "end",
         children: [t2, t3, t4]
@@ -73094,13 +73031,13 @@ var AllowAlwaysButton = (t0) => {
 };
 var resolveDisplayIndex = (currentIndex, count3) => Math.min(currentIndex, count3 - 1);
 var ConfirmationDialog = (t0) => {
-  const $2 = (0, import_compiler_runtime16.c)(52);
+  const $2 = (0, import_compiler_runtime15.c)(52);
   const {
     confirmations,
     onRespond,
     onDenyAll
   } = t0;
-  const [currentIndex, setCurrentIndex] = (0, import_react11.useState)(0);
+  const [currentIndex, setCurrentIndex] = (0, import_react12.useState)(0);
   const safeIndex = resolveDisplayIndex(currentIndex, confirmations.length);
   const current = confirmations[safeIndex];
   if (!current) {
@@ -73110,10 +73047,10 @@ var ConfirmationDialog = (t0) => {
   let t1;
   let t2;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ShieldAlert, {
+    t1 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ShieldAlert, {
       className: "text-accent-foreground h-4 w-4 shrink-0"
     });
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Text, {
       as: "h6",
       className: "flex-1 text-sm",
       children: "Approval Required"
@@ -73126,7 +73063,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t3;
   if ($2[2] !== count3 || $2[3] !== safeIndex) {
-    t3 = count3 > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", {
+    t3 = count3 > 1 && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", {
       className: "text-muted-foreground font-mono text-xs",
       children: [safeIndex + 1, " of ", count3]
     });
@@ -73138,7 +73075,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t4;
   if ($2[5] !== t3) {
-    t4 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
+    t4 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
       className: "border-accent-foreground flex items-center gap-2 border-b-2 px-3 py-2",
       children: [t1, t2, t3]
     });
@@ -73149,7 +73086,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t5;
   if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", {
       className: "text-muted-foreground font-sans text-xs",
       children: "Tool"
     });
@@ -73159,8 +73096,8 @@ var ConfirmationDialog = (t0) => {
   }
   let t6;
   if ($2[8] !== current.tool) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
-      children: [t5, /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
+      children: [t5, /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
         className: "font-mono text-sm",
         children: current.tool
       })]
@@ -73172,11 +73109,11 @@ var ConfirmationDialog = (t0) => {
   }
   let t7;
   if ($2[10] !== current.domain) {
-    t7 = current.domain && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
-      children: [/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", {
+    t7 = current.domain && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", {
         className: "text-muted-foreground font-sans text-xs",
         children: "Domain"
-      }), /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
+      }), /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
         className: "font-sans text-sm",
         children: current.domain
       })]
@@ -73188,11 +73125,11 @@ var ConfirmationDialog = (t0) => {
   }
   let t8;
   if ($2[12] !== current.paramsPreview) {
-    t8 = current.paramsPreview && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
-      children: [/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", {
+    t8 = current.paramsPreview && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", {
         className: "text-muted-foreground font-sans text-xs",
         children: "Parameters"
-      }), /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("pre", {
+      }), /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("pre", {
         className: "border-border bg-card mt-0.5 max-h-20 overflow-auto rounded border px-2 py-1 font-mono text-xs leading-tight",
         children: current.paramsPreview
       })]
@@ -73204,7 +73141,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t9;
   if ($2[14] !== current.receivedAt || $2[15] !== current.timeoutMs) {
-    t9 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CountdownBar, {
+    t9 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CountdownBar, {
       timeoutMs: current.timeoutMs,
       receivedAt: current.receivedAt
     });
@@ -73216,7 +73153,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t10;
   if ($2[17] !== t6 || $2[18] !== t7 || $2[19] !== t8 || $2[20] !== t9) {
-    t10 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
       className: "space-y-2 px-3 py-2",
       children: [t6, t7, t8, t9]
     });
@@ -73230,7 +73167,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t11;
   if ($2[22] !== current.id || $2[23] !== onRespond) {
-    t11 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, {
+    t11 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, {
       size: "sm",
       className: "w-full",
       onClick: () => onRespond(current.id, "allow_once"),
@@ -73253,7 +73190,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t13;
   if ($2[28] !== current.domain || $2[29] !== t12) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AllowAlwaysButton, {
+    t13 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AllowAlwaysButton, {
       domain: current.domain,
       onSelect: t12
     });
@@ -73265,7 +73202,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t14;
   if ($2[31] !== current.id || $2[32] !== onRespond) {
-    t14 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, {
+    t14 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, {
       size: "sm",
       variant: "outline",
       className: "text-destructive w-full text-xs",
@@ -73280,7 +73217,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t15;
   if ($2[34] !== count3 || $2[35] !== onDenyAll) {
-    t15 = count3 > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, {
+    t15 = count3 > 1 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, {
       size: "sm",
       variant: "outline",
       className: "text-destructive w-full text-xs",
@@ -73295,7 +73232,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t16;
   if ($2[37] !== t14 || $2[38] !== t15) {
-    t16 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [t14, t15]
     });
@@ -73307,7 +73244,7 @@ var ConfirmationDialog = (t0) => {
   }
   let t17;
   if ($2[40] !== t11 || $2[41] !== t13 || $2[42] !== t16) {
-    t17 = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
+    t17 = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
       className: "border-accent-foreground flex flex-col gap-1.5 border-t-2 py-2 pr-4 pl-3",
       children: [t11, t13, t16]
     });
@@ -73320,15 +73257,15 @@ var ConfirmationDialog = (t0) => {
   }
   let t18;
   if ($2[44] !== count3 || $2[45] !== safeIndex) {
-    t18 = count3 > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
+    t18 = count3 > 1 && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
       className: "border-border flex justify-center gap-2 border-t px-3 py-1",
-      children: [/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", {
         type: "button",
         className: "text-muted-foreground hover:text-foreground cursor-pointer font-mono text-xs disabled:cursor-not-allowed disabled:opacity-40",
         disabled: safeIndex === 0,
         onClick: () => setCurrentIndex(_temp5),
         children: "prev"
-      }), /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", {
+      }), /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", {
         type: "button",
         className: "text-muted-foreground hover:text-foreground cursor-pointer font-mono text-xs disabled:cursor-not-allowed disabled:opacity-40",
         disabled: safeIndex >= count3 - 1,
@@ -73344,10 +73281,10 @@ var ConfirmationDialog = (t0) => {
   }
   let t19;
   if ($2[47] !== t10 || $2[48] !== t17 || $2[49] !== t18 || $2[50] !== t4) {
-    t19 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
+    t19 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
       className: "mx-4 mt-2",
       role: "alert",
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
         className: "border-accent-foreground bg-accent/30 rounded border-2 shadow-md",
         children: [t4, t10, t17, t18]
       })
@@ -73373,10 +73310,10 @@ function _temp23(i_0) {
 var import_compiler_runtime18 = __toESM(require_compiler_runtime(), 1);
 
 // src/side-panel/components/retro/Empty.tsx
-var import_compiler_runtime17 = __toESM(require_compiler_runtime(), 1);
-var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
+var import_compiler_runtime16 = __toESM(require_compiler_runtime(), 1);
+var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
 var Empty = (t0) => {
-  const $2 = (0, import_compiler_runtime17.c)(8);
+  const $2 = (0, import_compiler_runtime16.c)(8);
   let className;
   let props;
   if ($2[0] !== t0) {
@@ -73401,7 +73338,7 @@ var Empty = (t0) => {
   }
   let t2;
   if ($2[5] !== props || $2[6] !== t1) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
       className: t1,
       ...props
     });
@@ -73415,7 +73352,7 @@ var Empty = (t0) => {
 };
 Empty.displayName = "Empty";
 var EmptyContent = (t0) => {
-  const $2 = (0, import_compiler_runtime17.c)(8);
+  const $2 = (0, import_compiler_runtime16.c)(8);
   let className;
   let props;
   if ($2[0] !== t0) {
@@ -73440,7 +73377,7 @@ var EmptyContent = (t0) => {
   }
   let t2;
   if ($2[5] !== props || $2[6] !== t1) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
       className: t1,
       ...props
     });
@@ -73454,7 +73391,7 @@ var EmptyContent = (t0) => {
 };
 EmptyContent.displayName = "Empty.Content";
 var EmptyIcon = (t0) => {
-  const $2 = (0, import_compiler_runtime17.c)(12);
+  const $2 = (0, import_compiler_runtime16.c)(12);
   let children;
   let className;
   let props;
@@ -73483,7 +73420,7 @@ var EmptyIcon = (t0) => {
   }
   let t2;
   if ($2[6] !== children) {
-    t2 = children || /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Ghost, {
+    t2 = children || /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Ghost, {
       className: "h-full w-full"
     });
     $2[6] = children;
@@ -73493,7 +73430,7 @@ var EmptyIcon = (t0) => {
   }
   let t3;
   if ($2[8] !== props || $2[9] !== t1 || $2[10] !== t2) {
-    t3 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+    t3 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
       className: t1,
       ...props,
       children: t2
@@ -73509,7 +73446,7 @@ var EmptyIcon = (t0) => {
 };
 EmptyIcon.displayName = "Empty.Icon";
 var EmptyTitle = (t0) => {
-  const $2 = (0, import_compiler_runtime17.c)(8);
+  const $2 = (0, import_compiler_runtime16.c)(8);
   let className;
   let props;
   if ($2[0] !== t0) {
@@ -73534,7 +73471,7 @@ var EmptyTitle = (t0) => {
   }
   let t2;
   if ($2[5] !== props || $2[6] !== t1) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Text, {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text, {
       as: "h3",
       className: t1,
       ...props
@@ -73549,7 +73486,7 @@ var EmptyTitle = (t0) => {
 };
 EmptyTitle.displayName = "Empty.Title";
 var EmptySeparator = (t0) => {
-  const $2 = (0, import_compiler_runtime17.c)(8);
+  const $2 = (0, import_compiler_runtime16.c)(8);
   let className;
   let props;
   if ($2[0] !== t0) {
@@ -73574,7 +73511,7 @@ var EmptySeparator = (t0) => {
   }
   let t2;
   if ($2[5] !== props || $2[6] !== t1) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
       role: "separator",
       className: t1,
       ...props
@@ -73589,7 +73526,7 @@ var EmptySeparator = (t0) => {
 };
 EmptySeparator.displayName = "Empty.Separator";
 var EmptyDescription = (t0) => {
-  const $2 = (0, import_compiler_runtime17.c)(8);
+  const $2 = (0, import_compiler_runtime16.c)(8);
   let className;
   let props;
   if ($2[0] !== t0) {
@@ -73610,30 +73547,155 @@ var EmptyDescription = (t0) => {
     $2[3] = className;
     $2[4] = t1;
   } else {
-    t1 = $2[4];
+    t1 = $2[4];
+  }
+  let t2;
+  if ($2[5] !== props || $2[6] !== t1) {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", {
+      className: t1,
+      ...props
+    });
+    $2[5] = props;
+    $2[6] = t1;
+    $2[7] = t2;
+  } else {
+    t2 = $2[7];
+  }
+  return t2;
+};
+EmptyDescription.displayName = "Empty.Description";
+var EmptyComponent = Object.assign(Empty, {
+  Content: EmptyContent,
+  Icon: EmptyIcon,
+  Title: EmptyTitle,
+  Separator: EmptySeparator,
+  Description: EmptyDescription
+});
+
+// src/side-panel/components/retro/Loader.tsx
+var import_compiler_runtime17 = __toESM(require_compiler_runtime(), 1);
+var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
+var loaderVariants = cva("flex gap-1", {
+  variants: {
+    variant: {
+      default: "[&>div]:bg-primary [&>div]:border-border",
+      secondary: "[&>div]:bg-secondary [&>div]:border-border",
+      outline: "[&>div]:bg-transparent [&>div]:border-border"
+    },
+    size: {
+      sm: "[&>div]:w-2 [&>div]:h-2",
+      md: "[&>div]:w-3 [&>div]:h-3",
+      lg: "[&>div]:w-4 [&>div]:h-4"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var Loader2 = (t0) => {
+  const $2 = (0, import_compiler_runtime17.c)(24);
+  let className;
+  let props;
+  let ref;
+  let size4;
+  let t1;
+  let t2;
+  let t3;
+  let variant;
+  if ($2[0] !== t0) {
+    ({
+      className,
+      variant,
+      size: size4,
+      count: t1,
+      duration: t2,
+      delayStep: t3,
+      ref,
+      ...props
+    } = t0);
+    $2[0] = t0;
+    $2[1] = className;
+    $2[2] = props;
+    $2[3] = ref;
+    $2[4] = size4;
+    $2[5] = t1;
+    $2[6] = t2;
+    $2[7] = t3;
+    $2[8] = variant;
+  } else {
+    className = $2[1];
+    props = $2[2];
+    ref = $2[3];
+    size4 = $2[4];
+    t1 = $2[5];
+    t2 = $2[6];
+    t3 = $2[7];
+    variant = $2[8];
+  }
+  const count3 = t1 === void 0 ? 3 : t1;
+  const duration = t2 === void 0 ? 0.5 : t2;
+  const delayStep = t3 === void 0 ? 100 : t3;
+  let t4;
+  if ($2[9] !== className || $2[10] !== size4 || $2[11] !== variant) {
+    t4 = cn(loaderVariants({
+      variant,
+      size: size4
+    }), className);
+    $2[9] = className;
+    $2[10] = size4;
+    $2[11] = variant;
+    $2[12] = t4;
+  } else {
+    t4 = $2[12];
+  }
+  let t5;
+  if ($2[13] !== count3) {
+    t5 = Array.from({
+      length: count3
+    });
+    $2[13] = count3;
+    $2[14] = t5;
+  } else {
+    t5 = $2[14];
+  }
+  let t6;
+  if ($2[15] !== delayStep || $2[16] !== duration || $2[17] !== t5) {
+    t6 = t5.map((_2, i2) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+      className: "animate-bounce rounded border-2",
+      style: {
+        animationDuration: `${duration}s`,
+        animationIterationCount: "infinite",
+        animationDelay: `${i2 * delayStep}ms`
+      }
+    }, i2));
+    $2[15] = delayStep;
+    $2[16] = duration;
+    $2[17] = t5;
+    $2[18] = t6;
+  } else {
+    t6 = $2[18];
   }
-  let t2;
-  if ($2[5] !== props || $2[6] !== t1) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", {
-      className: t1,
-      ...props
+  let t7;
+  if ($2[19] !== props || $2[20] !== ref || $2[21] !== t4 || $2[22] !== t6) {
+    t7 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+      className: t4,
+      ref,
+      role: "status",
+      "aria-label": "Loading...",
+      ...props,
+      children: t6
     });
-    $2[5] = props;
-    $2[6] = t1;
-    $2[7] = t2;
+    $2[19] = props;
+    $2[20] = ref;
+    $2[21] = t4;
+    $2[22] = t6;
+    $2[23] = t7;
   } else {
-    t2 = $2[7];
+    t7 = $2[23];
   }
-  return t2;
+  return t7;
 };
-EmptyDescription.displayName = "Empty.Description";
-var EmptyComponent = Object.assign(Empty, {
-  Content: EmptyContent,
-  Icon: EmptyIcon,
-  Title: EmptyTitle,
-  Separator: EmptySeparator,
-  Description: EmptyDescription
-});
 
 // src/constants.ts
 var SERVER_PORT_KEY = "serverPort";
@@ -73642,11 +73704,11 @@ var MAX_INPUT_SIZE = 10 * 1024 * 1024;
 var VALID_PLUGIN_NAME = /^[a-z0-9]+(-[a-z0-9]+)*$/;
 
 // src/side-panel/components/EmptyStates.tsx
-var import_react12 = __toESM(require_react(), 1);
+var import_react13 = __toESM(require_react(), 1);
 var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
 var ConnectionRefusedState = () => {
   const $2 = (0, import_compiler_runtime18.c)(7);
-  const [port, setPort] = (0, import_react12.useState)(DEFAULT_SERVER_PORT);
+  const [port, setPort] = (0, import_react13.useState)(DEFAULT_SERVER_PORT);
   let t0;
   let t1;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -73676,7 +73738,7 @@ var ConnectionRefusedState = () => {
     t0 = $2[0];
     t1 = $2[1];
   }
-  (0, import_react12.useEffect)(t0, t1);
+  (0, import_react13.useEffect)(t0, t1);
   const command = port === DEFAULT_SERVER_PORT ? "opentabs start" : `opentabs start --port ${port}`;
   let t2;
   let t3;
@@ -73787,7 +73849,7 @@ var import_compiler_runtime21 = __toESM(require_compiler_runtime(), 1);
 
 // src/side-panel/components/retro/NumberStepper.tsx
 var import_compiler_runtime19 = __toESM(require_compiler_runtime(), 1);
-var import_react13 = __toESM(require_react(), 1);
+var import_react14 = __toESM(require_react(), 1);
 var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
 var NumberStepper = (t0) => {
   const $2 = (0, import_compiler_runtime19.c)(42);
@@ -73828,7 +73890,7 @@ var NumberStepper = (t0) => {
   const min2 = t1 === void 0 ? 1 : t1;
   const max2 = t2 === void 0 ? 65535 : t2;
   const step = t3 === void 0 ? 1 : t3;
-  const inputRef = (0, import_react13.useRef)(null);
+  const inputRef = (0, import_react14.useRef)(null);
   let t4;
   if ($2[8] !== max2 || $2[9] !== min2 || $2[10] !== onChange) {
     t4 = () => {
@@ -74032,14 +74094,14 @@ var NumberStepper = (t0) => {
 
 // src/side-panel/hooks/useTheme.ts
 var import_compiler_runtime20 = __toESM(require_compiler_runtime(), 1);
-var import_react14 = __toESM(require_react(), 1);
+var import_react15 = __toESM(require_react(), 1);
 var STORAGE_KEY = "theme";
 var applyTheme = (theme) => {
   document.documentElement.classList.toggle("dark", theme === "dark");
 };
 var useTheme = () => {
   const $2 = (0, import_compiler_runtime20.c)(5);
-  const [theme, setTheme] = (0, import_react14.useState)(_temp7);
+  const [theme, setTheme] = (0, import_react15.useState)(_temp7);
   let t0;
   let t1;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -74059,7 +74121,7 @@ var useTheme = () => {
     t0 = $2[0];
     t1 = $2[1];
   }
-  (0, import_react14.useEffect)(t0, t1);
+  (0, import_react15.useEffect)(t0, t1);
   let t2;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = () => {
@@ -74097,11 +74159,11 @@ function _temp33() {
 }
 
 // src/side-panel/components/Footer.tsx
-var import_react15 = __toESM(require_react(), 1);
+var import_react16 = __toESM(require_react(), 1);
 var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
 var PortEditor = () => {
   const $2 = (0, import_compiler_runtime21.c)(5);
-  const [initialPort, setInitialPort] = (0, import_react15.useState)(null);
+  const [initialPort, setInitialPort] = (0, import_react16.useState)(null);
   let t0;
   let t1;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -74120,7 +74182,7 @@ var PortEditor = () => {
     t0 = $2[0];
     t1 = $2[1];
   }
-  (0, import_react15.useEffect)(t0, t1);
+  (0, import_react16.useEffect)(t0, t1);
   const handleChange = _temp34;
   if (initialPort === null) {
     return null;
@@ -74261,14 +74323,14 @@ var import_compiler_runtime26 = __toESM(require_compiler_runtime(), 1);
 
 // src/side-panel/components/FailedPluginCard.tsx
 var import_compiler_runtime22 = __toESM(require_compiler_runtime(), 1);
-var import_react16 = __toESM(require_react(), 1);
+var import_react17 = __toESM(require_react(), 1);
 var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
 var FailedPluginCard = (t0) => {
   const $2 = (0, import_compiler_runtime22.c)(13);
   const {
     plugin
   } = t0;
-  const [expanded, setExpanded] = (0, import_react16.useState)(false);
+  const [expanded, setExpanded] = (0, import_react17.useState)(false);
   let t1;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", {
@@ -75032,7 +75094,7 @@ var DialogObject = Object.assign(Dialog2, {
 });
 
 // src/side-panel/components/PluginMenu.tsx
-var import_react17 = __toESM(require_react(), 1);
+var import_react18 = __toESM(require_react(), 1);
 var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
 var PluginMenu = (t0) => {
   const $2 = (0, import_compiler_runtime24.c)(48);
@@ -75044,7 +75106,7 @@ var PluginMenu = (t0) => {
     removing,
     className
   } = t0;
-  const [confirmOpen, setConfirmOpen] = (0, import_react17.useState)(false);
+  const [confirmOpen, setConfirmOpen] = (0, import_react18.useState)(false);
   const isLocal = plugin.source === "local";
   const removeLabel = isLocal ? "Remove" : "Uninstall";
   let t1;
@@ -75299,10 +75361,10 @@ function _temp26(e_0) {
 }
 
 // src/side-panel/components/PluginCard.tsx
-var import_react18 = __toESM(require_react(), 1);
+var import_react19 = __toESM(require_react(), 1);
 var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
 var PluginCard = (t0) => {
-  const $2 = (0, import_compiler_runtime25.c)(47);
+  const $2 = (0, import_compiler_runtime25.c)(37);
   const {
     plugin,
     activeTools,
@@ -75314,10 +75376,10 @@ var PluginCard = (t0) => {
     removingPlugin,
     actionError
   } = t0;
-  const [toggleError, setToggleError] = (0, import_react18.useState)(null);
-  const errorTimerRef = (0, import_react18.useRef)(void 0);
-  const toggleCounter = (0, import_react18.useRef)(0);
-  const preToggleRef = (0, import_react18.useRef)([]);
+  const [toggleError, setToggleError] = (0, import_react19.useState)(null);
+  const errorTimerRef = (0, import_react19.useRef)(void 0);
+  const toggleCounter = (0, import_react19.useRef)(0);
+  const preToggleRef = (0, import_react19.useRef)([]);
   let t1;
   let t2;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -75329,7 +75391,7 @@ var PluginCard = (t0) => {
     t1 = $2[0];
     t2 = $2[1];
   }
-  (0, import_react18.useEffect)(t1, t2);
+  (0, import_react19.useEffect)(t1, t2);
   const showToggleError = (message) => {
     clearTimeout(errorTimerRef.current);
     setToggleError(message);
@@ -75385,83 +75447,55 @@ var PluginCard = (t0) => {
   };
   const filterLower = toolFilter?.toLowerCase() ?? "";
   const visibleTools = filterLower ? pluginTools.filter((t_2) => matchesTool(t_2, filterLower)) : pluginTools;
-  const t4 = plugin.name;
-  const t5 = !!plugin.update;
+  let t4;
+  if ($2[5] !== activeTools || $2[6] !== plugin.name) {
+    t4 = (t_3) => activeTools.has(`${plugin.name}:${t_3.name}`);
+    $2[5] = activeTools;
+    $2[6] = plugin.name;
+    $2[7] = t4;
+  } else {
+    t4 = $2[7];
+  }
+  const hasActiveTool = pluginTools.some(t4);
+  const t5 = plugin.name;
   let t6;
-  if ($2[5] !== plugin.displayName || $2[6] !== plugin.iconInactiveSvg || $2[7] !== plugin.iconSvg || $2[8] !== plugin.name || $2[9] !== plugin.tabState || $2[10] !== t5) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipObject.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PluginIcon, {
-          pluginName: plugin.name,
-          displayName: plugin.displayName,
-          tabState: plugin.tabState,
-          hasUpdate: t5,
-          size: 32,
-          iconSvg: plugin.iconSvg,
-          iconInactiveSvg: plugin.iconInactiveSvg
-        })
-      })
+  if ($2[8] !== plugin.update) {
+    t6 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
+      children: [" \xB7 Update: ", plugin.update.latestVersion]
     });
-    $2[5] = plugin.displayName;
-    $2[6] = plugin.iconInactiveSvg;
-    $2[7] = plugin.iconSvg;
-    $2[8] = plugin.name;
-    $2[9] = plugin.tabState;
-    $2[10] = t5;
-    $2[11] = t6;
+    $2[8] = plugin.update;
+    $2[9] = t6;
   } else {
-    t6 = $2[11];
+    t6 = $2[9];
   }
   let t7;
-  if ($2[12] !== plugin.update) {
-    t7 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
-      children: [" \xB7 Update: ", plugin.update.latestVersion]
+  if ($2[10] !== plugin.trustTier || $2[11] !== plugin.version || $2[12] !== t6) {
+    t7 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject.Content, {
+      children: ["v", plugin.version, " \xB7 ", plugin.trustTier, t6]
     });
-    $2[12] = plugin.update;
+    $2[10] = plugin.trustTier;
+    $2[11] = plugin.version;
+    $2[12] = t6;
     $2[13] = t7;
   } else {
     t7 = $2[13];
   }
   let t8;
-  if ($2[14] !== plugin.trustTier || $2[15] !== plugin.version || $2[16] !== t7) {
-    t8 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject.Content, {
-      children: ["v", plugin.version, " \xB7 ", plugin.trustTier, t7]
-    });
-    $2[14] = plugin.trustTier;
-    $2[15] = plugin.version;
-    $2[16] = t7;
-    $2[17] = t8;
-  } else {
-    t8 = $2[17];
-  }
-  let t9;
-  if ($2[18] !== t6 || $2[19] !== t8) {
-    t9 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject, {
-      children: [t6, t8]
-    });
-    $2[18] = t6;
-    $2[19] = t8;
-    $2[20] = t9;
-  } else {
-    t9 = $2[20];
-  }
-  let t10;
-  if ($2[21] !== plugin.source) {
-    t10 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge2, {
+  if ($2[14] !== plugin.source) {
+    t8 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge2, {
       variant: "default",
       size: "sm",
       className: "align-middle",
       children: "DEV"
     });
-    $2[21] = plugin.source;
-    $2[22] = t10;
+    $2[14] = plugin.source;
+    $2[15] = t8;
   } else {
-    t10 = $2[22];
+    t8 = $2[15];
   }
-  let t11;
-  if ($2[23] !== plugin.sdkVersion) {
-    t11 = !plugin.sdkVersion && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject, {
+  let t9;
+  if ($2[16] !== plugin.sdkVersion) {
+    t9 = !plugin.sdkVersion && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject, {
       children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipObject.Trigger, {
         asChild: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge2, {
@@ -75474,99 +75508,87 @@ var PluginCard = (t0) => {
         children: "SDK version mismatch \u2014 rebuild plugin"
       })]
     });
-    $2[23] = plugin.sdkVersion;
-    $2[24] = t11;
+    $2[16] = plugin.sdkVersion;
+    $2[17] = t9;
   } else {
-    t11 = $2[24];
+    t9 = $2[17];
   }
-  let t12;
-  if ($2[25] !== plugin.displayName || $2[26] !== t10 || $2[27] !== t11) {
-    t12 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
+  let t10;
+  if ($2[18] !== plugin.displayName || $2[19] !== t8 || $2[20] !== t9) {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
       className: "font-head text-foreground flex min-w-0 flex-1 items-center gap-1.5 truncate text-sm",
-      children: [plugin.displayName, t10, t11]
+      children: [plugin.displayName, t8, t9]
     });
-    $2[25] = plugin.displayName;
-    $2[26] = t10;
-    $2[27] = t11;
-    $2[28] = t12;
+    $2[18] = plugin.displayName;
+    $2[19] = t8;
+    $2[20] = t9;
+    $2[21] = t10;
   } else {
-    t12 = $2[28];
+    t10 = $2[21];
   }
-  let t13;
-  if ($2[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronDown, {
+  let t11;
+  if ($2[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronDown, {
       className: "h-4 w-4 shrink-0 transition-transform duration-200"
     });
-    $2[29] = t13;
-  } else {
-    t13 = $2[29];
-  }
-  let t14;
-  if ($2[30] !== t12 || $2[31] !== t9) {
-    t14 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Trigger22, {
-      className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-3 py-2 focus:outline-hidden [&[data-state=open]>svg]:rotate-180",
-      children: [t9, t12, t13]
-    });
-    $2[30] = t12;
-    $2[31] = t9;
-    $2[32] = t14;
+    $2[22] = t11;
   } else {
-    t14 = $2[32];
+    t11 = $2[22];
   }
-  const t15 = onUpdate ?? _temp27;
-  const t16 = onRemove ?? _temp35;
-  const t17 = updatingPlugin ?? false;
-  const t18 = removingPlugin ?? false;
-  let t19;
-  if ($2[33] !== plugin || $2[34] !== t15 || $2[35] !== t16 || $2[36] !== t17 || $2[37] !== t18) {
-    t19 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PluginMenu, {
+  const t12 = onUpdate ?? _temp27;
+  const t13 = onRemove ?? _temp35;
+  const t14 = updatingPlugin ?? false;
+  const t15 = removingPlugin ?? false;
+  let t16;
+  if ($2[23] !== plugin || $2[24] !== t12 || $2[25] !== t13 || $2[26] !== t14 || $2[27] !== t15) {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PluginMenu, {
       plugin,
-      onUpdate: t15,
-      onRemove: t16,
-      updating: t17,
-      removing: t18,
+      onUpdate: t12,
+      onRemove: t13,
+      updating: t14,
+      removing: t15,
       className: "flex shrink-0 items-center px-1"
     });
-    $2[33] = plugin;
-    $2[34] = t15;
-    $2[35] = t16;
-    $2[36] = t17;
-    $2[37] = t18;
-    $2[38] = t19;
+    $2[23] = plugin;
+    $2[24] = t12;
+    $2[25] = t13;
+    $2[26] = t14;
+    $2[27] = t15;
+    $2[28] = t16;
   } else {
-    t19 = $2[38];
+    t16 = $2[28];
   }
-  let t20;
-  if ($2[39] !== toggleError) {
-    t20 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
+  let t17;
+  if ($2[29] !== toggleError) {
+    t17 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: toggleError
     });
-    $2[39] = toggleError;
-    $2[40] = t20;
+    $2[29] = toggleError;
+    $2[30] = t17;
   } else {
-    t20 = $2[40];
+    t17 = $2[30];
   }
-  let t21;
-  if ($2[41] !== actionError) {
-    t21 = actionError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
+  let t18;
+  if ($2[31] !== actionError) {
+    t18 = actionError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: actionError
     });
-    $2[41] = actionError;
-    $2[42] = t21;
+    $2[31] = actionError;
+    $2[32] = t18;
   } else {
-    t21 = $2[42];
+    t18 = $2[32];
   }
-  const t22 = AccordionComponent;
-  const t23 = "border-border border-t";
-  const t24 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
+  const t19 = AccordionComponent;
+  const t20 = "border-border border-t";
+  const t21 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
     className: "text-muted-foreground mb-1 px-3 pt-2 text-xs",
     children: [visibleTools.length, " of ", pluginTools.length, " tools"]
   });
-  const t25 = visibleTools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolRow, {
+  const t22 = visibleTools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolRow, {
     name: tool.name,
     displayName: tool.displayName,
     description: tool.description,
@@ -75575,25 +75597,44 @@ var PluginCard = (t0) => {
     active: activeTools.has(`${plugin.name}:${tool.name}`),
     onToggle: () => handleToggleTool(tool.name, tool.enabled)
   }, tool.name));
-  let t26;
-  if ($2[43] !== t22.Content || $2[44] !== t24 || $2[45] !== t25) {
-    t26 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(t22.Content, {
-      className: t23,
-      children: [t24, t25]
+  let t23;
+  if ($2[33] !== t19.Content || $2[34] !== t21 || $2[35] !== t22) {
+    t23 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(t19.Content, {
+      className: t20,
+      children: [t21, t22]
     });
-    $2[43] = t22.Content;
-    $2[44] = t24;
-    $2[45] = t25;
-    $2[46] = t26;
+    $2[33] = t19.Content;
+    $2[34] = t21;
+    $2[35] = t22;
+    $2[36] = t23;
   } else {
-    t26 = $2[46];
+    t23 = $2[36];
   }
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(AccordionComponent.Item, {
-    value: t4,
+    value: t5,
     className: removingPlugin ? "pointer-events-none opacity-60 transition-opacity" : void 0,
     children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Header, {
       className: "flex",
-      children: [t14, t19, /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Trigger22, {
+        className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-3 py-2 focus:outline-hidden [&[data-state=open]>svg]:rotate-180",
+        children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject, {
+          children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipObject.Trigger, {
+            asChild: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PluginIcon, {
+                pluginName: plugin.name,
+                displayName: plugin.displayName,
+                tabState: plugin.tabState,
+                hasUpdate: !!plugin.update,
+                size: 32,
+                iconSvg: plugin.iconSvg,
+                iconInactiveSvg: plugin.iconInactiveSvg,
+                active: hasActiveTool
+              })
+            })
+          }), t7]
+        }), t10, t11]
+      }), t16, /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
         className: "flex shrink-0 items-center px-3",
         onClick: _temp42,
         onKeyDown: _temp52,
@@ -75604,7 +75645,7 @@ var PluginCard = (t0) => {
           "aria-label": `Toggle all tools for ${plugin.name}`
         })
       })]
-    }), t20, t21, t26]
+    }), t17, t18, t23]
   });
 };
 function _temp10(t2) {
@@ -76228,15 +76269,14 @@ function _temp12(p_1) {
 
 // src/side-panel/hooks/useServerNotifications.ts
 var import_compiler_runtime30 = __toESM(require_compiler_runtime(), 1);
-var import_react19 = __toESM(require_react(), 1);
+var import_react20 = __toESM(require_react(), 1);
 var validTabStates = /* @__PURE__ */ new Set(["closed", "unavailable", "ready"]);
 var useServerNotifications = (t0) => {
-  const $2 = (0, import_compiler_runtime30.c)(10);
+  const $2 = (0, import_compiler_runtime30.c)(9);
   const {
     setPlugins,
     setActiveTools,
-    setPendingConfirmations,
-    pendingTabStates
+    setPendingConfirmations
   } = t0;
   let t1;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -76245,7 +76285,7 @@ var useServerNotifications = (t0) => {
   } else {
     t1 = $2[0];
   }
-  const timeoutIds = (0, import_react19.useRef)(t1);
+  const timeoutIds = (0, import_react20.useRef)(t1);
   let t2;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ new Map();
@@ -76253,7 +76293,7 @@ var useServerNotifications = (t0) => {
   } else {
     t2 = $2[1];
   }
-  const invocationTimeoutIds = (0, import_react19.useRef)(t2);
+  const invocationTimeoutIds = (0, import_react20.useRef)(t2);
   let t3;
   let t4;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -76278,7 +76318,7 @@ var useServerNotifications = (t0) => {
     t3 = $2[2];
     t4 = $2[3];
   }
-  (0, import_react19.useEffect)(t3, t4);
+  (0, import_react20.useEffect)(t3, t4);
   let t5;
   if ($2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = (id_1) => {
@@ -76294,7 +76334,7 @@ var useServerNotifications = (t0) => {
   }
   const clearConfirmationTimeout = t5;
   let t6;
-  if ($2[5] !== pendingTabStates || $2[6] !== setActiveTools || $2[7] !== setPendingConfirmations || $2[8] !== setPlugins) {
+  if ($2[5] !== setActiveTools || $2[6] !== setPendingConfirmations || $2[7] !== setPlugins) {
     const handleNotification = (data) => {
       if (data.method === "confirmation.request" && data.params) {
         const params = data.params;
@@ -76326,16 +76366,10 @@ var useServerNotifications = (t0) => {
         if (typeof params_0.plugin === "string" && typeof params_0.state === "string" && validTabStates.has(params_0.state) && VALID_PLUGIN_NAME.test(params_0.plugin)) {
           const pluginName = params_0.plugin;
           const newState = params_0.state;
-          setPlugins((prev_1) => {
-            if (prev_1.length === 0) {
-              pendingTabStates.current.set(pluginName, newState);
-              return prev_1;
-            }
-            return prev_1.map((p3) => p3.name === pluginName ? {
-              ...p3,
-              tabState: newState
-            } : p3);
-          });
+          setPlugins((prev_1) => prev_1.map((p3) => p3.name === pluginName ? {
+            ...p3,
+            tabState: newState
+          } : p3));
         }
       }
       if (data.method === "tool.invocationStart" && data.params) {
@@ -76379,13 +76413,12 @@ var useServerNotifications = (t0) => {
       handleNotification,
       clearConfirmationTimeout
     };
-    $2[5] = pendingTabStates;
-    $2[6] = setActiveTools;
-    $2[7] = setPendingConfirmations;
-    $2[8] = setPlugins;
-    $2[9] = t6;
+    $2[5] = setActiveTools;
+    $2[6] = setPendingConfirmations;
+    $2[7] = setPlugins;
+    $2[8] = t6;
   } else {
-    t6 = $2[9];
+    t6 = $2[8];
   }
   return t6;
 };
@@ -76556,7 +76589,7 @@ var BROWSER_TOOLS_CATALOG = [{
 }];
 
 // ../../node_modules/overlayscrollbars-react/overlayscrollbars-react.mjs
-var import_react20 = __toESM(require_react(), 1);
+var import_react21 = __toESM(require_react(), 1);
 
 // ../../node_modules/overlayscrollbars/overlayscrollbars.mjs
 var createCache = (t2, n2) => {
@@ -79155,22 +79188,22 @@ var S2 = () => {
   ];
 };
 var F2 = (l2) => {
-  const { options: o2, events: t2, defer: c2 } = l2 || {}, [a2, i2] = (0, import_react20.useMemo)(S2, []), r3 = (0, import_react20.useRef)(null), u2 = (0, import_react20.useRef)(c2), s2 = (0, import_react20.useRef)(o2), n2 = (0, import_react20.useRef)(t2);
-  return (0, import_react20.useEffect)(() => {
+  const { options: o2, events: t2, defer: c2 } = l2 || {}, [a2, i2] = (0, import_react21.useMemo)(S2, []), r3 = (0, import_react21.useRef)(null), u2 = (0, import_react21.useRef)(c2), s2 = (0, import_react21.useRef)(o2), n2 = (0, import_react21.useRef)(t2);
+  return (0, import_react21.useEffect)(() => {
     u2.current = c2;
-  }, [c2]), (0, import_react20.useEffect)(() => {
+  }, [c2]), (0, import_react21.useEffect)(() => {
     const { current: e2 } = r3;
     s2.current = o2, OverlayScrollbars.valid(e2) && e2.options(o2 || {}, true);
-  }, [o2]), (0, import_react20.useEffect)(() => {
+  }, [o2]), (0, import_react21.useEffect)(() => {
     const { current: e2 } = r3;
     n2.current = t2, OverlayScrollbars.valid(e2) && e2.on(t2 || {}, true);
-  }, [t2]), (0, import_react20.useEffect)(
+  }, [t2]), (0, import_react21.useEffect)(
     () => () => {
       var e2;
       i2(), (e2 = r3.current) == null || e2.destroy();
     },
     []
-  ), (0, import_react20.useMemo)(
+  ), (0, import_react21.useMemo)(
     () => [
       (e2) => {
         const v2 = r3.current;
@@ -79185,8 +79218,8 @@ var F2 = (l2) => {
   );
 };
 var q2 = (l2, o2) => {
-  const { element: t2 = "div", options: c2, events: a2, defer: i2, children: r3, ...u2 } = l2, s2 = t2, n2 = (0, import_react20.useRef)(null), e2 = (0, import_react20.useRef)(null), [v2, f2] = F2({ options: c2, events: a2, defer: i2 });
-  return (0, import_react20.useEffect)(() => {
+  const { element: t2 = "div", options: c2, events: a2, defer: i2, children: r3, ...u2 } = l2, s2 = t2, n2 = (0, import_react21.useRef)(null), e2 = (0, import_react21.useRef)(null), [v2, f2] = F2({ options: c2, events: a2, defer: i2 });
+  return (0, import_react21.useEffect)(() => {
     const { current: y2 } = n2, { current: b2 } = e2;
     if (!y2)
       return;
@@ -79208,7 +79241,7 @@ var q2 = (l2, o2) => {
       var R2;
       return (R2 = f2()) == null ? void 0 : R2.destroy();
     };
-  }, [v2, t2]), (0, import_react20.useImperativeHandle)(
+  }, [v2, t2]), (0, import_react21.useImperativeHandle)(
     o2,
     () => ({
       osInstance: f2,
@@ -79216,17 +79249,17 @@ var q2 = (l2, o2) => {
     }),
     []
   ), // @ts-ignore
-  /* @__PURE__ */ import_react20.default.createElement(s2, { "data-overlayscrollbars-initialize": "", ref: n2, ...u2 }, t2 === "body" ? r3 : /* @__PURE__ */ import_react20.default.createElement("div", { "data-overlayscrollbars-contents": "", ref: e2 }, r3));
+  /* @__PURE__ */ import_react21.default.createElement(s2, { "data-overlayscrollbars-initialize": "", ref: n2, ...u2 }, t2 === "body" ? r3 : /* @__PURE__ */ import_react21.default.createElement("div", { "data-overlayscrollbars-contents": "", ref: e2 }, r3));
 };
-var g2 = (0, import_react20.forwardRef)(q2);
+var g2 = (0, import_react21.forwardRef)(q2);
 
 // src/side-panel/App.tsx
-var import_react21 = __toESM(require_react(), 1);
+var import_react22 = __toESM(require_react(), 1);
 var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
 var App = () => {
-  const $2 = (0, import_compiler_runtime31.c)(68);
-  const [connected, setConnected] = (0, import_react21.useState)(false);
-  const [disconnectReason, setDisconnectReason] = (0, import_react21.useState)();
+  const $2 = (0, import_compiler_runtime31.c)(67);
+  const [connected, setConnected] = (0, import_react22.useState)(false);
+  const [disconnectReason, setDisconnectReason] = (0, import_react22.useState)();
   let t0;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = [];
@@ -79234,7 +79267,7 @@ var App = () => {
   } else {
     t0 = $2[0];
   }
-  const [plugins, setPlugins] = (0, import_react21.useState)(t0);
+  const [plugins, setPlugins] = (0, import_react22.useState)(t0);
   let t1;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
@@ -79242,10 +79275,10 @@ var App = () => {
   } else {
     t1 = $2[1];
   }
-  const [failedPlugins, setFailedPlugins] = (0, import_react21.useState)(t1);
-  const [browserTools, setBrowserTools] = (0, import_react21.useState)(_temp28);
-  const [serverVersion, setServerVersion] = (0, import_react21.useState)(void 0);
-  const [loading, setLoading] = (0, import_react21.useState)(true);
+  const [failedPlugins, setFailedPlugins] = (0, import_react22.useState)(t1);
+  const [browserTools, setBrowserTools] = (0, import_react22.useState)(_temp28);
+  const [serverVersion, setServerVersion] = (0, import_react22.useState)(void 0);
+  const [loading, setLoading] = (0, import_react22.useState)(true);
   let t2;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ new Set();
@@ -79253,8 +79286,8 @@ var App = () => {
   } else {
     t2 = $2[2];
   }
-  const [activeTools, setActiveTools] = (0, import_react21.useState)(t2);
-  const [searchQuery, setSearchQuery] = (0, import_react21.useState)("");
+  const [activeTools, setActiveTools] = (0, import_react22.useState)(t2);
+  const [searchQuery, setSearchQuery] = (0, import_react22.useState)("");
   let t3;
   if ($2[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = [];
@@ -79262,7 +79295,7 @@ var App = () => {
   } else {
     t3 = $2[3];
   }
-  const [pendingConfirmations, setPendingConfirmations] = (0, import_react21.useState)(t3);
+  const [pendingConfirmations, setPendingConfirmations] = (0, import_react22.useState)(t3);
   let t4;
   if ($2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = [];
@@ -79270,8 +79303,8 @@ var App = () => {
   } else {
     t4 = $2[4];
   }
-  const [npmResults, setNpmResults] = (0, import_react21.useState)(t4);
-  const [npmSearching, setNpmSearching] = (0, import_react21.useState)(false);
+  const [npmResults, setNpmResults] = (0, import_react22.useState)(t4);
+  const [npmSearching, setNpmSearching] = (0, import_react22.useState)(false);
   let t5;
   if ($2[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = /* @__PURE__ */ new Set();
@@ -79279,7 +79312,7 @@ var App = () => {
   } else {
     t5 = $2[5];
   }
-  const [installingPlugins, setInstallingPlugins] = (0, import_react21.useState)(t5);
+  const [installingPlugins, setInstallingPlugins] = (0, import_react22.useState)(t5);
   let t6;
   if ($2[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ new Set();
@@ -79287,7 +79320,7 @@ var App = () => {
   } else {
     t6 = $2[6];
   }
-  const [removingPlugins, setRemovingPlugins] = (0, import_react21.useState)(t6);
+  const [removingPlugins, setRemovingPlugins] = (0, import_react22.useState)(t6);
   let t7;
   if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ new Map();
@@ -79295,7 +79328,7 @@ var App = () => {
   } else {
     t7 = $2[7];
   }
-  const [installErrors, setInstallErrors] = (0, import_react21.useState)(t7);
+  const [installErrors, setInstallErrors] = (0, import_react22.useState)(t7);
   let t8;
   if ($2[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ new Map();
@@ -79303,8 +79336,7 @@ var App = () => {
   } else {
     t8 = $2[8];
   }
-  const [pluginErrors, setPluginErrors] = (0, import_react21.useState)(t8);
-  const lastFetchRef = (0, import_react21.useRef)(0);
+  const [pluginErrors, setPluginErrors] = (0, import_react22.useState)(t8);
   let t9;
   if ($2[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ new Map();
@@ -79312,74 +79344,65 @@ var App = () => {
   } else {
     t9 = $2[9];
   }
-  const pluginErrorTimers = (0, import_react21.useRef)(t9);
+  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);
   let t10;
-  if ($2[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t10 = /* @__PURE__ */ new Map();
-    $2[10] = t10;
-  } else {
-    t10 = $2[10];
-  }
-  const pendingTabStates = (0, import_react21.useRef)(t10);
-  const npmSearchTimer = (0, import_react21.useRef)(void 0);
-  const npmSearchCounter = (0, import_react21.useRef)(0);
-  const connectedRef = (0, import_react21.useRef)(connected);
-  const loadingRef = (0, import_react21.useRef)(loading);
-  const pluginsRef = (0, import_react21.useRef)(plugins);
   let t11;
-  let t12;
-  if ($2[11] !== connected || $2[12] !== loading || $2[13] !== plugins) {
-    t11 = () => {
+  if ($2[10] !== connected || $2[11] !== loading || $2[12] !== plugins) {
+    t10 = () => {
       connectedRef.current = connected;
       loadingRef.current = loading;
       pluginsRef.current = plugins;
     };
-    t12 = [connected, loading, plugins];
-    $2[11] = connected;
-    $2[12] = loading;
-    $2[13] = plugins;
+    t11 = [connected, loading, plugins];
+    $2[10] = connected;
+    $2[11] = loading;
+    $2[12] = plugins;
+    $2[13] = t10;
     $2[14] = t11;
-    $2[15] = t12;
   } else {
+    t10 = $2[13];
     t11 = $2[14];
-    t12 = $2[15];
   }
-  (0, import_react21.useEffect)(t11, t12);
-  let t13;
-  if ($2[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t13 = {
+  (0, import_react22.useEffect)(t10, t11);
+  let t12;
+  if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t12 = {
       setPlugins,
       setActiveTools,
-      setPendingConfirmations,
-      pendingTabStates
+      setPendingConfirmations
     };
-    $2[16] = t13;
+    $2[15] = t12;
   } else {
-    t13 = $2[16];
+    t12 = $2[15];
   }
   const {
     handleNotification,
     clearConfirmationTimeout
-  } = useServerNotifications(t13);
+  } = useServerNotifications(t12);
+  let t13;
   let t14;
-  let t15;
-  if ($2[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t14 = () => () => {
+  if ($2[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t13 = () => () => {
       for (const timer of pluginErrorTimers.current.values()) {
         clearTimeout(timer);
       }
     };
-    t15 = [];
+    t14 = [];
+    $2[16] = t13;
     $2[17] = t14;
-    $2[18] = t15;
   } else {
+    t13 = $2[16];
     t14 = $2[17];
-    t15 = $2[18];
   }
-  (0, import_react21.useEffect)(t14, t15);
-  let t16;
-  if ($2[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t16 = (pluginName, message) => {
+  (0, import_react22.useEffect)(t13, t14);
+  let t15;
+  if ($2[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t15 = (pluginName, message) => {
       const existing = pluginErrorTimers.current.get(pluginName);
       if (existing) {
         clearTimeout(existing);
@@ -79394,14 +79417,14 @@ var App = () => {
         pluginErrorTimers.current.delete(pluginName);
       }, ERROR_DISPLAY_DURATION_MS));
     };
-    $2[19] = t16;
+    $2[18] = t15;
   } else {
-    t16 = $2[19];
+    t15 = $2[18];
   }
-  const showPluginError = t16;
-  let t17;
-  if ($2[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t17 = (pluginName_0) => {
+  const showPluginError = t15;
+  let t16;
+  if ($2[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t16 = (pluginName_0) => {
       const existing_0 = pluginErrorTimers.current.get(pluginName_0);
       if (existing_0) {
         clearTimeout(existing_0);
@@ -79413,14 +79436,14 @@ var App = () => {
         return next_0;
       });
     };
-    $2[20] = t17;
+    $2[19] = t16;
   } else {
-    t17 = $2[20];
+    t16 = $2[19];
   }
-  const clearPluginError = t17;
-  let t18;
-  if ($2[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t18 = (query) => {
+  const clearPluginError = t16;
+  let t17;
+  if ($2[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t17 = (query) => {
       setSearchQuery(query);
       clearTimeout(npmSearchTimer.current);
       if (!query.trim()) {
@@ -79446,14 +79469,14 @@ var App = () => {
         });
       }, 400);
     };
-    $2[21] = t18;
+    $2[20] = t17;
   } else {
-    t18 = $2[21];
+    t17 = $2[20];
   }
-  const handleSearchChange = t18;
-  let t19;
-  if ($2[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t19 = (name) => {
+  const handleSearchChange = t17;
+  let t18;
+  if ($2[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t18 = (name) => {
       setInstallingPlugins((prev_2) => new Set(prev_2).add(name));
       setInstallErrors((prev_3) => {
         const next_1 = new Map(prev_3);
@@ -79476,14 +79499,14 @@ var App = () => {
         setInstallErrors((prev_6) => new Map(prev_6).set(name, err instanceof Error ? err.message : String(err)));
       });
     };
-    $2[22] = t19;
+    $2[21] = t18;
   } else {
-    t19 = $2[22];
+    t18 = $2[21];
   }
-  const handleInstall = t19;
-  let t20;
-  if ($2[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t20 = (pluginName_1) => {
+  const handleInstall = t18;
+  let t19;
+  if ($2[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t19 = (pluginName_1) => {
       clearPluginError(pluginName_1);
       setRemovingPlugins((prev_7) => new Set(prev_7).add(pluginName_1));
       removePlugin(pluginName_1).then(() => {
@@ -79501,73 +79524,53 @@ var App = () => {
         showPluginError(pluginName_1, err_0 instanceof Error ? err_0.message : String(err_0));
       });
     };
-    $2[23] = t20;
+    $2[22] = t19;
   } else {
-    t20 = $2[23];
+    t19 = $2[22];
   }
-  const handleRemove = t20;
-  let t21;
-  if ($2[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t21 = (pluginName_2) => {
+  const handleRemove = t19;
+  let t20;
+  if ($2[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t20 = (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[24] = t21;
+    $2[23] = t20;
   } else {
-    t21 = $2[24];
+    t20 = $2[23];
   }
-  const handleUpdate = t21;
+  const handleUpdate = t20;
+  let t21;
   let t22;
-  let t23;
-  if ($2[25] !== handleNotification) {
-    t22 = () => {
-      const loadPlugins = () => {
-        const now = Date.now();
-        if (now - lastFetchRef.current < 200) {
-          return Promise.resolve();
-        }
-        lastFetchRef.current = now;
-        return fetchConfigState().then((result_0) => {
-          let updatedPlugins = result_0.plugins ?? [];
-          if (pendingTabStates.current.size > 0) {
-            updatedPlugins = updatedPlugins.map((p3) => {
-              const buffered = pendingTabStates.current.get(p3.name);
-              return buffered ? {
-                ...p3,
-                tabState: buffered
-              } : p3;
-            });
-            pendingTabStates.current.clear();
-          }
-          setPlugins(updatedPlugins);
-          setFailedPlugins(result_0.failedPlugins ?? []);
-          setBrowserTools((prev_10) => prev_10.map((t_0) => {
-            const serverTool = result_0.browserTools?.find((s2) => s2.name === t_0.name);
-            return serverTool ? {
-              ...t_0,
-              enabled: serverTool.enabled
-            } : t_0;
-          }));
-          setServerVersion(result_0.serverVersion);
-          setActiveTools((prev_11) => {
-            const next_6 = /* @__PURE__ */ new Set();
-            for (const key of prev_11) {
-              if (key.startsWith("browser:") || updatedPlugins.some((p_0) => key.startsWith(p_0.name + ":"))) {
-                next_6.add(key);
-              }
+  if ($2[24] !== handleNotification) {
+    t21 = () => {
+      const applyFullState = (result_0) => {
+        setConnected(result_0.connected);
+        setDisconnectReason(result_0.disconnectReason);
+        setPlugins(result_0.plugins);
+        setFailedPlugins(result_0.failedPlugins);
+        setBrowserTools((prev_10) => prev_10.map((t_0) => {
+          const serverTool = result_0.browserTools.find((s2) => s2.name === t_0.name);
+          return serverTool ? {
+            ...t_0,
+            enabled: serverTool.enabled
+          } : t_0;
+        }));
+        setServerVersion(result_0.serverVersion);
+        setActiveTools((prev_11) => {
+          const next_6 = /* @__PURE__ */ new Set();
+          for (const key of prev_11) {
+            if (key.startsWith("browser:") || result_0.plugins.some((p3) => key.startsWith(p3.name + ":"))) {
+              next_6.add(key);
             }
-            return next_6;
-          });
-        }).catch(_temp36);
+          }
+          return next_6;
+        });
       };
-      getConnectionState().then(async (result_1) => {
-        setConnected(result_1.connected);
-        setDisconnectReason(result_1.disconnectReason);
-        if (result_1.connected) {
-          await loadPlugins();
-        }
+      getFullState().then((result_1) => {
+        applyFullState(result_1);
         setLoading(false);
       }).catch(() => {
         setLoading(false);
@@ -79582,7 +79585,7 @@ var App = () => {
               connected: connectedRef.current,
               loading: loadingRef.current,
               pluginCount: currentPlugins.length,
-              plugins: currentPlugins.map(_temp43)
+              plugins: currentPlugins.map(_temp36)
             },
             html
           });
@@ -79593,7 +79596,7 @@ var App = () => {
           setConnected(isConnected);
           setDisconnectReason(isConnected ? void 0 : message_0.data.disconnectReason);
           if (isConnected) {
-            loadPlugins();
+            getFullState().then(applyFullState).catch(_temp43);
           } else {
             setPlugins([]);
             setFailedPlugins([]);
@@ -79605,7 +79608,6 @@ var App = () => {
             clearTimeout(npmSearchTimer.current);
             setNpmResults([]);
             setNpmSearching(false);
-            rejectAllPending();
           }
           sendResponse({
             ok: true
@@ -79614,14 +79616,8 @@ var App = () => {
         }
         if (message_0.type === "sp:serverMessage") {
           const data = message_0.data;
-          if (handleServerResponse(data)) {
-            sendResponse({
-              ok: true
-            });
-            return true;
-          }
           if (data.method === "plugins.changed") {
-            loadPlugins();
+            getFullState().then(applyFullState).catch(_temp62);
             sendResponse({
               ok: true
             });
@@ -79633,13 +79629,6 @@ var App = () => {
           });
           return true;
         }
-        if (message_0.type === "ws:message") {
-          const wsData = message_0.data;
-          if (wsData?.method === "sync.full") {
-            loadPlugins();
-          }
-          return false;
-        }
         return false;
       };
       chrome.runtime.onMessage.addListener(listener);
@@ -79648,65 +79637,65 @@ var App = () => {
         chrome.runtime.onMessage.removeListener(listener);
       };
     };
-    t23 = [handleNotification];
-    $2[25] = handleNotification;
+    t22 = [handleNotification];
+    $2[24] = handleNotification;
+    $2[25] = t21;
     $2[26] = t22;
-    $2[27] = t23;
   } else {
+    t21 = $2[25];
     t22 = $2[26];
-    t23 = $2[27];
   }
-  (0, import_react21.useEffect)(t22, t23);
-  let t24;
-  if ($2[28] !== clearConfirmationTimeout) {
-    t24 = (id, decision, scope) => {
+  (0, import_react22.useEffect)(t21, t22);
+  let t23;
+  if ($2[27] !== clearConfirmationTimeout) {
+    t23 = (id, decision, scope) => {
       clearConfirmationTimeout(id);
       sendConfirmationResponse(id, decision, scope);
       setPendingConfirmations((prev_12) => prev_12.filter((c2) => c2.id !== id));
     };
-    $2[28] = clearConfirmationTimeout;
-    $2[29] = t24;
+    $2[27] = clearConfirmationTimeout;
+    $2[28] = t23;
   } else {
-    t24 = $2[29];
+    t23 = $2[28];
   }
-  const handleConfirmationRespond = t24;
-  let t25;
-  if ($2[30] !== clearConfirmationTimeout || $2[31] !== pendingConfirmations) {
-    t25 = () => {
+  const handleConfirmationRespond = t23;
+  let t24;
+  if ($2[29] !== clearConfirmationTimeout || $2[30] !== pendingConfirmations) {
+    t24 = () => {
       for (const c_0 of pendingConfirmations) {
         clearConfirmationTimeout(c_0.id);
         sendConfirmationResponse(c_0.id, "deny");
       }
       setPendingConfirmations([]);
     };
-    $2[30] = clearConfirmationTimeout;
-    $2[31] = pendingConfirmations;
-    $2[32] = t25;
+    $2[29] = clearConfirmationTimeout;
+    $2[30] = pendingConfirmations;
+    $2[31] = t24;
   } else {
-    t25 = $2[32];
+    t24 = $2[31];
   }
-  const handleDenyAll = t25;
+  const handleDenyAll = t24;
   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[33] !== connected || $2[34] !== handleConfirmationRespond || $2[35] !== handleDenyAll || $2[36] !== pendingConfirmations) {
-    t26 = connected && pendingConfirmations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ConfirmationDialog, {
+  let t25;
+  if ($2[32] !== connected || $2[33] !== handleConfirmationRespond || $2[34] !== handleDenyAll || $2[35] !== pendingConfirmations) {
+    t25 = connected && pendingConfirmations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ConfirmationDialog, {
       confirmations: pendingConfirmations,
       onRespond: handleConfirmationRespond,
       onDenyAll: handleDenyAll
     });
-    $2[33] = connected;
-    $2[34] = handleConfirmationRespond;
-    $2[35] = handleDenyAll;
-    $2[36] = pendingConfirmations;
-    $2[37] = t26;
+    $2[32] = connected;
+    $2[33] = handleConfirmationRespond;
+    $2[34] = handleDenyAll;
+    $2[35] = pendingConfirmations;
+    $2[36] = t25;
   } else {
-    t26 = $2[37];
+    t25 = $2[36];
   }
-  let t27;
-  if ($2[38] !== searchQuery || $2[39] !== showSearchBar) {
-    t27 = showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {
+  let t26;
+  if ($2[37] !== searchQuery || $2[38] !== showSearchBar) {
+    t26 = showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {
       className: "shrink-0 px-4 pt-4 pb-2",
       children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", {
         className: "relative",
@@ -79727,35 +79716,35 @@ var App = () => {
         })]
       })
     });
-    $2[38] = searchQuery;
-    $2[39] = showSearchBar;
-    $2[40] = t27;
+    $2[37] = searchQuery;
+    $2[38] = showSearchBar;
+    $2[39] = t26;
   } else {
-    t27 = $2[40];
+    t26 = $2[39];
   }
+  let t27;
   let t28;
-  let t29;
-  if ($2[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t28 = {
+  if ($2[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t27 = {
       height: 0
     };
-    t29 = {
+    t28 = {
       scrollbars: {
         theme: "os-theme-retro",
         autoHide: "scroll",
         autoHideDelay: 600
       }
     };
+    $2[40] = t27;
     $2[41] = t28;
-    $2[42] = t29;
   } else {
+    t27 = $2[40];
     t28 = $2[41];
-    t29 = $2[42];
   }
-  const t30 = `px-4 pb-4 ${showSearchBar ? "pt-2" : "pt-4"} ${showPlugins ? "" : "flex min-h-full items-center justify-center"}`;
-  let t31;
-  if ($2[43] !== activeTools || $2[44] !== browserTools || $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] !== npmSearching || $2[54] !== pluginErrors || $2[55] !== plugins || $2[56] !== removingPlugins || $2[57] !== searchQuery || $2[58] !== serverVersion) {
-    t31 = loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(LoadingState, {}) : !connected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DisconnectedState, {
+  const t29 = `px-4 pb-4 ${showSearchBar ? "pt-2" : "pt-4"} ${showPlugins ? "" : "flex min-h-full items-center justify-center"}`;
+  let t30;
+  if ($2[42] !== activeTools || $2[43] !== browserTools || $2[44] !== connected || $2[45] !== disconnectReason || $2[46] !== failedPlugins || $2[47] !== hasContent || $2[48] !== installErrors || $2[49] !== installingPlugins || $2[50] !== loading || $2[51] !== npmResults || $2[52] !== npmSearching || $2[53] !== pluginErrors || $2[54] !== plugins || $2[55] !== removingPlugins || $2[56] !== searchQuery || $2[57] !== serverVersion) {
+    t30 = loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(LoadingState, {}) : !connected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DisconnectedState, {
       reason: disconnectReason
     }) : searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SearchResults, {
       plugins,
@@ -79797,66 +79786,66 @@ var App = () => {
         pluginErrors
       })]
     }) : null;
-    $2[43] = activeTools;
-    $2[44] = browserTools;
-    $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] = npmSearching;
-    $2[54] = pluginErrors;
-    $2[55] = plugins;
-    $2[56] = removingPlugins;
-    $2[57] = searchQuery;
-    $2[58] = serverVersion;
-    $2[59] = t31;
+    $2[42] = activeTools;
+    $2[43] = browserTools;
+    $2[44] = connected;
+    $2[45] = disconnectReason;
+    $2[46] = failedPlugins;
+    $2[47] = hasContent;
+    $2[48] = installErrors;
+    $2[49] = installingPlugins;
+    $2[50] = loading;
+    $2[51] = npmResults;
+    $2[52] = npmSearching;
+    $2[53] = pluginErrors;
+    $2[54] = plugins;
+    $2[55] = removingPlugins;
+    $2[56] = searchQuery;
+    $2[57] = serverVersion;
+    $2[58] = t30;
   } else {
-    t31 = $2[59];
+    t30 = $2[58];
   }
-  let t32;
-  if ($2[60] !== t30 || $2[61] !== t31) {
-    t32 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(g2, {
+  let t31;
+  if ($2[59] !== t29 || $2[60] !== t30) {
+    t31 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(g2, {
       className: "flex-1",
-      style: t28,
-      options: t29,
+      style: t27,
+      options: t28,
       children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("main", {
-        className: t30,
-        children: t31
+        className: t29,
+        children: t30
       })
     });
+    $2[59] = t29;
     $2[60] = t30;
     $2[61] = t31;
+  } else {
+    t31 = $2[61];
+  }
+  let t32;
+  if ($2[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t32 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Footer, {});
     $2[62] = t32;
   } else {
     t32 = $2[62];
   }
   let t33;
-  if ($2[63] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t33 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Footer, {});
-    $2[63] = t33;
-  } else {
-    t33 = $2[63];
-  }
-  let t34;
-  if ($2[64] !== t26 || $2[65] !== t27 || $2[66] !== t32) {
-    t34 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipObject.Provider, {
+  if ($2[63] !== t25 || $2[64] !== t26 || $2[65] !== t31) {
+    t33 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipObject.Provider, {
       children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", {
         className: "text-foreground flex h-screen flex-col overflow-hidden",
-        children: [t26, t27, t32, t33]
+        children: [t25, t26, t31, t32]
       })
     });
+    $2[63] = t25;
     $2[64] = t26;
-    $2[65] = t27;
-    $2[66] = t32;
-    $2[67] = t34;
+    $2[65] = t31;
+    $2[66] = t33;
   } else {
-    t34 = $2[67];
+    t33 = $2[66];
   }
-  return t34;
+  return t33;
 };
 function _temp14(t2) {
   return {
@@ -79867,25 +79856,27 @@ function _temp14(t2) {
 function _temp28() {
   return BROWSER_TOOLS_CATALOG.map(_temp14);
 }
-function _temp36() {
-}
-function _temp43(p_1) {
+function _temp36(p_0) {
   return {
-    name: p_1.name,
-    tabState: p_1.tabState
+    name: p_0.name,
+    tabState: p_0.tabState
   };
 }
+function _temp43() {
+}
 function _temp53(t_1) {
   return {
     ...t_1,
     enabled: true
   };
 }
+function _temp62() {
+}
 
 // src/side-panel/components/ErrorBoundary.tsx
-var import_react22 = __toESM(require_react(), 1);
+var import_react23 = __toESM(require_react(), 1);
 var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
-var ErrorBoundary = class extends import_react22.Component {
+var ErrorBoundary = class extends import_react23.Component {
   state = {
     hasError: false
   };
@@ -79923,7 +79914,7 @@ var ErrorBoundary = class extends import_react22.Component {
 };
 
 // src/side-panel/index.tsx
-var import_react23 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 var import_client = __toESM(require_client(), 1);
 var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
 var rootEl = document.getElementById("root");
@@ -79931,7 +79922,7 @@ if (!rootEl) {
   throw new Error("Root element not found");
 }
 var root = (0, import_client.createRoot)(rootEl);
-root.render(/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react23.StrictMode, {
+root.render(/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react24.StrictMode, {
   children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ErrorBoundary, {
     children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(App, {})
   })