@trops/dash-core 0.1.594 → 0.1.595

package/dist/index.js

@@ -60512,6 +60512,37 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
 
   // Snapshot of the workspace before editing — used to restore on Cancel
   var originalWorkspaceRef = React.useRef(null);
+
+  // ─── Unsaved-changes guard (Phase 2B) ────────────────────────────
+  // Single source of truth for "is the user mid-edit with un-saved
+  // work?". Edit mode (`previewMode === false`) is necessary; a
+  // populated `currentWorkspaceRef` is sufficient — the layout
+  // builder mutates that ref on every drag/drop/widget change.
+  //
+  // The flag is mirrored to `globalThis.__dashboardIsDirty` so the
+  // Electron main process can poll it synchronously during window
+  // close + app-quit handlers without an IPC round-trip.
+  //
+  // A `pendingNavigation` object captures a navigation request that
+  // arrived while dirty so the user can choose to discard or keep
+  // editing. Shapes:
+  //   { kind: "open-workspace", workspace }       — sidebar switch
+  //   { kind: "cancel-edit" }                     — Cancel button
+  var _useState57 = React.useState(null),
+    _useState58 = _slicedToArray(_useState57, 2),
+    pendingNavigation = _useState58[0],
+    setPendingNavigation = _useState58[1];
+  var isDirty = previewMode === false && currentWorkspaceRef.current !== null;
+  React.useEffect(function () {
+    if (typeof globalThis !== "undefined") {
+      globalThis.__dashboardIsDirty = isDirty;
+    }
+    return function () {
+      if (typeof globalThis !== "undefined") {
+        globalThis.__dashboardIsDirty = false;
+      }
+    };
+  }, [isDirty]);
   React.useEffect(function () {
     isLoadingWorkspaces === false && loadWorkspaces();
     isLoadingMenuItems === false && loadMenuItems();
@@ -60599,10 +60630,10 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   // We record the requested ID and open it once it appears in
   // workspaceConfig — handles the case where the workspace was just
   // created and the config reload is still in flight.
-  var _useState57 = React.useState(null),
-    _useState58 = _slicedToArray(_useState57, 2),
-    pendingOpenWorkspaceId = _useState58[0],
-    setPendingOpenWorkspaceId = _useState58[1];
+  var _useState59 = React.useState(null),
+    _useState60 = _slicedToArray(_useState59, 2),
+    pendingOpenWorkspaceId = _useState60[0],
+    setPendingOpenWorkspaceId = _useState60[1];
   React.useEffect(function () {
     var handler = function handler(e) {
       var _e$detail2;
@@ -60859,6 +60890,29 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       });
     }
   }
+
+  // Guarded variant of handleOpenTab for user-driven entry points
+  // (sidebar dashboard list, recents). If the user is mid-edit with
+  // unsaved changes AND the request would navigate to a DIFFERENT
+  // workspace than the currently active tab, surface the discard
+  // confirmation modal instead of switching immediately.
+  //
+  // Programmatic callers (post-create auto-open, popout init, the
+  // wizard's create-then-open flow) keep calling `handleOpenTab`
+  // directly — they only fire after an explicit save and have no
+  // dirty state to lose.
+  function handleOpenTabGuarded(workspaceItem) {
+    if (!workspaceItem) return;
+    var switchingAway = activeTabId && activeTabId !== workspaceItem.id;
+    if (isDirty && switchingAway) {
+      setPendingNavigation({
+        kind: "open-workspace",
+        workspace: workspaceItem
+      });
+      return;
+    }
+    handleOpenTab(workspaceItem);
+  }
   function handleCloseTab(tabId) {
     setOpenTabs(function (prev) {
       var remaining = prev.filter(function (tab) {
@@ -61203,10 +61257,10 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }
 
   // ─── Page State ──────────────────────────────────────────────────
-  var _useState59 = React.useState(null),
-    _useState60 = _slicedToArray(_useState59, 2),
-    activePageId = _useState60[0],
-    setActivePageId = _useState60[1];
+  var _useState61 = React.useState(null),
+    _useState62 = _slicedToArray(_useState61, 2),
+    activePageId = _useState62[0],
+    setActivePageId = _useState62[1];
 
   // Page history stack for goBack() — pushes the previous page id
   // whenever a navigation happens through navigateToPage().
@@ -61592,20 +61646,35 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }
   function handleSaveMenuItemError(e, message) {
   }
+
+  // Internal: the unguarded cancel-edit operation. Called both from
+  // the direct Cancel button (when nothing is dirty) and from the
+  // confirmation modal's Discard action.
+  function performCancelEdit() {
+    if (originalWorkspaceRef.current) {
+      updateTabWorkspace(originalWorkspaceRef.current);
+    }
+    currentWorkspaceRef.current = null;
+    originalWorkspaceRef.current = null;
+    setPreviewMode(true);
+  }
   function handleToggleEditMode() {
     if (previewMode) {
       // Entering edit mode — snapshot the current workspace
       originalWorkspaceRef.current = DashReact.deepCopy(workspaceSelected);
       setPreviewMode(false);
-    } else {
-      // Canceling edit mode — restore original workspace
-      if (originalWorkspaceRef.current) {
-        updateTabWorkspace(originalWorkspaceRef.current);
-      }
-      currentWorkspaceRef.current = null;
-      originalWorkspaceRef.current = null;
-      setPreviewMode(true);
+      return;
     }
+    // Cancel path: prompt only if there are unsaved edits. The
+    // `isDirty` value flips true the moment LayoutBuilder writes
+    // anything into `currentWorkspaceRef`.
+    if (isDirty) {
+      setPendingNavigation({
+        kind: "cancel-edit"
+      });
+      return;
+    }
+    performCancelEdit();
   }
   function handleWorkspaceNameChange(name) {
     if (!workspaceSelected) return;
@@ -61956,7 +62025,7 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
           recentDashboards: recentDashboards,
           authStatus: authStatus,
           authProfile: authProfile,
-          onOpenWorkspace: handleOpenTab,
+          onOpenWorkspace: handleOpenTabGuarded,
           onNewDashboard: function onNewDashboard() {
             return setIsLayoutPickerOpen(true);
           },
@@ -62147,7 +62216,7 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
           onReloadWorkspaces: loadWorkspaces,
           onReloadMenuItems: loadMenuItems,
           onOpenWorkspace: function onOpenWorkspace(ws) {
-            handleOpenTab(ws);
+            handleOpenTabGuarded(ws);
             setIsAppSettingsOpen(false);
           },
           onOpenThemeEditor: function onOpenThemeEditor() {
@@ -62189,7 +62258,7 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
           onSaveMenuItem: handleSaveNewMenuItem,
           appId: credentials === null || credentials === void 0 ? void 0 : credentials.appId,
           onReloadWorkspaces: loadWorkspaces,
-          onOpenWorkspace: handleOpenTab,
+          onOpenWorkspace: handleOpenTabGuarded,
           onOpenWizard: function onOpenWizard() {
             return setIsWizardOpen(true);
           }
@@ -62274,6 +62343,36 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       onOpenWizard: function onOpenWizard() {
         return setIsWizardOpen(true);
       }
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, {
+      isOpen: Boolean(pendingNavigation),
+      setIsOpen: function setIsOpen(open) {
+        if (!open) setPendingNavigation(null);
+      },
+      title: "Discard unsaved changes?",
+      message: (pendingNavigation === null || pendingNavigation === void 0 ? void 0 : pendingNavigation.kind) === "cancel-edit" ? "You have edits that haven't been saved. Discard them and exit edit mode?" : "You have edits that haven't been saved. Discard them and switch dashboards?",
+      confirmLabel: "Discard changes",
+      cancelLabel: "Keep editing",
+      variant: "danger",
+      onConfirm: function onConfirm() {
+        var pending = pendingNavigation;
+        // Clear the prompt first so the modal teardown doesn't race
+        // a re-trigger from the same dirty-state read.
+        setPendingNavigation(null);
+        if (!pending) return;
+        if (pending.kind === "cancel-edit") {
+          performCancelEdit();
+        } else if (pending.kind === "open-workspace") {
+          // Clear edit refs before navigating so the new workspace
+          // mount doesn't inherit dirty state.
+          currentWorkspaceRef.current = null;
+          originalWorkspaceRef.current = null;
+          setPreviewMode(true);
+          handleOpenTab(pending.workspace);
+        }
+      },
+      onCancel: function onCancel() {
+        return setPendingNavigation(null);
+      }
     })]
   });
 };