refactor: address code review feedback

- Simplify tooltip and label rendering for fallback nav items
- Reduce test timeouts from 10000ms to 5000ms
- Update ROADMAP.md with P1.12.1 empty state improvements

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

ROADMAP.md

@@ -728,6 +728,15 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind
 - [x] Settings button → `/system/` hub (was `/system/profile`)
 - [x] App switcher "Manage All Apps" link → `/system/apps`
 
+**Empty State & System Route Accessibility (P1.12.1):**
+- [x] "Create App" button always shown in empty state (even when config loading fails)
+- [x] "System Settings" link always shown alongside "Create App" in empty state
+- [x] Top-level `/system/*` routes accessible without any app context (promoted to main routes)
+- [x] Top-level `/create-app` route accessible without any app context
+- [x] Sidebar fallback navigation with system menu items when no apps are configured
+- [x] System pages (`SystemHubPage`, `AppManagementPage`) handle missing `appName` gracefully
+- [x] Login/Register/Forgot password pages remain always accessible regardless of app state
+
 **Routes:**
 - [x] `/system/` → SystemHubPage
 - [x] `/system/apps` → AppManagementPage

apps/console/src/__tests__/EmptyStateSystemRoutes.test.tsx

@@ -159,22 +159,22 @@ describe('Empty State — No Apps Configured', () => {
     renderApp();
     await waitFor(() => {
       expect(screen.getByTestId('create-first-app-btn')).toBeInTheDocument();
-    }, { timeout: 10000 });
+    }, { timeout: 5000 });
     expect(screen.getByText('No Apps Configured')).toBeInTheDocument();
   });
 
   it('shows "System Settings" button in empty state', async () => {
     renderApp();
     await waitFor(() => {
       expect(screen.getByTestId('go-to-settings-btn')).toBeInTheDocument();
-    }, { timeout: 10000 });
+    }, { timeout: 5000 });
   });
 
   it('shows descriptive text about creating apps or visiting settings', async () => {
     renderApp();
     await waitFor(() => {
       expect(screen.getByText(/Create your first app or visit System Settings/i)).toBeInTheDocument();
-    }, { timeout: 10000 });
+    }, { timeout: 5000 });
   });
 });
 
@@ -197,13 +197,13 @@ describe('System Routes Within App Context (No Active App)', () => {
     renderApp('/apps/_new/system');
     await waitFor(() => {
       expect(screen.getByTestId('system-hub-page')).toBeInTheDocument();
-    }, { timeout: 10000 });
+    }, { timeout: 5000 });
   });
 
   it('renders create app page at /apps/_new/create-app when no active app', async () => {
     renderApp('/apps/_new/create-app');
     await waitFor(() => {
       expect(screen.getByTestId('create-app-page')).toBeInTheDocument();
-    }, { timeout: 10000 });
+    }, { timeout: 5000 });
   });
 });

apps/console/src/components/AppSidebar.tsx

@@ -494,10 +494,10 @@ export function AppSidebar({ activeAppName, onAppChange }: { activeAppName: stri
                    const NavIcon = getIcon(item.icon);
                    return (
                      <SidebarMenuItem key={item.id}>
-                       <SidebarMenuButton asChild tooltip={typeof item.label === 'string' ? item.label : item.label?.defaultValue ?? ''}>
+                       <SidebarMenuButton asChild tooltip={item.label as string}>
                          <Link to={(item as any).url || '/system'}>
                            <NavIcon className="h-4 w-4" />
-                           <span>{resolveI18nLabel(item.label, t)}</span>
+                           <span>{item.label as string}</span>
                          </Link>
                        </SidebarMenuButton>
                      </SidebarMenuItem>