feat: integrate RecordChatterPanel into drawer overlay and default navigation to page mode

- Add RecordChatterPanel below DetailView in NavigationOverlay drawer content
  (collapsible, defaultCollapsed for space efficiency in overlay mode)
- Change default navigation mode from 'drawer' to 'page' for full-page
  detail with discussion support
- Add tests for default page navigation and ChatterPanel in drawer

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

Author: Copilot

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

@@ -766,4 +766,39 @@ describe('ObjectView Component', () => {
             expect(screen.getByTestId('schema-navigation-mode')).toHaveTextContent('modal');
         });
     });
+
+    it('defaults to page navigation mode when no navigation config is specified', () => {
+        mockUseParams.mockReturnValue({ objectName: 'opportunity' });
+
+        render(<ObjectView dataSource={mockDataSource} objects={mockObjects} onEdit={vi.fn()} />);
+
+        // With default 'page' mode, NavigationOverlay renders nothing (non-overlay mode)
+        // and the grid still renders fine
+        expect(screen.getByTestId('object-grid')).toBeInTheDocument();
+    });
+
+    it('renders RecordChatterPanel inside drawer overlay when navigation mode is drawer', async () => {
+        mockAuthUser = { id: 'u1', name: 'Admin', role: 'admin' };
+        // Provide recordId in URL to trigger overlay open
+        mockSearchParams = new URLSearchParams('recordId=rec-1');
+        const objectsWithDrawer = [
+            {
+                ...mockObjects[0],
+                navigation: { mode: 'drawer' as const },
+            }
+        ];
+        mockUseParams.mockReturnValue({ objectName: 'opportunity' });
+
+        const dataSourceWithFindOne = {
+            ...mockDataSource,
+            findOne: vi.fn().mockResolvedValue({ _id: 'rec-1', id: 'rec-1', name: 'Test' }),
+        };
+
+        render(<ObjectView dataSource={dataSourceWithFindOne} objects={objectsWithDrawer} onEdit={vi.fn()} />);
+
+        // The drawer should render a "Show Discussion" button (ChatterPanel is defaultCollapsed)
+        await vi.waitFor(() => {
+            expect(screen.getByLabelText('Show discussion')).toBeInTheDocument();
+        });
+    });
 });

apps/console/src/components/ObjectView.tsx

@@ -13,7 +13,7 @@ import { useMemo, useState, useCallback, useEffect, type ComponentType } from 'r
 import { useParams, useSearchParams, useNavigate } from 'react-router-dom';
 import { ObjectChart } from '@object-ui/plugin-charts';
 import { ListView } from '@object-ui/plugin-list';
-import { DetailView } from '@object-ui/plugin-detail';
+import { DetailView, RecordChatterPanel } from '@object-ui/plugin-detail';
 import { ObjectView as PluginObjectView, ViewTabBar } from '@object-ui/plugin-view';
 import type { ViewTabItem, AvailableViewType } from '@object-ui/plugin-view';
 // Import plugins for side-effects (registration)
@@ -230,8 +230,8 @@ export function ObjectView({ dataSource, objects, onEdit, onRowClick }: any) {
     }, [dataSource, objectDef.name, refreshKey]);
 
     // Navigation overlay for record detail (supports drawer/modal/split/popover via config)
-    // Priority: activeView.navigation > objectDef.navigation > default drawer
-    const detailNavigation: ViewNavigationConfig = activeView?.navigation ?? objectDef.navigation ?? { mode: 'drawer' };
+    // Priority: activeView.navigation > objectDef.navigation > default page
+    const detailNavigation: ViewNavigationConfig = activeView?.navigation ?? objectDef.navigation ?? { mode: 'page' };
     const drawerRecordId = searchParams.get('recordId');
     const navOverlay = useNavigationOverlay({
         navigation: detailNavigation,
@@ -658,6 +658,22 @@ export function ObjectView({ dataSource, objects, onEdit, onRowClick }: any) {
                                  dataSource={dataSource}
                                  onEdit={() => onEdit({ _id: recordId, id: recordId })}
                              />
+                             {/* Discussion panel — collapsible in drawer/overlay mode */}
+                             <div className="mt-6 border-t pt-6">
+                                 <RecordChatterPanel
+                                     config={{
+                                         position: 'bottom',
+                                         collapsible: true,
+                                         defaultCollapsed: true,
+                                         feed: {
+                                             enableReactions: true,
+                                             enableThreading: true,
+                                             showCommentInput: true,
+                                         },
+                                     }}
+                                     items={[]}
+                                 />
+                             </div>
                          </div>
                      );
                  }}