@donotdev/ui 0.0.14 → 0.0.15

package/dist/components/layout/components/index.d.ts

@@ -19,4 +19,7 @@ export { default as HeaderNavigation } from './header/HeaderNavigation';
 export { default as Notifications } from './Notifications';
 export { default as SettingsMenu } from './header/SettingsMenu';
 export { default as ThemeToggle } from './header/ThemeToggle';
+export { FooterBranding } from '../../../internal/layout/components/footer/FooterBranding';
+export { FooterCopyright } from '../../../internal/layout/components/footer/FooterCopyright';
+export { FooterLegalLinks } from '../../../internal/layout/components/footer/FooterLegalLinks';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/components/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/components/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,4DAA4D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,6DAA6D,CAAC"}

package/dist/components/layout/components/index.js

@@ -20,3 +20,6 @@ export { default as HeaderNavigation } from './header/HeaderNavigation';
 export { default as Notifications } from './Notifications';
 export { default as SettingsMenu } from './header/SettingsMenu';
 export { default as ThemeToggle } from './header/ThemeToggle';
+export { FooterBranding } from '../../../internal/layout/components/footer/FooterBranding';
+export { FooterCopyright } from '../../../internal/layout/components/footer/FooterCopyright';
+export { FooterLegalLinks } from '../../../internal/layout/components/footer/FooterLegalLinks';

package/dist/crud/components/EntityCardList.d.ts

@@ -12,5 +12,5 @@ export type { EntityCardListProps };
  * - Auto-routing when handler not provided
  */
 export declare function EntityCardList({ entity, basePath, onClick, cols, staleTime, // 30 minutes default cache
-filter, hideFilters, }: EntityCardListProps): import("react/jsx-runtime").JSX.Element;
+filter, hideFilters, resultLabel, tone, }: EntityCardListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EntityCardList.d.ts.map

package/dist/crud/components/EntityCardList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCardList.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityCardList.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,mBAAmB,EAAgB,MAAM,gBAAgB,CAAC;AAIxE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAmB,EACnB,SAA0B,EAAE,2BAA2B;AACvD,MAAM,EACN,WAAmB,GACpB,EAAE,mBAAmB,2CAqMrB"}
+{"version":3,"file":"EntityCardList.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityCardList.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,mBAAmB,EAAgB,MAAM,gBAAgB,CAAC;AAIxE,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAmB,EACnB,SAA0B,EAAE,2BAA2B;AACvD,MAAM,EACN,WAAmB,EACnB,WAAW,EACX,IAAI,GACL,EAAE,mBAAmB,2CA4MrB"}

package/dist/crud/components/EntityCardList.js

@@ -15,7 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { useMemo, useCallback } from 'react';
 import { Heart } from 'lucide-react';
-import { Grid, Stack, Text, Spinner, Section, Button, } from '@donotdev/components';
+import { Card, Grid, Stack, Text, Spinner, Section, Button, } from '@donotdev/components';
 import { useTranslation, getListCardFieldNames } from '@donotdev/core';
 import { useNavigate } from '../../routing';
 import { useCrudCardList, EntityFilters, useEntityFavorites, matchesFilter, useCrudFilters, } from '@donotdev/crud';
@@ -32,7 +32,7 @@ import { CrudCard } from './CrudCardLink';
  * - Auto-routing when handler not provided
  */
 export function EntityCardList({ entity, basePath, onClick, cols = [1, 2, 3, 4], staleTime = 1000 * 60 * 30, // 30 minutes default cache
-filter, hideFilters = false, }) {
+filter, hideFilters = false, resultLabel, tone, }) {
     const navigate = useNavigate();
     const base = basePath ?? `/${entity.collection}`;
     // useCrudCardList -> handles fetching optimized for cards automatically
@@ -89,18 +89,20 @@ filter, hideFilters = false, }) {
     return (_jsxs(_Fragment, { children: [!hideFilters && (_jsx(Section, { title: tCrud('filters.title', {
                     entity: entityName,
                     defaultValue: `Browse ${entityName} - Filters`,
-                }), collapsible: true, defaultOpen: true, children: _jsxs(Stack, { direction: "column", children: [_jsx(Button, { variant: showFavoritesOnly ? 'primary' : 'outline', icon: _jsx(Heart, { size: 18 }), onClick: () => setShowFavoritesOnly(!showFavoritesOnly), children: showFavoritesOnly
-                                ? tCrud('favorites.showAll', { defaultValue: 'Show All' })
-                                : tCrud('favorites.showFavorites', {
-                                    defaultValue: 'Show Favorites',
-                                }) }), _jsx(EntityFilters, { entity: entity, data: rawData, fieldsToFilter: fieldsToFilter })] }) })), _jsx(Section, { title: loading
+                }), collapsible: true, defaultOpen: true, tone: tone, children: _jsx(Card, { children: _jsxs(Stack, { direction: "column", children: [_jsx(Button, { variant: showFavoritesOnly ? 'primary' : 'outline', icon: _jsx(Heart, { size: 18 }), onClick: () => setShowFavoritesOnly(!showFavoritesOnly), children: showFavoritesOnly
+                                    ? tCrud('favorites.showAll', { defaultValue: 'Show All' })
+                                    : tCrud('favorites.showFavorites', {
+                                        defaultValue: 'Show Favorites',
+                                    }) }), _jsx(EntityFilters, { entity: entity, data: rawData, fieldsToFilter: fieldsToFilter })] }) }) })), _jsx(Section, { title: loading
                     ? tCrud('results.title.fetching', { defaultValue: 'Fetching...' })
-                    : tCrud('results.title.count', {
-                        count: data.length,
-                        defaultValue: data.length === 1
-                            ? 'Found 1 occurrence'
-                            : `Found ${data.length} occurrences`,
-                    }), collapsible: true, defaultOpen: true, children: loading ? (_jsx(Stack, { align: "center", justify: "center", style: { padding: 'var(--gap-3xl)' }, children: _jsx(Spinner, {}) })) : data.length === 0 ? (_jsxs(Stack, { align: "center", justify: "center", style: { padding: 'var(--gap-3xl)', textAlign: 'center' }, children: [_jsx(Text, { level: "h3", style: { color: 'var(--muted-foreground)' }, children: tCrud('emptyState.title', {
+                    : resultLabel
+                        ? resultLabel(data.length)
+                        : tCrud('results.title.count', {
+                            count: data.length,
+                            defaultValue: data.length === 1
+                                ? 'Found 1 occurrence'
+                                : `Found ${data.length} occurrences`,
+                        }), collapsible: true, defaultOpen: true, tone: tone, children: loading ? (_jsx(Stack, { align: "center", justify: "center", style: { padding: 'var(--gap-3xl)' }, children: _jsx(Spinner, {}) })) : data.length === 0 ? (_jsxs(Stack, { align: "center", justify: "center", style: { padding: 'var(--gap-3xl)', textAlign: 'center' }, children: [_jsx(Text, { level: "h3", style: { color: 'var(--muted-foreground)' }, children: tCrud('emptyState.title', {
                                 defaultValue: `No ${entity.name.toLowerCase()} found`,
                             }) }), _jsx(Text, { style: { color: 'var(--muted-foreground)' }, children: tCrud('emptyState.description', {
                                 defaultValue: `No ${entity.name.toLowerCase()} available at this time.`,
@@ -108,6 +110,7 @@ filter, hideFilters = false, }) {
                         const itemIsFavorite = isFavorite(item.id);
                         const detailHref = onClick ? undefined : `${base}/${item.id}`;
                         return (_jsx(CrudCard, { item: item, entity: entity, detailHref: detailHref, onClick: onClick ? () => handleView(item.id) : undefined, renderActions: _jsx(Heart, { fill: itemIsFavorite ? '#ef4444' : '#ffffff', stroke: itemIsFavorite ? '#ef4444' : 'var(--muted-foreground)', onClick: (e) => {
+                                    e.preventDefault();
                                     e.stopPropagation();
                                     toggleFavorite(item.id);
                                 }, style: {

package/dist/crud/components/EntityDisplayRenderer.d.ts

@@ -16,6 +16,6 @@ export type { EntityDisplayRendererProps };
  * <EntityDisplayRenderer entity={carEntity} id={carId} />
  * ```
  */
-export declare function EntityDisplayRenderer<T extends EntityRecord = EntityRecord>({ entity, id, t, className, loadingMessage, notFoundMessage, viewerRole: viewerRoleProp, }: EntityDisplayRendererProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function EntityDisplayRenderer<T extends EntityRecord = EntityRecord>({ entity, id, t, className, loadingMessage, notFoundMessage, viewerRole: viewerRoleProp, excludeFields, }: EntityDisplayRendererProps<T>): import("react/jsx-runtime").JSX.Element;
 export default EntityDisplayRenderer;
 //# sourceMappingURL=EntityDisplayRenderer.d.ts.map

package/dist/crud/components/EntityDisplayRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDisplayRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityDisplayRenderer.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI/E,YAAY,EAAE,0BAA0B,EAAE,CAAC;AAE3C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,EAC3E,MAAM,EACN,EAAE,EACF,CAAC,EACD,SAAc,EACd,cAAc,EACd,eAAe,EACf,UAAU,EAAE,cAAc,GAC3B,EAAE,0BAA0B,CAAC,CAAC,CAAC,2CAkM/B;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"EntityDisplayRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityDisplayRenderer.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI/E,YAAY,EAAE,0BAA0B,EAAE,CAAC;AAE3C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,EAC3E,MAAM,EACN,EAAE,EACF,CAAC,EACD,SAAc,EACd,cAAc,EACd,eAAe,EACf,UAAU,EAAE,cAAc,EAC1B,aAAa,GACd,EAAE,0BAA0B,CAAC,CAAC,CAAC,2CAuM/B;AAED,eAAe,qBAAqB,CAAC"}

package/dist/crud/components/EntityDisplayRenderer.js

@@ -31,7 +31,7 @@ import { useAuthSafe } from '../../utils/useAuthSafe';
  * <EntityDisplayRenderer entity={carEntity} id={carId} />
  * ```
  */
-export function EntityDisplayRenderer({ entity, id, t, className = '', loadingMessage, notFoundMessage, viewerRole: viewerRoleProp, }) {
+export function EntityDisplayRenderer({ entity, id, t, className = '', loadingMessage, notFoundMessage, viewerRole: viewerRoleProp, excludeFields, }) {
     // Auto-detect role from auth; prop overrides
     const authRole = useAuthSafe('userRole');
     const viewerRole = viewerRoleProp ?? authRole;
@@ -95,6 +95,10 @@ export function EntityDisplayRenderer({ entity, id, t, className = '', loadingMe
         if (!displayData)
             return [];
         return Object.entries(entity.fields).filter(([fieldName, fieldConfig]) => {
+            // Skip excluded fields
+            if (excludeFields?.includes(fieldName)) {
+                return false;
+            }
             // Check visibility first
             if (!isFieldVisible(fieldConfig.visibility, viewerRole)) {
                 return false;
@@ -126,7 +130,7 @@ export function EntityDisplayRenderer({ entity, id, t, className = '', loadingMe
             }
             return true;
         });
-    }, [entity.fields, viewerRole, displayData]);
+    }, [entity.fields, viewerRole, displayData, excludeFields]);
     // Loading state
     if (isLoading) {
         return (_jsx("div", { style: {

package/dist/crud/components/EntityFormRenderer.d.ts

@@ -13,6 +13,6 @@ export type { EntityFormRendererProps };
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export declare function EntityFormRenderer<T extends EntityRecord = EntityRecord>({ entity, onSubmit, t, className, submitText, loading, defaultValues, submitVariant, secondaryButtonText, secondaryButtonVariant, onSecondarySubmit, viewerRole: viewerRoleProp, operation, autoSave, formId: externalFormId, cancelText, cancelPath, successPath, onCancel, warnOnUnsavedChanges, unsavedChangesMessage, hideVisibilityInfo, }: EntityFormRendererProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function EntityFormRenderer<T extends EntityRecord = EntityRecord>({ entity, onSubmit, t, className, submitText, loading, defaultValues, submitVariant, secondaryButtonText, secondaryButtonVariant, onSecondarySubmit, viewerRole: viewerRoleProp, operation, formId: externalFormId, cancelText, cancelPath, successPath, onCancel, warnOnUnsavedChanges, unsavedChangesMessage, hideVisibilityInfo, }: EntityFormRendererProps<T>): import("react/jsx-runtime").JSX.Element;
 export default EntityFormRenderer;
 //# sourceMappingURL=EntityFormRenderer.d.ts.map

package/dist/crud/components/EntityFormRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFormRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityFormRenderer.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EACV,uBAAuB,EACvB,YAAY,EAEb,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,EACxE,MAAM,EACN,QAAQ,EACR,CAAC,EACD,SAAc,EACd,UAAU,EACV,OAAe,EACf,aAAa,EACb,aAAyB,EACzB,mBAAmB,EACnB,sBAAkC,EAClC,iBAAiB,EACjB,UAAU,EAAE,cAAc,EAC1B,SAA6C,EAC7C,QAAiC,EACjC,MAAM,EAAE,cAAc,EACtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACR,oBAA2B,EAC3B,qBAAqB,EACrB,kBAA0B,GAC3B,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA4c5B;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"EntityFormRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityFormRenderer.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EACV,uBAAuB,EACvB,YAAY,EAEb,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,EACxE,MAAM,EACN,QAAQ,EACR,CAAC,EACD,SAAc,EACd,UAAU,EACV,OAAe,EACf,aAAa,EACb,aAAyB,EACzB,mBAAmB,EACnB,sBAAkC,EAClC,iBAAiB,EACjB,UAAU,EAAE,cAAc,EAC1B,SAA6C,EAC7C,MAAM,EAAE,cAAc,EACtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACR,oBAA2B,EAC3B,qBAAqB,EACrB,kBAA0B,GAC3B,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAkb5B;AAED,eAAe,kBAAkB,CAAC"}

package/dist/crud/components/EntityFormRenderer.js

@@ -15,7 +15,7 @@ import { FormProvider } from 'react-hook-form';
 import { Badge, Button, DropdownMenu, Grid, Stack, Spinner, } from '@donotdev/components';
 import { hasRoleAccess, useTranslation } from '@donotdev/core';
 import { useNavigate } from '../../routing';
-import { DisplayFieldRenderer, FormFieldRenderer, UploadProvider, useEntityForm, useUnsavedChangesWarning, useConfirmNavigation, useFormStore, } from '@donotdev/crud';
+import { DisplayFieldRenderer, FormFieldRenderer, UploadProvider, useEntityForm, useUnsavedChangesWarning, useFormStore, } from '@donotdev/crud';
 import { useAuthSafe } from '../../utils/useAuthSafe';
 /**
  * EntityFormRenderer - Dumb component that renders a form from entity definition.
@@ -30,7 +30,7 @@ import { useAuthSafe } from '../../utils/useAuthSafe';
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export function EntityFormRenderer({ entity, onSubmit, t, className = '', submitText, loading = false, defaultValues, submitVariant = 'primary', secondaryButtonText, secondaryButtonVariant = 'outline', onSecondarySubmit, viewerRole: viewerRoleProp, operation = defaultValues ? 'edit' : 'create', autoSave = operation === 'create', formId: externalFormId, cancelText, cancelPath, successPath, onCancel, warnOnUnsavedChanges = true, unsavedChangesMessage, hideVisibilityInfo = false, }) {
+export function EntityFormRenderer({ entity, onSubmit, t, className = '', submitText, loading = false, defaultValues, submitVariant = 'primary', secondaryButtonText, secondaryButtonVariant = 'outline', onSecondarySubmit, viewerRole: viewerRoleProp, operation = defaultValues ? 'edit' : 'create', formId: externalFormId, cancelText, cancelPath, successPath, onCancel, warnOnUnsavedChanges = true, unsavedChangesMessage, hideVisibilityInfo = false, }) {
     const navigate = useNavigate();
     // Auto-detect role from auth; prop overrides (e.g. View-As preview)
     const authRole = useAuthSafe('userRole');
@@ -85,7 +85,6 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
         defaultValues,
         viewerRole,
         t: translate,
-        autoSave,
     });
     const { control, handleSubmit, formState: { errors }, fields: rawFields, formStatus, uploadProgress, cleanup, isDirty, hasUserInteracted, resetForm, } = form;
     const isDirtyForBlocking = isDirty && hasUserInteracted;
@@ -105,14 +104,13 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
             return fieldRoleIndex <= previewRoleIndex;
         });
     }, [rawFields, canPreviewRole, previewRole]);
-    // Subscribe to setIsDirty action via React-compatible selector
-    const setFormIsDirty = useFormStore((state) => state.setIsDirty);
     // Sync isDirty to FormStore (single source of truth)
+    // Use getState() to avoid subscribing to the action reference (Zustand anti-pattern)
     useEffect(() => {
         if (formId) {
-            setFormIsDirty(formId, isDirtyForBlocking);
+            useFormStore.getState().setIsDirty(formId, isDirtyForBlocking);
         }
-    }, [formId, isDirtyForBlocking, setFormIsDirty]);
+    }, [formId, isDirtyForBlocking]);
     // Cleanup on unmount
     useEffect(() => {
         return cleanup;
@@ -122,39 +120,24 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
         tCrud('messages.unsavedChangesLeave', {
             defaultValue: 'You have unsaved changes. Are you sure you want to leave?',
         }), [unsavedChangesMessage, tCrud]);
-    const unsavedChangesDiscardMessage = useMemo(() => unsavedChangesMessage ||
-        tCrud('messages.unsavedChangesDiscard', {
-            defaultValue: 'You have unsaved changes. Discard them?',
-        }), [unsavedChangesMessage, tCrud]);
     // Warn about unsaved changes when navigating away (browser refresh/close)
-    // SPA navigation blocking is handled by router hooks via FormStore
+    // beforeunload is the only place we can't toast — browser requires native dialog
     useUnsavedChangesWarning({
         isDirty: isDirtyForBlocking,
         enabled: warnOnUnsavedChanges,
         message: unsavedChangesLeaveMessage,
     });
-    // Use framework helper for cancel confirmation (DRY, SSR-safe)
-    const confirmNavigation = useConfirmNavigation(isDirtyForBlocking, unsavedChangesDiscardMessage);
-    // Handle cancel with confirmation
-    const handleCancel = async () => {
-        if (isDirtyForBlocking) {
-            const confirmed = await confirmNavigation();
-            if (!confirmed)
-                return;
-        }
+    // Handle cancel — auto-save ensures draft is persisted, no confirm needed
+    const handleCancel = () => {
         resetForm();
-        // If onCancel callback provided, use it (takes precedence)
         if (onCancel) {
             onCancel();
         }
+        else if (cancelPath) {
+            navigate(cancelPath);
+        }
         else {
-            // Otherwise, navigate back or to cancelPath if provided
-            if (cancelPath) {
-                navigate(cancelPath);
-            }
-            else {
-                navigate('back');
-            }
+            navigate('back');
         }
     };
     // Wrap onSubmit to await the result before navigating

package/dist/crud/components/EntityRecommendations.d.ts

@@ -10,6 +10,7 @@
 import type { EntityRecommendationsProps } from '@donotdev/core';
 /**
  * Displays a grid of related entity cards.
+ * Uses useCrudCardList (listCard schema) so cards render identically to EntityCardList.
  *
  * @example
  * <EntityRecommendations

package/dist/crud/components/EntityRecommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityRecommendations.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityRecommendations.tsx"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAMjE;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,IAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,kDAuB5B"}
+{"version":3,"file":"EntityRecommendations.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityRecommendations.tsx"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAMjE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,IAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,kDAuB5B"}

package/dist/crud/components/EntityRecommendations.js

@@ -1,10 +1,11 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Section } from '@donotdev/components';
-import { useCrudList } from '@donotdev/crud';
+import { useCrudCardList } from '@donotdev/crud';
 import { CrudCard } from './CrudCardLink';
 /**
  * Displays a grid of related entity cards.
+ * Uses useCrudCardList (listCard schema) so cards render identically to EntityCardList.
  *
  * @example
  * <EntityRecommendations
@@ -20,7 +21,7 @@ import { CrudCard } from './CrudCardLink';
  * />
  */
 export function EntityRecommendations({ entity, queryOptions, title, basePath, cols = 3, className, }) {
-    const { items, loading } = useCrudList(entity, {
+    const { items, loading } = useCrudCardList(entity, {
         queryOptions,
     });
     if (!loading && items.length === 0) {