@trops/dash-core 0.1.598 → 0.1.599

package/dist/index.js

@@ -10152,11 +10152,91 @@ function applyFilters(items, filters, mode) {
   });
 }
 
+var PREVIEW_TEMPLATE_SHAPE = {
+  single: {
+    rows: 1,
+    cols: 1
+  },
+  "two-columns": {
+    rows: 1,
+    cols: 2
+  },
+  "two-rows": {
+    rows: 2,
+    cols: 1
+  },
+  "three-columns": {
+    rows: 1,
+    cols: 3
+  },
+  "two-by-two": {
+    rows: 2,
+    cols: 2
+  },
+  "two-by-three": {
+    rows: 2,
+    cols: 3
+  },
+  "three-by-three": {
+    rows: 3,
+    cols: 3
+  }
+};
+function WizardThemePreview(_ref) {
+  var theme = _ref.theme,
+    templateKey = _ref.templateKey;
+  if (!theme) return null;
+  var shape = PREVIEW_TEMPLATE_SHAPE[templateKey] || {
+    rows: 2,
+    cols: 2
+  };
+  var familyOrder = [theme.primary, theme.secondary, theme.tertiary].filter(function (f) {
+    return typeof f === "string" && f.length > 0;
+  });
+  if (familyOrder.length === 0) return null;
+  var totalCells = shape.rows * shape.cols;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "rounded-lg border border-gray-700/50 bg-gray-900/30 p-3 flex flex-col gap-2",
+    "data-testid": "wizard-theme-preview",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-2 text-xs text-gray-400",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+        icon: "eye",
+        fixedWidth: true,
+        className: "text-gray-500"
+      }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+        children: ["Preview \xB7 ", theme.name || ""]
+      }), templateKey && /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "text-gray-600",
+        children: ["(", shape.rows, "\xD7", shape.cols, ")"]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "grid gap-1.5",
+      style: {
+        gridTemplateRows: "repeat(".concat(shape.rows, ", minmax(0, 1fr))"),
+        gridTemplateColumns: "repeat(".concat(shape.cols, ", minmax(0, 1fr))"),
+        minHeight: "5rem"
+      },
+      "data-testid": "wizard-theme-preview-grid",
+      children: Array.from({
+        length: totalCells
+      }).map(function (_, i) {
+        var family = familyOrder[i % familyOrder.length];
+        return /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "rounded bg-".concat(family, "-500/70 border border-").concat(family, "-400/40"),
+          "data-testid": "wizard-theme-preview-cell-".concat(i),
+          "data-family": family
+        }, i);
+      })
+    })]
+  });
+}
+
 function _createForOfIteratorHelper$G(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$G(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; } } }; }
 function _unsupportedIterableToArray$G(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$G(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$G(r, a) : void 0; } }
 function _arrayLikeToArray$G(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
-  var _state$selectedDashbo, _state$selectedDashbo2;
+  var _state$selectedDashbo, _state$selectedDashbo2, _state$layout;
   var state = _ref.state,
     dispatch = _ref.dispatch,
     _ref$menuItems = _ref.menuItems,
@@ -10928,6 +11008,9 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
               })
             }, key);
           })
+        }), state.customization.theme && /*#__PURE__*/jsxRuntime.jsx(WizardThemePreview, {
+          theme: themes === null || themes === void 0 ? void 0 : themes[state.customization.theme],
+          templateKey: (_state$layout = state.layout) === null || _state$layout === void 0 ? void 0 : _state$layout.templateKey
         })]
       }), selectedProviders.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-2",
@@ -49751,7 +49834,23 @@ var WidgetsSection = function WidgetsSection(_ref) {
   }
   var listContent = /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col h-full",
-    children: [isChecking && packagesWithUpdates.length === 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-shrink-0 px-3 pt-2 pb-1",
+      children: /*#__PURE__*/jsxRuntime.jsxs("button", {
+        type: "button",
+        onClick: function onClick() {
+          return window.dispatchEvent(new Event("dash:open-widget-builder"));
+        },
+        className: "w-full flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded bg-indigo-600 hover:bg-indigo-500 text-white",
+        "data-testid": "widgets-section-new-widget-button",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "plus",
+          className: "text-xs"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: "New Widget"
+        })]
+      })
+    }), isChecking && packagesWithUpdates.length === 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 px-3 py-2 border-b border-white/10 bg-gray-800/60 flex items-center gap-2 text-xs text-gray-400",
       "data-testid": "widgets-section-checking-updates",
       children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
@@ -58478,6 +58577,8 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
     onSaveListeners = _ref.onSaveListeners,
     _ref$onSaveUserPrefs = _ref.onSaveUserPrefs,
     onSaveUserPrefs = _ref$onSaveUserPrefs === void 0 ? null : _ref$onSaveUserPrefs,
+    _ref$onSkip = _ref.onSkip,
+    onSkip = _ref$onSkip === void 0 ? null : _ref$onSkip,
     _ref$initialTab = _ref.initialTab,
     initialTab = _ref$initialTab === void 0 ? "providers" : _ref$initialTab;
   var _useContext = React.useContext(DashReact.ThemeContext),
@@ -58991,6 +59092,23 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
     setStagedPrefs({});
     setIsOpen(false);
   }
+
+  // "Skip for now" — closes the modal AND tells the parent to suppress
+  // the unresolved-providers banner for the current session. Cancel
+  // just closes; Skip means "I'm intentionally not dealing with this
+  // right now." Without this affordance, new users who hit the
+  // post-install state can feel cornered by the banner reappearing
+  // every time they close the modal without resolving every provider.
+  function handleSkip() {
+    setStaged({});
+    setStagedListeners({
+      adds: [],
+      removes: []
+    });
+    setStagedPrefs({});
+    if (typeof onSkip === "function") onSkip();
+    setIsOpen(false);
+  }
   if (!isOpen) return null;
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.Modal, {
     isOpen: isOpen,
@@ -59102,7 +59220,10 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Divider, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex-shrink-0 flex flex-row justify-end gap-2 p-4",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+        children: [typeof onSkip === "function" && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+          title: "Skip for now",
+          onClick: handleSkip
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
           title: "Cancel",
           onClick: handleCancel
         }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, {
@@ -62801,6 +62922,18 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
           onSaveBindings: handleBulkProviderBindings,
           onSaveListeners: handleBulkListenerBindings,
           onSaveUserPrefs: handleBulkUserPrefs,
+          onSkip: function onSkip() {
+            // Suppress the unresolved-providers banner for this
+            // workspace (session-scoped). Matches the banner's own
+            // X-dismiss behavior so the user has parity between
+            // "dismiss from the banner" and "dismiss from the
+            // modal footer."
+            if ((workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.id) != null) {
+              setDismissedUnresolvedForWorkspace(function (prev) {
+                return new Set([].concat(_toConsumableArray(prev), [workspaceSelected.id]));
+              });
+            }
+          },
           initialTab: "providers"
         }), /*#__PURE__*/jsxRuntime.jsx(OnboardingModal, {
           open: isOnboardingOpen === true,