@trops/dash-core 0.1.594 → 0.1.596

package/dist/index.js

@@ -60512,6 +60512,53 @@ 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?". A state variable — NOT a derived ref check — because the
+  // useEffect that mirrors this to `globalThis.__dashboardIsDirty`
+  // must re-run when the value changes, and `useRef` mutations don't
+  // trigger re-renders.
+  //
+  // Mutations that flip it true:
+  //   - LayoutBuilder.onWorkspaceChange (widget drag/drop/swap/delete)
+  //     via `handleWorkspaceChange`
+  //   - Header title rename via `handleWorkspaceNameChange`
+  //   - Folder / theme changes via `handleWorkspaceFolderChange`,
+  //     `handleWorkspaceThemeChange`
+  //
+  // Mutations that reset to false:
+  //   - Successful save (`handleSaveWorkspaceComplete`)
+  //   - Cancel/discard (`performCancelEdit` + the discard modal path)
+  //   - Re-entering edit mode (`handleToggleEditMode` enter branch)
+  //
+  // Mirrored to `globalThis.__dashboardIsDirty` so the Electron main
+  // process can poll 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(false),
+    _useState58 = _slicedToArray(_useState57, 2),
+    isDirty = _useState58[0],
+    setIsDirty = _useState58[1];
+  var _useState59 = React.useState(null),
+    _useState60 = _slicedToArray(_useState59, 2),
+    pendingNavigation = _useState60[0],
+    setPendingNavigation = _useState60[1];
+  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 +60646,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 _useState61 = React.useState(null),
+    _useState62 = _slicedToArray(_useState61, 2),
+    pendingOpenWorkspaceId = _useState62[0],
+    setPendingOpenWorkspaceId = _useState62[1];
   React.useEffect(function () {
     var handler = function handler(e) {
       var _e$detail2;
@@ -60859,6 +60906,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) {
@@ -61000,6 +61070,9 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       setPreviewMode(function () {
         return false;
       });
+      // LayoutBuilder fired a mutation (widget drag/drop/swap/delete).
+      // Mark the workspace dirty so the navigation + close guards fire.
+      setIsDirty(true);
 
       // Update the tab's workspace reference
       if (activeTabId) {
@@ -61203,10 +61276,10 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }
 
   // ─── Page State ──────────────────────────────────────────────────
-  var _useState59 = React.useState(null),
-    _useState60 = _slicedToArray(_useState59, 2),
-    activePageId = _useState60[0],
-    setActivePageId = _useState60[1];
+  var _useState63 = React.useState(null),
+    _useState64 = _slicedToArray(_useState63, 2),
+    activePageId = _useState64[0],
+    setActivePageId = _useState64[1];
 
   // Page history stack for goBack() — pushes the previous page id
   // whenever a navigation happens through navigateToPage().
@@ -61592,20 +61665,38 @@ 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;
+    setIsDirty(false);
+    setPreviewMode(true);
+  }
   function handleToggleEditMode() {
     if (previewMode) {
-      // Entering edit mode — snapshot the current workspace
+      // Entering edit mode — snapshot the current workspace and
+      // reset the dirty flag so we start from a clean slate.
       originalWorkspaceRef.current = DashReact.deepCopy(workspaceSelected);
+      setIsDirty(false);
       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;
@@ -61614,6 +61705,9 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
 
     // Update the tab name and workspace reference
     updateTabWorkspace(tempWorkspace);
+    // Header rename counts as a workspace mutation; mark dirty so
+    // navigation + close guards fire.
+    setIsDirty(true);
   }
   function handleWorkspaceFolderChange(menuId) {
     if (!workspaceSelected) return;
@@ -61777,6 +61871,7 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
     // Clear edit-mode refs — edits are now persisted
     currentWorkspaceRef.current = null;
     originalWorkspaceRef.current = null;
+    setIsDirty(false);
     setPreviewMode(function () {
       return true;
     });
@@ -61956,7 +62051,7 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
           recentDashboards: recentDashboards,
           authStatus: authStatus,
           authProfile: authProfile,
-          onOpenWorkspace: handleOpenTab,
+          onOpenWorkspace: handleOpenTabGuarded,
           onNewDashboard: function onNewDashboard() {
             return setIsLayoutPickerOpen(true);
           },
@@ -62147,7 +62242,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 +62284,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 +62369,37 @@ 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 + dirty flag before navigating so the
+          // new workspace mount doesn't inherit dirty state.
+          currentWorkspaceRef.current = null;
+          originalWorkspaceRef.current = null;
+          setIsDirty(false);
+          setPreviewMode(true);
+          handleOpenTab(pending.workspace);
+        }
+      },
+      onCancel: function onCancel() {
+        return setPendingNavigation(null);
+      }
     })]
   });
 };