fix(ci): resolve all build and test errors

Agent-Logs-Url: https://github.com/objectstack-ai/objectui/sessions/eb0d0766-8b77-462f-ac89-6dfeb9b0e31c

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

Author: Copilot

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

@@ -131,15 +131,21 @@ vi.mock('../context/MetadataProvider', async () => {
 
 // --- 2. Import AppContent ---
 import { AppContent } from '../App';
+import { NavigationProvider } from '../context/NavigationContext';
+import { FavoritesProvider } from '../context/FavoritesProvider';
 
 describe('Console Application Simulation', () => {
 
     // Helper to render App at specific route
     const renderApp = (initialRoute: string) => {
         return render(
+            <NavigationProvider>
+            <FavoritesProvider>
             <MemoryRouter initialEntries={[initialRoute]}>
                 <AppContent />
             </MemoryRouter>
+            </FavoritesProvider>
+            </NavigationProvider>
         );
     };
 
@@ -832,9 +838,13 @@ describe('Fields Integration', () => {
 describe('Dashboard Integration', () => {
     const renderApp = (initialRoute: string) => {
         return render(
+            <NavigationProvider>
+            <FavoritesProvider>
             <MemoryRouter initialEntries={[initialRoute]}>
                 <AppContent />
             </MemoryRouter>
+            </FavoritesProvider>
+            </NavigationProvider>
         );
     };
 

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

@@ -3,6 +3,8 @@ import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { AppContent } from '../App';
 import { MemoryRouter, Routes, Route } from 'react-router-dom';
+import { NavigationProvider } from '../context/NavigationContext';
+import { FavoritesProvider } from '../context/FavoritesProvider';
 
 // --- Mocks ---
 
@@ -181,11 +183,15 @@ describe('Console App Integration', () => {
 
     const renderApp = (initialRoute = '/apps/sales/') => {
         return render(
+            <NavigationProvider>
+            <FavoritesProvider>
             <MemoryRouter initialEntries={[initialRoute]}>
                 <Routes>
                     <Route path="/apps/:appName/*" element={<AppContent />} />
                 </Routes>
             </MemoryRouter>
+            </FavoritesProvider>
+            </NavigationProvider>
         );
     };
 

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

@@ -54,6 +54,13 @@ vi.mock('@object-ui/components', async (importOriginal) => {
   };
 });
 
+// Mock UnifiedSidebar entirely — HomeLayout tests verify layout composition,
+// not the sidebar's internal rendering. This also avoids SidebarProvider
+// dependency when AppShell is mocked as a plain div.
+vi.mock('../components/UnifiedSidebar', () => ({
+  UnifiedSidebar: () => <nav data-testid="unified-sidebar" />,
+}));
+
 // Mock @object-ui/layout AppShell
 vi.mock('@object-ui/layout', () => ({
   AppShell: ({ children, sidebar }: any) => (

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

@@ -166,6 +166,20 @@ describe('Object Manager (Metadata Pipeline)', () => {
     ComponentRegistry.register('object-data-experience', mockWidget('data-experience-section'));
     ComponentRegistry.register('object-data-preview', mockWidget('data-preview-section'));
     ComponentRegistry.register('object-field-designer', mockWidget('field-management-section'));
+
+    // object-detail-tabs wraps all sub-widgets in the PageSchema-driven detail view.
+    // The mock renders all sections inline so tests can find each by testid without
+    // simulating tab-switching interactions.
+    ComponentRegistry.register('object-detail-tabs', (props: any) => (
+      <div data-testid="mock-object-detail-tabs">
+        <div data-testid="object-properties" data-object-name={props?.schema?.objectName}>object-properties</div>
+        <div data-testid="field-management-section" data-object-name={props?.schema?.objectName}>field-management-section</div>
+        <div data-testid="relationships-section" data-object-name={props?.schema?.objectName}>relationships-section</div>
+        <div data-testid="keys-section" data-object-name={props?.schema?.objectName}>keys-section</div>
+        <div data-testid="data-experience-section" data-object-name={props?.schema?.objectName}>data-experience-section</div>
+        <div data-testid="data-preview-section" data-object-name={props?.schema?.objectName}>data-preview-section</div>
+      </div>
+    ));
   });
 
   // =========================================================================

apps/console/src/__tests__/app-creation-integration.test.tsx

@@ -18,6 +18,7 @@ import '@testing-library/jest-dom';
 import { MemoryRouter, Routes, Route } from 'react-router-dom';
 import { AppContent } from '../App';
 import { CommandPalette } from '../components/CommandPalette';
+import { NavigationProvider } from '../context/NavigationContext';
 
 // --- Mocks ---
 
@@ -286,11 +287,13 @@ describe('Console App Creation Integration', () => {
 
   const renderApp = (initialRoute = '/apps/sales/') => {
     return render(
+      <NavigationProvider>
       <MemoryRouter initialEntries={[initialRoute]}>
         <Routes>
           <Route path="/apps/:appName/*" element={<AppContent />} />
         </Routes>
-      </MemoryRouter>,
+      </MemoryRouter>
+      </NavigationProvider>,
     );
   };
 

apps/console/src/components/UnifiedSidebar.tsx

@@ -40,11 +40,9 @@ import {
   AvatarImage,
   AvatarFallback,
   useSidebar,
-  Button,
 } from '@object-ui/components';
 import {
   ChevronsUpDown,
-  Plus,
   Settings,
   LogOut,
   Database,
@@ -55,7 +53,6 @@ import {
   Pencil,
   ChevronRight,
   Home,
-  Grid3x3,
   HelpCircle,
   ArrowLeft,
   Layers,
@@ -135,24 +132,28 @@ function useNavOrder(appName: string) {
 
 /**
  * Resolve a Lucide icon component by name string.
+ * Safely handles both exact names and kebab-case → PascalCase conversion.
+ * The try/catch guards against strict module proxy environments (e.g. vitest mocks).
  */
 function getIcon(name?: string): React.ComponentType<any> {
   if (!name) return LucideIcons.Database;
 
-  if ((LucideIcons as any)[name]) {
-    return (LucideIcons as any)[name];
-  }
+  const lookup = (key: string): React.ComponentType<any> | undefined => {
+    try {
+      const icon = (LucideIcons as Record<string, unknown>)[key];
+      return typeof icon === 'function' ? (icon as React.ComponentType<any>) : undefined;
+    } catch {
+      return undefined;
+    }
+  };
 
+  // Try exact match first, then convert kebab-case / lowercase to PascalCase
   const pascalName = name
-    .split('-')
+    .split(/[-_]/)
     .map(part => part.charAt(0).toUpperCase() + part.slice(1))
     .join('');
 
-  if ((LucideIcons as any)[pascalName]) {
-      return (LucideIcons as any)[pascalName];
-  }
-
-  return LucideIcons.Database;
+  return lookup(name) ?? lookup(pascalName) ?? LucideIcons.Database;
 }
 
 interface UnifiedSidebarProps {

apps/console/src/components/schema/objectDetailWidgets.tsx

@@ -161,7 +161,7 @@ export function ObjectRelationshipsWidget({ schema }: { schema: ObjectWidgetSche
         </h3>
         {hasRelationships ? (
           <div className="space-y-3">
-            {object.relationships.map((rel, i) => (
+            {object.relationships!.map((rel, i) => (
               <div
                 key={i}
                 className="flex items-start gap-4 p-4 rounded-lg border bg-card hover:bg-accent/50 transition-colors"