@shepai/cli 1.72.2 → 1.72.4

package/dist/src/presentation/web/components/common/tech-review-tabs/tech-review-tabs.js

@@ -5,8 +5,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
 import { DrawerActionBar } from '../../common/drawer-action-bar/index.js';
 import { TechDecisionsContent } from '../../common/tech-decisions-review/index.js';
 import { ProductDecisionsSummary } from '../../common/product-decisions-summary/index.js';
-export function TechReviewTabs({ techData, productData, onApprove, onReject, isProcessing = false, isRejecting = false, }) {
+export function TechReviewTabs({ techData, productData, onApprove, onReject, isProcessing = false, isRejecting = false, chatInput, onChatInputChange, }) {
     if (techData.decisions.length === 0)
         return null;
-    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs(Tabs, { defaultValue: "technical", className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "shrink-0 px-4 pt-4", children: _jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "product", children: "Product" }), _jsx(TabsTrigger, { value: "technical", children: "Technical" })] }) }), _jsx(TabsContent, { value: "product", className: "mt-0 flex-1 overflow-y-auto", children: productData === null ? (_jsx("div", { className: "flex items-center justify-center p-8", "data-testid": "product-loading", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) : productData ? (_jsx(ProductDecisionsSummary, { data: productData })) : (_jsx("p", { className: "text-muted-foreground p-4 text-center text-sm", children: "No product decisions available." })) }), _jsx(TabsContent, { value: "technical", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(TechDecisionsContent, { data: techData }) })] }), _jsx(DrawerActionBar, { onReject: onReject, onApprove: onApprove, approveLabel: "Approve Plan", approveIcon: _jsx(Check, { className: "mr-1.5 h-4 w-4" }), revisionPlaceholder: "Ask AI to revise the plan...", isProcessing: isProcessing, isRejecting: isRejecting })] }));
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs(Tabs, { defaultValue: "technical", className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "shrink-0 px-4 pt-4", children: _jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "product", children: "Product" }), _jsx(TabsTrigger, { value: "technical", children: "Technical" })] }) }), _jsx(TabsContent, { value: "product", className: "mt-0 flex-1 overflow-y-auto", children: productData === null ? (_jsx("div", { className: "flex items-center justify-center p-8", "data-testid": "product-loading", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) : productData ? (_jsx(ProductDecisionsSummary, { data: productData })) : (_jsx("p", { className: "text-muted-foreground p-4 text-center text-sm", children: "No product decisions available." })) }), _jsx(TabsContent, { value: "technical", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(TechDecisionsContent, { data: techData }) })] }), _jsx(DrawerActionBar, { onReject: onReject, onApprove: onApprove, approveLabel: "Approve Plan", approveIcon: _jsx(Check, { className: "mr-1.5 h-4 w-4" }), revisionPlaceholder: "Ask AI to revise the plan...", isProcessing: isProcessing, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: onChatInputChange })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAa5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAmMzF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAc5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAsMzF"}

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,6 +15,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const pathname = usePathname();
     const selectedFeatureId = useSelectedFeatureId();
     const clickSound = useSoundAction('click');
+    const { guardedNavigate } = useDrawerCloseGuard();
     const { nodes, edges, onNodesChange, handleConnect, handleAddRepository, handleDeleteFeature, handleDeleteRepository, createFeatureNode, } = useControlCenterState(initialNodes, initialEdges);
     // Publish sidebar features to context whenever feature node data changes
     const { setFeatures: setSidebarFeatures } = useSidebarFeaturesContext();
@@ -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/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,24 @@
+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;
+}
+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;CACjD;AAQD,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsD7E;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,73 @@
+'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;
+    }, []);
+    return (_jsxs(DrawerCloseGuardContext, { value: { setGuard, guardedNavigate }, 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 };
+}