Merge pull request #791 from objectstack-ai/copilot/sync-navigation-tree-with-crud

Author: hotlong

ROADMAP.md

@@ -172,6 +172,9 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind
 - [x] Console integration: Drag reorder upgrade — replace HTML5 DnD with `@dnd-kit` via `NavigationRenderer`
 - [x] Console integration: Navigation pin — `useNavPins` hook + `NavigationRenderer` `enablePinning`/`onPinToggle`
 - [x] Console integration: `AppSchemaRenderer` slot system — `sidebarHeader`, `sidebarExtra`, `sidebarFooter` slots for Console customization
+- [x] Navigation Sync Service — `useNavigationSync` hook auto-syncs App navigation tree on Page/Dashboard CRUD (create, delete, rename) with toast + undo
+- [x] Navigation Sync auto-detection — `NavigationSyncEffect` component monitors metadata changes and auto-syncs navigation across ALL apps when pages/dashboards are added or removed
+- [x] Navigation Sync all-apps convenience API — `sync*AllApps` methods iterate all apps without requiring explicit `appName`
 
 ### P1.8 Console — View Config Panel (Phase 20)
 

apps/console/src/App.tsx

@@ -21,6 +21,7 @@ import { ConditionalAuthWrapper } from './components/ConditionalAuthWrapper';
 import { KeyboardShortcutsDialog } from './components/KeyboardShortcutsDialog';
 import { OnboardingWalkthrough } from './components/OnboardingWalkthrough';
 import { useRecentItems } from './hooks/useRecentItems';
+import { NavigationSyncEffect } from './hooks/useNavigationSync';
 
 // Route-based code splitting — lazy-load less-frequently-used routes
 const RecordDetailView = lazy(() => import('./components/RecordDetailView').then(m => ({ default: m.RecordDetailView })));
@@ -295,6 +296,7 @@ export function AppContent() {
 
   return (
     <ExpressionProvider user={expressionUser} app={activeApp} data={{}}>
+    <NavigationSyncEffect />
     <ConsoleLayout
         activeAppName={activeApp.name}
         activeApp={activeApp}

apps/console/src/__tests__/console-load-performance.test.tsx

@@ -98,7 +98,7 @@ describe('Entry-size budget constants', () => {
       beforeLazy.match(/^import\s+(?!type\b)/gm) || [];
 
     // Eagerly loaded modules should stay small; flag if this grows too large
-    expect(staticImports.length).toBeLessThanOrEqual(20);
+    expect(staticImports.length).toBeLessThanOrEqual(21);
   });
 });