@trops/dash-core 0.1.396 → 0.1.397

package/dist/index.esm.js

@@ -55501,7 +55501,11 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
               sidebarEnabled: sidebarEnabled,
               onSidebarChange: popout ? null : handleSidebarToggle,
               scrollableEnabled: workspacePages.length <= 1 ? getRootScrollable() : undefined,
-              onScrollableChange: workspacePages.length <= 1 && !popout ? handleScrollableChange : null
+              onScrollableChange: workspacePages.length <= 1 && !popout ? handleScrollableChange : null,
+              onOpenConfig: popout ? null : function () {
+                return setIsConfigModalOpen(true);
+              },
+              configUnresolvedCount: unresolvedCount
             }), /*#__PURE__*/jsxs(DashboardThemeProvider, {
               themeKey: workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.themeKey,
               children: [hasMissing && missingComponents.length >= 2 && !dismissedMissingForWorkspace.has(workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.id) && /*#__PURE__*/jsxs("div", {
@@ -55941,7 +55945,11 @@ var DashboardHeader = function DashboardHeader(_ref) {
     _ref$sidebarEnabled = _ref.sidebarEnabled,
     sidebarEnabled = _ref$sidebarEnabled === void 0 ? false : _ref$sidebarEnabled,
     _ref$onSidebarChange = _ref.onSidebarChange,
-    onSidebarChange = _ref$onSidebarChange === void 0 ? null : _ref$onSidebarChange;
+    onSidebarChange = _ref$onSidebarChange === void 0 ? null : _ref$onSidebarChange,
+    _ref$onOpenConfig = _ref.onOpenConfig,
+    onOpenConfig = _ref$onOpenConfig === void 0 ? null : _ref$onOpenConfig,
+    _ref$configUnresolved = _ref.configUnresolvedCount,
+    configUnresolvedCount = _ref$configUnresolved === void 0 ? 0 : _ref$configUnresolved;
   var _useState = useState(workspace),
     _useState2 = _slicedToArray(_useState, 2),
     workspaceSelected = _useState2[0],
@@ -55968,7 +55976,10 @@ var DashboardHeader = function DashboardHeader(_ref) {
         className: "font-bold text-base"
       }), /*#__PURE__*/jsxs("div", {
         className: "flex flex-row items-center gap-1",
-        children: [onPopout !== null && /*#__PURE__*/jsx(ButtonIcon, {
+        children: [onOpenConfig !== null && /*#__PURE__*/jsx(DashboardConfigButton, {
+          onClick: onOpenConfig,
+          unresolvedCount: configUnresolvedCount
+        }), onPopout !== null && /*#__PURE__*/jsx(ButtonIcon, {
           icon: "arrow-up-right-from-square",
           onClick: onPopout,
           hoverBackgroundColor: "hover:bg-indigo-700"
@@ -56061,8 +56072,11 @@ var DashboardHeader = function DashboardHeader(_ref) {
           setEnabled: onSidebarChange
         })]
       }), /*#__PURE__*/jsxs("div", {
-        className: "flex flex-row space-x-1 shrink-0",
-        children: [onClickEdit !== null && /*#__PURE__*/jsx(ButtonIcon2, {
+        className: "flex flex-row space-x-1 shrink-0 items-center",
+        children: [onOpenConfig !== null && /*#__PURE__*/jsx(DashboardConfigButton, {
+          onClick: onOpenConfig,
+          unresolvedCount: configUnresolvedCount
+        }), onClickEdit !== null && /*#__PURE__*/jsx(ButtonIcon2, {
           icon: "xmark",
           text: "Cancel",
           onClick: onClickEdit,
@@ -56079,6 +56093,29 @@ var DashboardHeader = function DashboardHeader(_ref) {
   });
 };
 
+/**
+ * DashboardConfigButton — gear icon with an optional amber dot when the
+ * current dashboard has unresolved provider bindings. Opens the
+ * Dashboard Config modal. Kept local to DashboardHeader because no
+ * other caller needs it.
+ */
+function DashboardConfigButton(_ref8) {
+  var onClick = _ref8.onClick,
+    _ref8$unresolvedCount = _ref8.unresolvedCount,
+    unresolvedCount = _ref8$unresolvedCount === void 0 ? 0 : _ref8$unresolvedCount;
+  return /*#__PURE__*/jsxs("div", {
+    className: "relative inline-flex",
+    children: [/*#__PURE__*/jsx(ButtonIcon, {
+      icon: "sliders",
+      onClick: onClick,
+      hoverBackgroundColor: "hover:bg-indigo-700"
+    }), unresolvedCount > 0 && /*#__PURE__*/jsx("span", {
+      className: "absolute top-1 right-1 h-2 w-2 rounded-full bg-amber-400 border border-black/40 pointer-events-none",
+      title: "".concat(unresolvedCount, " unresolved provider").concat(unresolvedCount === 1 ? "" : "s")
+    })]
+  });
+}
+
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MAX_LOG_ENTRIES = 200;