npm - @opentabs-dev/browser-extension - Versions diffs - 0.0.75 → 0.0.77 - Mend

@opentabs-dev/browser-extension 0.0.75 → 0.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/background-message-handlers.d.ts +3 -1
package/dist/background-message-handlers.d.ts.map +1 -1
package/dist/background-message-handlers.js +15 -1
package/dist/background-message-handlers.js.map +1 -1
package/dist/background.js +54 -8
package/dist/extension-messages.d.ts +8 -1
package/dist/extension-messages.d.ts.map +1 -1
package/dist/iife-injection.d.ts +1 -1
package/dist/iife-injection.d.ts.map +1 -1
package/dist/iife-injection.js +30 -5
package/dist/iife-injection.js.map +1 -1
package/dist/message-router.d.ts +4 -1
package/dist/message-router.d.ts.map +1 -1
package/dist/message-router.js +25 -2
package/dist/message-router.js.map +1 -1
package/dist/side-panel/bridge.d.ts +3 -1
package/dist/side-panel/bridge.d.ts.map +1 -1
package/dist/side-panel/bridge.js +3 -1
package/dist/side-panel/bridge.js.map +1 -1
package/dist/side-panel/components/ConfigDialog.d.ts +14 -0
package/dist/side-panel/components/ConfigDialog.d.ts.map +1 -0
package/dist/side-panel/components/ConfigDialog.js +97 -0
package/dist/side-panel/components/ConfigDialog.js.map +1 -0
package/dist/side-panel/components/PluginCard.d.ts.map +1 -1
package/dist/side-panel/components/PluginCard.js +8 -5
package/dist/side-panel/components/PluginCard.js.map +1 -1
package/dist/side-panel/components/PluginMenu.d.ts +3 -1
package/dist/side-panel/components/PluginMenu.d.ts.map +1 -1
package/dist/side-panel/components/PluginMenu.js +3 -3
package/dist/side-panel/components/PluginMenu.js.map +1 -1
package/dist/side-panel/side-panel.js +972 -598
package/dist/side-panel/styles.css +1 -1
package/manifest.json +1 -1
package/package.json +12 -1

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

@@ -58800,11 +58800,11 @@ var require_jsx_runtime = __commonJS({
 });
 // src/side-panel/index.tsx
-var import_react25 = __toESM(require_react(), 1);
+var import_react26 = __toESM(require_react(), 1);
 var import_client = __toESM(require_client(), 1);
 // src/side-panel/App.tsx
-var import_compiler_runtime31 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime32 = __toESM(require_compiler_runtime(), 1);
 // ../shared/dist/generated/browser-tools-catalog.js
 var BROWSER_TOOLS_CATALOG = [{
@@ -59057,6 +59057,7 @@ init_triangle_alert();
 init_check();
 init_chevron_down();
 init_chevron_up();
+init_cog();
 init_copy();
 init_folder_open();
 init_ghost();
@@ -59064,6 +59065,7 @@ init_key_round();
 init_moon();
 init_package();
 init_search();
+init_settings();
 init_shield_off();
 init_sun();
 init_trash_2();
@@ -61737,7 +61739,7 @@ var q2 = (l2, o2) => {
 var g2 = (0, import_react3.forwardRef)(q2);
 // src/side-panel/App.tsx
-var import_react23 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 // src/side-panel/bridge.ts
 var matchesTool = (tool, filterLower) => tool.displayName.toLowerCase().includes(filterLower) || tool.name.toLowerCase().includes(filterLower) || tool.description.toLowerCase().includes(filterLower);
@@ -61801,6 +61803,11 @@ var openPluginTab = (pluginName) => sendBgMessage({
   type: "bg:openPluginTab",
   pluginName
 });
+var setPluginSettings = (plugin, settings) => sendBgMessage({
+  type: "bg:setPluginSettings",
+  plugin,
+  settings
+});
 var openFolder = (path) => sendBgMessage({
   type: "bg:openFolder",
   path
@@ -79732,8 +79739,8 @@ function _temp34(value) {
 }
 // src/side-panel/components/PluginList.tsx
-var import_compiler_runtime26 = __toESM(require_compiler_runtime(), 1);
-var import_react21 = __toESM(require_react(), 1);
+var import_compiler_runtime28 = __toESM(require_compiler_runtime(), 1);
+var import_react22 = __toESM(require_react(), 1);
 // src/side-panel/group-transitions.ts
 var FADE_IN_MS = 200;
@@ -79999,15 +80006,360 @@ var FailedPluginCard = (t0) => {
 };
 // src/side-panel/components/PluginCard.tsx
-var import_compiler_runtime25 = __toESM(require_compiler_runtime(), 1);
-var import_react20 = __toESM(require_react(), 1);
+var import_compiler_runtime27 = __toESM(require_compiler_runtime(), 1);
+var import_react21 = __toESM(require_react(), 1);
-// src/side-panel/components/PluginMenu.tsx
-var import_compiler_runtime23 = __toESM(require_compiler_runtime(), 1);
+// src/side-panel/components/ConfigDialog.tsx
+var import_compiler_runtime24 = __toESM(require_compiler_runtime(), 1);
 var import_react19 = __toESM(require_react(), 1);
+// src/side-panel/components/retro/Input.tsx
+var import_compiler_runtime23 = __toESM(require_compiler_runtime(), 1);
 var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
+var Input = (t0) => {
+  const $2 = (0, import_compiler_runtime23.c)(17);
+  let ariaInvalid;
+  let className;
+  let props;
+  let ref;
+  let t1;
+  let t2;
+  if ($2[0] !== t0) {
+    ({
+      type: t1,
+      placeholder: t2,
+      className,
+      "aria-invalid": ariaInvalid,
+      ref,
+      ...props
+    } = t0);
+    $2[0] = t0;
+    $2[1] = ariaInvalid;
+    $2[2] = className;
+    $2[3] = props;
+    $2[4] = ref;
+    $2[5] = t1;
+    $2[6] = t2;
+  } else {
+    ariaInvalid = $2[1];
+    className = $2[2];
+    props = $2[3];
+    ref = $2[4];
+    t1 = $2[5];
+    t2 = $2[6];
+  }
+  const type = t1 === void 0 ? "text" : t1;
+  const placeholder = t2 === void 0 ? "Enter text" : t2;
+  const t3 = ariaInvalid && "border-destructive text-destructive shadow-destructive shadow-xs";
+  let t4;
+  if ($2[7] !== className || $2[8] !== t3) {
+    t4 = cn("w-full rounded border-2 px-4 py-2 shadow-md transition focus:shadow-xs focus:outline-hidden", t3, className);
+    $2[7] = className;
+    $2[8] = t3;
+    $2[9] = t4;
+  } else {
+    t4 = $2[9];
+  }
+  let t5;
+  if ($2[10] !== ariaInvalid || $2[11] !== placeholder || $2[12] !== props || $2[13] !== ref || $2[14] !== t4 || $2[15] !== type) {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("input", {
+      ref,
+      type,
+      placeholder,
+      "aria-invalid": ariaInvalid,
+      className: t4,
+      ...props
+    });
+    $2[10] = ariaInvalid;
+    $2[11] = placeholder;
+    $2[12] = props;
+    $2[13] = ref;
+    $2[14] = t4;
+    $2[15] = type;
+    $2[16] = t5;
+  } else {
+    t5 = $2[16];
+  }
+  return t5;
+};
+// src/side-panel/components/ConfigDialog.tsx
+var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
+var isValidUrl = (value) => {
+  try {
+    new URL(value);
+    return true;
+  } catch {
+    return false;
+  }
+};
+var ConfigDialog = (t0) => {
+  const $2 = (0, import_compiler_runtime24.c)(28);
+  const {
+    open,
+    onOpenChange,
+    pluginName,
+    displayName,
+    configSchema,
+    resolvedSettings
+  } = t0;
+  let t1;
+  if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $2[0] = t1;
+  } else {
+    t1 = $2[0];
+  }
+  const [errors, setErrors] = (0, import_react19.useState)(t1);
+  const [saving, setSaving] = (0, import_react19.useState)(false);
+  const [saveError, setSaveError] = (0, import_react19.useState)(null);
+  const formRef = (0, import_react19.useRef)(null);
+  const entries = Object.entries(configSchema);
+  const handleSave = () => {
+    const form = formRef.current;
+    if (!form) {
+      return;
+    }
+    const newErrors = {};
+    const settings = {};
+    for (const [key, def] of entries) {
+      if (def.type === "boolean") {
+        const checkbox = form.querySelector(`[data-key="${key}"]`);
+        settings[key] = checkbox?.getAttribute("data-state") === "checked";
+        continue;
+      }
+      const input = form.elements.namedItem(key);
+      if (!input) {
+        continue;
+      }
+      const rawValue = "value" in input ? input.value : "";
+      if (def.type === "select") {
+        if (def.required && !rawValue) {
+          newErrors[key] = "Required";
+        } else {
+          if (rawValue) {
+            settings[key] = rawValue;
+          }
+        }
+        continue;
+      }
+      const trimmed = rawValue.trim();
+      if (def.required && !trimmed) {
+        newErrors[key] = "Required";
+        continue;
+      }
+      if (!trimmed) {
+        continue;
+      }
+      if (def.type === "url" && !isValidUrl(trimmed)) {
+        newErrors[key] = "Must be a valid URL";
+        continue;
+      }
+      if (def.type === "number") {
+        const num = Number(trimmed);
+        if (Number.isNaN(num)) {
+          newErrors[key] = "Must be a number";
+          continue;
+        }
+        settings[key] = num;
+        continue;
+      }
+      settings[key] = trimmed;
+    }
+    setErrors(newErrors);
+    if (Object.keys(newErrors).length > 0) {
+      return;
+    }
+    setSaving(true);
+    setSaveError(null);
+    setPluginSettings(pluginName, settings).then(() => {
+      onOpenChange(false);
+    }).catch((err) => {
+      setSaveError(err instanceof Error ? err.message : "Failed to save settings");
+    }).finally(() => {
+      setSaving(false);
+    });
+  };
+  const T0 = DialogObject;
+  const t2 = DialogObject;
+  let t3;
+  if ($2[1] !== displayName) {
+    t3 = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogObject.Header, {
+      children: ["Settings \u2014 ", displayName]
+    });
+    $2[1] = displayName;
+    $2[2] = t3;
+  } else {
+    t3 = $2[2];
+  }
+  const t4 = DialogObject;
+  const t5 = _temp9;
+  const t6 = "flex flex-col gap-3";
+  const t8 = entries.map((t7) => {
+    const [key_0, def_0] = t7;
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", {
+      className: "flex flex-col gap-1",
+      children: [/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("label", {
+        htmlFor: `config-${key_0}`,
+        className: "font-mono text-foreground text-xs",
+        children: [def_0.label, def_0.required && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", {
+          className: "text-destructive",
+          children: " *"
+        })]
+      }), def_0.description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", {
+        className: "text-[11px] text-muted-foreground",
+        children: def_0.description
+      }), def_0.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Switch2, {
+        id: `config-${key_0}`,
+        "data-key": key_0,
+        defaultChecked: resolvedSettings?.[key_0] === true
+      }) : def_0.type === "select" && def_0.options ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(SelectObj, {
+        name: key_0,
+        defaultValue: String(resolvedSettings?.[key_0] ?? ""),
+        children: [/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectObj.Trigger, {
+          id: `config-${key_0}`,
+          className: "h-8 min-w-0 text-sm",
+          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectObj.Value, {
+            placeholder: "Select..."
+          })
+        }), /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectObj.Content, {
+          children: def_0.options.map(_temp25)
+        })]
+      }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, {
+        id: `config-${key_0}`,
+        name: key_0,
+        type: def_0.type === "number" ? "number" : "text",
+        placeholder: def_0.placeholder ?? "",
+        defaultValue: resolvedSettings?.[key_0] != null ? String(resolvedSettings[key_0]) : "",
+        "aria-invalid": Boolean(errors[key_0]),
+        className: "py-1.5 text-sm"
+      }), errors[key_0] && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", {
+        className: "text-[11px] text-destructive",
+        children: errors[key_0]
+      })]
+    }, key_0);
+  });
+  let t9;
+  if ($2[3] !== formRef || $2[4] !== t5 || $2[5] !== t8) {
+    t9 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("form", {
+      ref: formRef,
+      onSubmit: t5,
+      className: t6,
+      children: t8
+    });
+    $2[3] = formRef;
+    $2[4] = t5;
+    $2[5] = t8;
+    $2[6] = t9;
+  } else {
+    t9 = $2[6];
+  }
+  let t10;
+  if ($2[7] !== saveError) {
+    t10 = saveError && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AlertComponent, {
+      status: "error",
+      className: "mt-3 px-2 py-1 text-xs",
+      children: saveError
+    });
+    $2[7] = saveError;
+    $2[8] = t10;
+  } else {
+    t10 = $2[8];
+  }
+  let t11;
+  if ($2[9] !== t10 || $2[10] !== t4.Body || $2[11] !== t9) {
+    t11 = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(t4.Body, {
+      children: [t9, t10]
+    });
+    $2[9] = t10;
+    $2[10] = t4.Body;
+    $2[11] = t9;
+    $2[12] = t11;
+  } else {
+    t11 = $2[12];
+  }
+  let t12;
+  if ($2[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t12 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogObject.Close, {
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, {
+        size: "sm",
+        variant: "outline",
+        children: "Cancel"
+      })
+    });
+    $2[13] = t12;
+  } else {
+    t12 = $2[13];
+  }
+  const t13 = saving ? "Saving..." : "Save";
+  let t14;
+  if ($2[14] !== handleSave || $2[15] !== saving || $2[16] !== t13) {
+    t14 = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogObject.Footer, {
+      children: [t12, /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, {
+        size: "sm",
+        onClick: handleSave,
+        disabled: saving,
+        children: t13
+      })]
+    });
+    $2[14] = handleSave;
+    $2[15] = saving;
+    $2[16] = t13;
+    $2[17] = t14;
+  } else {
+    t14 = $2[17];
+  }
+  let t15;
+  if ($2[18] !== t11 || $2[19] !== t14 || $2[20] !== t2.Content || $2[21] !== t3) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(t2.Content, {
+      children: [t3, t11, t14]
+    });
+    $2[18] = t11;
+    $2[19] = t14;
+    $2[20] = t2.Content;
+    $2[21] = t3;
+    $2[22] = t15;
+  } else {
+    t15 = $2[22];
+  }
+  let t16;
+  if ($2[23] !== T0 || $2[24] !== onOpenChange || $2[25] !== open || $2[26] !== t15) {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(T0, {
+      open,
+      onOpenChange,
+      children: t15
+    });
+    $2[23] = T0;
+    $2[24] = onOpenChange;
+    $2[25] = open;
+    $2[26] = t15;
+    $2[27] = t16;
+  } else {
+    t16 = $2[27];
+  }
+  return t16;
+};
+var needsSetup = (configSchema, resolvedSettings) => {
+  if (!configSchema) return false;
+  return Object.entries(configSchema).some(([key, def]) => def.required && (resolvedSettings == null || resolvedSettings[key] == null));
+};
+function _temp9(e2) {
+  return e2.preventDefault();
+}
+function _temp25(opt) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectObj.Item, {
+    value: opt,
+    children: opt
+  }, opt);
+}
+// src/side-panel/components/PluginMenu.tsx
+var import_compiler_runtime25 = __toESM(require_compiler_runtime(), 1);
+var import_react20 = __toESM(require_react(), 1);
+var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var VersionItem = (t0) => {
-  const $2 = (0, import_compiler_runtime23.c)(16);
+  const $2 = (0, import_compiler_runtime25.c)(16);
   const {
     plugin
   } = t0;
@@ -80023,7 +80375,7 @@ var VersionItem = (t0) => {
     }
     let t22;
     if ($2[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t22 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Package, {
+      t22 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Package, {
         className: "h-3.5 w-3.5"
       });
       $2[3] = t22;
@@ -80032,7 +80384,7 @@ var VersionItem = (t0) => {
     }
     let t3;
     if ($2[4] !== plugin.version || $2[5] !== t12) {
-      t3 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(MenuObject.Item, {
+      t3 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject.Item, {
         onSelect: t12,
         children: [t22, "v", plugin.version]
       });
@@ -80058,7 +80410,7 @@ var VersionItem = (t0) => {
     }
     let t22;
     if ($2[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t22 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FolderOpen, {
+      t22 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FolderOpen, {
         className: "h-3.5 w-3.5"
       });
       $2[9] = t22;
@@ -80067,7 +80419,7 @@ var VersionItem = (t0) => {
     }
     let t3;
     if ($2[10] !== plugin.version || $2[11] !== t12) {
-      t3 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(MenuObject.Item, {
+      t3 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject.Item, {
         onSelect: t12,
         children: [t22, "v", plugin.version]
       });
@@ -80081,7 +80433,7 @@ var VersionItem = (t0) => {
   }
   let t1;
   if ($2[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FolderOpen, {
+    t1 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FolderOpen, {
       className: "h-3.5 w-3.5"
     });
     $2[13] = t1;
@@ -80090,7 +80442,7 @@ var VersionItem = (t0) => {
   }
   let t2;
   if ($2[14] !== plugin.version) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(MenuObject.Item, {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject.Item, {
       disabled: true,
       className: "text-muted-foreground",
       children: [t1, "v", plugin.version]
@@ -80103,7 +80455,7 @@ var VersionItem = (t0) => {
   return t2;
 };
 var PluginMenu = (t0) => {
-  const $2 = (0, import_compiler_runtime23.c)(57);
+  const $2 = (0, import_compiler_runtime25.c)(61);
   const {
     plugin,
     onUpdate,
@@ -80111,9 +80463,10 @@ var PluginMenu = (t0) => {
     updating,
     removing,
     muted,
-    className
+    className,
+    onConfigOpen
   } = t0;
-  const [confirmOpen, setConfirmOpen] = (0, import_react19.useState)(false);
+  const [confirmOpen, setConfirmOpen] = (0, import_react20.useState)(false);
   const isLocal = plugin.source === "local";
   const removeLabel = isLocal ? "Remove" : "Uninstall";
   let t1;
@@ -80131,7 +80484,7 @@ var PluginMenu = (t0) => {
   const t2 = `h-4 w-4 ${muted ? "text-muted-foreground" : ""}`;
   let t3;
   if ($2[2] !== t2) {
-    t3 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Ellipsis, {
+    t3 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Ellipsis, {
       className: t2
     });
     $2[2] = t2;
@@ -80141,7 +80494,7 @@ var PluginMenu = (t0) => {
   }
   let t4;
   if ($2[4] !== plugin.update) {
-    t4 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
+    t4 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {
       className: "absolute top-0 right-0 h-1.5 w-1.5 rounded-full border border-background bg-primary"
     });
     $2[4] = plugin.update;
@@ -80151,9 +80504,9 @@ var PluginMenu = (t0) => {
   }
   let t5;
   if ($2[6] !== t3 || $2[7] !== t4) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MenuObject.Trigger, {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MenuObject.Trigger, {
       asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("button", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("button", {
         type: "button",
         className: "relative flex h-6 w-6 items-center justify-center rounded hover:bg-muted/50",
         "aria-label": "Plugin options",
@@ -80168,7 +80521,7 @@ var PluginMenu = (t0) => {
   }
   let t6;
   if ($2[9] !== plugin) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VersionItem, {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VersionItem, {
       plugin
     });
     $2[9] = plugin;
@@ -80178,11 +80531,11 @@ var PluginMenu = (t0) => {
   }
   let t7;
   if ($2[11] !== onUpdate || $2[12] !== plugin.update || $2[13] !== updating) {
-    t7 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(MenuObject.Item, {
+    t7 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject.Item, {
       onClick: onUpdate,
-      children: [updating ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Loader2, {
+      children: [updating ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Loader2, {
         size: "sm"
-      }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CircleArrowUp, {
+      }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CircleArrowUp, {
         className: "h-3.5 w-3.5"
       }), "Update to v", plugin.update.latestVersion]
     });
@@ -80194,147 +80547,162 @@ var PluginMenu = (t0) => {
     t7 = $2[14];
   }
   let t8;
-  if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = () => setConfirmOpen(true);
-    $2[15] = t8;
+  if ($2[15] !== onConfigOpen || $2[16] !== plugin.configSchema) {
+    t8 = onConfigOpen && plugin.configSchema && Object.keys(plugin.configSchema).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject.Item, {
+      onSelect: onConfigOpen,
+      children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Cog, {
+        className: "h-3.5 w-3.5"
+      }), "Settings"]
+    });
+    $2[15] = onConfigOpen;
+    $2[16] = plugin.configSchema;
+    $2[17] = t8;
   } else {
-    t8 = $2[15];
+    t8 = $2[17];
   }
   let t9;
-  if ($2[16] !== removing) {
-    t9 = removing ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Loader2, {
+  if ($2[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = () => setConfirmOpen(true);
+    $2[18] = t9;
+  } else {
+    t9 = $2[18];
+  }
+  let t10;
+  if ($2[19] !== removing) {
+    t10 = removing ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Loader2, {
       size: "sm"
-    }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Trash2, {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Trash2, {
       className: "h-3.5 w-3.5"
     });
-    $2[16] = removing;
-    $2[17] = t9;
+    $2[19] = removing;
+    $2[20] = t10;
   } else {
-    t9 = $2[17];
+    t10 = $2[20];
   }
-  let t10;
-  if ($2[18] !== removeLabel || $2[19] !== t9) {
-    t10 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(MenuObject.Item, {
-      onSelect: t8,
+  let t11;
+  if ($2[21] !== removeLabel || $2[22] !== t10) {
+    t11 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject.Item, {
+      onSelect: t9,
       variant: "destructive",
       className: "border-border border-t",
-      children: [t9, removeLabel]
+      children: [t10, removeLabel]
     });
-    $2[18] = removeLabel;
-    $2[19] = t9;
-    $2[20] = t10;
+    $2[21] = removeLabel;
+    $2[22] = t10;
+    $2[23] = t11;
   } else {
-    t10 = $2[20];
+    t11 = $2[23];
   }
-  let t11;
-  if ($2[21] !== t10 || $2[22] !== t6 || $2[23] !== t7) {
-    t11 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(MenuObject.Content, {
+  let t12;
+  if ($2[24] !== t11 || $2[25] !== t6 || $2[26] !== t7 || $2[27] !== t8) {
+    t12 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject.Content, {
       align: "end",
-      children: [t6, t7, t10]
+      children: [t6, t7, t8, t11]
     });
-    $2[21] = t10;
-    $2[22] = t6;
-    $2[23] = t7;
     $2[24] = t11;
+    $2[25] = t6;
+    $2[26] = t7;
+    $2[27] = t8;
+    $2[28] = t12;
   } else {
-    t11 = $2[24];
+    t12 = $2[28];
   }
-  let t12;
-  if ($2[25] !== t11 || $2[26] !== t5) {
-    t12 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(MenuObject, {
-      children: [t5, t11]
+  let t13;
+  if ($2[29] !== t12 || $2[30] !== t5) {
+    t13 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MenuObject, {
+      children: [t5, t12]
     });
-    $2[25] = t11;
-    $2[26] = t5;
-    $2[27] = t12;
+    $2[29] = t12;
+    $2[30] = t5;
+    $2[31] = t13;
   } else {
-    t12 = $2[27];
+    t13 = $2[31];
   }
-  let t13;
-  if ($2[28] !== removeLabel) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DialogObject.Header, {
+  let t14;
+  if ($2[32] !== removeLabel) {
+    t14 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogObject.Header, {
       className: "border-destructive bg-destructive text-destructive-foreground",
       children: [removeLabel, " Plugin"]
     });
-    $2[28] = removeLabel;
-    $2[29] = t13;
+    $2[32] = removeLabel;
+    $2[33] = t14;
   } else {
-    t13 = $2[29];
+    t14 = $2[33];
   }
-  let t14;
-  if ($2[30] !== removeLabel) {
-    t14 = removeLabel.toLowerCase();
-    $2[30] = removeLabel;
-    $2[31] = t14;
+  let t15;
+  if ($2[34] !== removeLabel) {
+    t15 = removeLabel.toLowerCase();
+    $2[34] = removeLabel;
+    $2[35] = t15;
   } else {
-    t14 = $2[31];
+    t15 = $2[35];
   }
-  let t15;
-  if ($2[32] !== plugin.displayName) {
-    t15 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("strong", {
+  let t16;
+  if ($2[36] !== plugin.displayName) {
+    t16 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("strong", {
       className: "font-head",
       children: plugin.displayName
     });
-    $2[32] = plugin.displayName;
-    $2[33] = t15;
+    $2[36] = plugin.displayName;
+    $2[37] = t16;
   } else {
-    t15 = $2[33];
+    t16 = $2[37];
   }
-  let t16;
-  if ($2[34] !== t14 || $2[35] !== t15) {
-    t16 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", {
+  let t17;
+  if ($2[38] !== t15 || $2[39] !== t16) {
+    t17 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", {
       className: "text-foreground text-sm",
-      children: ["Are you sure you want to ", t14, " ", t15, "?"]
+      children: ["Are you sure you want to ", t15, " ", t16, "?"]
     });
-    $2[34] = t14;
-    $2[35] = t15;
-    $2[36] = t16;
+    $2[38] = t15;
+    $2[39] = t16;
+    $2[40] = t17;
   } else {
-    t16 = $2[36];
+    t17 = $2[40];
   }
-  let t17;
-  if ($2[37] !== isLocal) {
-    t17 = isLocal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", {
+  let t18;
+  if ($2[41] !== isLocal) {
+    t18 = isLocal ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", {
       className: "mt-1 text-muted-foreground text-xs",
       children: "This will remove the plugin path from your config."
-    }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", {
       className: "mt-1 text-muted-foreground text-xs",
       children: "This will run npm uninstall and remove the plugin globally."
     });
-    $2[37] = isLocal;
-    $2[38] = t17;
+    $2[41] = isLocal;
+    $2[42] = t18;
   } else {
-    t17 = $2[38];
+    t18 = $2[42];
   }
-  let t18;
-  if ($2[39] !== t16 || $2[40] !== t17) {
-    t18 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DialogObject.Body, {
-      children: [t16, t17]
+  let t19;
+  if ($2[43] !== t17 || $2[44] !== t18) {
+    t19 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogObject.Body, {
+      children: [t17, t18]
     });
-    $2[39] = t16;
-    $2[40] = t17;
-    $2[41] = t18;
+    $2[43] = t17;
+    $2[44] = t18;
+    $2[45] = t19;
   } else {
-    t18 = $2[41];
+    t19 = $2[45];
   }
-  let t19;
-  if ($2[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t19 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogObject.Close, {
+  let t20;
+  if ($2[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t20 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogObject.Close, {
       asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, {
         size: "sm",
         variant: "outline",
         children: "Cancel"
       })
     });
-    $2[42] = t19;
+    $2[46] = t20;
   } else {
-    t19 = $2[42];
+    t20 = $2[46];
   }
-  let t20;
-  if ($2[43] !== handleConfirmRemove || $2[44] !== removeLabel) {
-    t20 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DialogObject.Footer, {
-      children: [t19, /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, {
+  let t21;
+  if ($2[47] !== handleConfirmRemove || $2[48] !== removeLabel) {
+    t21 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogObject.Footer, {
+      children: [t20, /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, {
         size: "sm",
         variant: "outline",
         className: "border-destructive text-destructive",
@@ -80342,68 +80710,68 @@ var PluginMenu = (t0) => {
         children: removeLabel
       })]
     });
-    $2[43] = handleConfirmRemove;
-    $2[44] = removeLabel;
-    $2[45] = t20;
-  } else {
-    t20 = $2[45];
-  }
-  let t21;
-  if ($2[46] !== t13 || $2[47] !== t18 || $2[48] !== t20) {
-    t21 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DialogObject.Content, {
-      children: [t13, t18, t20]
-    });
-    $2[46] = t13;
-    $2[47] = t18;
-    $2[48] = t20;
+    $2[47] = handleConfirmRemove;
+    $2[48] = removeLabel;
     $2[49] = t21;
   } else {
     t21 = $2[49];
   }
   let t22;
-  if ($2[50] !== confirmOpen || $2[51] !== t21) {
-    t22 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogObject, {
-      open: confirmOpen,
-      onOpenChange: setConfirmOpen,
-      children: t21
+  if ($2[50] !== t14 || $2[51] !== t19 || $2[52] !== t21) {
+    t22 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogObject.Content, {
+      children: [t14, t19, t21]
     });
-    $2[50] = confirmOpen;
-    $2[51] = t21;
-    $2[52] = t22;
+    $2[50] = t14;
+    $2[51] = t19;
+    $2[52] = t21;
+    $2[53] = t22;
   } else {
-    t22 = $2[52];
+    t22 = $2[53];
   }
   let t23;
-  if ($2[53] !== className || $2[54] !== t12 || $2[55] !== t22) {
-    t23 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
-      className,
-      onClick: _temp9,
-      onKeyDown: _temp25,
-      role: "presentation",
-      children: [t12, t22]
+  if ($2[54] !== confirmOpen || $2[55] !== t22) {
+    t23 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogObject, {
+      open: confirmOpen,
+      onOpenChange: setConfirmOpen,
+      children: t22
     });
-    $2[53] = className;
-    $2[54] = t12;
+    $2[54] = confirmOpen;
     $2[55] = t22;
     $2[56] = t23;
   } else {
     t23 = $2[56];
   }
-  return t23;
+  let t24;
+  if ($2[57] !== className || $2[58] !== t13 || $2[59] !== t23) {
+    t24 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
+      className,
+      onClick: _temp10,
+      onKeyDown: _temp26,
+      role: "presentation",
+      children: [t13, t23]
+    });
+    $2[57] = className;
+    $2[58] = t13;
+    $2[59] = t23;
+    $2[60] = t24;
+  } else {
+    t24 = $2[60];
+  }
+  return t24;
 };
 PluginMenu.displayName = "PluginMenu";
-function _temp9(e2) {
+function _temp10(e2) {
   return e2.stopPropagation();
 }
-function _temp25(e_0) {
+function _temp26(e_0) {
   if (e_0.key === "Enter" || e_0.key === " ") {
     e_0.stopPropagation();
   }
 }
 // src/side-panel/components/retro/Badge.tsx
-var import_compiler_runtime24 = __toESM(require_compiler_runtime(), 1);
-var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
+var import_compiler_runtime26 = __toESM(require_compiler_runtime(), 1);
+var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
 var badgeVariants = cva("inline-block rounded font-medium leading-none", {
   variants: {
     variant: {
@@ -80421,7 +80789,7 @@ var badgeVariants = cva("inline-block rounded font-medium leading-none", {
   }
 });
 var Badge2 = (t0) => {
-  const $2 = (0, import_compiler_runtime24.c)(12);
+  const $2 = (0, import_compiler_runtime26.c)(12);
   let className;
   let props;
   let size4;
@@ -80459,7 +80827,7 @@ var Badge2 = (t0) => {
   }
   let t2;
   if ($2[9] !== props || $2[10] !== t1) {
-    t2 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", {
+    t2 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", {
       className: t1,
       ...props
     });
@@ -80474,9 +80842,9 @@ var Badge2 = (t0) => {
 Badge2.displayName = "Badge";
 // src/side-panel/components/PluginCard.tsx
-var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
 var PluginCard = (t0) => {
-  const $2 = (0, import_compiler_runtime25.c)(59);
+  const $2 = (0, import_compiler_runtime27.c)(71);
   const {
     plugin,
     activeTools,
@@ -80489,11 +80857,12 @@ var PluginCard = (t0) => {
     actionError,
     transitionClass
   } = t0;
-  const [toggleError, setToggleError] = (0, import_react20.useState)(null);
-  const [pendingChange, setPendingChange] = (0, import_react20.useState)(null);
-  const errorTimerRef = (0, import_react20.useRef)(void 0);
-  const toggleCounter = (0, import_react20.useRef)(0);
-  const preToggleRef = (0, import_react20.useRef)([]);
+  const [configOpen, setConfigOpen] = (0, import_react21.useState)(false);
+  const [toggleError, setToggleError] = (0, import_react21.useState)(null);
+  const [pendingChange, setPendingChange] = (0, import_react21.useState)(null);
+  const errorTimerRef = (0, import_react21.useRef)(void 0);
+  const toggleCounter = (0, import_react21.useRef)(0);
+  const preToggleRef = (0, import_react21.useRef)([]);
   let t1;
   let t2;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -80505,7 +80874,7 @@ var PluginCard = (t0) => {
     t1 = $2[0];
     t2 = $2[1];
   }
-  (0, import_react20.useEffect)(t1, t2);
+  (0, import_react21.useEffect)(t1, t2);
   const showToggleError = (message) => {
     clearTimeout(errorTimerRef.current);
     setToggleError(message);
@@ -80525,7 +80894,7 @@ var PluginCard = (t0) => {
     t3 = $2[4];
   }
   const updatePluginTools = t3;
-  const prePluginPermRef = (0, import_react20.useRef)("off");
+  const prePluginPermRef = (0, import_react21.useRef)("off");
   const applyPluginPermission = (newPermission, reviewedVersion) => {
     const myVersion = toggleCounter.current = toggleCounter.current + 1;
     prePluginPermRef.current = plugin.permission;
@@ -80571,10 +80940,10 @@ var PluginCard = (t0) => {
     const myVersion_0 = toggleCounter.current = toggleCounter.current + 1;
     updatePluginTools((prev_2) => {
       preToggleRef.current = prev_2;
-      return prev_2.map((t37) => t37.name === toolName ? {
-        ...t37,
+      return prev_2.map((t40) => t40.name === toolName ? {
+        ...t40,
         permission: newPermission_1
-      } : t37);
+      } : t40);
     });
     setToolPermission(plugin.name, toolName, newPermission_1).catch(() => {
       if (toggleCounter.current === myVersion_0) {
@@ -80610,43 +80979,53 @@ var PluginCard = (t0) => {
   const hasActiveTool = pluginTools.some(t4);
   const toolGroups = groupTools(visibleTools);
   const inactive = plugin.tabState !== "ready";
+  let t5;
+  if ($2[8] !== plugin.configSchema || $2[9] !== plugin.resolvedSettings) {
+    t5 = needsSetup(plugin.configSchema, plugin.resolvedSettings);
+    $2[8] = plugin.configSchema;
+    $2[9] = plugin.resolvedSettings;
+    $2[10] = t5;
+  } else {
+    t5 = $2[10];
+  }
+  const isUnconfigured = t5;
   const tabCount = plugin.tabs?.length ?? 0;
   const hasHomepage = Boolean(plugin.homepage);
   const hasLastSeenUrl = Boolean(plugin.hasLastSeenUrl);
   const isClickable = tabCount > 0 || hasHomepage || hasLastSeenUrl;
-  let t5;
+  let t6;
   bb0: {
     if (!isClickable) {
-      t5 = void 0;
+      t6 = void 0;
       break bb0;
     }
     if (plugin.tabState === "closed") {
       if (hasHomepage) {
-        t5 = `Open ${plugin.displayName} in new tab`;
+        t6 = `Open ${plugin.displayName} in new tab`;
         break bb0;
       }
       if (hasLastSeenUrl) {
-        t5 = `Open ${plugin.displayName} (last visited)`;
+        t6 = `Open ${plugin.displayName} (last visited)`;
         break bb0;
       }
-      t5 = void 0;
+      t6 = void 0;
       break bb0;
     }
-    t5 = tabCount > 1 ? `Open ${plugin.displayName} (${tabCount} tabs)` : `Open ${plugin.displayName}`;
+    t6 = tabCount > 1 ? `Open ${plugin.displayName} (${tabCount} tabs)` : `Open ${plugin.displayName}`;
   }
-  const tooltipText = t5;
-  let t6;
-  if ($2[8] !== plugin.name) {
-    t6 = () => {
+  const tooltipText = t6;
+  let t7;
+  if ($2[11] !== plugin.name) {
+    t7 = () => {
       openPluginTab(plugin.name);
     };
-    $2[8] = plugin.name;
-    $2[9] = t6;
+    $2[11] = plugin.name;
+    $2[12] = t7;
   } else {
-    t6 = $2[9];
+    t7 = $2[12];
   }
-  const handleOpenTab = t6;
-  const renderToolList = (tools) => tools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ToolRow, {
+  const handleOpenTab = t7;
+  const renderToolList = (tools) => tools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ToolRow, {
     name: tool.name,
     displayName: tool.displayName,
     description: tool.description,
@@ -80657,280 +81036,345 @@ var PluginCard = (t0) => {
     muted: inactive,
     onPermissionChange: handleToolPermissionChange
   }, tool.name));
-  const t7 = `flex min-w-0 flex-1 items-center gap-1.5 truncate font-head text-sm ${inactive ? "text-muted-foreground" : "text-foreground"}`;
-  let t8;
-  if ($2[10] !== plugin.source) {
-    t8 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge2, {
+  const t8 = `flex min-w-0 flex-1 items-center gap-1.5 truncate font-head text-sm ${inactive ? "text-muted-foreground" : "text-foreground"}`;
+  let t9;
+  if ($2[13] !== plugin.source) {
+    t9 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge2, {
       variant: "default",
       size: "sm",
       className: "align-middle",
       children: "DEV"
     });
-    $2[10] = plugin.source;
-    $2[11] = t8;
+    $2[13] = plugin.source;
+    $2[14] = t9;
   } else {
-    t8 = $2[11];
+    t9 = $2[14];
   }
-  let t9;
-  if ($2[12] !== plugin.reviewed) {
-    t9 = !plugin.reviewed && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(TooltipObject, {
-      children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipObject.Trigger, {
+  let t10;
+  if ($2[15] !== plugin.reviewed) {
+    t10 = !plugin.reviewed && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(TooltipObject, {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Trigger, {
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ShieldQuestionMark, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ShieldQuestionMark, {
           className: "inline-block h-3.5 w-3.5 align-middle text-muted-foreground"
         })
-      }), /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipObject.Content, {
+      }), /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Content, {
         children: "This plugin version has not been reviewed"
       })]
     });
-    $2[12] = plugin.reviewed;
-    $2[13] = t9;
+    $2[15] = plugin.reviewed;
+    $2[16] = t10;
   } else {
-    t9 = $2[13];
+    t10 = $2[16];
   }
-  let t10;
-  if ($2[14] !== plugin.displayName || $2[15] !== t7 || $2[16] !== t8 || $2[17] !== t9) {
-    t10 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
-      className: t7,
-      children: [plugin.displayName, t8, t9]
+  let t11;
+  if ($2[17] !== isUnconfigured) {
+    t11 = isUnconfigured && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(TooltipObject, {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", {
+          className: "inline-flex items-center gap-0.5 align-middle",
+          children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Settings, {
+            className: "inline-block h-3.5 w-3.5 text-muted-foreground"
+          }), /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge2, {
+            variant: "outline",
+            size: "sm",
+            className: "text-muted-foreground",
+            children: "Needs Setup"
+          })]
+        })
+      }), /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Content, {
+        children: "This plugin has required settings that are not configured"
+      })]
     });
-    $2[14] = plugin.displayName;
-    $2[15] = t7;
-    $2[16] = t8;
-    $2[17] = t9;
-    $2[18] = t10;
+    $2[17] = isUnconfigured;
+    $2[18] = t11;
   } else {
-    t10 = $2[18];
+    t11 = $2[18];
   }
-  const t11 = `h-4 w-4 shrink-0 transition-transform duration-200 ${inactive ? "text-muted-foreground" : ""}`;
   let t12;
-  if ($2[19] !== t11) {
-    t12 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronDown, {
-      className: t11
+  if ($2[19] !== plugin.displayName || $2[20] !== t10 || $2[21] !== t11 || $2[22] !== t8 || $2[23] !== t9) {
+    t12 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
+      className: t8,
+      children: [plugin.displayName, t9, t10, t11]
     });
-    $2[19] = t11;
-    $2[20] = t12;
+    $2[19] = plugin.displayName;
+    $2[20] = t10;
+    $2[21] = t11;
+    $2[22] = t8;
+    $2[23] = t9;
+    $2[24] = t12;
   } else {
-    t12 = $2[20];
+    t12 = $2[24];
   }
-  let t13;
-  if ($2[21] !== t10 || $2[22] !== t12) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Trigger2, {
+  const t13 = `h-4 w-4 shrink-0 transition-transform duration-200 ${inactive ? "text-muted-foreground" : ""}`;
+  let t14;
+  if ($2[25] !== t13) {
+    t14 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ChevronDown, {
+      className: t13
+    });
+    $2[25] = t13;
+    $2[26] = t14;
+  } else {
+    t14 = $2[26];
+  }
+  let t15;
+  if ($2[27] !== t12 || $2[28] !== t14) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Trigger2, {
       className: "focus-ring flex min-w-0 flex-1 cursor-pointer items-center gap-2 py-2 pr-0 pl-2 [&[data-state=open]>svg]:rotate-180",
-      children: [t10, t12]
+      children: [t12, t14]
     });
-    $2[21] = t10;
-    $2[22] = t12;
-    $2[23] = t13;
+    $2[27] = t12;
+    $2[28] = t14;
+    $2[29] = t15;
   } else {
-    t13 = $2[23];
+    t15 = $2[29];
   }
-  const t14 = onUpdate ?? _temp10;
-  const t15 = onRemove ?? _temp26;
-  const t16 = updatingPlugin ?? false;
-  const t17 = removingPlugin ?? false;
-  let t18;
-  if ($2[24] !== inactive || $2[25] !== plugin || $2[26] !== t14 || $2[27] !== t15 || $2[28] !== t16 || $2[29] !== t17) {
-    t18 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PluginMenu, {
+  const t16 = onUpdate ?? _temp11;
+  const t17 = onRemove ?? _temp27;
+  const t18 = updatingPlugin ?? false;
+  const t19 = removingPlugin ?? false;
+  let t20;
+  if ($2[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t20 = () => setConfigOpen(true);
+    $2[30] = t20;
+  } else {
+    t20 = $2[30];
+  }
+  let t21;
+  if ($2[31] !== inactive || $2[32] !== plugin || $2[33] !== t16 || $2[34] !== t17 || $2[35] !== t18 || $2[36] !== t19) {
+    t21 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PluginMenu, {
       plugin,
-      onUpdate: t14,
-      onRemove: t15,
-      updating: t16,
-      removing: t17,
+      onUpdate: t16,
+      onRemove: t17,
+      updating: t18,
+      removing: t19,
       muted: inactive,
-      className: "flex shrink-0 items-center px-1"
+      className: "flex shrink-0 items-center px-1",
+      onConfigOpen: t20
     });
-    $2[24] = inactive;
-    $2[25] = plugin;
-    $2[26] = t14;
-    $2[27] = t15;
-    $2[28] = t16;
-    $2[29] = t17;
-    $2[30] = t18;
+    $2[31] = inactive;
+    $2[32] = plugin;
+    $2[33] = t16;
+    $2[34] = t17;
+    $2[35] = t18;
+    $2[36] = t19;
+    $2[37] = t21;
   } else {
-    t18 = $2[30];
+    t21 = $2[37];
   }
-  let t19;
-  if ($2[31] !== toggleError) {
-    t19 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AlertComponent, {
+  let t22;
+  if ($2[38] !== toggleError) {
+    t22 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: toggleError
     });
-    $2[31] = toggleError;
-    $2[32] = t19;
+    $2[38] = toggleError;
+    $2[39] = t22;
   } else {
-    t19 = $2[32];
+    t22 = $2[39];
   }
-  let t20;
-  if ($2[33] !== actionError) {
-    t20 = actionError && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AlertComponent, {
+  let t23;
+  if ($2[40] !== actionError) {
+    t23 = actionError && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: actionError
     });
-    $2[33] = actionError;
-    $2[34] = t20;
+    $2[40] = actionError;
+    $2[41] = t23;
   } else {
-    t20 = $2[34];
-  }
-  const t21 = AccordionComponent;
-  const t22 = "border-border border-t";
-  const t23 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
-    className: "mb-1 px-3 pt-2 text-muted-foreground text-xs",
-    children: [visibleTools.length, " of ", pluginTools.length, " tools"]
+    t23 = $2[41];
+  }
+  const t24 = AccordionComponent;
+  const t25 = "border-border border-t";
+  const t26 = isUnconfigured ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
+    className: "flex flex-col items-center gap-2 px-3 py-4",
+    children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", {
+      className: "text-center text-muted-foreground text-xs",
+      children: "This plugin requires configuration before use."
+    }), /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Button, {
+      size: "sm",
+      onClick: () => setConfigOpen(true),
+      children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Settings, {
+        className: "mr-1.5 h-3.5 w-3.5"
+      }), "Configure"]
+    })]
+  }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, {
+    children: [toolFilter && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
+      className: "mb-1 px-3 pt-2 text-muted-foreground text-xs",
+      children: [visibleTools.length, " of ", pluginTools.length, " tools"]
+    }), toolGroups !== null ? toolGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", {
+      className: "[&:not(:first-child)]:mt-2",
+      children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {
+        className: "border-border border-b border-l-2 border-l-primary bg-muted/30 px-3 py-1",
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", {
+          className: "font-head text-muted-foreground text-xs uppercase tracking-wider",
+          children: group.name
+        })
+      }), renderToolList(group.tools)]
+    }, group.name)) : renderToolList(visibleTools)]
   });
-  const t24 = toolGroups !== null ? toolGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
-    className: "[&:not(:first-child)]:mt-2",
-    children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {
-      className: "border-border border-b border-l-2 border-l-primary bg-muted/30 px-3 py-1",
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", {
-        className: "font-head text-muted-foreground text-xs uppercase tracking-wider",
-        children: group.name
-      })
-    }), renderToolList(group.tools)]
-  }, group.name)) : renderToolList(visibleTools);
-  let t25;
-  if ($2[35] !== t21.Content || $2[36] !== t23 || $2[37] !== t24) {
-    t25 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(t21.Content, {
-      className: t22,
-      children: [t23, t24]
+  let t27;
+  if ($2[42] !== t24.Content || $2[43] !== t26) {
+    t27 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(t24.Content, {
+      className: t25,
+      children: t26
     });
-    $2[35] = t21.Content;
-    $2[36] = t23;
-    $2[37] = t24;
-    $2[38] = t25;
+    $2[42] = t24.Content;
+    $2[43] = t26;
+    $2[44] = t27;
   } else {
-    t25 = $2[38];
+    t27 = $2[44];
   }
-  const t26 = pendingChange !== null;
-  let t27;
-  if ($2[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t27 = (open) => !open && setPendingChange(null);
-    $2[39] = t27;
+  let t28;
+  if ($2[45] !== configOpen || $2[46] !== plugin.configSchema || $2[47] !== plugin.displayName || $2[48] !== plugin.name || $2[49] !== plugin.resolvedSettings) {
+    t28 = plugin.configSchema && Object.keys(plugin.configSchema).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConfigDialog, {
+      open: configOpen,
+      onOpenChange: setConfigOpen,
+      pluginName: plugin.name,
+      displayName: plugin.displayName,
+      configSchema: plugin.configSchema,
+      resolvedSettings: plugin.resolvedSettings
+    });
+    $2[45] = configOpen;
+    $2[46] = plugin.configSchema;
+    $2[47] = plugin.displayName;
+    $2[48] = plugin.name;
+    $2[49] = plugin.resolvedSettings;
+    $2[50] = t28;
   } else {
-    t27 = $2[39];
+    t28 = $2[50];
   }
-  let t28;
-  if ($2[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t28 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogObject.Header, {
+  const t29 = pendingChange !== null;
+  let t30;
+  if ($2[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t30 = (open) => !open && setPendingChange(null);
+    $2[51] = t30;
+  } else {
+    t30 = $2[51];
+  }
+  let t31;
+  if ($2[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t31 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogObject.Header, {
       children: "Unreviewed Plugin"
     });
-    $2[40] = t28;
+    $2[52] = t31;
   } else {
-    t28 = $2[40];
+    t31 = $2[52];
   }
-  let t29;
-  if ($2[41] !== plugin.displayName || $2[42] !== plugin.version) {
-    t29 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", {
+  let t32;
+  if ($2[53] !== plugin.displayName || $2[54] !== plugin.version) {
+    t32 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", {
       className: "font-mono text-foreground text-sm",
       children: [plugin.displayName, " v", plugin.version]
     });
-    $2[41] = plugin.displayName;
-    $2[42] = plugin.version;
-    $2[43] = t29;
+    $2[53] = plugin.displayName;
+    $2[54] = plugin.version;
+    $2[55] = t32;
   } else {
-    t29 = $2[43];
+    t32 = $2[55];
   }
-  let t30;
-  if ($2[44] !== plugin.name) {
-    t30 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", {
+  let t33;
+  if ($2[56] !== plugin.name) {
+    t33 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", {
       className: "mt-2 text-foreground text-sm",
       children: ["This plugin version has not been reviewed. You can ask your AI agent to review the adapter code by saying \u201Creview the ", plugin.name, " plugin\u201D in your chat."]
     });
-    $2[44] = plugin.name;
-    $2[45] = t30;
+    $2[56] = plugin.name;
+    $2[57] = t33;
   } else {
-    t30 = $2[45];
+    t33 = $2[57];
   }
-  let t31;
-  if ($2[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t31 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", {
+  let t34;
+  if ($2[58] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t34 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", {
       className: "mt-2 text-muted-foreground text-xs",
       children: "You can also enable it now without review."
     });
-    $2[46] = t31;
+    $2[58] = t34;
   } else {
-    t31 = $2[46];
+    t34 = $2[58];
   }
-  let t32;
-  if ($2[47] !== t29 || $2[48] !== t30) {
-    t32 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogObject.Body, {
-      children: [t29, t30, t31]
+  let t35;
+  if ($2[59] !== t32 || $2[60] !== t33) {
+    t35 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(DialogObject.Body, {
+      children: [t32, t33, t34]
     });
-    $2[47] = t29;
-    $2[48] = t30;
-    $2[49] = t32;
+    $2[59] = t32;
+    $2[60] = t33;
+    $2[61] = t35;
   } else {
-    t32 = $2[49];
+    t35 = $2[61];
   }
-  let t33;
-  if ($2[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t33 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogObject.Close, {
+  let t36;
+  if ($2[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t36 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogObject.Close, {
       asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button, {
         size: "sm",
         variant: "outline",
         children: "Cancel"
       })
     });
-    $2[50] = t33;
+    $2[62] = t36;
   } else {
-    t33 = $2[50];
+    t36 = $2[62];
   }
-  let t34;
-  if ($2[51] !== handleEnableAnyway) {
-    t34 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogObject.Footer, {
-      children: [t33, /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, {
+  let t37;
+  if ($2[63] !== handleEnableAnyway) {
+    t37 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(DialogObject.Footer, {
+      children: [t36, /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button, {
         size: "sm",
         onClick: handleEnableAnyway,
         children: "Enable Anyway"
       })]
     });
-    $2[51] = handleEnableAnyway;
-    $2[52] = t34;
+    $2[63] = handleEnableAnyway;
+    $2[64] = t37;
   } else {
-    t34 = $2[52];
+    t37 = $2[64];
   }
-  let t35;
-  if ($2[53] !== t32 || $2[54] !== t34) {
-    t35 = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogObject.Content, {
+  let t38;
+  if ($2[65] !== t35 || $2[66] !== t37) {
+    t38 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(DialogObject.Content, {
       onInteractOutside: _temp35,
-      children: [t28, t32, t34]
+      children: [t31, t35, t37]
     });
-    $2[53] = t32;
-    $2[54] = t34;
-    $2[55] = t35;
+    $2[65] = t35;
+    $2[66] = t37;
+    $2[67] = t38;
   } else {
-    t35 = $2[55];
-  }
-  let t36;
-  if ($2[56] !== t26 || $2[57] !== t35) {
-    t36 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogObject, {
-      open: t26,
-      onOpenChange: t27,
-      children: t35
+    t38 = $2[67];
+  }
+  let t39;
+  if ($2[68] !== t29 || $2[69] !== t38) {
+    t39 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogObject, {
+      open: t29,
+      onOpenChange: t30,
+      children: t38
     });
-    $2[56] = t26;
-    $2[57] = t35;
-    $2[58] = t36;
+    $2[68] = t29;
+    $2[69] = t38;
+    $2[70] = t39;
   } else {
-    t36 = $2[58];
+    t39 = $2[70];
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(AccordionComponent.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(AccordionComponent.Item, {
     value: plugin.name,
     className: transitionClass ?? (removingPlugin ? "pointer-events-none opacity-60 transition-opacity" : inactive ? "opacity-70 transition-opacity" : void 0),
-    children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Header, {
+    children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Header, {
       className: "flex",
-      children: [tooltipText ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(TooltipObject, {
-        children: [/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipObject.Trigger, {
+      children: [tooltipText ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(TooltipObject, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Trigger, {
           asChild: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("button", {
+          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", {
             type: "button",
             className: "focus-ring flex shrink-0 cursor-pointer items-center py-2 pl-3",
             onClick: handleOpenTab,
             "aria-label": tooltipText,
-            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PluginIcon, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PluginIcon, {
               pluginName: plugin.name,
               displayName: plugin.displayName,
               tabState: plugin.tabState,
@@ -80943,12 +81387,12 @@ var PluginCard = (t0) => {
               className: "transition-transform hover:scale-105"
             })
           })
-        }), /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipObject.Content, {
+        }), /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipObject.Content, {
           children: tooltipText
         })]
-      }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {
+      }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {
         className: "flex shrink-0 items-center py-2 pl-3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PluginIcon, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PluginIcon, {
           pluginName: plugin.name,
           displayName: plugin.displayName,
           tabState: plugin.tabState,
@@ -80959,9 +81403,9 @@ var PluginCard = (t0) => {
           iconDarkInactiveSvg: plugin.iconDarkInactiveSvg,
           active: hasActiveTool
         })
-      }), t13, t18, /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {
+      }), t15, t21, /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {
         className: "flex shrink-0 items-center px-3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PermissionSelect, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PermissionSelect, {
           value: plugin.permission,
           onValueChange: handlePluginPermissionChange,
           disabled: false,
@@ -80969,22 +81413,22 @@ var PluginCard = (t0) => {
           ariaLabel: `Permission for ${plugin.name} plugin`
         })
       })]
-    }), t19, t20, t25, t36]
+    }), t22, t23, t27, t28, t39]
   });
 };
-function _temp10() {
+function _temp11() {
 }
-function _temp26() {
+function _temp27() {
 }
 function _temp35(e2) {
   return e2.preventDefault();
 }
 // src/side-panel/components/PluginList.tsx
-var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
 var ACCORDION_STORAGE_KEY = "accordionState";
 function useGroupTransitions(plugins, isFiltering) {
-  const $2 = (0, import_compiler_runtime26.c)(14);
+  const $2 = (0, import_compiler_runtime28.c)(14);
   let t0;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = /* @__PURE__ */ new Map();
@@ -80992,7 +81436,7 @@ function useGroupTransitions(plugins, isFiltering) {
   } else {
     t0 = $2[0];
   }
-  const prevStates = (0, import_react21.useRef)(t0);
+  const prevStates = (0, import_react22.useRef)(t0);
   let t1;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ new Set();
@@ -81000,7 +81444,7 @@ function useGroupTransitions(plugins, isFiltering) {
   } else {
     t1 = $2[1];
   }
-  const [animating, setAnimating] = (0, import_react21.useState)(t1);
+  const [animating, setAnimating] = (0, import_react22.useState)(t1);
   let t2;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ new Map();
@@ -81008,7 +81452,7 @@ function useGroupTransitions(plugins, isFiltering) {
   } else {
     t2 = $2[2];
   }
-  const clearTimers = (0, import_react21.useRef)(t2);
+  const clearTimers = (0, import_react22.useRef)(t2);
   let t3;
   let t4;
   if ($2[3] !== isFiltering || $2[4] !== plugins) {
@@ -81056,7 +81500,7 @@ function useGroupTransitions(plugins, isFiltering) {
     t3 = $2[5];
     t4 = $2[6];
   }
-  (0, import_react21.useEffect)(t3, t4);
+  (0, import_react22.useEffect)(t3, t4);
   let t5;
   let t6;
   if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -81072,7 +81516,7 @@ function useGroupTransitions(plugins, isFiltering) {
     t5 = $2[7];
     t6 = $2[8];
   }
-  (0, import_react21.useEffect)(t5, t6);
+  (0, import_react22.useEffect)(t5, t6);
   let t7;
   if ($2[9] !== animating) {
     t7 = (pluginName, isReadyGroup) => getTransitionClass(pluginName, isReadyGroup, animating);
@@ -81097,7 +81541,7 @@ function useGroupTransitions(plugins, isFiltering) {
   return t8;
 }
 var PluginList = (t0) => {
-  const $2 = (0, import_compiler_runtime26.c)(30);
+  const $2 = (0, import_compiler_runtime28.c)(30);
   const {
     plugins,
     failedPlugins,
@@ -81118,7 +81562,7 @@ var PluginList = (t0) => {
     animating,
     resolveTransitionClass
   } = useGroupTransitions(plugins, !!filterLower);
-  const [accordionHydrated, setAccordionHydrated] = (0, import_react21.useState)(false);
+  const [accordionHydrated, setAccordionHydrated] = (0, import_react22.useState)(false);
   let t1;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
@@ -81126,7 +81570,7 @@ var PluginList = (t0) => {
   } else {
     t1 = $2[0];
   }
-  const [openReady, setOpenReady] = (0, import_react21.useState)(t1);
+  const [openReady, setOpenReady] = (0, import_react22.useState)(t1);
   let t2;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = [];
@@ -81134,7 +81578,7 @@ var PluginList = (t0) => {
   } else {
     t2 = $2[1];
   }
-  const [openNotReady, setOpenNotReady] = (0, import_react21.useState)(t2);
+  const [openNotReady, setOpenNotReady] = (0, import_react22.useState)(t2);
   let t3;
   let t4;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -81161,8 +81605,8 @@ var PluginList = (t0) => {
     t3 = $2[2];
     t4 = $2[3];
   }
-  (0, import_react21.useEffect)(t3, t4);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(t3, t4);
+  (0, import_react22.useEffect)(() => {
     if (filterLower) {
       return;
     }
@@ -81171,7 +81615,7 @@ var PluginList = (t0) => {
         openReady,
         openNotReady
       }
-    }).catch(_temp11);
+    }).catch(_temp12);
   }, [openReady, openNotReady, filterLower]);
   let t5;
   let t6;
@@ -81191,7 +81635,7 @@ var PluginList = (t0) => {
     t5 = $2[5];
     t6 = $2[6];
   }
-  (0, import_react21.useEffect)(t5, t6);
+  (0, import_react22.useEffect)(t5, t6);
   const {
     ready: readyPlugins,
     notReady: notReadyPlugins
@@ -81200,10 +81644,10 @@ var PluginList = (t0) => {
     notReady: []
   } : groupPlugins(visiblePlugins);
   const hasNotReady = notReadyPlugins.length > 0;
-  const prevHadNotReady = (0, import_react21.useRef)(false);
-  const [labelVisible, setLabelVisible] = (0, import_react21.useState)(false);
-  const [labelMounted, setLabelMounted] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  const prevHadNotReady = (0, import_react22.useRef)(false);
+  const [labelVisible, setLabelVisible] = (0, import_react22.useState)(false);
+  const [labelMounted, setLabelMounted] = (0, import_react22.useState)(false);
+  (0, import_react22.useEffect)(() => {
     let unmountTimer;
     if (filterLower) {
       setLabelMounted(false);
@@ -81240,7 +81684,7 @@ var PluginList = (t0) => {
   if (filterLower && visiblePlugins.length === 0) {
     let t72;
     if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t72 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyComponent.Icon, {
+      t72 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(EmptyComponent.Icon, {
         className: "h-10 w-10 text-muted-foreground"
       });
       $2[7] = t72;
@@ -81249,7 +81693,7 @@ var PluginList = (t0) => {
     }
     let t82;
     if ($2[8] !== toolFilter) {
-      t82 = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(EmptyComponent.Title, {
+      t82 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(EmptyComponent.Title, {
         className: "text-base",
         children: ["No tools matching \u201C", toolFilter, "\u201D"]
       });
@@ -81261,8 +81705,8 @@ var PluginList = (t0) => {
     let t102;
     let t92;
     if ($2[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t92 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyComponent.Separator, {});
-      t102 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyComponent.Description, {
+      t92 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(EmptyComponent.Separator, {});
+      t102 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(EmptyComponent.Description, {
         className: "text-xs",
         children: "Try searching by plugin name, tool name, or description."
       });
@@ -81274,9 +81718,9 @@ var PluginList = (t0) => {
     }
     let t11;
     if ($2[12] !== t82) {
-      t11 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyComponent, {
+      t11 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(EmptyComponent, {
         className: "border-muted",
-        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(EmptyComponent.Content, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(EmptyComponent.Content, {
           children: [t72, t82, t92, t102]
         })
       });
@@ -81289,7 +81733,7 @@ var PluginList = (t0) => {
   }
   let t7;
   if ($2[14] !== activeTools || $2[15] !== onRemove || $2[16] !== onUpdate || $2[17] !== pluginErrors || $2[18] !== removingPlugins || $2[19] !== resolveTransitionClass || $2[20] !== setPlugins || $2[21] !== toolFilter) {
-    t7 = (plugin, isReadyGroup) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PluginCard, {
+    t7 = (plugin, isReadyGroup) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(PluginCard, {
       plugin,
       activeTools,
       setPlugins,
@@ -81315,9 +81759,9 @@ var PluginList = (t0) => {
   const renderCard = t7;
   let t8;
   if ($2[23] !== onRemoveFailedPlugin || $2[24] !== removingFailedPlugins || $2[25] !== visibleFailed) {
-    t8 = visibleFailed.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", {
+    t8 = visibleFailed.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {
       className: "mb-3 space-y-2",
-      children: visibleFailed.map((fp) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FailedPluginCard, {
+      children: visibleFailed.map((fp) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FailedPluginCard, {
         plugin: fp,
         onRemove: () => onRemoveFailedPlugin?.(fp.specifier),
         removing: removingFailedPlugins?.has(fp.specifier) ?? false
@@ -81330,21 +81774,21 @@ var PluginList = (t0) => {
   } else {
     t8 = $2[26];
   }
-  const t9 = filterLower ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AccordionComponent, {
+  const t9 = filterLower ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AccordionComponent, {
     type: "multiple",
     className: "space-y-2",
     children: visiblePlugins.map((p_0) => renderCard(p_0, true))
-  }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, {
-    children: [readyPlugins.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AccordionComponent, {
+  }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, {
+    children: [readyPlugins.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AccordionComponent, {
       type: "multiple",
       value: openReady,
       onValueChange: setOpenReady,
       className: "space-y-2",
       children: readyPlugins.map((p_1) => renderCard(p_1, true))
-    }), labelMounted && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", {
+    }), labelMounted && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {
       className: `px-3 pt-3 pb-1 font-mono text-[10px] text-muted-foreground uppercase tracking-widest transition-opacity duration-200 ${labelVisible ? "opacity-100" : "opacity-0"}`,
       children: "NOT CONNECTED"
-    }), notReadyPlugins.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AccordionComponent, {
+    }), notReadyPlugins.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AccordionComponent, {
       type: "multiple",
       value: openNotReady,
       onValueChange: setOpenNotReady,
@@ -81354,7 +81798,7 @@ var PluginList = (t0) => {
   });
   let t10;
   if ($2[27] !== t8 || $2[28] !== t9) {
-    t10 = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, {
       children: [t8, t9]
     });
     $2[27] = t8;
@@ -81365,87 +81809,17 @@ var PluginList = (t0) => {
   }
   return t10;
 };
-function _temp11() {
+function _temp12() {
 }
-// src/side-panel/components/retro/Input.tsx
-var import_compiler_runtime27 = __toESM(require_compiler_runtime(), 1);
-var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
-var Input = (t0) => {
-  const $2 = (0, import_compiler_runtime27.c)(17);
-  let ariaInvalid;
-  let className;
-  let props;
-  let ref;
-  let t1;
-  let t2;
-  if ($2[0] !== t0) {
-    ({
-      type: t1,
-      placeholder: t2,
-      className,
-      "aria-invalid": ariaInvalid,
-      ref,
-      ...props
-    } = t0);
-    $2[0] = t0;
-    $2[1] = ariaInvalid;
-    $2[2] = className;
-    $2[3] = props;
-    $2[4] = ref;
-    $2[5] = t1;
-    $2[6] = t2;
-  } else {
-    ariaInvalid = $2[1];
-    className = $2[2];
-    props = $2[3];
-    ref = $2[4];
-    t1 = $2[5];
-    t2 = $2[6];
-  }
-  const type = t1 === void 0 ? "text" : t1;
-  const placeholder = t2 === void 0 ? "Enter text" : t2;
-  const t3 = ariaInvalid && "border-destructive text-destructive shadow-destructive shadow-xs";
-  let t4;
-  if ($2[7] !== className || $2[8] !== t3) {
-    t4 = cn("w-full rounded border-2 px-4 py-2 shadow-md transition focus:shadow-xs focus:outline-hidden", t3, className);
-    $2[7] = className;
-    $2[8] = t3;
-    $2[9] = t4;
-  } else {
-    t4 = $2[9];
-  }
-  let t5;
-  if ($2[10] !== ariaInvalid || $2[11] !== placeholder || $2[12] !== props || $2[13] !== ref || $2[14] !== t4 || $2[15] !== type) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("input", {
-      ref,
-      type,
-      placeholder,
-      "aria-invalid": ariaInvalid,
-      className: t4,
-      ...props
-    });
-    $2[10] = ariaInvalid;
-    $2[11] = placeholder;
-    $2[12] = props;
-    $2[13] = ref;
-    $2[14] = t4;
-    $2[15] = type;
-    $2[16] = t5;
-  } else {
-    t5 = $2[16];
-  }
-  return t5;
-};
 // src/side-panel/components/SearchResults.tsx
-var import_compiler_runtime29 = __toESM(require_compiler_runtime(), 1);
+var import_compiler_runtime30 = __toESM(require_compiler_runtime(), 1);
 // src/side-panel/components/NpmPluginCard.tsx
-var import_compiler_runtime28 = __toESM(require_compiler_runtime(), 1);
-var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
+var import_compiler_runtime29 = __toESM(require_compiler_runtime(), 1);
+var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
 var NpmPluginCard = (t0) => {
-  const $2 = (0, import_compiler_runtime28.c)(34);
+  const $2 = (0, import_compiler_runtime29.c)(34);
   const {
     plugin,
     installing,
@@ -81455,7 +81829,7 @@ var NpmPluginCard = (t0) => {
   const displayName = plugin.displayName;
   let t1;
   if ($2[0] !== displayName || $2[1] !== plugin.name) {
-    t1 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(PluginIcon, {
+    t1 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(PluginIcon, {
       pluginName: plugin.name,
       displayName,
       tabState: "closed",
@@ -81470,12 +81844,12 @@ var NpmPluginCard = (t0) => {
   const t2 = `https://www.npmjs.com/package/${plugin.name}`;
   let t3;
   if ($2[3] !== displayName || $2[4] !== t2) {
-    t3 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("a", {
+    t3 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("a", {
       href: t2,
       target: "_blank",
       rel: "noopener noreferrer",
       className: "truncate font-head text-foreground text-sm hover:underline",
-      onClick: _temp12,
+      onClick: _temp13,
       children: displayName
     });
     $2[3] = displayName;
@@ -81486,7 +81860,7 @@ var NpmPluginCard = (t0) => {
   }
   let t4;
   if ($2[6] !== plugin.version) {
-    t4 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Badge2, {
+    t4 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge2, {
       variant: "default",
       size: "sm",
       children: plugin.version
@@ -81498,7 +81872,7 @@ var NpmPluginCard = (t0) => {
   }
   let t5;
   if ($2[8] !== t3 || $2[9] !== t4) {
-    t5 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", {
+    t5 = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
       className: "flex flex-wrap items-center gap-1",
       children: [t3, t4]
     });
@@ -81510,7 +81884,7 @@ var NpmPluginCard = (t0) => {
   }
   let t6;
   if ($2[11] !== plugin.author) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", {
       className: "truncate font-sans text-muted-foreground text-xs",
       children: plugin.author
     });
@@ -81521,7 +81895,7 @@ var NpmPluginCard = (t0) => {
   }
   let t7;
   if ($2[13] !== t5 || $2[14] !== t6) {
-    t7 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", {
+    t7 = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
       className: "flex min-w-0 flex-1 flex-col",
       children: [t5, t6]
     });
@@ -81533,7 +81907,7 @@ var NpmPluginCard = (t0) => {
   }
   let t8;
   if ($2[16] !== installing) {
-    t8 = installing ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Loader2, {
+    t8 = installing ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Loader2, {
       size: "sm"
     }) : "Install";
     $2[16] = installing;
@@ -81543,7 +81917,7 @@ var NpmPluginCard = (t0) => {
   }
   let t9;
   if ($2[18] !== installing || $2[19] !== onInstall || $2[20] !== t8) {
-    t9 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, {
+    t9 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, {
       size: "sm",
       variant: "default",
       disabled: installing,
@@ -81560,7 +81934,7 @@ var NpmPluginCard = (t0) => {
   }
   let t10;
   if ($2[22] !== t1 || $2[23] !== t7 || $2[24] !== t9) {
-    t10 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [t1, t7, t9]
     });
@@ -81573,7 +81947,7 @@ var NpmPluginCard = (t0) => {
   }
   let t11;
   if ($2[26] !== plugin.description) {
-    t11 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", {
+    t11 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", {
       className: "line-clamp-2 text-muted-foreground text-xs",
       children: plugin.description
     });
@@ -81584,7 +81958,7 @@ var NpmPluginCard = (t0) => {
   }
   let t12;
   if ($2[28] !== error) {
-    t12 = error && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertComponent, {
+    t12 = error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlertComponent, {
       status: "error",
       className: "px-3 py-2 text-xs",
       children: error
@@ -81596,7 +81970,7 @@ var NpmPluginCard = (t0) => {
   }
   let t13;
   if ($2[30] !== t10 || $2[31] !== t11 || $2[32] !== t12) {
-    t13 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", {
+    t13 = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
       className: "space-y-2 rounded border-2 border-border bg-card p-3 shadow-md transition-all hover:shadow-sm",
       children: [t10, t11, t12]
     });
@@ -81610,20 +81984,20 @@ var NpmPluginCard = (t0) => {
   return t13;
 };
 NpmPluginCard.displayName = "NpmPluginCard";
-function _temp12(e2) {
+function _temp13(e2) {
   return e2.stopPropagation();
 }
 // src/side-panel/components/SearchResults.tsx
-var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
 var SectionHeader = (t0) => {
-  const $2 = (0, import_compiler_runtime29.c)(2);
+  const $2 = (0, import_compiler_runtime30.c)(2);
   const {
     children
   } = t0;
   let t1;
   if ($2[0] !== children) {
-    t1 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", {
+    t1 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", {
       className: "mb-1.5 font-head text-[10px] text-muted-foreground uppercase tracking-widest",
       children
     });
@@ -81636,7 +82010,7 @@ var SectionHeader = (t0) => {
 };
 var matchesBrowserTool = (tool, filterLower) => toDisplayName(tool.name).toLowerCase().includes(filterLower) || tool.name.toLowerCase().includes(filterLower) || tool.description.toLowerCase().includes(filterLower);
 var SearchResults = (t0) => {
-  const $2 = (0, import_compiler_runtime29.c)(61);
+  const $2 = (0, import_compiler_runtime30.c)(61);
   const {
     plugins,
     failedPlugins,
@@ -81683,7 +82057,7 @@ var SearchResults = (t0) => {
   const hasBrowserToolMatches = t2;
   let t3;
   if ($2[7] !== plugins) {
-    t3 = new Set(plugins.map(_temp13));
+    t3 = new Set(plugins.map(_temp14));
     $2[7] = plugins;
     $2[8] = t3;
   } else {
@@ -81708,13 +82082,13 @@ var SearchResults = (t0) => {
     showNoResults = toolFilter && !hasInstalledResults && !npmSearching && !npmSearchError && availableResults.length === 0;
     t4 = "space-y-4";
     if ($2[37] !== activeTools || $2[38] !== browserPermission || $2[39] !== browserTools || $2[40] !== failedMatches || $2[41] !== hasBrowserToolMatches || $2[42] !== hasInstalledResults || $2[43] !== installedMatches || $2[44] !== onBrowserPermissionChange || $2[45] !== onRemove || $2[46] !== onUpdate || $2[47] !== pluginErrors || $2[48] !== removingPlugins || $2[49] !== serverVersion || $2[50] !== setBrowserTools || $2[51] !== setPlugins || $2[52] !== toolFilter) {
-      t5 = hasInstalledResults && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
-        children: [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SectionHeader, {
+      t5 = hasInstalledResults && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SectionHeader, {
           children: "Installed"
-        }), hasBrowserToolMatches && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AccordionComponent, {
+        }), hasBrowserToolMatches && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AccordionComponent, {
           type: "multiple",
           className: "mb-2 space-y-2",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BrowserToolsCard, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(BrowserToolsCard, {
             tools: browserTools,
             activeTools,
             onToolsChange: setBrowserTools,
@@ -81723,7 +82097,7 @@ var SearchResults = (t0) => {
             browserPermission,
             onBrowserPermissionChange
           })
-        }), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(PluginList, {
+        }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(PluginList, {
           plugins: installedMatches,
           failedPlugins: failedMatches,
           activeTools,
@@ -81755,26 +82129,26 @@ var SearchResults = (t0) => {
     } else {
       t5 = $2[53];
     }
-    t6 = toolFilter && (npmSearching ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", {
+    t6 = toolFilter && (npmSearching ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", {
       className: "flex justify-center py-4",
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Loader2, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Loader2, {
         size: "sm"
       })
-    }) : npmSearchError ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
+    }) : npmSearchError ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
       className: "py-4 text-center",
-      children: [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", {
         className: "font-head text-muted-foreground text-sm",
         children: "Search unavailable"
-      }), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", {
+      }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", {
         className: "mt-1 text-muted-foreground text-xs",
         children: "Could not reach the npm registry. Check your internet connection."
       })]
-    }) : availableResults.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
-      children: [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SectionHeader, {
+    }) : availableResults.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SectionHeader, {
         children: "Available"
-      }), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", {
+      }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", {
         className: "space-y-2",
-        children: availableResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NpmPluginCard, {
+        children: availableResults.map((result) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NpmPluginCard, {
           plugin: result,
           installing: installingPlugins.has(result.name),
           error: installErrors.get(result.name) ?? null,
@@ -81816,15 +82190,15 @@ var SearchResults = (t0) => {
   }
   let t7;
   if ($2[54] !== showNoResults) {
-    t7 = showNoResults && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(EmptyComponent, {
+    t7 = showNoResults && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent, {
       className: "border-muted",
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(EmptyComponent.Content, {
-        children: [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(EmptyComponent.Icon, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(EmptyComponent.Content, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Icon, {
           className: "h-10 w-10 text-muted-foreground"
-        }), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(EmptyComponent.Title, {
+        }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Title, {
           className: "text-base",
           children: "No plugins found"
-        }), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(EmptyComponent.Separator, {}), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(EmptyComponent.Description, {
+        }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Separator, {}), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Description, {
           className: "text-xs",
           children: "Can\u2019t find what you\u2019re looking for? Ask your AI assistant to build a custom plugin for you \u2014 it only takes a minute."
         })]
@@ -81837,7 +82211,7 @@ var SearchResults = (t0) => {
   }
   let t8;
   if ($2[56] !== t4 || $2[57] !== t5 || $2[58] !== t6 || $2[59] !== t7) {
-    t8 = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", {
+    t8 = /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
       className: t4,
       children: [t5, t6, t7]
     });
@@ -81852,16 +82226,16 @@ var SearchResults = (t0) => {
   return t8;
 };
 SearchResults.displayName = "SearchResults";
-function _temp13(p_1) {
+function _temp14(p_1) {
   return extractShortName(p_1.name);
 }
 // src/side-panel/hooks/useServerNotifications.ts
-var import_compiler_runtime30 = __toESM(require_compiler_runtime(), 1);
-var import_react22 = __toESM(require_react(), 1);
+var import_compiler_runtime31 = __toESM(require_compiler_runtime(), 1);
+var import_react23 = __toESM(require_react(), 1);
 var validTabStates = /* @__PURE__ */ new Set(["closed", "unavailable", "ready"]);
 var useServerNotifications = (t0) => {
-  const $2 = (0, import_compiler_runtime30.c)(8);
+  const $2 = (0, import_compiler_runtime31.c)(8);
   const {
     setPlugins,
     setActiveTools,
@@ -81874,7 +82248,7 @@ var useServerNotifications = (t0) => {
   } else {
     t1 = $2[0];
   }
-  const seenConfirmationIds = (0, import_react22.useRef)(t1);
+  const seenConfirmationIds = (0, import_react23.useRef)(t1);
   let t2;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ new Map();
@@ -81882,7 +82256,7 @@ var useServerNotifications = (t0) => {
   } else {
     t2 = $2[1];
   }
-  const invocationTimeoutIds = (0, import_react22.useRef)(t2);
+  const invocationTimeoutIds = (0, import_react23.useRef)(t2);
   let t3;
   let t4;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -81902,7 +82276,7 @@ var useServerNotifications = (t0) => {
     t3 = $2[2];
     t4 = $2[3];
   }
-  (0, import_react22.useEffect)(t3, t4);
+  (0, import_react23.useEffect)(t3, t4);
   let t5;
   if ($2[4] !== setActiveTools || $2[5] !== setPendingConfirmations || $2[6] !== setPlugins) {
     const handleNotification = (data) => {
@@ -81984,11 +82358,11 @@ var useServerNotifications = (t0) => {
 };
 // src/side-panel/App.tsx
-var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime60 = __toESM(require_jsx_runtime(), 1);
 var App = () => {
-  const $2 = (0, import_compiler_runtime31.c)(74);
-  const [connected, setConnected] = (0, import_react23.useState)(false);
-  const [disconnectReason, setDisconnectReason] = (0, import_react23.useState)();
+  const $2 = (0, import_compiler_runtime32.c)(74);
+  const [connected, setConnected] = (0, import_react24.useState)(false);
+  const [disconnectReason, setDisconnectReason] = (0, import_react24.useState)();
   let t0;
   if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = [];
@@ -81996,7 +82370,7 @@ var App = () => {
   } else {
     t0 = $2[0];
   }
-  const [plugins, setPlugins] = (0, import_react23.useState)(t0);
+  const [plugins, setPlugins] = (0, import_react24.useState)(t0);
   let t1;
   if ($2[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
@@ -82004,13 +82378,13 @@ var App = () => {
   } else {
     t1 = $2[1];
   }
-  const [failedPlugins, setFailedPlugins] = (0, import_react23.useState)(t1);
-  const [browserTools, setBrowserTools] = (0, import_react23.useState)(_temp27);
-  const [browserPermission, setBrowserPermission] = (0, import_react23.useState)("off");
-  const [skipPermissions, setSkipPermissions2] = (0, import_react23.useState)(false);
-  const [serverVersion, setServerVersion] = (0, import_react23.useState)(void 0);
-  const [serverSourcePath, setServerSourcePath] = (0, import_react23.useState)(void 0);
-  const [loading, setLoading] = (0, import_react23.useState)(true);
+  const [failedPlugins, setFailedPlugins] = (0, import_react24.useState)(t1);
+  const [browserTools, setBrowserTools] = (0, import_react24.useState)(_temp28);
+  const [browserPermission, setBrowserPermission] = (0, import_react24.useState)("off");
+  const [skipPermissions, setSkipPermissions2] = (0, import_react24.useState)(false);
+  const [serverVersion, setServerVersion] = (0, import_react24.useState)(void 0);
+  const [serverSourcePath, setServerSourcePath] = (0, import_react24.useState)(void 0);
+  const [loading, setLoading] = (0, import_react24.useState)(true);
   let t2;
   if ($2[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = /* @__PURE__ */ new Set();
@@ -82018,8 +82392,8 @@ var App = () => {
   } else {
     t2 = $2[2];
   }
-  const [activeTools, setActiveTools] = (0, import_react23.useState)(t2);
-  const [searchQuery, setSearchQuery] = (0, import_react23.useState)("");
+  const [activeTools, setActiveTools] = (0, import_react24.useState)(t2);
+  const [searchQuery, setSearchQuery] = (0, import_react24.useState)("");
   let t3;
   if ($2[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = [];
@@ -82027,7 +82401,7 @@ var App = () => {
   } else {
     t3 = $2[3];
   }
-  const [pendingConfirmations, setPendingConfirmations] = (0, import_react23.useState)(t3);
+  const [pendingConfirmations, setPendingConfirmations] = (0, import_react24.useState)(t3);
   let t4;
   if ($2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = [];
@@ -82035,9 +82409,9 @@ var App = () => {
   } else {
     t4 = $2[4];
   }
-  const [npmResults, setNpmResults] = (0, import_react23.useState)(t4);
-  const [npmSearching, setNpmSearching] = (0, import_react23.useState)(false);
-  const [npmSearchError, setNpmSearchError] = (0, import_react23.useState)(false);
+  const [npmResults, setNpmResults] = (0, import_react24.useState)(t4);
+  const [npmSearching, setNpmSearching] = (0, import_react24.useState)(false);
+  const [npmSearchError, setNpmSearchError] = (0, import_react24.useState)(false);
   let t5;
   if ($2[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = /* @__PURE__ */ new Set();
@@ -82045,7 +82419,7 @@ var App = () => {
   } else {
     t5 = $2[5];
   }
-  const [installingPlugins, setInstallingPlugins] = (0, import_react23.useState)(t5);
+  const [installingPlugins, setInstallingPlugins] = (0, import_react24.useState)(t5);
   let t6;
   if ($2[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ new Set();
@@ -82053,7 +82427,7 @@ var App = () => {
   } else {
     t6 = $2[6];
   }
-  const [removingPlugins, setRemovingPlugins] = (0, import_react23.useState)(t6);
+  const [removingPlugins, setRemovingPlugins] = (0, import_react24.useState)(t6);
   let t7;
   if ($2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ new Set();
@@ -82061,7 +82435,7 @@ var App = () => {
   } else {
     t7 = $2[7];
   }
-  const [removingFailedPlugins, setRemovingFailedPlugins] = (0, import_react23.useState)(t7);
+  const [removingFailedPlugins, setRemovingFailedPlugins] = (0, import_react24.useState)(t7);
   let t8;
   if ($2[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ new Map();
@@ -82069,7 +82443,7 @@ var App = () => {
   } else {
     t8 = $2[8];
   }
-  const [installErrors, setInstallErrors] = (0, import_react23.useState)(t8);
+  const [installErrors, setInstallErrors] = (0, import_react24.useState)(t8);
   let t9;
   if ($2[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ new Map();
@@ -82077,9 +82451,9 @@ var App = () => {
   } else {
     t9 = $2[9];
   }
-  const [pluginErrors, setPluginErrors] = (0, import_react23.useState)(t9);
-  const [browserToolsOpen, setBrowserToolsOpen] = (0, import_react23.useState)(false);
-  const [browserToolsHydrated, setBrowserToolsHydrated] = (0, import_react23.useState)(false);
+  const [pluginErrors, setPluginErrors] = (0, import_react24.useState)(t9);
+  const [browserToolsOpen, setBrowserToolsOpen] = (0, import_react24.useState)(false);
+  const [browserToolsHydrated, setBrowserToolsHydrated] = (0, import_react24.useState)(false);
   let t10;
   if ($2[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ new Map();
@@ -82087,12 +82461,12 @@ var App = () => {
   } else {
     t10 = $2[10];
   }
-  const pluginErrorTimers = (0, import_react23.useRef)(t10);
-  const npmSearchTimer = (0, import_react23.useRef)(void 0);
-  const npmSearchCounter = (0, import_react23.useRef)(0);
-  const connectedRef = (0, import_react23.useRef)(connected);
-  const loadingRef = (0, import_react23.useRef)(loading);
-  const pluginsRef = (0, import_react23.useRef)(plugins);
+  const pluginErrorTimers = (0, import_react24.useRef)(t10);
+  const npmSearchTimer = (0, import_react24.useRef)(void 0);
+  const npmSearchCounter = (0, import_react24.useRef)(0);
+  const connectedRef = (0, import_react24.useRef)(connected);
+  const loadingRef = (0, import_react24.useRef)(loading);
+  const pluginsRef = (0, import_react24.useRef)(plugins);
   let t11;
   let t12;
   if ($2[11] !== connected || $2[12] !== loading || $2[13] !== plugins) {
@@ -82111,7 +82485,7 @@ var App = () => {
     t11 = $2[14];
     t12 = $2[15];
   }
-  (0, import_react23.useEffect)(t11, t12);
+  (0, import_react24.useEffect)(t11, t12);
   let t13;
   if ($2[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t13 = {
@@ -82141,7 +82515,7 @@ var App = () => {
     t14 = $2[17];
     t15 = $2[18];
   }
-  (0, import_react23.useEffect)(t14, t15);
+  (0, import_react24.useEffect)(t14, t15);
   let t16;
   let t17;
   if ($2[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -82163,7 +82537,7 @@ var App = () => {
     t16 = $2[19];
     t17 = $2[20];
   }
-  (0, import_react23.useEffect)(t16, t17);
+  (0, import_react24.useEffect)(t16, t17);
   let t18;
   if ($2[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t18 = (pluginName, message) => {
@@ -82471,7 +82845,7 @@ var App = () => {
     t25 = $2[29];
     t26 = $2[30];
   }
-  (0, import_react23.useEffect)(t25, t26);
+  (0, import_react24.useEffect)(t25, t26);
   let t27;
   if ($2[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t27 = (id, decision, alwaysAllow) => {
@@ -82488,7 +82862,7 @@ var App = () => {
   const showSearchBar = connected && !loading;
   let t28;
   if ($2[32] !== connected || $2[33] !== pendingConfirmations) {
-    t28 = connected && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ConfirmationDialog, {
+    t28 = connected && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ConfirmationDialog, {
       confirmations: pendingConfirmations,
       onRespond: handleConfirmationRespond
     });
@@ -82500,23 +82874,23 @@ var App = () => {
   }
   let t29;
   if ($2[35] !== skipPermissions) {
-    t29 = skipPermissions && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
+    t29 = skipPermissions && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", {
       className: "shrink-0 border-destructive border-b-2 bg-destructive/15 px-4 py-1.5",
-      children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", {
         className: "flex items-center gap-1.5",
-        children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ShieldOff, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ShieldOff, {
           className: "h-3.5 w-3.5 shrink-0 text-destructive"
-        }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", {
+        }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", {
           className: "font-head text-destructive text-xs uppercase",
           children: "Approvals skipped"
         })]
-      }), /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("p", {
+      }), /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", {
         className: "mt-0.5 text-[11px] text-foreground/70 leading-tight",
-        children: ["AI runs tools without asking. Off tools stay off. Set by", " ", /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("code", {
+        children: ["AI runs tools without asking. Off tools stay off. Set by", " ", /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("code", {
           className: "font-mono",
           children: "OPENTABS_DANGEROUSLY_SKIP_PERMISSIONS"
         }), "."]
-      }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", {
+      }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", {
         type: "button",
         onClick: _temp92,
         className: "mt-0.5 cursor-pointer font-head text-[11px] text-destructive underline hover:text-destructive/80",
@@ -82530,23 +82904,23 @@ var App = () => {
   }
   let t30;
   if ($2[37] !== searchQuery || $2[38] !== showSearchBar) {
-    t30 = showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", {
+    t30 = showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", {
       className: "shrink-0 px-4 pt-4 pb-2",
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", {
         className: "relative",
-        children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Search, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Search, {
           className: "pointer-events-none absolute top-1/2 left-2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
-        }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Input, {
+        }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Input, {
           value: searchQuery,
           onChange: (e2) => handleSearchChange(e2.target.value),
           placeholder: "Search plugins and tools...",
           className: "pr-8 pl-9"
-        }), searchQuery && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", {
+        }), searchQuery && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", {
           type: "button",
           "aria-label": "Clear search",
           onClick: () => handleSearchChange(""),
           className: "absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(X, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(X, {
             className: "h-4 w-4"
           })
         })]
@@ -82580,9 +82954,9 @@ var App = () => {
   const t33 = `px-4 pb-4 ${showSearchBar ? "pt-2" : "pt-4"} ${showPlugins ? "" : "flex min-h-full items-center justify-center"}`;
   let t34;
   if ($2[42] !== activeTools || $2[43] !== browserPermission || $2[44] !== browserTools || $2[45] !== browserToolsHydrated || $2[46] !== browserToolsOpen || $2[47] !== connected || $2[48] !== disconnectReason || $2[49] !== failedPlugins || $2[50] !== hasContent || $2[51] !== installErrors || $2[52] !== installingPlugins || $2[53] !== loading || $2[54] !== npmResults || $2[55] !== npmSearchError || $2[56] !== npmSearching || $2[57] !== pluginErrors || $2[58] !== plugins || $2[59] !== removingFailedPlugins || $2[60] !== removingPlugins || $2[61] !== searchQuery || $2[62] !== serverSourcePath || $2[63] !== serverVersion) {
-    t34 = loading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LoadingState, {}) : !connected ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DisconnectedState, {
+    t34 = loading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(LoadingState, {}) : !connected ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DisconnectedState, {
       reason: disconnectReason
-    }) : searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SearchResults, {
+    }) : searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SearchResults, {
       plugins,
       failedPlugins,
       browserTools,
@@ -82603,8 +82977,8 @@ var App = () => {
       serverVersion,
       browserPermission,
       onBrowserPermissionChange: setBrowserPermission
-    }) : hasContent ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, {
-      children: [browserTools.length > 0 && browserToolsHydrated && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AccordionComponent, {
+    }) : hasContent ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, {
+      children: [browserTools.length > 0 && browserToolsHydrated && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AccordionComponent, {
         type: "multiple",
         value: browserToolsOpen ? ["browser-tools"] : [],
         onValueChange: (val) => {
@@ -82615,7 +82989,7 @@ var App = () => {
           }).catch(_temp0);
         },
         className: "mb-2 space-y-2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(BrowserToolsCard, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(BrowserToolsCard, {
           tools: browserTools,
           activeTools,
           onToolsChange: setBrowserTools,
@@ -82624,7 +82998,7 @@ var App = () => {
           browserPermission,
           onBrowserPermissionChange: setBrowserPermission
         })
-      }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(PluginList, {
+      }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PluginList, {
         plugins,
         failedPlugins,
         activeTools,
@@ -82636,19 +83010,19 @@ var App = () => {
         pluginErrors,
         onRemoveFailedPlugin: handleRemoveFailedPlugin,
         removingFailedPlugins
-      }), plugins.length === 0 && failedPlugins.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent, {
+      }), plugins.length === 0 && failedPlugins.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(EmptyComponent, {
         className: "border-muted",
         role: "status",
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(EmptyComponent.Content, {
-          children: [/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Icon, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(EmptyComponent.Content, {
+          children: [/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(EmptyComponent.Icon, {
             className: "h-10 w-10 text-muted-foreground",
-            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Package, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Package, {
               size: 40
             })
-          }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Title, {
+          }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(EmptyComponent.Title, {
             className: "text-base",
             children: "No Plugins Installed"
-          }), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Separator, {}), /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(EmptyComponent.Description, {
+          }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(EmptyComponent.Separator, {}), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(EmptyComponent.Description, {
             className: "text-xs",
             children: "Use the search bar above to discover and install plugins from npm."
           })]
@@ -82683,11 +83057,11 @@ var App = () => {
   }
   let t35;
   if ($2[65] !== t33 || $2[66] !== t34) {
-    t35 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(g2, {
+    t35 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(g2, {
       className: "flex-1",
       style: t31,
       options: t32,
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("main", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("main", {
         className: t33,
         children: t34
       })
@@ -82700,15 +83074,15 @@ var App = () => {
   }
   let t36;
   if ($2[68] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t36 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Footer, {});
+    t36 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Footer, {});
     $2[68] = t36;
   } else {
     t36 = $2[68];
   }
   let t37;
   if ($2[69] !== t28 || $2[70] !== t29 || $2[71] !== t30 || $2[72] !== t35) {
-    t37 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipObject.Provider, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", {
+    t37 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipObject.Provider, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", {
         className: "flex h-screen flex-col overflow-hidden text-foreground",
         children: [t28, t29, t30, t35, t36]
       })
@@ -82723,14 +83097,14 @@ var App = () => {
   }
   return t37;
 };
-function _temp14(t2) {
+function _temp15(t2) {
   return {
     ...t2,
     permission: "auto"
   };
 }
-function _temp27() {
-  return BROWSER_TOOLS_CATALOG.map(_temp14);
+function _temp28() {
+  return BROWSER_TOOLS_CATALOG.map(_temp15);
 }
 function _temp36(t_0) {
   return {
@@ -82764,9 +83138,9 @@ function _temp0() {
 }
 // src/side-panel/components/ErrorBoundary.tsx
-var import_react24 = __toESM(require_react(), 1);
-var import_jsx_runtime60 = __toESM(require_jsx_runtime(), 1);
-var ErrorBoundary = class extends import_react24.Component {
+var import_react25 = __toESM(require_react(), 1);
+var import_jsx_runtime61 = __toESM(require_jsx_runtime(), 1);
+var ErrorBoundary = class extends import_react25.Component {
   state = {
     hasError: false
   };
@@ -82780,16 +83154,16 @@ var ErrorBoundary = class extends import_react24.Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", {
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {
         className: "flex min-h-screen flex-col items-center justify-center px-4 py-16 text-center",
-        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(AlertComponent, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(AlertComponent, {
           status: "error",
           className: "max-w-xs",
-          children: [/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AlertComponent.Title, {
+          children: [/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AlertComponent.Title, {
             children: "Something went wrong"
-          }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AlertComponent.Description, {
+          }), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AlertComponent.Description, {
             children: "The side panel encountered an unexpected error."
-          }), /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, {
+          }), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, {
             variant: "default",
             size: "sm",
             className: "mt-4 w-full",
@@ -82804,15 +83178,15 @@ var ErrorBoundary = class extends import_react24.Component {
 };
 // src/side-panel/index.tsx
-var import_jsx_runtime61 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime62 = __toESM(require_jsx_runtime(), 1);
 var rootEl = document.getElementById("root");
 if (!rootEl) {
   throw new Error("Root element not found");
 }
 var root = (0, import_client.createRoot)(rootEl);
-root.render(/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react25.StrictMode, {
-  children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ErrorBoundary, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(App, {})
+root.render(/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react26.StrictMode, {
+  children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ErrorBoundary, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(App, {})
   })
 }));
 /*! Bundled license information: