fix: complete remaining Airtable UX gaps

- ListView default density changed from 'comfortable' to 'compact'
- ListView density toggle highlight checks against 'compact' (new default)
- ObjectGrid singleClickEdit defaults to true (click-to-edit by default)
- Update test to match new default density
- Update ROADMAP.md with complete status

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

Author: Copilot

ROADMAP.md

@@ -764,8 +764,14 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind
 
 **Default Compact Row Height:**
 - [x] ObjectGrid default changed from `'medium'` to `'compact'` (32-36px rows)
+- [x] ListView default density changed from `'comfortable'` to `'compact'`
 - [x] Row height toggle preserved in toolbar
 
+**Single-Click Edit Mode:**
+- [x] Added `singleClickEdit` prop to `DataTableSchema` and `ObjectGridSchema`
+- [x] ObjectGrid defaults `singleClickEdit` to `true` (click-to-edit by default)
+- [x] InlineEditing component already compatible (click-to-edit native)
+
 **Column Header Minimal Style:**
 - [x] Headers use `text-xs font-normal text-muted-foreground` (was `text-[11px] font-semibold uppercase tracking-wider`)
 - [x] Sort arrows inline with header text

packages/plugin-grid/src/ObjectGrid.tsx

@@ -971,7 +971,7 @@ export const ObjectGrid: React.FC<ObjectGridProps> = ({
     resizableColumns: schema.resizable ?? schema.resizableColumns ?? true,
     reorderableColumns: schema.reorderableColumns ?? false,
     editable: schema.editable ?? false,
-    singleClickEdit: schema.singleClickEdit ?? false,
+    singleClickEdit: schema.singleClickEdit ?? true,
     className: schema.className,
     cellClassName: rowHeightMode === 'compact'
       ? 'px-3 py-1 text-[13px] leading-tight'

packages/plugin-list/src/ListView.tsx

@@ -469,7 +469,7 @@ export const ListView: React.FC<ListViewProps> = ({
       };
       return map[schema.rowHeight] || 'comfortable';
     }
-    return 'comfortable';
+    return 'compact';
   }, [schema.densityMode, schema.rowHeight]);
   const density = useDensityMode(resolvedDensity);
 
@@ -1312,7 +1312,7 @@ export const ListView: React.FC<ListViewProps> = ({
             size="sm"
             className={cn(
               "h-7 px-2 text-muted-foreground hover:text-primary text-xs hidden lg:flex transition-colors duration-150",
-              density.mode !== 'comfortable' && "bg-primary/10 border border-primary/20 text-primary"
+              density.mode !== 'compact' && "bg-primary/10 border border-primary/20 text-primary"
             )}
             onClick={density.cycle}
             title={`Density: ${density.mode}`}

packages/plugin-list/src/__tests__/ListView.test.tsx

@@ -300,8 +300,8 @@ describe('ListView', () => {
 
     renderWithProvider(<ListView schema={schema} />);
 
-    // Default density mode is 'comfortable'
-    const densityButton = screen.getByTitle('Density: comfortable');
+    // Default density mode is 'compact'
+    const densityButton = screen.getByTitle('Density: compact');
     expect(densityButton).toBeInTheDocument();
   });