@opentabs-dev/browser-extension 0.0.57 → 0.0.59

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

@@ -61333,6 +61333,12 @@ var setAllToolsEnabled = (plugin, enabled) => sendBgMessage({
   plugin,
   enabled
 });
+var setToolsEnabled = (plugin, tools, enabled) => sendBgMessage({
+  type: "bg:setToolsEnabled",
+  plugin,
+  tools,
+  enabled
+});
 var setBrowserToolEnabled = (tool, enabled) => sendBgMessage({
   type: "bg:setBrowserToolEnabled",
   tool,
@@ -71234,6 +71240,8 @@ var PluginIcon = (t0) => {
     className: t4,
     iconSvg,
     iconInactiveSvg,
+    iconDarkSvg,
+    iconDarkInactiveSvg,
     active: t5
   } = t0;
   const tabState = t1 === void 0 ? "closed" : t1;
@@ -71243,7 +71251,10 @@ var PluginIcon = (t0) => {
   const active = t5 === void 0 ? false : t5;
   const isReady = tabState === "ready";
   const hasSvg = !!iconSvg;
-  const rawSvg = isReady ? iconSvg : iconInactiveSvg;
+  const isDark = document.documentElement.classList.contains("dark");
+  const activeSvg = isDark && iconDarkSvg ? iconDarkSvg : iconSvg;
+  const inactiveSvg = isDark && iconDarkInactiveSvg ? iconDarkInactiveSvg : iconInactiveSvg;
+  const rawSvg = isReady ? activeSvg : inactiveSvg;
   let t6;
   if ($2[0] !== pluginName || $2[1] !== rawSvg) {
     t6 = tryGetSanitizedSvg(rawSvg, pluginName);
@@ -78309,11 +78320,28 @@ var PluginCard = (t0) => {
       showToggleError(`Failed to toggle ${toolName}`);
     });
   };
+  const handleToggleGroup = (groupTools, checked_0) => {
+    const myVersion_1 = toggleCounter.current = toggleCounter.current + 1;
+    const groupToolNames = new Set(groupTools.map(_temp27));
+    updatePluginTools((prev_2) => {
+      preToggleRef.current = prev_2;
+      return prev_2.map((t_3) => groupToolNames.has(t_3.name) ? {
+        ...t_3,
+        enabled: checked_0
+      } : t_3);
+    });
+    setToolsEnabled(plugin.name, groupTools.map(_temp35), checked_0).catch(() => {
+      if (toggleCounter.current === myVersion_1) {
+        updatePluginTools(() => preToggleRef.current);
+      }
+      showToggleError("Failed to toggle group");
+    });
+  };
   const filterLower = toolFilter?.toLowerCase() ?? "";
-  const visibleTools = filterLower ? pluginTools.filter((t_2) => matchesTool(t_2, filterLower)) : pluginTools;
+  const visibleTools = filterLower ? pluginTools.filter((t_5) => matchesTool(t_5, filterLower)) : pluginTools;
   let t4;
   if ($2[5] !== activeTools || $2[6] !== plugin.name) {
-    t4 = (t_3) => activeTools.has(`${plugin.name}:${t_3.name}`);
+    t4 = (t_6) => activeTools.has(`${plugin.name}:${t_6.name}`);
     $2[5] = activeTools;
     $2[6] = plugin.name;
     $2[7] = t4;
@@ -78321,45 +78349,72 @@ var PluginCard = (t0) => {
     t4 = $2[7];
   }
   const hasActiveTool = pluginTools.some(t4);
-  const t5 = plugin.name;
-  let t6;
+  const hasAnyGroup = visibleTools.some(_temp42);
+  const toolGroups = [];
+  if (hasAnyGroup) {
+    const groupMap = /* @__PURE__ */ new Map();
+    for (const tool of visibleTools) {
+      const groupName = tool.group ?? "Other";
+      let bucket = groupMap.get(groupName);
+      if (!bucket) {
+        bucket = [];
+        groupMap.set(groupName, bucket);
+      }
+      bucket.push(tool);
+    }
+    const otherBucket = groupMap.get("Other");
+    groupMap.delete("Other");
+    for (const [name, tools] of groupMap) {
+      toolGroups.push({
+        name,
+        tools
+      });
+    }
+    if (otherBucket) {
+      toolGroups.push({
+        name: "Other",
+        tools: otherBucket
+      });
+    }
+  }
+  let t5;
   if ($2[8] !== plugin.update) {
-    t6 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
+    t5 = plugin.update && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
       children: [" \xB7 Update: ", plugin.update.latestVersion]
     });
     $2[8] = plugin.update;
-    $2[9] = t6;
+    $2[9] = t5;
   } else {
-    t6 = $2[9];
+    t5 = $2[9];
   }
-  let t7;
-  if ($2[10] !== plugin.trustTier || $2[11] !== plugin.version || $2[12] !== t6) {
-    t7 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject.Content, {
-      children: ["v", plugin.version, " \xB7 ", plugin.trustTier, t6]
+  let t6;
+  if ($2[10] !== plugin.trustTier || $2[11] !== plugin.version || $2[12] !== t5) {
+    t6 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject.Content, {
+      children: ["v", plugin.version, " \xB7 ", plugin.trustTier, t5]
     });
     $2[10] = plugin.trustTier;
     $2[11] = plugin.version;
-    $2[12] = t6;
-    $2[13] = t7;
+    $2[12] = t5;
+    $2[13] = t6;
   } else {
-    t7 = $2[13];
+    t6 = $2[13];
   }
-  let t8;
+  let t7;
   if ($2[14] !== plugin.source) {
-    t8 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge2, {
+    t7 = plugin.source === "local" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge2, {
       variant: "default",
       size: "sm",
       className: "align-middle",
       children: "DEV"
     });
     $2[14] = plugin.source;
-    $2[15] = t8;
+    $2[15] = t7;
   } else {
-    t8 = $2[15];
+    t7 = $2[15];
   }
-  let t9;
+  let t8;
   if ($2[16] !== plugin.sdkVersion) {
-    t9 = !plugin.sdkVersion && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject, {
+    t8 = !plugin.sdkVersion && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(TooltipObject, {
       children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipObject.Trigger, {
         asChild: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge2, {
@@ -78373,109 +78428,129 @@ var PluginCard = (t0) => {
       })]
     });
     $2[16] = plugin.sdkVersion;
-    $2[17] = t9;
+    $2[17] = t8;
   } else {
-    t9 = $2[17];
+    t8 = $2[17];
   }
-  let t10;
-  if ($2[18] !== plugin.displayName || $2[19] !== t8 || $2[20] !== t9) {
-    t10 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
+  let t9;
+  if ($2[18] !== plugin.displayName || $2[19] !== t7 || $2[20] !== t8) {
+    t9 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
       className: "flex min-w-0 flex-1 items-center gap-1.5 truncate font-head text-foreground text-sm",
-      children: [plugin.displayName, t8, t9]
+      children: [plugin.displayName, t7, t8]
     });
     $2[18] = plugin.displayName;
-    $2[19] = t8;
-    $2[20] = t9;
-    $2[21] = t10;
+    $2[19] = t7;
+    $2[20] = t8;
+    $2[21] = t9;
   } else {
-    t10 = $2[21];
+    t9 = $2[21];
   }
-  let t11;
+  let t10;
   if ($2[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t11 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronDown, {
+    t10 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronDown, {
       className: "h-4 w-4 shrink-0 transition-transform duration-200"
     });
-    $2[22] = t11;
+    $2[22] = t10;
   } else {
-    t11 = $2[22];
+    t10 = $2[22];
   }
-  const t12 = onUpdate ?? _temp27;
-  const t13 = onRemove ?? _temp35;
-  const t14 = updatingPlugin ?? false;
-  const t15 = removingPlugin ?? false;
-  let t16;
-  if ($2[23] !== plugin || $2[24] !== t12 || $2[25] !== t13 || $2[26] !== t14 || $2[27] !== t15) {
-    t16 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PluginMenu, {
+  const t11 = onUpdate ?? _temp52;
+  const t12 = onRemove ?? _temp62;
+  const t13 = updatingPlugin ?? false;
+  const t14 = removingPlugin ?? false;
+  let t15;
+  if ($2[23] !== plugin || $2[24] !== t11 || $2[25] !== t12 || $2[26] !== t13 || $2[27] !== t14) {
+    t15 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PluginMenu, {
       plugin,
-      onUpdate: t12,
-      onRemove: t13,
-      updating: t14,
-      removing: t15,
+      onUpdate: t11,
+      onRemove: t12,
+      updating: t13,
+      removing: t14,
       className: "flex shrink-0 items-center px-1"
     });
     $2[23] = plugin;
-    $2[24] = t12;
-    $2[25] = t13;
-    $2[26] = t14;
-    $2[27] = t15;
-    $2[28] = t16;
+    $2[24] = t11;
+    $2[25] = t12;
+    $2[26] = t13;
+    $2[27] = t14;
+    $2[28] = t15;
   } else {
-    t16 = $2[28];
+    t15 = $2[28];
   }
-  let t17;
+  let t16;
   if ($2[29] !== toggleError) {
-    t17 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
+    t16 = toggleError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: toggleError
     });
     $2[29] = toggleError;
-    $2[30] = t17;
+    $2[30] = t16;
   } else {
-    t17 = $2[30];
+    t16 = $2[30];
   }
-  let t18;
+  let t17;
   if ($2[31] !== actionError) {
-    t18 = actionError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
+    t17 = actionError && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertComponent, {
       status: "error",
       className: "mx-3 mb-1 px-2 py-1 text-xs",
       children: actionError
     });
     $2[31] = actionError;
-    $2[32] = t18;
+    $2[32] = t17;
   } else {
-    t18 = $2[32];
+    t17 = $2[32];
   }
-  const t19 = AccordionComponent;
-  const t20 = "border-border border-t";
-  const t21 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
+  const t18 = AccordionComponent;
+  const t19 = "border-border border-t";
+  const t20 = toolFilter && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
     className: "mb-1 px-3 pt-2 text-muted-foreground text-xs",
     children: [visibleTools.length, " of ", pluginTools.length, " tools"]
   });
-  const t22 = visibleTools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolRow, {
-    name: tool.name,
-    displayName: tool.displayName,
-    description: tool.description,
-    icon: tool.icon,
-    enabled: tool.enabled,
-    active: activeTools.has(`${plugin.name}:${tool.name}`),
-    onToggle: () => handleToggleTool(tool.name, tool.enabled)
-  }, tool.name));
-  let t23;
-  if ($2[33] !== t19.Content || $2[34] !== t21 || $2[35] !== t22) {
-    t23 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(t19.Content, {
-      className: t20,
-      children: [t21, t22]
+  const t21 = hasAnyGroup ? toolGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
+    children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
+      className: "flex items-center gap-2 border-border border-b bg-muted/20 px-3 py-1",
+      children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {
+        className: "flex-1 font-head text-muted-foreground text-xs uppercase tracking-wider",
+        children: group.name
+      }), /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Switch2, {
+        checked: group.tools.every(_temp92),
+        onCheckedChange: (checked_1) => handleToggleGroup(group.tools, checked_1),
+        "aria-label": `Toggle all ${group.name} tools`
+      })]
+    }), group.tools.map((tool_0) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolRow, {
+      name: tool_0.name,
+      displayName: tool_0.displayName,
+      description: tool_0.description,
+      icon: tool_0.icon,
+      enabled: tool_0.enabled,
+      active: activeTools.has(`${plugin.name}:${tool_0.name}`),
+      onToggle: () => handleToggleTool(tool_0.name, tool_0.enabled)
+    }, tool_0.name))]
+  }, group.name)) : visibleTools.map((tool_1) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolRow, {
+    name: tool_1.name,
+    displayName: tool_1.displayName,
+    description: tool_1.description,
+    icon: tool_1.icon,
+    enabled: tool_1.enabled,
+    active: activeTools.has(`${plugin.name}:${tool_1.name}`),
+    onToggle: () => handleToggleTool(tool_1.name, tool_1.enabled)
+  }, tool_1.name));
+  let t22;
+  if ($2[33] !== t18.Content || $2[34] !== t20 || $2[35] !== t21) {
+    t22 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(t18.Content, {
+      className: t19,
+      children: [t20, t21]
     });
-    $2[33] = t19.Content;
-    $2[34] = t21;
-    $2[35] = t22;
-    $2[36] = t23;
+    $2[33] = t18.Content;
+    $2[34] = t20;
+    $2[35] = t21;
+    $2[36] = t22;
   } else {
-    t23 = $2[36];
+    t22 = $2[36];
   }
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(AccordionComponent.Item, {
-    value: t5,
+    value: plugin.name,
     className: removingPlugin ? "pointer-events-none opacity-60 transition-opacity" : void 0,
     children: [/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Header, {
       className: "flex",
@@ -78493,15 +78568,17 @@ var PluginCard = (t0) => {
                 size: 32,
                 iconSvg: plugin.iconSvg,
                 iconInactiveSvg: plugin.iconInactiveSvg,
+                iconDarkSvg: plugin.iconDarkSvg,
+                iconDarkInactiveSvg: plugin.iconDarkInactiveSvg,
                 active: hasActiveTool
               })
             })
-          }), t7]
-        }), t10, t11]
-      }), t16, /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
+          }), t6]
+        }), t9, t10]
+      }), t15, /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
         className: "flex shrink-0 items-center px-3",
-        onClick: _temp42,
-        onKeyDown: _temp52,
+        onClick: _temp72,
+        onKeyDown: _temp82,
         role: "presentation",
         children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Switch2, {
           checked: allEnabled,
@@ -78509,24 +78586,36 @@ var PluginCard = (t0) => {
           "aria-label": `Toggle all tools for ${plugin.name}`
         })
       })]
-    }), t17, t18, t23]
+    }), t16, t17, t22]
   });
 };
 function _temp10(t2) {
   return t2.enabled;
 }
-function _temp27() {
+function _temp27(t_2) {
+  return t_2.name;
+}
+function _temp35(t_4) {
+  return t_4.name;
+}
+function _temp42(t_7) {
+  return t_7.group;
 }
-function _temp35() {
+function _temp52() {
 }
-function _temp42(e2) {
+function _temp62() {
+}
+function _temp72(e2) {
   return e2.stopPropagation();
 }
-function _temp52(e_0) {
+function _temp82(e_0) {
   if (e_0.key === "Enter" || e_0.key === " ") {
     e_0.stopPropagation();
   }
 }
+function _temp92(t_8) {
+  return t_8.enabled;
+}
 
 // src/side-panel/components/PluginList.tsx
 var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
@@ -79659,11 +79748,11 @@ var App = () => {
           setConnected(isConnected);
           setDisconnectReason(isConnected ? void 0 : message_0.data.disconnectReason);
           if (isConnected) {
-            getFullState().then(applyFullState).catch(_temp62);
+            getFullState().then(applyFullState).catch(_temp63);
           } else {
             setPlugins([]);
             setFailedPlugins([]);
-            setBrowserTools(BROWSER_TOOLS_CATALOG.map(_temp72));
+            setBrowserTools(BROWSER_TOOLS_CATALOG.map(_temp73));
             setServerVersion(void 0);
             setActiveTools(/* @__PURE__ */ new Set());
             setPendingConfirmations([]);
@@ -79688,7 +79777,7 @@ var App = () => {
         if (message_0.type === "sp:serverMessage") {
           const data = message_0.data;
           if (data.method === "plugins.changed") {
-            getFullState().then(applyFullState).catch(_temp82);
+            getFullState().then(applyFullState).catch(_temp83);
             sendResponse({
               ok: true
             });
@@ -79942,15 +80031,15 @@ function _temp53(p_0) {
     tabState: p_0.tabState
   };
 }
-function _temp62() {
+function _temp63() {
 }
-function _temp72(t_2) {
+function _temp73(t_2) {
   return {
     ...t_2,
     enabled: true
   };
 }
-function _temp82() {
+function _temp83() {
 }
 
 // src/side-panel/components/ErrorBoundary.tsx