@trops/dash-core 0.1.473 → 0.1.475

package/dist/index.js

@@ -57613,6 +57613,13 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
           },
           className: "px-3 py-1.5 text-sm font-medium -mb-px border-b-2 ".concat(activeTab === "listeners" ? "border-indigo-400" : "border-transparent opacity-60 hover:opacity-100"),
           children: "Listeners"
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          onClick: function onClick() {
+            return setActiveTab("notifications");
+          },
+          className: "px-3 py-1.5 text-sm font-medium -mb-px border-b-2 ".concat(activeTab === "notifications" ? "border-indigo-400" : "border-transparent opacity-60 hover:opacity-100"),
+          children: "Notifications"
         }), /*#__PURE__*/jsxRuntime.jsx("button", {
           type: "button",
           onClick: function onClick() {
@@ -57646,6 +57653,8 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
           providersByType: providersByType,
           onBulk: stageBulk,
           onPerWidget: stageBinding
+        }), activeTab === "notifications" && /*#__PURE__*/jsxRuntime.jsx(NotificationsTab, {
+          workspace: workspace
         }), activeTab === "widgets" && /*#__PURE__*/jsxRuntime.jsx(WidgetsTab, {
           workspace: workspace,
           getWidgetConfig: getWidgetConfig,
@@ -57670,25 +57679,261 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
   });
 };
 
+/**
+ * Notifications tab — dashboard-scoped view of every widget instance
+ * in the current workspace that declares notifications. Bulk Enable
+ * all / Disable all controls flip every notification toggle in the
+ * filtered list at once. Per-widget toggles persist immediately via
+ * `mainApi.notifications.setPreferences` — same path Settings →
+ * Notifications uses, so the two views stay consistent.
+ *
+ * Toggles are uncontrolled-with-respect-to-the-server: we mirror them
+ * locally for snappy UI but the IPC call is fire-and-forget. If a
+ * write fails the user can re-toggle. No staging — the bulk modal
+ * doesn't gate the user behind a Save button for boolean prefs.
+ */
+function NotificationsTab(_ref4) {
+  var workspace = _ref4.workspace;
+  var _useState9 = React.useState(""),
+    _useState0 = _slicedToArray(_useState9, 2),
+    searchQuery = _useState0[0],
+    setSearchQuery = _useState0[1];
+  // Local mirror of widgetUuid -> { typeKey: bool }. Seeded from the
+  // main process on mount; updated optimistically on toggle.
+  var _useState1 = React.useState({}),
+    _useState10 = _slicedToArray(_useState1, 2),
+    prefs = _useState10[0],
+    setPrefs = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    loaded = _useState12[0],
+    setLoaded = _useState12[1];
+  React.useEffect(function () {
+    var _window$mainApi;
+    var cancelled = false;
+    if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.notifications) !== null && _window$mainApi !== void 0 && _window$mainApi.getPreferences)) {
+      setLoaded(true);
+      return function () {
+        cancelled = true;
+      };
+    }
+    window.mainApi.notifications.getPreferences().then(function (p) {
+      if (cancelled) return;
+      setPrefs((p === null || p === void 0 ? void 0 : p.instances) || {});
+      setLoaded(true);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, []);
+
+  // Collect every widget instance in THIS workspace that declares
+  // notifications, alphabetized by title. Mirrors the Settings →
+  // Notifications collection logic but scoped to one workspace.
+  var widgetInstances = React.useMemo(function () {
+    var out = [];
+    var _visit = function visit(item) {
+      if (!item) return;
+      if (Array.isArray(item)) {
+        item.forEach(_visit);
+        return;
+      }
+      if (item.component) {
+        var _config$notifications;
+        var config = ComponentManager.resolve(item.component, item);
+        if ((config === null || config === void 0 || (_config$notifications = config.notifications) === null || _config$notifications === void 0 ? void 0 : _config$notifications.length) > 0) {
+          var _item$userPrefs;
+          out.push({
+            uuid: item.uuid || item.uuidString,
+            title: ((_item$userPrefs = item.userPrefs) === null || _item$userPrefs === void 0 ? void 0 : _item$userPrefs.title) || config.displayName || item.component,
+            "package": config["package"] || "Other",
+            // Scoped component id (e.g. "trops.google.GoogleWidget")
+            // — disambiguates rows when several widgets share a
+            // title or display the same package label. Mirrors the
+            // Listeners tab convention so the user only learns one
+            // identification scheme.
+            component: item.component,
+            // Layout instance id — disambiguates two widgets of the
+            // SAME component on the dashboard (e.g. two GitHub
+            // widgets in the same workspace).
+            itemId: item.id,
+            notifications: config.notifications
+          });
+        }
+      }
+      if (Array.isArray(item.children)) item.children.forEach(_visit);
+      if (Array.isArray(item.layout)) item.layout.forEach(_visit);
+      if (Array.isArray(item.items)) item.items.forEach(_visit);
+    };
+    _visit(workspace === null || workspace === void 0 ? void 0 : workspace.layout);
+    if (Array.isArray(workspace === null || workspace === void 0 ? void 0 : workspace.pages)) {
+      workspace.pages.forEach(function (p) {
+        return _visit(p === null || p === void 0 ? void 0 : p.layout);
+      });
+    }
+    _visit(workspace === null || workspace === void 0 ? void 0 : workspace.sidebarLayout);
+    return out.sort(function (a, b) {
+      return String(a.title).localeCompare(String(b.title), undefined, {
+        sensitivity: "base"
+      });
+    });
+  }, [workspace]);
+  var filtered = React.useMemo(function () {
+    var q = searchQuery.trim().toLowerCase();
+    if (!q) return widgetInstances;
+    return widgetInstances.filter(function (wi) {
+      var hay = [wi.title, wi["package"], wi.component, wi.itemId != null ? "#".concat(wi.itemId) : ""].concat(_toConsumableArray(wi.notifications.map(function (n) {
+        return "".concat(n.key, " ").concat(n.displayName || "");
+      }))).join(" ").toLowerCase();
+      return hay.includes(q);
+    });
+  }, [widgetInstances, searchQuery]);
+  var isEnabled = function isEnabled(uuid, typeKey, defaultEnabled) {
+    var w = prefs[uuid];
+    if (w && typeof w[typeKey] === "boolean") return w[typeKey];
+    return !!defaultEnabled;
+  };
+  var setOne = function setOne(uuid, typeKey, value) {
+    var _window$mainApi2;
+    setPrefs(function (prev) {
+      return _objectSpread$a(_objectSpread$a({}, prev), {}, _defineProperty({}, uuid, _objectSpread$a(_objectSpread$a({}, prev[uuid] || {}), {}, _defineProperty({}, typeKey, value))));
+    });
+    (_window$mainApi2 = window.mainApi) === null || _window$mainApi2 === void 0 || (_window$mainApi2 = _window$mainApi2.notifications) === null || _window$mainApi2 === void 0 || _window$mainApi2.setPreferences(uuid, _defineProperty({}, typeKey, value));
+  };
+  var setAllVisible = function setAllVisible(value) {
+    // Update local state in one pass + fire one IPC per widget.
+    setPrefs(function (prev) {
+      var next = _objectSpread$a({}, prev);
+      filtered.forEach(function (wi) {
+        var w = _objectSpread$a({}, next[wi.uuid] || {});
+        wi.notifications.forEach(function (n) {
+          w[n.key] = value;
+        });
+        next[wi.uuid] = w;
+      });
+      return next;
+    });
+    filtered.forEach(function (wi) {
+      var _window$mainApi3;
+      var update = {};
+      wi.notifications.forEach(function (n) {
+        update[n.key] = value;
+      });
+      (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.notifications) === null || _window$mainApi3 === void 0 || _window$mainApi3.setPreferences(wi.uuid, update);
+    });
+  };
+  if (!loaded) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "p-4 text-sm opacity-50",
+      children: "Loading\u2026"
+    });
+  }
+  if (widgetInstances.length === 0) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "p-4 text-sm opacity-50",
+      children: "No widgets in this dashboard declare notifications. Add widgets that declare notifications to see per-type controls here."
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col h-full",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col gap-2 px-2 py-2 flex-shrink-0 border-b border-white/10",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SearchInput, {
+        value: searchQuery,
+        onChange: setSearchQuery,
+        placeholder: "Search widgets...",
+        inputClassName: "py-1.5 text-xs"
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-row items-center justify-between text-[10px]",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: "opacity-50",
+          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",
+            "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",
+            "data-testid": "bulk-notifications-disable-all",
+            children: "Disable all"
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1 overflow-y-auto px-2 py-2 space-y-3",
+      children: filtered.map(function (wi) {
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "border border-white/10 rounded p-3 space-y-2",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-sm font-medium",
+              children: wi.title
+            }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "text-[10px] opacity-50 font-mono",
+              children: [wi.component, wi.itemId != null ? " \xB7 #".concat(wi.itemId) : ""]
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-[10px] opacity-40",
+              children: wi["package"]
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex flex-col gap-1.5 pl-2 border-l border-white/10",
+            children: wi.notifications.map(function (notif) {
+              return /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex flex-row items-center justify-between py-0.5",
+                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("span", {
+                    className: "text-[10px] opacity-50",
+                    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);
+                  }
+                })]
+              }, notif.key);
+            })
+          })]
+        }, wi.uuid);
+      })
+    })]
+  });
+}
+
 /**
  * Providers tab with a sidebar/detail layout mirroring the Listeners
  * tab. Column 1 lists provider types in this workspace (with an amber
  * dot per-type when any widget of that type is unresolved). Column 2
  * shows the selected type's bulk dropdown + per-widget dropdowns.
  */
-function ProvidersTab(_ref4) {
+function ProvidersTab(_ref5) {
   var _typeEntries$, _selectedRows$;
-  var grouped = _ref4.grouped,
-    providersByType = _ref4.providersByType,
-    onBulk = _ref4.onBulk,
-    onPerWidget = _ref4.onPerWidget;
+  var grouped = _ref5.grouped,
+    providersByType = _ref5.providersByType,
+    onBulk = _ref5.onBulk,
+    onPerWidget = _ref5.onPerWidget;
   var typeEntries = React.useMemo(function () {
     return Array.from(grouped.entries());
   }, [grouped]);
-  var _useState9 = React.useState(((_typeEntries$ = typeEntries[0]) === null || _typeEntries$ === void 0 ? void 0 : _typeEntries$[0]) || null),
-    _useState0 = _slicedToArray(_useState9, 2),
-    selectedType = _useState0[0],
-    setSelectedType = _useState0[1];
+  var _useState13 = React.useState(((_typeEntries$ = typeEntries[0]) === null || _typeEntries$ === void 0 ? void 0 : _typeEntries$[0]) || null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    selectedType = _useState14[0],
+    setSelectedType = _useState14[1];
 
   // If the selected type disappears (workspace changed), fall back.
   React.useMemo(function () {
@@ -57718,10 +57963,10 @@ function ProvidersTab(_ref4) {
         children: "Provider Types"
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "overflow-y-auto flex-1",
-        children: typeEntries.map(function (_ref5) {
-          var _ref6 = _slicedToArray(_ref5, 2),
-            providerType = _ref6[0],
-            rows = _ref6[1];
+        children: typeEntries.map(function (_ref6) {
+          var _ref7 = _slicedToArray(_ref6, 2),
+            providerType = _ref7[0],
+            rows = _ref7[1];
           var isActive = selectedType === providerType;
           var unresolvedHere = rows.filter(function (r) {
             return r.required && !r.resolvedProviderName;
@@ -57875,8 +58120,8 @@ function ProvidersTab(_ref4) {
  * package (no `config.id` / `config.package` / item.workspace hint).
  * Usually this is a stale layout item whose widget got uninstalled.
  */
-function DependenciesTab(_ref8) {
-  var dependencies = _ref8.dependencies;
+function DependenciesTab(_ref9) {
+  var dependencies = _ref9.dependencies;
   if (!dependencies || dependencies.length === 0) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex items-center justify-center h-full text-sm opacity-60 text-center",
@@ -57949,21 +58194,21 @@ function sameWiringEntry(a, b) {
  * adjusts wiring per handler from a single dropdown of all emitters'
  * (widget × event) pairs.
  */
-function ListenersTab(_ref9) {
+function ListenersTab(_ref0) {
   var _receivers$;
-  var emitters = _ref9.emitters,
-    receivers = _ref9.receivers,
-    wiring = _ref9.wiring,
-    onAdd = _ref9.onAdd,
-    onRemove = _ref9.onRemove;
-  var _useState11 = React.useState(((_receivers$ = receivers[0]) === null || _receivers$ === void 0 ? void 0 : _receivers$.key) || null),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectedReceiverKey = _useState12[0],
-    setSelectedReceiverKey = _useState12[1];
-  var _useState13 = React.useState(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    selectedHandler = _useState14[0],
-    setSelectedHandler = _useState14[1];
+  var emitters = _ref0.emitters,
+    receivers = _ref0.receivers,
+    wiring = _ref0.wiring,
+    onAdd = _ref0.onAdd,
+    onRemove = _ref0.onRemove;
+  var _useState17 = React.useState(((_receivers$ = receivers[0]) === null || _receivers$ === void 0 ? void 0 : _receivers$.key) || null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    selectedReceiverKey = _useState18[0],
+    setSelectedReceiverKey = _useState18[1];
+  var _useState19 = React.useState(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    selectedHandler = _useState20[0],
+    setSelectedHandler = _useState20[1];
 
   // Re-anchor selection if the previously-selected widget disappeared
   // (workspace switched, widget deleted, etc.).
@@ -58067,11 +58312,11 @@ function ListenersTab(_ref9) {
  * third column. Matches the left-column look from
  * PanelEditItemHandlers.
  */
-function HandlersColumn(_ref1) {
-  var receiver = _ref1.receiver,
-    myWiring = _ref1.myWiring,
-    selectedHandler = _ref1.selectedHandler,
-    onSelectHandler = _ref1.onSelectHandler;
+function HandlersColumn(_ref10) {
+  var receiver = _ref10.receiver,
+    myWiring = _ref10.myWiring,
+    selectedHandler = _ref10.selectedHandler,
+    onSelectHandler = _ref10.onSelectHandler;
   var countsByHandler = React.useMemo(function () {
     var m = new Map();
     var _iterator9 = _createForOfIteratorHelper$6(myWiring),
@@ -58132,13 +58377,13 @@ function HandlersColumn(_ref1) {
  * Checked = wired; toggling commits an add/remove. Mirrors the
  * right-column UX of PanelEditItemHandlers.
  */
-function EventsColumn(_ref10) {
-  var receiver = _ref10.receiver,
-    handlerName = _ref10.handlerName,
-    myWiring = _ref10.myWiring,
-    emitters = _ref10.emitters,
-    onAdd = _ref10.onAdd,
-    onRemove = _ref10.onRemove;
+function EventsColumn(_ref11) {
+  var receiver = _ref11.receiver,
+    handlerName = _ref11.handlerName,
+    myWiring = _ref11.myWiring,
+    emitters = _ref11.emitters,
+    onAdd = _ref11.onAdd,
+    onRemove = _ref11.onRemove;
   // Wired-for-this-handler: dedupe defensively (legacy workspaces
   // occasionally contain duplicate entries under the same handler).
   var wiredHere = React.useMemo(function () {