Merge pull request #877 from objectstack-ai/copilot/fix-ci-errors-all

Author: hotlong

ROADMAP.md

@@ -13,7 +13,7 @@
 
 ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind + Shadcn. It renders JSON metadata from the @objectstack/spec protocol into pixel-perfect, accessible, and interactive enterprise interfaces.
 
-**Where We Are:** Foundation is **solid and shipping** — 35 packages, 99+ components, 6,500+ tests, 80 Storybook stories, 43/43 builds passing, ~85% protocol alignment. SpecBridge, Expression Engine, Action Engine, data binding, all view plugins (Grid/Kanban/Calendar/Gantt/Timeline/Map/Gallery), Record components, Report engine, Dashboard BI features, mobile UX, i18n (11 locales), WCAG AA accessibility, Console through Phase 20 (L3), **AppShell Navigation Renderer** (P0.1), **Flow Designer** (P2.4), **Feed/Chatter UI** (P1.5), **App Creation & Editing Flow** (P1.11), **System Settings & App Management** (P1.12), **Page/Dashboard Editor Console Integration** (P1.11), and **Right-Side Visual Editor Drawer** (P1.11) — all ✅ complete. **ViewDesigner** has been removed — its capabilities (drag-to-reorder, undo/redo) are now provided by the ViewConfigPanel (right-side config panel).
+**Where We Are:** Foundation is **solid and shipping** — 35 packages, 99+ components, 6,700+ tests, 80 Storybook stories, 43/43 builds passing, ~85% protocol alignment. SpecBridge, Expression Engine, Action Engine, data binding, all view plugins (Grid/Kanban/Calendar/Gantt/Timeline/Map/Gallery), Record components, Report engine, Dashboard BI features, mobile UX, i18n (11 locales), WCAG AA accessibility, Console through Phase 20 (L3), **AppShell Navigation Renderer** (P0.1), **Flow Designer** (P2.4), **Feed/Chatter UI** (P1.5), **App Creation & Editing Flow** (P1.11), **System Settings & App Management** (P1.12), **Page/Dashboard Editor Console Integration** (P1.11), and **Right-Side Visual Editor Drawer** (P1.11) — all ✅ complete. **ViewDesigner** has been removed — its capabilities (drag-to-reorder, undo/redo) are now provided by the ViewConfigPanel (right-side config panel).
 
 **What Remains:** The gap to **Airtable-level UX** is primarily in:
 1. ~~**AppShell** — No dynamic navigation renderer from spec JSON (last P0 blocker)~~ ✅ Complete

apps/console/src/App.tsx

@@ -109,13 +109,13 @@ export function AppContent() {
   // Global Undo/Redo with toast notifications (Phase 16 L2)
   useGlobalUndo({
     dataSource: dataSource ?? undefined,
-    onUndo: (op) => {
+    onUndo: (op: any) => {
       toast.info(`Undo: ${op.description}`, {
         duration: 4000,
       });
       setRefreshKey(k => k + 1);
     },
-    onRedo: (op) => {
+    onRedo: (op: any) => {
       toast.info(`Redo: ${op.description}`, {
         duration: 3000,
       });
@@ -124,7 +124,7 @@ export function AppContent() {
   });
 
   useEffect(() => {
-    runner.registerHandler('crud_success', async (action) => {
+    runner.registerHandler('crud_success', async (action: any) => {
       setIsDialogOpen(false);
       setRefreshKey(k => k + 1);
       toast.success(action.params?.message ?? 'Record saved successfully');
@@ -141,7 +141,7 @@ export function AppContent() {
 
   useEffect(() => {
     if (!dataSource) return;
-    const unsub = dataSource.onConnectionStateChange((event) => {
+    const unsub = dataSource.onConnectionStateChange((event: any) => {
       setConnectionState(event.state);
       if (event.error) {
         console.error('[Console] Connection error:', event.error);

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

@@ -86,7 +86,9 @@ describe('UserManagementPage', () => {
     await waitFor(() => {
       expect(mockFind).toHaveBeenCalledWith('sys_user');
     });
-    expect(screen.getByText('Alice')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText('Alice')).toBeInTheDocument();
+    });
   });
 
   it('should show empty state when no users', async () => {
@@ -120,7 +122,9 @@ describe('OrgManagementPage', () => {
     await waitFor(() => {
       expect(mockFind).toHaveBeenCalledWith('sys_org');
     });
-    expect(screen.getByText('Acme')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText('Acme')).toBeInTheDocument();
+    });
   });
 
   it('should show empty state when no organizations', async () => {
@@ -141,7 +145,9 @@ describe('RoleManagementPage', () => {
     await waitFor(() => {
       expect(mockFind).toHaveBeenCalledWith('sys_role');
     });
-    expect(screen.getByText('Admin')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText('Admin')).toBeInTheDocument();
+    });
   });
 
   it('should show empty state when no roles', async () => {
@@ -162,7 +168,9 @@ describe('AuditLogPage', () => {
     await waitFor(() => {
       expect(mockFind).toHaveBeenCalledWith('sys_audit_log', expect.objectContaining({ $orderby: { createdAt: 'desc' } }));
     });
-    expect(screen.getByText('create')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText('create')).toBeInTheDocument();
+    });
   });
 
   it('should show empty state when no logs', async () => {
@@ -250,7 +258,9 @@ describe('PermissionManagementPage', () => {
     await waitFor(() => {
       expect(mockFind).toHaveBeenCalledWith('sys_permission');
     });
-    expect(screen.getByText('manage_users')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText('manage_users')).toBeInTheDocument();
+    });
   });
 
   it('should show empty state when no permissions', async () => {

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

@@ -23,7 +23,7 @@ vi.mock('@object-ui/i18n', () => ({
 
 // Mock components to simple HTML elements
 vi.mock('@object-ui/components', () => {
-    const React = require('react');
+    const React = require('react') as typeof import('react');
 
     // useConfigDraft mock — mirrors real implementation
     function useConfigDraft(source: any, options?: any) {
@@ -89,7 +89,7 @@ vi.mock('@object-ui/components', () => {
 
     // ConfigPanelRenderer mock — renders schema sections with proper collapse/visibility
     function ConfigPanelRenderer({ open, onClose, schema, draft, isDirty, onFieldChange, onSave, onDiscard, panelRef, role, ariaLabel, tabIndex, testId, saveLabel, discardLabel, className }: any) {
-        const [collapsed, setCollapsed] = React.useState({});
+        const [collapsed, setCollapsed] = React.useState<Record<string, boolean>>({});
         if (!open) return null;
 
         return React.createElement('div', {