+ {logo ? (
+ 
+ ) : (
+ React.createElement(getIcon(activeApp.icon), { className: "size-4" })
+ )}
+
+
+ {resolveI18nLabel(activeApp.label, t)}
+
+ {resolveI18nLabel(activeApp.description, t) || `${activeApps.length} Apps Available`}
+
+
+
+ {app.icon ? React.createElement(getIcon(app.icon), { className: "size-3" }) :
+ {resolveI18nLabel(app.label, t)}
+ {activeApp.name === app.name && ✓}
+
+
+ Back to Home
+
+
+ Edit App
+
+
+
+ Workspace
+ {activeApps.length} Apps
+
+
+ {context === 'app' && activeApp ? (
+ <>
+ {/* Back to Home button */}
+
+
+
+
+
+
+
+
+
+
+ {/* Area Switcher */}
+ {areas.length > 1 && (
+
+
+
+
+
+ {areas.map((area: any) => {
+ const AreaIcon = getIcon(area.icon);
+ const isActiveArea = area.id === activeAreaId;
+ return (
+
+ setActiveAreaId(area.id)}
+ >
+
+
+ );
+ })}
+
+
+
+ )}
+
+ {/* Navigation Search */}
+
+
+ setNavSearchQuery(e.target.value)}
+ className="pl-8"
+ />
+
+
+
+ {/* App Navigation tree */}
+ resolveNavObjectLabel({ name: objectName, label: fallback })}
+ t={t}
+ />
+
+ {/* Recent Items */}
+ {recentItems.length > 0 && (
+
+ setRecentExpanded(prev => !prev)}
+ >
+
+ {recentExpanded && (
+
+
+ {recentItems.slice(0, 5).map(item => (
+
+
+
+
+ {item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄'}
+
+ {item.label}
+
+
+
+ ))}
+
+
+ )}
+
+ )}
+
+ {/* Favorites */}
+ {favorites.length > 0 && (
+
+
+
+
+
+ {favorites.slice(0, 8).map(item => (
+
+
+
+
+ {item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋'}
+
+ {item.label}
+
+
+ { e.stopPropagation(); removeFavorite(item.id); }}
+ aria-label={`Remove ${item.label} from favorites`}
+ >
+
+
+ ))}
+
+
+
+ )}
+
+ ) : (
+ /* Home Navigation */
+ <>
+
+
+
+ {homeNavigation.map((item) => {
+ const NavIcon = getIcon(item.icon);
+ const isActive = location.pathname === item.url;
+ return (
+
+
+
+
+
+ );
+ })}
+
+
+
+
+ {/* Starred Apps */}
+ {favorites.filter(f => f.type === 'object' || f.type === 'dashboard' || f.type === 'page').length > 0 && (
+
+
+
+
+
+ {favorites.filter(f => f.type === 'object' || f.type === 'dashboard' || f.type === 'page').slice(0, 8).map(item => (
+
+
+
+
+ {item.type === 'dashboard' ? '📊' : item.type === 'page' ? '📄' : '📋'}
+
+ {item.label}
+
+
+ { e.stopPropagation(); removeFavorite(item.id); }}
+ aria-label={`Remove ${item.label} from favorites`}
+ >
+
+
+ ))}
+
+
+
+ )}
+
+ )}
+
+
+ {user?.name ?? 'User'}
+ {user?.email ?? ''}
+
+
+
+
+ {getUserInitials(user)}
+
+
+
+
+ {user?.name ?? 'User'}
+ {user?.email ?? ''}
+
+
+ {processedNavigation.filter((n: any) => n.type !== 'group').slice(0, 5).map((item: any) => {
+ const NavIcon = getIcon(item.icon);
+ let href = item.url || '#';
+ if (item.type === 'object') {
+ href = `${basePath}/${item.objectName}`;
+ if (item.viewName) href += `/view/${item.viewName}`;
+ }
+ else if (item.type === 'dashboard') href = item.dashboardName ? `${basePath}/dashboard/${item.dashboardName}` : '#';
+ else if (item.type === 'page') href = item.pageName ? `${basePath}/page/${item.pageName}` : '#';
+ return (
+
+
+ )}
+
+ );
+}
diff --git a/apps/console/src/context/NavigationContext.tsx b/apps/console/src/context/NavigationContext.tsx
new file mode 100644
index 00000000..c0f3c82a
--- /dev/null
+++ b/apps/console/src/context/NavigationContext.tsx
@@ -0,0 +1,62 @@
+/**
+ * NavigationContext
+ *
+ * Provides global navigation state for the unified sidebar.
+ * Tracks whether the user is in "Home" context (workspace view) or "App" context (specific app).
+ * Used to determine which navigation menu to display in the UnifiedSidebar.
+ *
+ * @module
+ */
+
+import { createContext, useContext, useState, useMemo, type ReactNode } from 'react';
+
+export type NavigationContextType = 'home' | 'app';
+
+interface NavigationContextValue {
+ /** Current navigation context (home or app) */
+ context: NavigationContextType;
+ /** Set the navigation context */
+ setContext: (context: NavigationContextType) => void;
+ /** Current app name when in app context */
+ currentAppName?: string;
+ /** Set the current app name */
+ setCurrentAppName: (appName?: string) => void;
+}
+
+const NavigationContext = createContext
- {/* Top Navigation Bar */}
-
-
+ // Set navigation context to 'home' when this layout mounts
+ useEffect(() => {
+ setContext('home');
+ }, [setContext]);
- {/* Page Content */}
- {children}
-
+ return (
+
- {/* Left — Branding / Home link */}
-
+/** Inner component that can access SidebarProvider context */
+function HomeLayoutInner({ children }: { children: React.ReactNode }) {
+ useResponsiveSidebar();
+ return <>{children};
+}
- {/* Right — Settings + User Menu */}
-
-
-
+export function HomeLayout({ children }: HomeLayoutProps) {
+ const { setContext } = useNavigationContext();
- {/* User Menu Dropdown */}
-
-
-
-
-
-
-
-
- navigate('/profile')} data-testid="home-layout-user-profile">
-
- navigate('/system')} data-testid="home-layout-user-settings">
-
-
- signOut()}
- data-testid="home-layout-user-signout"
- >
-
-
-
-
-
-
- {user?.name ?? 'User'}
-{user?.email ?? ''}
-
{/* Page Title */}
-
+
{/* Main Content */}
-
{t('home.title', { defaultValue: 'Home' })}
@@ -100,7 +100,7 @@ export function HomePage() {
+
{/* Quick Actions */}