fix: add type-aware cell renderers to RelatedList columns and i18n fallback section title

- RelatedList auto-generated columns now use getCellRenderer for type-aware rendering
  (dates, currencies, selects/badges, lookups, booleans, etc.)
- RecordDetailView fallback section title uses t('detail.details') instead of hardcoded 'Details'
- Updated ROADMAP.md with new items

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

Author: Copilot

ROADMAP.md

@@ -1499,6 +1499,8 @@ All 313 `@object-ui/fields` tests pass.
 - [x] `objectName` threaded through `DetailView` → `SectionGroup` → `DetailSection` / `HeaderHighlight` / `RelatedList`
 - [x] RelatedList sortable headers fixed to use `effectiveColumns` (auto-generated from schema) instead of raw `columns` prop
 - [x] Added missing `detail.*` i18n keys (`activity`, `editRow`, `deleteRow`, `previousPage`, `nextPage`, etc.) to en.ts and zh.ts
+- [x] RelatedList auto-generated columns use `getCellRenderer` for type-aware cell rendering (date, currency, select/badge, lookup, boolean, etc.)
+- [x] Console `RecordDetailView` fallback section title uses `t('detail.details')` instead of hardcoded English
 
 ---
 

apps/console/src/components/RecordDetailView.tsx

@@ -12,7 +12,7 @@ import { DetailView, RecordChatterPanel } from '@object-ui/plugin-detail';
 import { Empty, EmptyTitle, EmptyDescription } from '@object-ui/components';
 import { PresenceAvatars, type PresenceUser } from '@object-ui/collaboration';
 import { useAuth } from '@object-ui/auth';
-import { ActionProvider } from '@object-ui/react';
+import { ActionProvider, useObjectTranslation } from '@object-ui/react';
 import { toast } from 'sonner';
 import { Database, Users } from 'lucide-react';
 import { MetadataPanel, useMetadataInspector } from './MetadataInspector';
@@ -38,6 +38,7 @@ export function RecordDetailView({ dataSource, objects, onEdit }: RecordDetailVi
   const { showDebug } = useMetadataInspector();
   const { user } = useAuth();
   const navigate = useNavigate();
+  const { t } = useObjectTranslation();
   const [isLoading, setIsLoading] = useState(true);
   const [feedItems, setFeedItems] = useState<FeedItem[]>([]);
   const [recordViewers, setRecordViewers] = useState<PresenceUser[]>([]);
@@ -368,7 +369,7 @@ export function RecordDetailView({ dataSource, objects, onEdit }: RecordDetailVi
       }))
     : [
         {
-          title: 'Details',
+          title: t('detail.details', { defaultValue: 'Details' }),
           fields: Object.keys(objectDef.fields || {}).map(key => {
             const fieldDef = objectDef.fields[key];
             const refTarget = fieldDef.reference_to || fieldDef.reference;

packages/plugin-detail/src/RelatedList.tsx

@@ -25,7 +25,8 @@ import {
   ChevronRight,
   ArrowUpDown,
 } from 'lucide-react';
-import type { DataSource } from '@object-ui/types';
+import type { DataSource, FieldMetadata } from '@object-ui/types';
+import { getCellRenderer } from '@object-ui/fields';
 import { useDetailTranslation } from './useDetailTranslation';
 import { useSafeFieldLabel } from '@object-ui/react';
 
@@ -188,10 +189,36 @@ export const RelatedList: React.FC<RelatedListProps> = ({
     const resolvedObjectName = objectName || api || '';
     return Object.entries(objectSchema.fields)
       .filter(([key]) => !key.startsWith('_'))
-      .map(([key, def]: [string, any]) => ({
-        accessorKey: key,
-        header: resolveFieldLabel(resolvedObjectName, key, def.label || key),
-      }));
+      .map(([key, def]: [string, any]) => {
+        const col: any = {
+          accessorKey: key,
+          header: resolveFieldLabel(resolvedObjectName, key, def.label || key),
+        };
+        // Add type-aware cell renderer for typed fields
+        if (def.type) {
+          const CellRenderer = getCellRenderer(def.type);
+          if (CellRenderer) {
+            const fieldMeta: FieldMetadata = {
+              name: key,
+              label: def.label || key,
+              type: def.type,
+              ...(def.options && { options: def.options }),
+              ...(def.currency && { currency: def.currency }),
+              ...(def.precision !== undefined && { precision: def.precision }),
+              ...(def.format && { format: def.format }),
+              ...((def.reference_to || def.reference) && { reference_to: def.reference_to || def.reference }),
+              ...(def.reference_field && { reference_field: def.reference_field }),
+            };
+            col.cell = (value: any) => {
+              if (value === null || value === undefined) {
+                return React.createElement('span', { className: 'text-muted-foreground/50 text-xs italic' }, '—');
+              }
+              return React.createElement(CellRenderer, { value, field: fieldMeta });
+            };
+          }
+        }
+        return col;
+      });
   }, [columns, objectSchema, objectName, api, resolveFieldLabel]);
 
   const viewSchema = React.useMemo(() => {