@trops/dash-core 0.1.191 → 0.1.192

package/dist/index.js

@@ -3466,6 +3466,13 @@ var CreationMethodPicker = function CreationMethodPicker(_ref2) {
         onClick: function onClick() {
           return onSelect("registry");
         }
+      }), /*#__PURE__*/jsxRuntime.jsx(OptionCard$1, {
+        icon: "wand-magic-sparkles",
+        title: "Dashboard Wizard",
+        description: "Guided setup \u2014 pick categories, providers, and widgets step by step",
+        onClick: function onClick() {
+          return onSelect("wizard");
+        }
       })]
     })]
   });
@@ -4081,7 +4088,9 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
     appId = _ref.appId,
     onReloadWorkspaces = _ref.onReloadWorkspaces,
     _ref$onOpenWorkspace = _ref.onOpenWorkspace,
-    onOpenWorkspace = _ref$onOpenWorkspace === void 0 ? null : _ref$onOpenWorkspace;
+    onOpenWorkspace = _ref$onOpenWorkspace === void 0 ? null : _ref$onOpenWorkspace,
+    _ref$onOpenWizard = _ref.onOpenWizard,
+    onOpenWizard = _ref$onOpenWizard === void 0 ? null : _ref$onOpenWizard;
   var _useContext = React.useContext(DashReact.ThemeContext),
     themes = _useContext.themes,
     appThemeKey = _useContext.themeKey;
@@ -4202,6 +4211,11 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
     setActiveStep(2);
   }
   function handleMethodSelect(method) {
+    if (method === "wizard" && onOpenWizard) {
+      setIsOpen(false);
+      onOpenWizard();
+      return;
+    }
     setCreationMethod(method);
   }
   function handleImportFromFile() {
@@ -7139,6 +7153,222 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
   });
 };
 
+var STEP_LABELS = [{
+  label: "Intent",
+  description: "Choose categories"
+}, {
+  label: "Providers",
+  description: "Select data sources"
+}, {
+  label: "Browse",
+  description: "Pick widgets or dashboards"
+}, {
+  label: "Layout",
+  description: "Arrange your widgets"
+}, {
+  label: "Customize",
+  description: "Name, folder & theme"
+}];
+
+/**
+ * DashboardWizardModal
+ *
+ * Top-level modal that hosts all wizard steps with a Stepper header.
+ * Provides Back/Next/Create navigation with step-aware validation.
+ * Resets wizard state cleanly on close.
+ */
+var DashboardWizardModal = function DashboardWizardModal(_ref) {
+  var open = _ref.open,
+    setIsOpen = _ref.setIsOpen,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
+    _ref$onSaveMenuItem = _ref.onSaveMenuItem,
+    onSaveMenuItem = _ref$onSaveMenuItem === void 0 ? null : _ref$onSaveMenuItem,
+    _ref$onCreateWorkspac = _ref.onCreateWorkspace,
+    onCreateWorkspace = _ref$onCreateWorkspac === void 0 ? null : _ref$onCreateWorkspac,
+    _ref$onInstallDashboa = _ref.onInstallDashboard,
+    onInstallDashboard = _ref$onInstallDashboa === void 0 ? null : _ref$onInstallDashboa,
+    _ref$onOpenDashboard = _ref.onOpenDashboard,
+    _onOpenDashboard = _ref$onOpenDashboard === void 0 ? null : _ref$onOpenDashboard,
+    _ref$onReloadWorkspac = _ref.onReloadWorkspaces,
+    onReloadWorkspaces = _ref$onReloadWorkspac === void 0 ? null : _ref$onReloadWorkspac,
+    appId = _ref.appId;
+  var _useWizardState = useWizardState(),
+    state = _useWizardState.state,
+    dispatch = _useWizardState.dispatch,
+    nextStep = _useWizardState.nextStep,
+    prevStep = _useWizardState.prevStep,
+    goToStep = _useWizardState.goToStep,
+    canProceed = _useWizardState.canProceed,
+    isPrebuiltPath = _useWizardState.isPrebuiltPath;
+
+  // Reset wizard state when modal opens
+  React.useEffect(function () {
+    if (open) {
+      dispatch({
+        type: "RESET"
+      });
+    }
+  }, [open, dispatch]);
+  function handleClose() {
+    setIsOpen(false);
+  }
+  var handleStepChange = React.useCallback(function (newStep) {
+    // Stepper only allows going backwards; forward is via Next button
+    if (newStep < state.step) {
+      goToStep(newStep);
+    }
+  }, [state.step, goToStep]);
+
+  // Skip layout step for prebuilt path
+  var handleNext = React.useCallback(function () {
+    if (!canProceed) return;
+    if (state.step === 2 && isPrebuiltPath) {
+      // Skip layout step (3), go straight to customize (4)
+      goToStep(4);
+    } else {
+      nextStep();
+    }
+  }, [canProceed, state.step, isPrebuiltPath, goToStep, nextStep]);
+  var handleBack = React.useCallback(function () {
+    if (state.step === 4 && isPrebuiltPath) {
+      // Skip back over layout step (3), go to browse (2)
+      goToStep(2);
+    } else {
+      prevStep();
+    }
+  }, [state.step, isPrebuiltPath, goToStep, prevStep]);
+  var isLastStep = state.step === 4;
+  state.step === 4 && state._created;
+  return /*#__PURE__*/jsxRuntime.jsx(DashReact.Modal, {
+    isOpen: open,
+    setIsOpen: setIsOpen,
+    width: "w-5/6",
+    height: "h-5/6",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col h-full bg-gray-900 rounded-lg overflow-hidden",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between px-6 pt-5 pb-0",
+        children: [/*#__PURE__*/jsxRuntime.jsx("h2", {
+          className: "text-lg font-semibold text-gray-200",
+          children: "Dashboard Wizard"
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          onClick: handleClose,
+          className: "text-gray-500 hover:text-gray-300 transition-colors",
+          children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+            className: "h-5 w-5",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /*#__PURE__*/jsxRuntime.jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M6 18L18 6M6 6l12 12"
+            })
+          })
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col flex-1 min-h-0 px-6 py-4",
+        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Stepper, {
+          activeStep: state.step,
+          onStepChange: handleStepChange,
+          showNavigation: false,
+          className: "flex-1 min-h-0",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
+            label: STEP_LABELS[0].label,
+            description: STEP_LABELS[0].description,
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "flex-1 min-h-0 overflow-y-auto",
+              children: /*#__PURE__*/jsxRuntime.jsx(WizardIntentStep, {
+                state: state,
+                dispatch: dispatch
+              })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
+            label: STEP_LABELS[1].label,
+            description: STEP_LABELS[1].description,
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "flex-1 min-h-0 overflow-y-auto",
+              children: /*#__PURE__*/jsxRuntime.jsx(WizardProvidersStep, {
+                state: state,
+                dispatch: dispatch
+              })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
+            label: STEP_LABELS[2].label,
+            description: STEP_LABELS[2].description,
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "flex-1 min-h-0 overflow-y-auto",
+              children: /*#__PURE__*/jsxRuntime.jsx(WizardResultsStep, {
+                state: state,
+                dispatch: dispatch
+              })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
+            label: STEP_LABELS[3].label,
+            description: STEP_LABELS[3].description,
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "flex-1 min-h-0 overflow-y-auto",
+              children: /*#__PURE__*/jsxRuntime.jsx(WizardLayoutPreviewStep, {
+                state: state,
+                dispatch: dispatch
+              })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
+            label: STEP_LABELS[4].label,
+            description: STEP_LABELS[4].description,
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "flex-1 min-h-0 overflow-y-auto",
+              children: /*#__PURE__*/jsxRuntime.jsx(WizardCustomizeStep, {
+                state: state,
+                dispatch: dispatch,
+                menuItems: menuItems,
+                onSaveMenuItem: onSaveMenuItem,
+                onCreateWorkspace: onCreateWorkspace,
+                onInstallDashboard: onInstallDashboard,
+                onOpenDashboard: function onOpenDashboard(ws) {
+                  handleClose();
+                  if (_onOpenDashboard) _onOpenDashboard(ws);
+                  if (onReloadWorkspaces) onReloadWorkspaces();
+                },
+                appId: appId
+              })
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row justify-between items-center pt-4 mt-4 border-t border-gray-700/50",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+            onClick: state.step === 0 ? handleClose : handleBack,
+            title: state.step === 0 ? "Cancel" : "Back",
+            textSize: "text-sm",
+            padding: "py-2 px-4",
+            backgroundColor: "bg-gray-700",
+            textColor: "text-gray-300",
+            hoverTextColor: "hover:text-white",
+            hoverBackgroundColor: "hover:bg-gray-600"
+          }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+            className: "text-xs text-gray-500",
+            children: ["Step ", state.step + 1, " of ", STEP_LABELS.length]
+          }), !isLastStep ? /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+            onClick: handleNext,
+            title: "Next",
+            textSize: "text-sm",
+            padding: "py-2 px-4",
+            backgroundColor: canProceed ? "bg-blue-600" : "bg-gray-700",
+            textColor: canProceed ? "text-white" : "text-gray-500",
+            hoverTextColor: canProceed ? "hover:text-white" : "hover:text-gray-500",
+            hoverBackgroundColor: canProceed ? "hover:bg-blue-500" : "hover:bg-gray-700",
+            disabled: !canProceed,
+            icon: "arrow-right"
+          }) : /*#__PURE__*/jsxRuntime.jsx("div", {})]
+        })]
+      })]
+    })
+  });
+};
+
 var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
   var workspace = _ref.workspace,
     open = _ref.open,
@@ -37464,7 +37694,9 @@ var DashboardsSection = function DashboardsSection(_ref) {
     _ref$createRequested = _ref.createRequested,
     createRequested = _ref$createRequested === void 0 ? false : _ref$createRequested,
     _ref$onCreateAcknowle = _ref.onCreateAcknowledged,
-    onCreateAcknowledged = _ref$onCreateAcknowle === void 0 ? null : _ref$onCreateAcknowle;
+    onCreateAcknowledged = _ref$onCreateAcknowle === void 0 ? null : _ref$onCreateAcknowle,
+    _ref$onOpenWizard = _ref.onOpenWizard,
+    onOpenWizard = _ref$onOpenWizard === void 0 ? null : _ref$onOpenWizard;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedId = _useState2[0],
@@ -37676,6 +37908,14 @@ var DashboardsSection = function DashboardsSection(_ref) {
             value: "marketplace",
             className: "flex-1",
             children: "Marketplace"
+          }), onOpenWizard && /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
+            value: "wizard",
+            className: "flex-1",
+            onClick: function onClick(e) {
+              e.preventDefault();
+              onOpenWizard();
+            },
+            children: "Wizard"
           })]
         })
       })]
@@ -45608,7 +45848,9 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
     _ref$onSignOut = _ref.onSignOut,
     onSignOut = _ref$onSignOut === void 0 ? null : _ref$onSignOut,
     _ref$onProfileUpdated = _ref.onProfileUpdated,
-    onProfileUpdated = _ref$onProfileUpdated === void 0 ? null : _ref$onProfileUpdated;
+    onProfileUpdated = _ref$onProfileUpdated === void 0 ? null : _ref$onProfileUpdated,
+    _ref$onOpenWizard = _ref.onOpenWizard,
+    onOpenWizard = _ref$onOpenWizard === void 0 ? null : _ref$onOpenWizard;
   var _useState = React.useState(initialSection),
     _useState2 = _slicedToArray(_useState, 2),
     activeSection = _useState2[0],
@@ -45693,7 +45935,11 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
         onCreateAcknowledged: function onCreateAcknowledged() {
           return setCreateRequested(false);
         },
-        onOpenWorkspace: onOpenWorkspace
+        onOpenWorkspace: onOpenWorkspace,
+        onOpenWizard: onOpenWizard ? function () {
+          setIsOpen(false);
+          onOpenWizard();
+        } : null
       }), activeSection === "folders" && /*#__PURE__*/jsxRuntime.jsx(FoldersSection, {
         menuItems: menuItems,
         workspaces: workspaces,
@@ -45897,6 +46143,8 @@ var DashCommandPalette = function DashCommandPalette(_ref) {
     onCreateNewFolder = _ref$onCreateNewFolde === void 0 ? null : _ref$onCreateNewFolde,
     _ref$onLoadDashboard = _ref.onLoadDashboard,
     onLoadDashboard = _ref$onLoadDashboard === void 0 ? null : _ref$onLoadDashboard,
+    _ref$onOpenWizard = _ref.onOpenWizard,
+    onOpenWizard = _ref$onOpenWizard === void 0 ? null : _ref$onOpenWizard,
     _ref$onChangeTheme = _ref.onChangeTheme,
     onChangeTheme = _ref$onChangeTheme === void 0 ? null : _ref$onChangeTheme,
     _ref$onOpenThemeManag = _ref.onOpenThemeManager,
@@ -45967,6 +46215,13 @@ var DashCommandPalette = function DashCommandPalette(_ref) {
     action: function action() {
       return onCreateNewFolder && onCreateNewFolder();
     }
+  }, matchesQuery("Dashboard Wizard") && {
+    key: "dashboard-wizard",
+    label: "Dashboard Wizard",
+    icon: "wand-magic-sparkles",
+    action: function action() {
+      return onOpenWizard && onOpenWizard();
+    }
   }].filter(Boolean);
   var showDashboards = dashboardItems.length > 0 || dashboardActions.length > 0;
 
@@ -47473,24 +47728,28 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
     _useState32 = _slicedToArray(_useState31, 2),
     isLayoutPickerOpen = _useState32[0],
     setIsLayoutPickerOpen = _useState32[1];
-
-  // Unified App Settings Modal
   var _useState33 = React.useState(false),
     _useState34 = _slicedToArray(_useState33, 2),
-    isAppSettingsOpen = _useState34[0],
-    setIsAppSettingsOpen = _useState34[1];
-  var _useState35 = React.useState("dashboards"),
+    isWizardOpen = _useState34[0],
+    setIsWizardOpen = _useState34[1];
+
+  // Unified App Settings Modal
+  var _useState35 = React.useState(false),
     _useState36 = _slicedToArray(_useState35, 2),
-    appSettingsInitialSection = _useState36[0],
-    setAppSettingsInitialSection = _useState36[1];
-  var _useState37 = React.useState(null),
+    isAppSettingsOpen = _useState36[0],
+    setIsAppSettingsOpen = _useState36[1];
+  var _useState37 = React.useState("dashboards"),
     _useState38 = _slicedToArray(_useState37, 2),
-    appSettingsInitialProvider = _useState38[0],
-    setAppSettingsInitialProvider = _useState38[1];
-  var _useState39 = React.useState(false),
+    appSettingsInitialSection = _useState38[0],
+    setAppSettingsInitialSection = _useState38[1];
+  var _useState39 = React.useState(null),
     _useState40 = _slicedToArray(_useState39, 2),
-    appSettingsCreateProvider = _useState40[0],
-    setAppSettingsCreateProvider = _useState40[1];
+    appSettingsInitialProvider = _useState40[0],
+    setAppSettingsInitialProvider = _useState40[1];
+  var _useState41 = React.useState(false),
+    _useState42 = _slicedToArray(_useState41, 2),
+    appSettingsCreateProvider = _useState42[0],
+    setAppSettingsCreateProvider = _useState42[1];
   function openAppSettings() {
     var section = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "general";
     var providerName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -48267,6 +48526,13 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
                   text: "New Dashboard",
                   onClick: handleClickNewFromEmpty,
                   size: "sm"
+                }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
+                  icon: "wand-magic-sparkles",
+                  text: "Wizard",
+                  onClick: function onClick() {
+                    return setIsWizardOpen(true);
+                  },
+                  size: "sm"
                 })]
               })
             })
@@ -48306,7 +48572,10 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
           authProfile: authProfile,
           onSignIn: handleSidebarSignIn,
           onSignOut: handleSidebarSignOut,
-          onProfileUpdated: handleProfileUpdated
+          onProfileUpdated: handleProfileUpdated,
+          onOpenWizard: function onOpenWizard() {
+            return setIsWizardOpen(true);
+          }
         }), /*#__PURE__*/jsxRuntime.jsx(ThemeManagerModal, {
           open: isThemeManagerOpen,
           setIsOpen: function setIsOpen() {
@@ -48334,7 +48603,19 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
           onSaveMenuItem: handleSaveNewMenuItem,
           appId: credentials === null || credentials === void 0 ? void 0 : credentials.appId,
           onReloadWorkspaces: loadWorkspaces,
-          onOpenWorkspace: handleOpenTab
+          onOpenWorkspace: handleOpenTab,
+          onOpenWizard: function onOpenWizard() {
+            return setIsWizardOpen(true);
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(DashboardWizardModal, {
+          open: isWizardOpen,
+          setIsOpen: setIsWizardOpen,
+          menuItems: menuItems,
+          onSaveMenuItem: handleSaveNewMenuItem,
+          onCreateWorkspace: handleCreateFromTemplate,
+          onOpenDashboard: handleOpenTab,
+          onReloadWorkspaces: loadWorkspaces,
+          appId: credentials === null || credentials === void 0 ? void 0 : credentials.appId
         })]
       })]
     }), !popout && /*#__PURE__*/jsxRuntime.jsx(DashCommandPalette, {
@@ -48373,6 +48654,9 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       },
       onOpenDiscover: function onOpenDiscover() {
         return openAppSettings("widgets");
+      },
+      onOpenWizard: function onOpenWizard() {
+        return setIsWizardOpen(true);
       }
     })]
   });
@@ -49809,6 +50093,7 @@ exports.DashboardMonitor = DashboardMonitor;
 exports.DashboardPublisher = DashboardPublisher;
 exports.DashboardStage = DashboardStage;
 exports.DashboardThemeProvider = DashboardThemeProvider;
+exports.DashboardWizardModal = DashboardWizardModal;
 exports.DashboardWrapper = DashboardWrapper;
 exports.ElectronDashboardApi = ElectronDashboardApi;
 exports.ErrorBoundary = ErrorBoundary;