@trops/dash-core 0.1.663 → 0.1.664

package/dist/index.js

@@ -47222,6 +47222,14 @@ function _arrayLikeToArray$n(r, a) { (null == a || a > r.length) && (a = r.lengt
  * Pure: no React, no IPC.
  */
 
+/** Status dot colours shared by the Bots view and Dashboard Config › Bots. */
+var STATUS_DOT$2 = {
+  Idle: "bg-gray-500",
+  Running: "bg-indigo-400",
+  Paused: "bg-gray-400",
+  "Needs approval": "bg-amber-400",
+  Failed: "bg-red-400"
+};
 var norm = function norm(id) {
   return id === undefined || id === null || id === "" ? null : String(id);
 };
@@ -55544,6 +55552,68 @@ var PrivacySecurityList = function PrivacySecurityList(_ref) {
   });
 };
 
+function useConfigTokens() {
+  var _ref = React.useContext(DashReact.ThemeContext) || {},
+    _ref$currentTheme = _ref.currentTheme,
+    currentTheme = _ref$currentTheme === void 0 ? {} : _ref$currentTheme;
+  return {
+    muted: currentTheme["text-neutral-medium"] || "text-gray-400",
+    strong: currentTheme["text-neutral-light"] || "text-gray-200",
+    hairline: currentTheme["border-neutral-dark"] || "border-gray-700",
+    selectedBg: currentTheme["bg-neutral-very-dark"] || "bg-gray-800",
+    selectedBorder: currentTheme["border-primary-dark"] || "border-gray-600",
+    fieldBg: currentTheme["bg-neutral-very-dark"] || "bg-gray-900"
+  };
+}
+
+/**
+ * A row in one of the modal's left-hand lists (provider types, widgets,
+ * event handlers) — styled like the Bots view's team list.
+ *
+ * @param {{ title: React.ReactNode, subtitle?: React.ReactNode,
+ *           meta?: React.ReactNode, badge?: React.ReactNode,
+ *           active?: boolean, mono?: boolean, onClick: () => void }} props
+ *   `subtitle` is a registry id (monospace); `meta` a muted count line.
+ */
+var ConfigListRow = function ConfigListRow(_ref2) {
+  var title = _ref2.title,
+    _ref2$subtitle = _ref2.subtitle,
+    subtitle = _ref2$subtitle === void 0 ? null : _ref2$subtitle,
+    _ref2$meta = _ref2.meta,
+    meta = _ref2$meta === void 0 ? null : _ref2$meta,
+    _ref2$badge = _ref2.badge,
+    badge = _ref2$badge === void 0 ? null : _ref2$badge,
+    _ref2$active = _ref2.active,
+    active = _ref2$active === void 0 ? false : _ref2$active,
+    _ref2$mono = _ref2.mono,
+    mono = _ref2$mono === void 0 ? false : _ref2$mono,
+    onClick = _ref2.onClick;
+  var _useConfigTokens = useConfigTokens(),
+    muted = _useConfigTokens.muted,
+    selectedBg = _useConfigTokens.selectedBg,
+    selectedBorder = _useConfigTokens.selectedBorder;
+  return /*#__PURE__*/jsxRuntime.jsxs("button", {
+    type: "button",
+    onClick: onClick,
+    "aria-current": active ? "true" : undefined,
+    className: "w-full text-left rounded-lg px-3 py-2 border ".concat(active ? "".concat(selectedBg, " ").concat(selectedBorder) : "border-transparent"),
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-row items-center justify-between gap-2 min-w-0",
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-sm font-medium truncate ".concat(mono ? "font-mono" : ""),
+        children: title
+      }), badge]
+    }), subtitle ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "text-xs font-mono truncate mt-0.5 ".concat(muted),
+      title: typeof subtitle === "string" ? subtitle : undefined,
+      children: subtitle
+    }) : null, meta ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "text-xs mt-0.5 ".concat(muted),
+      children: meta
+    }) : null]
+  });
+};
+
 /**
  * grantStaleness
  *
@@ -55714,6 +55784,8 @@ var ToolToggleList = function ToolToggleList(_ref2) {
     serverName = _ref2.serverName,
     onToggleTool = _ref2.onToggleTool,
     hasAnyGrantOnServer = _ref2.hasAnyGrantOnServer;
+  var _useConfigTokens = useConfigTokens(),
+    muted = _useConfigTokens.muted;
   if (declaredTools.length === 0 && grantedTools.length === 0) return null;
   var grantedSet = new Set(grantedTools);
   var staleSet = computeStaleItems(declaredTools, grantedTools, true);
@@ -55721,7 +55793,7 @@ var ToolToggleList = function ToolToggleList(_ref2) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col space-y-1",
     children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-      className: "text-xs opacity-50",
+      className: "text-xs ".concat(muted),
       children: "Tools"
     }), all.map(function (tool) {
       var isGranted = grantedSet.has(tool);
@@ -55732,7 +55804,7 @@ var ToolToggleList = function ToolToggleList(_ref2) {
       // always allowed when the tool IS granted.
       var disabled = !isGranted && !hasAnyGrantOnServer;
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-row items-center justify-between gap-2 py-1 px-2 -mx-2 rounded hover:bg-gray-800 transition-colors",
+        className: "flex flex-row items-center justify-between gap-2 py-1 px-2 -mx-2 rounded-lg",
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
           className: "text-xs font-mono break-all ".concat(isStale ? "text-amber-400" : isGranted ? "opacity-100" : "opacity-50"),
           children: [tool, isStale && /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -55756,6 +55828,8 @@ var PermsList = function PermsList(_ref3) {
     grantedItems = _ref3.grantedItems,
     validatesStale = _ref3.validatesStale,
     onDeleteItem = _ref3.onDeleteItem;
+  var _useConfigTokens2 = useConfigTokens(),
+    muted = _useConfigTokens2.muted;
   if (declaredItems.length === 0 && grantedItems.length === 0) return null;
   var grantedSet = new Set(grantedItems);
   var staleSet = computeStaleItems(declaredItems, grantedItems, validatesStale);
@@ -55763,14 +55837,14 @@ var PermsList = function PermsList(_ref3) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col space-y-1",
     children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-      className: "text-xs opacity-50",
+      className: "text-xs ".concat(muted),
       children: label
     }), all.map(function (item) {
       var isGranted = grantedSet.has(item);
       var isStale = staleSet.has(item);
       var showTrash = isGranted && typeof onDeleteItem === "function";
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-row items-start justify-between gap-2 py-1 px-2 -mx-2 rounded hover:bg-gray-800 transition-colors",
+        className: "flex flex-row items-start justify-between gap-2 py-1 px-2 -mx-2 rounded-lg",
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
           className: "text-xs font-mono break-all ".concat(isStale ? "text-amber-400" : isGranted ? "opacity-100" : "opacity-50 line-through"),
           children: [item, isStale && /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -55806,23 +55880,26 @@ var RevokeConfirmInline = function RevokeConfirmInline(_ref4) {
     body = _ref4.body,
     onCancel = _ref4.onCancel,
     onConfirm = _ref4.onConfirm;
+  var _useConfigTokens3 = useConfigTokens(),
+    muted = _useConfigTokens3.muted,
+    strong = _useConfigTokens3.strong;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex flex-col gap-2 border border-amber-500 rounded p-2 mt-1",
+    className: "flex flex-col gap-2 border border-amber-500 rounded-lg p-2 mt-1",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-row items-center gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
         icon: "triangle-exclamation",
         className: "h-3 w-3 text-amber-500"
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-xs font-semibold text-gray-100",
+        className: "text-xs font-semibold ".concat(strong),
         children: title
       })]
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "text-xs text-gray-300 leading-relaxed",
+      className: "text-xs leading-relaxed ".concat(muted),
       children: body
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex justify-end gap-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
         title: "Cancel",
         onClick: onCancel,
         size: "sm"
@@ -55857,8 +55934,12 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
     pendingRevoke = _useState2[0],
     setPendingRevoke = _useState2[1];
   var widgetSummary = describeWidgetGrant(grantedServers);
+  var _useConfigTokens4 = useConfigTokens(),
+    muted = _useConfigTokens4.muted,
+    hairline = _useConfigTokens4.hairline;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex flex-col space-y-3 border border-gray-700 rounded p-3",
+    "data-testid": "widget-grant-row",
+    className: "flex flex-col space-y-3 rounded-lg border px-3 py-2 ".concat(hairline),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-row items-center justify-between gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -55874,11 +55955,11 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row gap-2",
-        children: [!hasManifest && !granted && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+        children: [!hasManifest && !granted && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
           title: "Grant manually",
           onClick: onGrantManually,
           size: "sm"
-        }), Object.keys(grantedServers).length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+        }), Object.keys(grantedServers).length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
           title: "Revoke all",
           onClick: function onClick() {
             return setPendingRevoke("widget");
@@ -55897,18 +55978,19 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
         onRevokeWidget && onRevokeWidget();
       }
     }), !declared && !granted && /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: "text-xs opacity-50",
+      className: "text-xs ".concat(muted),
       children: "This widget did not declare MCP permissions and the install-time scanner found nothing. Use Grant manually if you trust it."
     }), allServerNames.map(function (serverName) {
       var decl = declaredServers[serverName] || {};
       var grant = grantedServers[serverName];
       var allStale = isServerEntirelyStale(decl, grant);
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-col space-y-2 border-t border-gray-800 pt-2",
+        "data-testid": "grant-server-".concat(serverName),
+        className: "flex flex-col space-y-2 border-t pt-2 ".concat(hairline),
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row items-center justify-between gap-2",
           children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
-            className: "text-xs uppercase tracking-wider opacity-70",
+            className: "text-xs uppercase tracking-wider ".concat(muted),
             children: [serverName, (grant === null || grant === void 0 ? void 0 : grant._labels) && grant._labels.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("span", {
               className: "ml-2 normal-case tracking-normal opacity-60",
               children: ["(", grant._labels.join(", "), ")"]
@@ -55921,7 +56003,7 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
             children: [(decl.tools || []).length > 0 && onToggleAllForServer && /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "flex flex-row items-center gap-2",
               children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-                className: "text-xs opacity-60 normal-case tracking-normal",
+                className: "text-xs normal-case tracking-normal ".concat(muted),
                 children: "Allow all"
               }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
                 checked: (decl.tools || []).length > 0 && (decl.tools || []).every(function (t) {
@@ -55931,7 +56013,7 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
                   return onToggleAllForServer(widgetId, serverName, next);
                 }
               })]
-            }), grant && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+            }), grant && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
               title: "Revoke server",
               onClick: function onClick() {
                 return setPendingRevoke({
@@ -55953,7 +56035,7 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
             onRevokeServer && onRevokeServer(serverName);
           }
         }), allStale && /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "text-xs text-amber-400 bg-amber-900 bg-opacity-20 border border-amber-700 rounded px-2 py-1.5",
+          className: "text-xs text-amber-400 border border-amber-400 rounded-lg px-2 py-1.5",
           children: "All grants on this server are no longer in the manifest \u2014 the widget likely no longer uses this server. Consider revoking."
         }), /*#__PURE__*/jsxRuntime.jsx(ToolToggleList, {
           declaredTools: decl.tools || [],
@@ -55982,9 +56064,9 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
         })]
       }, serverName);
     }), (granted === null || granted === void 0 || (_granted$domains = granted.domains) === null || _granted$domains === void 0 ? void 0 : _granted$domains.fs) && ((granted.domains.fs.readPaths || []).length > 0 || (granted.domains.fs.writePaths || []).length > 0) && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col space-y-2 border-t border-gray-800 pt-2",
+      className: "flex flex-col space-y-2 border-t pt-2 ".concat(hairline),
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-xs uppercase tracking-wider opacity-70",
+        className: "text-xs uppercase tracking-wider ".concat(muted),
         children: "filesystem"
       }), Array.isArray(granted.domains.fs.actions) && granted.domains.fs.actions.length > 0 && /*#__PURE__*/jsxRuntime.jsx(PermsList, {
         label: "Actions",
@@ -56012,9 +56094,9 @@ var WidgetGrantRow = function WidgetGrantRow(_ref5) {
         } : undefined
       })]
     }), (granted === null || granted === void 0 || (_granted$domains2 = granted.domains) === null || _granted$domains2 === void 0 ? void 0 : _granted$domains2.network) && (granted.domains.network.hosts || []).length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col space-y-2 border-t border-gray-800 pt-2",
+      className: "flex flex-col space-y-2 border-t pt-2 ".concat(hairline),
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-xs uppercase tracking-wider opacity-70",
+        className: "text-xs uppercase tracking-wider ".concat(muted),
         children: "network"
       }), Array.isArray(granted.domains.network.actions) && granted.domains.network.actions.length > 0 && /*#__PURE__*/jsxRuntime.jsx(PermsList, {
         label: "Actions",
@@ -61206,68 +61288,6 @@ function renderFormItem(displayName, key, instructions, required, value, _onChan
   }, "config-item-".concat(key));
 }
 
-function useConfigTokens() {
-  var _ref = React.useContext(DashReact.ThemeContext) || {},
-    _ref$currentTheme = _ref.currentTheme,
-    currentTheme = _ref$currentTheme === void 0 ? {} : _ref$currentTheme;
-  return {
-    muted: currentTheme["text-neutral-medium"] || "text-gray-400",
-    strong: currentTheme["text-neutral-light"] || "text-gray-200",
-    hairline: currentTheme["border-neutral-dark"] || "border-gray-700",
-    selectedBg: currentTheme["bg-neutral-very-dark"] || "bg-gray-800",
-    selectedBorder: currentTheme["border-primary-dark"] || "border-gray-600",
-    fieldBg: currentTheme["bg-neutral-very-dark"] || "bg-gray-900"
-  };
-}
-
-/**
- * A row in one of the modal's left-hand lists (provider types, widgets,
- * event handlers) — styled like the Bots view's team list.
- *
- * @param {{ title: React.ReactNode, subtitle?: React.ReactNode,
- *           meta?: React.ReactNode, badge?: React.ReactNode,
- *           active?: boolean, mono?: boolean, onClick: () => void }} props
- *   `subtitle` is a registry id (monospace); `meta` a muted count line.
- */
-var ConfigListRow = function ConfigListRow(_ref2) {
-  var title = _ref2.title,
-    _ref2$subtitle = _ref2.subtitle,
-    subtitle = _ref2$subtitle === void 0 ? null : _ref2$subtitle,
-    _ref2$meta = _ref2.meta,
-    meta = _ref2$meta === void 0 ? null : _ref2$meta,
-    _ref2$badge = _ref2.badge,
-    badge = _ref2$badge === void 0 ? null : _ref2$badge,
-    _ref2$active = _ref2.active,
-    active = _ref2$active === void 0 ? false : _ref2$active,
-    _ref2$mono = _ref2.mono,
-    mono = _ref2$mono === void 0 ? false : _ref2$mono,
-    onClick = _ref2.onClick;
-  var _useConfigTokens = useConfigTokens(),
-    muted = _useConfigTokens.muted,
-    selectedBg = _useConfigTokens.selectedBg,
-    selectedBorder = _useConfigTokens.selectedBorder;
-  return /*#__PURE__*/jsxRuntime.jsxs("button", {
-    type: "button",
-    onClick: onClick,
-    "aria-current": active ? "true" : undefined,
-    className: "w-full text-left rounded-lg px-3 py-2 border ".concat(active ? "".concat(selectedBg, " ").concat(selectedBorder) : "border-transparent"),
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-row items-center justify-between gap-2 min-w-0",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm font-medium truncate ".concat(mono ? "font-mono" : ""),
-        children: title
-      }), badge]
-    }), subtitle ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "text-xs font-mono truncate mt-0.5 ".concat(muted),
-      title: typeof subtitle === "string" ? subtitle : undefined,
-      children: subtitle
-    }) : null, meta ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "text-xs mt-0.5 ".concat(muted),
-      children: meta
-    }) : null]
-  });
-};
-
 function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -61648,6 +61668,13 @@ var PermissionsTab = function PermissionsTab(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     busy = _useState8[0],
     setBusy = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    confirmRevokeAll = _useState0[0],
+    setConfirmRevokeAll = _useState0[1];
+  var _useConfigTokens = useConfigTokens(),
+    muted = _useConfigTokens.muted,
+    hairline = _useConfigTokens.hairline;
 
   // Build the set of widget identifiers in this workspace. Walk every
   // layout location (main, pages, sidebar). `pickWidgetRef` returns
@@ -62176,7 +62203,7 @@ var PermissionsTab = function PermissionsTab(_ref) {
   }).length;
   if (loading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "text-sm opacity-60 p-4",
+      className: "text-sm p-4 ".concat(muted),
       children: "Loading permissions\u2026"
     });
   }
@@ -62184,10 +62211,10 @@ var PermissionsTab = function PermissionsTab(_ref) {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col gap-3 p-4",
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "text-sm opacity-70",
+        className: "text-sm",
         children: "No widgets in this dashboard request any MCP permissions."
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "text-xs opacity-50",
+        className: "text-xs ".concat(muted),
         children: "Permissions only show up here when a widget's published manifest (or local source) declares MCP tool usage."
       })]
     });
@@ -62195,32 +62222,66 @@ var PermissionsTab = function PermissionsTab(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col h-full min-h-0",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex-shrink-0 flex flex-row items-center justify-between gap-2 pb-3",
+      className: "flex-shrink-0 flex flex-row items-center justify-between gap-2 pb-3 border-b ".concat(hairline),
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col",
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
           className: "text-sm font-medium",
           children: [filteredRows.length, " widget", filteredRows.length === 1 ? "" : "s", " with permissions in this dashboard"]
         }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-          className: "text-xs opacity-60 mt-0.5",
+          className: "text-xs mt-0.5 ".concat(muted),
           children: [totalGranted, " currently granted across ", totalDeclared, " declared server", totalDeclared === 1 ? "" : "s"]
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row gap-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
           title: "Allow all declared",
           onClick: approveAllInDashboard,
           disabled: busy,
           size: "sm"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          "data-testid": "permissions-revoke-all",
+          children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+            title: "Revoke all",
+            onClick: function onClick() {
+              return setConfirmRevokeAll(true);
+            },
+            disabled: busy || totalGranted === 0,
+            size: "sm"
+          })
+        })]
+      })]
+    }), confirmRevokeAll && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      "data-testid": "permissions-revoke-all-confirm",
+      className: "flex-shrink-0 flex flex-row items-center justify-between gap-3 rounded-lg border border-amber-400 px-3 py-2 mt-3",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-0.5 min-w-0",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-sm font-medium",
+          children: "Revoke all permissions for this dashboard?"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs ".concat(muted),
+          children: "Every widget here will ask for consent again the next time it uses a tool."
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-row gap-2 flex-shrink-0",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+          title: "Cancel",
+          size: "sm",
+          onClick: function onClick() {
+            return setConfirmRevokeAll(false);
+          }
         }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
-          title: "Revoke all",
-          onClick: revokeAllInDashboard,
-          disabled: busy || totalGranted === 0,
-          size: "sm"
+          title: "Revoke",
+          size: "sm",
+          onClick: function onClick() {
+            setConfirmRevokeAll(false);
+            revokeAllInDashboard();
+          }
         })]
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), error && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex-shrink-0 text-xs text-red-400 bg-red-900/20 border border-red-700 rounded p-2 mt-3",
+    }), error && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-shrink-0 text-xs text-red-400 mt-3",
       children: error
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto pt-3 space-y-3",
@@ -62810,15 +62871,38 @@ function useTeamBots(workspaceId) {
   }, [bots, running, paused, approvals, lastRunByBot, loading, approve, refresh, loadLastRun, drafts, dismissDraft]);
 }
 
-var BotsTab = function BotsTab(_ref) {
-  var workspace = _ref.workspace,
-    _ref$onOpenBotsView = _ref.onOpenBotsView,
-    onOpenBotsView = _ref$onOpenBotsView === void 0 ? null : _ref$onOpenBotsView;
+var StatusDot = function StatusDot(_ref) {
+  var status = _ref.status,
+    muted = _ref.muted;
+  var dot = STATUS_DOT$2[status] || STATUS_DOT$2.Idle;
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
+    "data-testid": "bot-status",
+    className: "flex flex-row items-center gap-1.5 text-xs flex-shrink-0 ".concat(muted),
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      "data-testid": "bot-status-dot",
+      className: "inline-block h-2 w-2 rounded-full ".concat(dot)
+    }), status]
+  });
+};
+
+/**
+ * BotsTab — Dashboard Config › Bots: a read-only summary of this dashboard's
+ * team (bot-teams PRD TEAM-011). Managing bots — adding, editing, talking to
+ * them — happens in the Bots view; "Open in Bots view" goes there.
+ */
+var BotsTab = function BotsTab(_ref2) {
+  var workspace = _ref2.workspace,
+    _ref2$onOpenBotsView = _ref2.onOpenBotsView,
+    onOpenBotsView = _ref2$onOpenBotsView === void 0 ? null : _ref2$onOpenBotsView;
   var team = useTeamBots(workspace ? workspace.id : null);
   var lead = team.lead,
     members = team.members,
     attention = team.attention,
     loading = team.loading;
+  var _useConfigTokens = useConfigTokens(),
+    muted = _useConfigTokens.muted,
+    hairline = _useConfigTokens.hairline;
+  var card = "rounded-lg border px-3 py-2 flex flex-row items-center justify-between gap-3 ".concat(hairline);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col gap-4 h-full min-h-0",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -62828,7 +62912,7 @@ var BotsTab = function BotsTab(_ref) {
         children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SectionLabel, {
           text: "This dashboard's team"
         }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-xs opacity-60",
+          className: "text-xs ".concat(muted),
           children: ["".concat(members.length, " bot").concat(members.length === 1 ? "" : "s"), lead ? "led by ".concat(lead.name) : "no team lead", attention > 0 ? "".concat(attention, " need").concat(attention === 1 ? "s" : "", " attention") : null].filter(Boolean).join(" · ")
         })]
       }), onOpenBotsView ? /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
@@ -62837,12 +62921,25 @@ var BotsTab = function BotsTab(_ref) {
         onClick: onOpenBotsView
       }) : null]
     }), lead ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-row items-center gap-2 text-sm",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "font-medium",
-        children: lead.name
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, {
-        text: "Lead"
+      className: card,
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-0.5 min-w-0",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row items-center gap-2 text-sm",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "font-medium truncate",
+            children: lead.name
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs uppercase tracking-wider font-semibold ".concat(muted),
+            children: "Lead"
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs truncate ".concat(muted),
+          children: "Answers questions about this team"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(StatusDot, {
+        status: team.statusOf(lead.id),
+        muted: muted
       })]
     }) : null, !loading && !members.length ? /*#__PURE__*/jsxRuntime.jsx(DashReact.EmptyState, {
       icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
@@ -62852,21 +62949,22 @@ var BotsTab = function BotsTab(_ref) {
       title: "No bots on this dashboard yet",
       description: "Add bots, talk to them and change their settings in the Bots view."
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex flex-col gap-1 overflow-y-auto min-h-0",
+      className: "flex flex-col gap-2 overflow-y-auto min-h-0",
       children: members.map(function (bot) {
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-row items-center justify-between gap-3 py-2 border-b",
+          className: card,
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "flex flex-col gap-1 min-w-0",
+            className: "flex flex-col gap-0.5 min-w-0",
             children: [/*#__PURE__*/jsxRuntime.jsx("span", {
               className: "text-sm font-medium truncate",
               children: bot.name
             }), /*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "text-xs opacity-60",
+              className: "text-xs truncate ".concat(muted),
               children: triggerSummary(bot)
             })]
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, {
-            text: team.statusOf(bot.id)
+          }), /*#__PURE__*/jsxRuntime.jsx(StatusDot, {
+            status: team.statusOf(bot.id),
+            muted: muted
           })]
         }, bot.id);
       })
@@ -63640,6 +63738,9 @@ var DashboardConfigModal = function DashboardConfigModal(_ref2) {
  */
 function NotificationsTab(_ref5) {
   var workspace = _ref5.workspace;
+  var _useConfigTokens3 = useConfigTokens(),
+    muted = _useConfigTokens3.muted,
+    hairline = _useConfigTokens3.hairline;
   var _useState9 = React.useState(""),
     _useState0 = _slicedToArray(_useState9, 2),
     searchQuery = _useState0[0],
@@ -63781,13 +63882,13 @@ function NotificationsTab(_ref5) {
   };
   if (!loaded) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "p-4 text-sm opacity-50",
+      className: "p-4 text-sm ".concat(muted),
       children: "Loading\u2026"
     });
   }
   if (widgetInstances.length === 0) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "p-4 text-sm opacity-50",
+      className: "p-4 text-sm ".concat(muted),
       children: "No widgets in this dashboard declare notifications. Add widgets that declare notifications to see per-type controls here."
     });
   }
@@ -63803,71 +63904,70 @@ function NotificationsTab(_ref5) {
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row items-center justify-between text-xs",
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
-          className: "opacity-50",
+          className: muted,
           children: [filtered.length, " of ", widgetInstances.length, " widget", widgetInstances.length === 1 ? "" : "s"]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row items-center gap-2",
-          children: [/*#__PURE__*/jsxRuntime.jsx("button", {
-            type: "button",
-            onClick: function onClick() {
-              return setAllVisible(true);
-            },
-            className: "px-2 py-1 rounded bg-green-700 hover:bg-green-600 text-white text-xs font-medium transition-colors",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
             "data-testid": "bulk-notifications-enable-all",
-            children: "Enable all"
-          }), /*#__PURE__*/jsxRuntime.jsx("button", {
-            type: "button",
-            onClick: function onClick() {
-              return setAllVisible(false);
-            },
-            className: "px-2 py-1 rounded bg-gray-700 hover:bg-gray-600 text-gray-200 text-xs font-medium transition-colors",
+            children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+              title: "Enable all",
+              size: "sm",
+              onClick: function onClick() {
+                return setAllVisible(true);
+              }
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
             "data-testid": "bulk-notifications-disable-all",
-            children: "Disable all"
+            children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+              title: "Disable all",
+              size: "sm",
+              onClick: function onClick() {
+                return setAllVisible(false);
+              }
+            })
           })]
         })]
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex-1 overflow-y-auto px-2 py-2 space-y-3",
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1 overflow-y-auto px-2 py-3 flex flex-col gap-3 border-t ".concat(hairline),
       children: filtered.map(function (wi) {
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "border border-white/10 rounded p-3 space-y-2",
+          className: "rounded-lg border px-3 py-2 flex flex-col gap-2 ".concat(hairline),
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "flex flex-col",
+            className: "flex flex-col gap-0.5",
             children: [/*#__PURE__*/jsxRuntime.jsx("span", {
               className: "text-sm font-medium",
               children: wi.title
-            }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Caption, {
-              className: "font-mono",
+            }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "text-xs font-mono truncate ".concat(muted),
               children: [wi.component, wi.itemId != null ? " \xB7 #".concat(wi.itemId) : ""]
-            }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption3, {
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-xs ".concat(muted),
               children: wi["package"]
             })]
-          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "flex flex-row gap-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {
-              orientation: "vertical"
-            }), /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "flex flex-col flex-1",
-              children: wi.notifications.map(function (notif) {
-                return /*#__PURE__*/jsxRuntime.jsxs("div", {
-                  className: "flex flex-row items-center justify-between gap-3 py-2 px-2 -mx-2 rounded hover:bg-gray-800 transition-colors",
-                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-                    className: "flex flex-col",
-                    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-                      className: "text-xs",
-                      children: notif.displayName
-                    }), notif.description && /*#__PURE__*/jsxRuntime.jsx(DashReact.Caption, {
-                      children: notif.description
-                    })]
-                  }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
-                    checked: isEnabled(wi.uuid, notif.key, notif.defaultEnabled),
-                    onChange: function onChange(value) {
-                      return setOne(wi.uuid, notif.key, value);
-                    }
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex flex-col border-t ".concat(hairline),
+            children: wi.notifications.map(function (notif) {
+              return /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex flex-row items-center justify-between gap-3 py-2",
+                children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex flex-col gap-0.5",
+                  children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                    className: "text-sm",
+                    children: notif.displayName
+                  }), notif.description && /*#__PURE__*/jsxRuntime.jsx("span", {
+                    className: "text-xs ".concat(muted),
+                    children: notif.description
                   })]
-                }, notif.key);
-              })
-            })]
+                }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
+                  checked: isEnabled(wi.uuid, notif.key, notif.defaultEnabled),
+                  onChange: function onChange(value) {
+                    return setOne(wi.uuid, notif.key, value);
+                  }
+                })]
+              }, notif.key);
+            })
           })]
         }, wi.uuid);
       })
@@ -63887,10 +63987,10 @@ function ProvidersTab(_ref6) {
     providersByType = _ref6.providersByType,
     onBulk = _ref6.onBulk,
     onPerWidget = _ref6.onPerWidget;
-  var _useConfigTokens3 = useConfigTokens(),
-    muted = _useConfigTokens3.muted,
-    hairline = _useConfigTokens3.hairline,
-    fieldBg = _useConfigTokens3.fieldBg;
+  var _useConfigTokens4 = useConfigTokens(),
+    muted = _useConfigTokens4.muted,
+    hairline = _useConfigTokens4.hairline,
+    fieldBg = _useConfigTokens4.fieldBg;
   var typeEntries = React.useMemo(function () {
     return Array.from(grouped.entries());
   }, [grouped]);
@@ -64075,9 +64175,12 @@ function ProvidersTab(_ref6) {
  */
 function DependenciesTab(_ref0) {
   var dependencies = _ref0.dependencies;
+  var _useConfigTokens5 = useConfigTokens(),
+    muted = _useConfigTokens5.muted,
+    hairline = _useConfigTokens5.hairline;
   if (!dependencies || dependencies.length === 0) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex items-center justify-center h-full text-sm opacity-60 text-center",
+      className: "flex items-center justify-center h-full text-sm text-center ".concat(muted),
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         children: "No widget packages referenced by this dashboard."
       })
@@ -64086,37 +64189,38 @@ function DependenciesTab(_ref0) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col h-full min-h-0 overflow-y-auto gap-3",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "text-xs opacity-60",
+      className: "text-xs ".concat(muted),
       children: "Every widget instance in this workspace, grouped by the package it belongs to. Locations show where each package is referenced."
     }), dependencies.map(function (dep) {
       var isUnknown = dep.packageLabel === "(unknown)";
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "border rounded-lg px-4 py-3 ".concat(isUnknown ? "bg-amber-900/10 border-amber-700/40" : "bg-white/5 border-white/10"),
+        className: "border rounded-lg px-3 py-2 ".concat(isUnknown ? "border-amber-400" : hairline),
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center gap-2 flex-wrap",
           children: [/*#__PURE__*/jsxRuntime.jsx("code", {
-            className: "text-sm font-semibold ".concat(isUnknown ? "text-amber-200" : ""),
+            className: "text-sm font-semibold",
             children: dep.packageLabel
           }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-            className: "text-xs opacity-60",
+            className: "text-xs ".concat(muted),
             children: [dep.total, " instance", dep.total === 1 ? "" : "s"]
-          }), isUnknown && /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "text-[10px] text-amber-300 uppercase tracking-wide",
-            children: "no package mapping"
+          }), isUnknown && /*#__PURE__*/jsxRuntime.jsxs("span", {
+            className: "flex flex-row items-center gap-1.5 text-xs text-amber-400 uppercase tracking-wider font-semibold",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "inline-block h-1.5 w-1.5 rounded-full bg-amber-400"
+            }), "No package mapping"]
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "mt-2 text-xs opacity-70",
+          className: "mt-2 text-xs flex flex-col gap-1",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "opacity-60 mr-1",
+              className: "mr-1 ".concat(muted),
               children: "Widgets:"
             }), dep.components.map(function (c) {
               return "".concat(c.component).concat(c.count > 1 ? " \xD7".concat(c.count) : "");
             }).join(", ")]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "mt-1",
             children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "opacity-60 mr-1",
+              className: "mr-1 ".concat(muted),
               children: "Locations:"
             }), dep.locations.join(", ")]
           })]
@@ -64154,9 +64258,9 @@ function ListenersTab(_ref1) {
     wiring = _ref1.wiring,
     onAdd = _ref1.onAdd,
     onRemove = _ref1.onRemove;
-  var _useConfigTokens4 = useConfigTokens(),
-    muted = _useConfigTokens4.muted,
-    hairline = _useConfigTokens4.hairline;
+  var _useConfigTokens6 = useConfigTokens(),
+    muted = _useConfigTokens6.muted,
+    hairline = _useConfigTokens6.hairline;
   var _useState17 = React.useState(((_receivers$ = receivers[0]) === null || _receivers$ === void 0 ? void 0 : _receivers$.key) || null),
     _useState18 = _slicedToArray(_useState17, 2),
     selectedReceiverKey = _useState18[0],
@@ -64284,9 +64388,9 @@ function HandlersColumn(_ref11) {
     }
     return m;
   }, [myWiring]);
-  var _useConfigTokens5 = useConfigTokens(),
-    muted = _useConfigTokens5.muted,
-    hairline = _useConfigTokens5.hairline;
+  var _useConfigTokens7 = useConfigTokens(),
+    muted = _useConfigTokens7.muted,
+    hairline = _useConfigTokens7.hairline;
   return (
     /*#__PURE__*/
     // Plain <div> wrapper — Card2 reads as washed-out against the
@@ -64339,9 +64443,9 @@ function EventsColumn(_ref12) {
     emitters = _ref12.emitters,
     onAdd = _ref12.onAdd,
     onRemove = _ref12.onRemove;
-  var _useConfigTokens6 = useConfigTokens(),
-    muted = _useConfigTokens6.muted,
-    hairline = _useConfigTokens6.hairline;
+  var _useConfigTokens8 = useConfigTokens(),
+    muted = _useConfigTokens8.muted,
+    hairline = _useConfigTokens8.hairline;
   // Wired-for-this-handler: dedupe defensively (legacy workspaces
   // occasionally contain duplicate entries under the same handler).
   var wiredHere = React.useMemo(function () {
@@ -65282,13 +65386,7 @@ var isDraftId = function isDraftId(id) {
   return typeof id === "string" && id.startsWith(DRAFT_PREFIX);
 };
 var NARROW_PX = 900;
-var DOT = {
-  Idle: "bg-gray-500",
-  Running: "bg-indigo-400",
-  Paused: "bg-gray-400",
-  "Needs approval": "bg-amber-400",
-  Failed: "bg-red-400"
-};
+var DOT = STATUS_DOT$2;
 var getWidgetConfig$1 = function getWidgetConfig(name) {
   return name && ComponentManager.config(name) || null;
 };