feat: add ViewConfigPanel interaction tests, config sync integration tests, and viewTabs i18n key

- Add 11 interaction tests for emptyState inputs, ARIA inputs, rowActions, bulkActions, showRecordCount, allowPrinting, virtualScroll
- Add 9 config sync integration tests for Grid, Kanban, Calendar, Timeline, Gantt, Gallery, Map, cross-view-type, and full property propagation
- Add viewTabs i18n key to en.ts and zh.ts

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

Author: Copilot

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

@@ -2150,4 +2150,184 @@ describe('ViewConfigPanel', () => {
         fireEvent.click(screen.getByTestId('row-height-tall'));
         expect(onViewUpdate).toHaveBeenCalledWith('rowHeight', 'tall');
     });
+
+    // ── Interaction tests for emptyState, ARIA, rowActions, bulkActions, showRecordCount, allowPrinting, virtualScroll ──
+
+    it('updates emptyState title via input and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.change(screen.getByTestId('input-emptyState-title'), { target: { value: 'No data' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('emptyState', expect.objectContaining({ title: 'No data' }));
+    });
+
+    it('updates emptyState message via input and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.change(screen.getByTestId('input-emptyState-message'), { target: { value: 'Try adding records' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('emptyState', expect.objectContaining({ message: 'Try adding records' }));
+    });
+
+    it('updates emptyState icon via input and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.change(screen.getByTestId('input-emptyState-icon'), { target: { value: 'inbox' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('emptyState', expect.objectContaining({ icon: 'inbox' }));
+    });
+
+    it('updates ARIA label via input and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.change(screen.getByTestId('input-aria-label'), { target: { value: 'Contacts table' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('aria', expect.objectContaining({ label: 'Contacts table' }));
+    });
+
+    it('updates ARIA describedBy via input and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.change(screen.getByTestId('input-aria-describedBy'), { target: { value: 'table-desc' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('aria', expect.objectContaining({ describedBy: 'table-desc' }));
+    });
+
+    it('changes ARIA live region and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.change(screen.getByTestId('select-aria-live'), { target: { value: 'polite' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('aria', expect.objectContaining({ live: 'polite' }));
+    });
+
+    it('updates rowActions via input and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.click(screen.getByText('console.objectView.rowActions'));
+        fireEvent.change(screen.getByTestId('input-rowActions'), { target: { value: 'edit, delete' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('rowActions', ['edit', 'delete']);
+    });
+
+    it('updates bulkActions via input and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.click(screen.getByText('console.objectView.bulkActions'));
+        fireEvent.change(screen.getByTestId('input-bulkActions'), { target: { value: 'delete, export' } });
+        expect(onViewUpdate).toHaveBeenCalledWith('bulkActions', ['delete', 'export']);
+    });
+
+    it('toggles showRecordCount and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.click(screen.getByTestId('toggle-showRecordCount'));
+        expect(onViewUpdate).toHaveBeenCalledWith('showRecordCount', true);
+    });
+
+    it('toggles allowPrinting and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.click(screen.getByTestId('toggle-allowPrinting'));
+        expect(onViewUpdate).toHaveBeenCalledWith('allowPrinting', true);
+    });
+
+    it('toggles virtualScroll and calls onViewUpdate', () => {
+        const onViewUpdate = vi.fn();
+        render(
+            <ViewConfigPanel
+                open={true}
+                onClose={vi.fn()}
+                activeView={mockActiveView}
+                objectDef={mockObjectDef}
+                onViewUpdate={onViewUpdate}
+            />
+        );
+
+        fireEvent.click(screen.getByTestId('toggle-virtualScroll'));
+        expect(onViewUpdate).toHaveBeenCalledWith('virtualScroll', true);
+    });
 });

packages/i18n/src/locales/en.ts

@@ -295,6 +295,7 @@ const en = {
       ariaDescribedBy: 'ARIA described by',
       ariaLive: 'ARIA live',
       accessibility: 'Accessibility',
+      viewTabs: 'View Tabs',
     },
     localeSwitcher: {
       label: 'Language',

packages/i18n/src/locales/zh.ts

@@ -295,6 +295,7 @@ const zh = {
       ariaDescribedBy: 'ARIA 描述',
       ariaLive: 'ARIA 实时区域',
       accessibility: '无障碍',
+      viewTabs: '视图标签',
     },
     localeSwitcher: {
       label: '语言',