@shepai/cli 1.72.3 → 1.72.5

package/dist/src/presentation/web/components/features/control-center/control-center-inner.js

@@ -7,6 +7,7 @@ import { NotificationPermissionBanner } from '../../common/notification-permissi
 import { useSidebarFeaturesContext, mapNodeStateToSidebarStatus, } from '../../../hooks/sidebar-features-context.js';
 import { useSelectedFeatureId } from '../../../hooks/use-selected-feature-id.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
+import { useDrawerCloseGuard } from '../../../hooks/drawer-close-guard.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
 export function ControlCenterInner({ initialNodes, initialEdges }) {
@@ -14,7 +15,8 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const pathname = usePathname();
     const selectedFeatureId = useSelectedFeatureId();
     const clickSound = useSoundAction('click');
-    const { nodes, edges, onNodesChange, handleConnect, handleAddRepository, handleDeleteFeature, handleDeleteRepository, createFeatureNode, } = useControlCenterState(initialNodes, initialEdges);
+    const { guardedNavigate, getIsDirty } = useDrawerCloseGuard();
+    const { nodes, edges, onNodesChange, handleConnect, handleAddRepository, handleDeleteFeature, handleDeleteRepository, createFeatureNode, } = useControlCenterState(initialNodes, initialEdges, getIsDirty);
     // Publish sidebar features to context whenever feature node data changes
     const { setFeatures: setSidebarFeatures } = useSidebarFeaturesContext();
     const sidebarKey = useMemo(() => {
@@ -52,10 +54,12 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
             const data = node.data;
             if (data.state === 'creating')
                 return;
-            clickSound.play();
-            router.push(`/feature/${data.featureId}`);
+            guardedNavigate(() => {
+                clickSound.play();
+                router.push(`/feature/${data.featureId}`);
+            });
         }
-    }, [router, clickSound]);
+    }, [router, clickSound, guardedNavigate]);
     const handleAddFeature = useCallback(() => {
         clickSound.play();
         router.push('/create');
@@ -89,16 +93,16 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         if (node?.type === 'repositoryNode') {
             const data = node.data;
             if (data.id) {
-                router.push(`/repository/${data.id}`);
+                guardedNavigate(() => router.push(`/repository/${data.id}`));
             }
         }
-    }, [nodes, router]);
+    }, [nodes, router, guardedNavigate]);
     // Close all drawers — navigate back to root
     const handleClearDrawers = useCallback(() => {
         if (pathname !== '/') {
-            router.push('/');
+            guardedNavigate(() => router.push('/'));
         }
-    }, [router, pathname]);
+    }, [router, pathname, guardedNavigate]);
     // Listen for global "add repository" events from the top bar button
     useEffect(() => {
         const handler = (e) => {

package/dist/src/presentation/web/components/features/control-center/control-center.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAgBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiFnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAwIF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}
+{"version":3,"file":"control-center.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAkBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiFnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAwIF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}

package/dist/src/presentation/web/components/features/control-center/control-center.stories.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ControlCenter } from './control-center.js';
 import { layoutWithDagre } from '../../../lib/layout-with-dagre.js';
 import { AgentEventsProvider } from '../../../hooks/agent-events-provider.js';
+import { DrawerCloseGuardProvider } from '../../../hooks/drawer-close-guard.js';
 const meta = {
     title: 'Features/ControlCenter',
     component: ControlCenter,
@@ -10,7 +11,7 @@ const meta = {
         layout: 'fullscreen',
     },
     decorators: [
-        (Story) => (_jsx(AgentEventsProvider, { children: _jsx("div", { style: { height: '100vh' }, children: _jsx(Story, {}) }) })),
+        (Story) => (_jsx(AgentEventsProvider, { children: _jsx(DrawerCloseGuardProvider, { children: _jsx("div", { style: { height: '100vh' }, children: _jsx(Story, {}) }) }) })),
     ],
 };
 export default meta;

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.d.ts

@@ -13,5 +13,7 @@ export interface ControlCenterState {
     handleDeleteRepository: (repositoryId: string) => Promise<void>;
     createFeatureNode: (sourceNodeId: string | null, dataOverride?: Partial<FeatureNodeData>) => string;
 }
-export declare function useControlCenterState(initialNodes: CanvasNodeType[], initialEdges: Edge[]): ControlCenterState;
+export declare function useControlCenterState(initialNodes: CanvasNodeType[], initialEdges: Edge[], 
+/** When true, background router.refresh() calls (polling / SSE debounce) are suppressed. */
+isRefreshBlocked?: () => boolean): ControlCenterState;
 //# sourceMappingURL=use-control-center-state.d.ts.map

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAWhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CA4hBpB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAWhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE;AACpB,4FAA4F;AAC5F,gBAAgB,CAAC,EAAE,MAAM,OAAO,GAC/B,kBAAkB,CAgiBpB"}

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.js

@@ -11,7 +11,9 @@ import { useAgentEventsContext } from '../../../hooks/agent-events-provider.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { mapEventTypeToState, mapPhaseNameToLifecycle, } from '../../common/feature-node/derive-feature-state.js';
 let nextFeatureId = 0;
-export function useControlCenterState(initialNodes, initialEdges) {
+export function useControlCenterState(initialNodes, initialEdges, 
+/** When true, background router.refresh() calls (polling / SSE debounce) are suppressed. */
+isRefreshBlocked) {
     const router = useRouter();
     const [nodes, setNodes] = useState(initialNodes);
     // eslint-disable-next-line react/hook-use-state -- raw setter renamed; public setEdges wrapper keeps edgesRef in sync
@@ -151,8 +153,11 @@ export function useControlCenterState(initialNodes, initialEdges) {
         }
         // Debounced background reconciliation (3s after last SSE event)
         clearTimeout(reconcileTimerRef.current);
-        reconcileTimerRef.current = setTimeout(() => router.refresh(), 3000);
-    }, [events, router]);
+        reconcileTimerRef.current = setTimeout(() => {
+            if (!isRefreshBlocked?.())
+                router.refresh();
+        }, 3000);
+    }, [events, router, isRefreshBlocked]);
     // Periodic polling fallback: refresh server data every 5s when any feature
     // is in an active state (running/action-required). This ensures the UI stays
     // current even if the SSE connection drops — belt-and-suspenders alongside SSE.
@@ -165,9 +170,12 @@ export function useControlCenterState(initialNodes, initialEdges) {
         });
         if (!hasActiveFeature)
             return;
-        const interval = setInterval(() => router.refresh(), 5_000);
+        const interval = setInterval(() => {
+            if (!isRefreshBlocked?.())
+                router.refresh();
+        }, 5_000);
         return () => clearInterval(interval);
-    }, [nodes, router]);
+    }, [nodes, router, isRefreshBlocked]);
     const onNodesChange = useCallback((changes) => {
         setNodes((ns) => applyNodeChanges(changes, ns));
     }, []);

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcpD,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AA+CD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAQnD"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAepD,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAgDD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAUnD"}

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.js

@@ -8,25 +8,27 @@ import { AddRepositoryButton } from '../../common/add-repository-node/index.js';
 import { ThemeToggle } from '../../common/theme-toggle/index.js';
 import { SoundToggle } from '../../common/sound-toggle/index.js';
 import { AgentEventsProvider } from '../../../hooks/agent-events-provider.js';
+import { DrawerCloseGuardProvider, useDrawerCloseGuard } from '../../../hooks/drawer-close-guard.js';
 import { SidebarFeaturesProvider, useSidebarFeaturesContext, } from '../../../hooks/sidebar-features-context.js';
 import { useNotifications } from '../../../hooks/use-notifications.js';
 /** Inner shell that consumes the agent-events context for notifications. */
 function AppShellInner({ children }) {
     const router = useRouter();
+    const { guardedNavigate } = useDrawerCloseGuard();
     // Subscribe to agent lifecycle events and dispatch toast/browser notifications
     useNotifications();
     const { features } = useSidebarFeaturesContext();
     const handleNewFeature = useCallback(() => {
-        router.push('/create');
-    }, [router]);
+        guardedNavigate(() => router.push('/create'));
+    }, [router, guardedNavigate]);
     const handleFeatureClick = useCallback((featureId) => {
-        router.push(`/feature/${featureId}`);
-    }, [router]);
+        guardedNavigate(() => router.push(`/feature/${featureId}`));
+    }, [router, guardedNavigate]);
     const handleRepositorySelect = useCallback((path) => {
         window.dispatchEvent(new CustomEvent('shep:add-repository', { detail: { path } }));
     }, []);
     return (_jsxs(SidebarProvider, { children: [_jsx(AppSidebar, { features: features, onNewFeature: handleNewFeature, onFeatureClick: handleFeatureClick }), _jsx(SidebarInset, { children: _jsxs("div", { className: "relative h-full", children: [_jsxs("div", { className: "absolute top-3 right-3 z-50 flex gap-1", children: [_jsx(AddRepositoryButton, { onSelect: handleRepositorySelect }), _jsx(SoundToggle, {}), _jsx(ThemeToggle, {})] }), _jsx("main", { className: "h-full", children: children })] }) })] }));
 }
 export function AppShell({ children }) {
-    return (_jsx(AgentEventsProvider, { children: _jsx(SidebarFeaturesProvider, { children: _jsx(AppShellInner, { children: children }) }) }));
+    return (_jsx(AgentEventsProvider, { children: _jsx(DrawerCloseGuardProvider, { children: _jsx(SidebarFeaturesProvider, { children: _jsx(AppShellInner, { children: children }) }) }) }));
 }

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -23,7 +23,7 @@ export function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesF
         const items = features.filter((f) => f.status === key);
         return { key, label, items };
     });
-    return (_jsxs(Sidebar, { "data-testid": "app-sidebar", collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex h-8 items-center group-data-[collapsible=icon]:justify-center", children: [showExpanded ? (_jsxs("div", { className: [
+    return (_jsxs(Sidebar, { "data-testid": "app-sidebar", "data-no-drawer-close": true, collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex h-8 items-center group-data-[collapsible=icon]:justify-center", children: [showExpanded ? (_jsxs("div", { className: [
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',

package/dist/src/presentation/web/components/ui/alert-dialog.stories.js

@@ -17,5 +17,5 @@ export const DestructiveAction = {
     render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "destructive", children: "Delete Account" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete account?" }), _jsx(AlertDialogDescription, { children: "This will permanently delete your account and remove all associated data. This action cannot be undone." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", children: "Delete" })] })] })] })),
 };
 export const WithDescription = {
-    render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Discard Changes" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Discard unsaved changes?" }), _jsxs(AlertDialogDescription, { children: ["You have unsaved changes in ", _jsx("strong", { children: "3 files" }), ". If you discard now, all changes will be lost and cannot be recovered."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Keep Editing" }), _jsx(AlertDialogAction, { variant: "destructive", children: "Discard" })] })] })] })),
+    render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Discard Changes" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Discard unsaved changes?" }), _jsxs(AlertDialogDescription, { children: ["You have unsaved changes in ", _jsx("strong", { children: "3 files" }), ". If you discard now, all changes will be lost and cannot be recovered."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogAction, { variant: "destructive", children: "Discard" }), _jsx(AlertDialogCancel, { children: "Keep Editing" })] })] })] })),
 };

package/dist/src/presentation/web/hooks/drawer-close-guard.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+interface DrawerCloseGuardContextValue {
+    /** Register a drawer's dirty state and reset callback. Pass `null` to unregister. */
+    setGuard: (guard: {
+        isDirty: boolean;
+        onReset: () => void;
+    } | null) => void;
+    /** Navigate only if no dirty drawer is registered; otherwise show confirmation. */
+    guardedNavigate: (navigate: () => void) => void;
+    /** Returns true when any drawer has unsaved changes. Safe to call from effects/intervals. */
+    getIsDirty: () => boolean;
+}
+export declare function DrawerCloseGuardProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDrawerCloseGuard(): DrawerCloseGuardContextValue;
+export declare function useGuardedDrawerClose({ open, isDirty, onClose, onReset, }: {
+    open: boolean;
+    isDirty: boolean;
+    onClose: () => void;
+    onReset: () => void;
+}): {
+    attemptClose: () => void;
+};
+export {};
+//# sourceMappingURL=drawer-close-guard.d.ts.map

package/dist/src/presentation/web/hooks/drawer-close-guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-close-guard.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/drawer-close-guard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,UAAU,4BAA4B;IACpC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5E,mFAAmF;IACnF,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAChD,6FAA6F;IAC7F,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAQD,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAwD7E;AAMD,wBAAgB,mBAAmB,iCAIlC;AASD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;;EAsBA"}

package/dist/src/presentation/web/hooks/drawer-close-guard.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useState, useCallback, useEffect, useRef, } from 'react';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../components/ui/alert-dialog.js';
+const DrawerCloseGuardContext = createContext(null);
+/* ---------------------------------------------------------------------------
+ * Provider — renders the shared confirmation dialog
+ * ------------------------------------------------------------------------- */
+export function DrawerCloseGuardProvider({ children }) {
+    // Use a ref so guard updates (on every keystroke) don't re-render the provider tree.
+    const guardRef = useRef(null);
+    const pendingNavigateRef = useRef(null);
+    const [showConfirmation, setShowConfirmation] = useState(false);
+    const setGuard = useCallback((guard) => {
+        guardRef.current = guard;
+    }, []);
+    const guardedNavigate = useCallback((navigate) => {
+        if (guardRef.current?.isDirty) {
+            pendingNavigateRef.current = navigate;
+            setShowConfirmation(true);
+            return;
+        }
+        navigate();
+    }, []);
+    const confirmDiscard = useCallback(() => {
+        setShowConfirmation(false);
+        guardRef.current?.onReset();
+        guardRef.current = null;
+        pendingNavigateRef.current?.();
+        pendingNavigateRef.current = null;
+    }, []);
+    const cancelDiscard = useCallback(() => {
+        setShowConfirmation(false);
+        pendingNavigateRef.current = null;
+    }, []);
+    const getIsDirty = useCallback(() => guardRef.current?.isDirty ?? false, []);
+    return (_jsxs(DrawerCloseGuardContext, { value: { setGuard, guardedNavigate, getIsDirty }, children: [children, _jsx(AlertDialog, { open: showConfirmation, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Discard unsaved changes?" }), _jsx(AlertDialogDescription, { children: "You have unsaved changes. Are you sure you want to discard them?" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogAction, { variant: "destructive", onClick: confirmDiscard, children: "Discard" }), _jsx(AlertDialogCancel, { onClick: cancelDiscard, children: "Keep editing" })] })] }) })] }));
+}
+/* ---------------------------------------------------------------------------
+ * Hook — access the guard from any child component
+ * ------------------------------------------------------------------------- */
+export function useDrawerCloseGuard() {
+    const ctx = useContext(DrawerCloseGuardContext);
+    if (!ctx)
+        throw new Error('useDrawerCloseGuard must be used within DrawerCloseGuardProvider');
+    return ctx;
+}
+/* ---------------------------------------------------------------------------
+ * Convenience hook for drawer components
+ *
+ * Registers dirty state + reset callback with the guard, and returns an
+ * `attemptClose` function that goes through the guard before closing.
+ * ------------------------------------------------------------------------- */
+export function useGuardedDrawerClose({ open, isDirty, onClose, onReset, }) {
+    const { setGuard, guardedNavigate } = useDrawerCloseGuard();
+    // Keep the guard in sync with dirty state. Because setGuard writes to a ref,
+    // this doesn't trigger re-renders in the provider.
+    useEffect(() => {
+        if (open) {
+            setGuard({ isDirty, onReset });
+        }
+        else {
+            setGuard(null);
+        }
+        return () => setGuard(null);
+    }, [open, isDirty, onReset, setGuard]);
+    const attemptClose = useCallback(() => {
+        guardedNavigate(() => {
+            onReset();
+            onClose();
+        });
+    }, [guardedNavigate, onClose, onReset]);
+    return { attemptClose };
+}