@trops/dash-core 0.1.598 → 0.1.600

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",
@@ -47248,6 +47331,74 @@ var GeneralSection = function GeneralSection() {
     _useState2 = _slicedToArray(_useState, 2),
     dataDirectory = _useState2[0],
     setDataDirectory = _useState2[1];
+
+  // Export Everything (Phase 4A) — kind: "success" | "error"
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExporting = _useState4[0],
+    setIsExporting = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    exportFeedback = _useState6[0],
+    setExportFeedback = _useState6[1];
+  function handleExportEverything() {
+    return _handleExportEverything.apply(this, arguments);
+  }
+  function _handleExportEverything() {
+    _handleExportEverything = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _window$mainApi, _window$mainApi$expor, result, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (credentials !== null && credentials !== void 0 && credentials.appId) {
+              _context.next = 1;
+              break;
+            }
+            setExportFeedback({
+              kind: "error",
+              message: "No application context."
+            });
+            return _context.abrupt("return");
+          case 1:
+            setIsExporting(true);
+            setExportFeedback(null);
+            _context.prev = 2;
+            _context.next = 3;
+            return (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi["export"]) === null || _window$mainApi === void 0 || (_window$mainApi$expor = _window$mainApi.exportEverything) === null || _window$mainApi$expor === void 0 ? void 0 : _window$mainApi$expor.call(_window$mainApi, credentials.appId);
+          case 3:
+            result = _context.sent;
+            if (result !== null && result !== void 0 && result.success) {
+              setExportFeedback({
+                kind: "success",
+                message: "Saved to ".concat(result.filePath)
+              });
+            } else if (result !== null && result !== void 0 && result.canceled) ; else {
+              setExportFeedback({
+                kind: "error",
+                message: (result === null || result === void 0 ? void 0 : result.error) || "Export failed."
+              });
+            }
+            _context.next = 5;
+            break;
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            setExportFeedback({
+              kind: "error",
+              message: (_t === null || _t === void 0 ? void 0 : _t.message) || "Export failed."
+            });
+          case 5:
+            _context.prev = 5;
+            setIsExporting(false);
+            return _context.finish(5);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 4, 5, 6]]);
+    }));
+    return _handleExportEverything.apply(this, arguments);
+  }
   React.useEffect(function () {
     var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
     if (dashApi) {
@@ -47344,6 +47495,33 @@ var GeneralSection = function GeneralSection() {
           onClick: handleOpenDataDirectory
         })]
       })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Backup",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-row items-center justify-between py-3",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-sm font-medium",
+            children: "Export Everything"
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs opacity-50",
+            children: "Save a ZIP of your workspaces, themes, folders, and provider settings. Credentials are not included."
+          }), exportFeedback && /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs mt-1 ".concat(exportFeedback.kind === "success" ? "text-green-400" : "text-red-400"),
+            "data-testid": "export-feedback",
+            children: exportFeedback.message
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+          title: isExporting ? "Exporting…" : "Export Everything",
+          onClick: handleExportEverything,
+          disabled: isExporting,
+          "data-testid": "export-everything-button"
+        })]
+      })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col space-y-3",
       children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
@@ -49716,12 +49894,14 @@ var WidgetsSection = function WidgetsSection(_ref) {
           className: isSelected ? "bg-white/10 opacity-100" : "",
           children: /*#__PURE__*/jsxRuntime.jsxs("span", {
             className: "flex flex-col",
+            "data-testid": "widget-row-".concat(widget.name),
             children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
               className: "flex items-center gap-2",
               children: [widget.displayName || widget.name, widget.source === "builtin" && /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
                 text: "Built-in"
               }), updates.has(widget.name) && /*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "text-[10px] text-blue-400 font-medium",
+                "data-testid": "widget-update-badge-".concat(widget.name),
                 children: "Update"
               })]
             }), (widget.scopedId || widget.name) && /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -49751,7 +49931,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 +58674,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 +59189,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 +59317,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 +63019,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,