feat: implement L2 features - UndoManager batch ops, kanban lane persistence, record nav keyboard, import preview, thread resolution

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

Author: Copilot

apps/console/src/components/RecordDetailView.tsx

@@ -36,6 +36,7 @@ export function RecordDetailView({ dataSource, objects, onEdit }: RecordDetailVi
   const { user } = useAuth();
   const [isLoading, setIsLoading] = useState(true);
   const [comments, setComments] = useState<Comment[]>([]);
+  const [threadResolved, setThreadResolved] = useState(false);
   const objectDef = objects.find((o: any) => o.name === objectName);
 
   const currentUser = user
@@ -164,6 +165,8 @@ export function RecordDetailView({ dataSource, objects, onEdit }: RecordDetailVi
               onAddComment={handleAddComment}
               onDeleteComment={handleDeleteComment}
               onReaction={handleReaction}
+              resolved={threadResolved}
+              onResolve={setThreadResolved}
             />
           </div>
         </div>

packages/plugin-detail/src/DetailView.tsx

@@ -201,6 +201,26 @@ export const DetailView: React.FC<DetailViewProps> = ({
     setEditedValues(prev => ({ ...prev, [field]: value }));
   }, []);
 
+  // Keyboard shortcuts for prev/next record navigation (← / →)
+  React.useEffect(() => {
+    if (!schema.recordNavigation) return;
+    const nav = schema.recordNavigation;
+    const handler = (e: KeyboardEvent) => {
+      // Skip when focus is inside an input, textarea, or contenteditable
+      const tag = (e.target as HTMLElement)?.tagName;
+      if (tag === 'INPUT' || tag === 'TEXTAREA' || (e.target as HTMLElement)?.isContentEditable) return;
+      if (e.key === 'ArrowLeft' && nav.currentIndex > 0) {
+        e.preventDefault();
+        nav.onNavigate(nav.recordIds[nav.currentIndex - 1]);
+      } else if (e.key === 'ArrowRight' && nav.currentIndex < nav.recordIds.length - 1) {
+        e.preventDefault();
+        nav.onNavigate(nav.recordIds[nav.currentIndex + 1]);
+      }
+    };
+    document.addEventListener('keydown', handler);
+    return () => document.removeEventListener('keydown', handler);
+  }, [schema.recordNavigation]);
+
   if (loading || schema.loading) {
     return (
       <div className={cn('space-y-4', className)}>

packages/plugin-grid/src/ImportWizard.tsx

@@ -21,6 +21,8 @@ export interface ImportWizardProps {
   onCancel?: () => void;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
+  /** Error handling strategy: 'skip' skips invalid rows, 'stop' aborts on first error. @default 'skip' */
+  onErrorMode?: 'skip' | 'stop';
 }
 
 export interface ImportResult {
@@ -201,37 +203,61 @@ const StepMapping: React.FC<{
   );
 };
 
-// Step 3: Preview & Import
+// Step 3: Preview & Import (shows first 10 rows with per-row validation errors)
 const StepPreview: React.FC<{
   headers: string[]; rows: string[][]; mapping: Record<number, string>; fields: ImportWizardProps['fields'];
 }> = ({ headers, rows, mapping, fields }) => {
   const mappedCols = useMemo(() =>
     Object.entries(mapping).map(([idx, fieldName]) => ({
       csvIdx: Number(idx), header: headers[Number(idx)], field: fields.find((f) => f.name === fieldName)!,
     })), [mapping, headers, fields]);
-  const previewRows = rows.slice(0, 5);
+  const previewRows = rows.slice(0, 10);
+
+  const rowValidations = useMemo(() => previewRows.map((row, rIdx) => {
+    const errs: Record<number, string> = {};
+    for (const col of mappedCols) {
+      const raw = row[col.csvIdx] ?? '';
+      if (col.field.required && !raw) errs[col.csvIdx] = 'Required';
+      else if (raw && !validateValue(raw, col.field.type)) errs[col.csvIdx] = `Invalid ${col.field.type}`;
+    }
+    return errs;
+  }), [previewRows, mappedCols]);
+
+  const errorCount = rowValidations.filter(e => Object.keys(e).length > 0).length;
 
   return (
     <div className="max-h-[360px] overflow-auto">
+      {errorCount > 0 && (
+        <p className="mb-2 flex items-center gap-1 text-xs text-destructive">
+          <AlertCircle className="h-3.5 w-3.5" /> {errorCount} row(s) with errors in preview
+        </p>
+      )}
       <Table>
         <TableHeader>
           <TableRow>
+            <TableHead className="w-12">#</TableHead>
             {mappedCols.map((col) => <TableHead key={col.csvIdx}>{col.field.label}</TableHead>)}
           </TableRow>
         </TableHeader>
         <TableBody>
-          {previewRows.map((row, rIdx) => (
-            <TableRow key={rIdx}>
-              {mappedCols.map((col) => {
-                const value = row[col.csvIdx] ?? '';
-                return (
-                  <TableCell key={col.csvIdx} className={cn(!validateValue(value, col.field.type) && 'text-destructive')}>
-                    {value}
-                  </TableCell>
-                );
-              })}
-            </TableRow>
-          ))}
+          {previewRows.map((row, rIdx) => {
+            const errs = rowValidations[rIdx];
+            const hasError = Object.keys(errs).length > 0;
+            return (
+              <TableRow key={rIdx} className={cn(hasError && 'bg-destructive/5')}>
+                <TableCell className="text-xs text-muted-foreground">{rIdx + 1}</TableCell>
+                {mappedCols.map((col) => {
+                  const value = row[col.csvIdx] ?? '';
+                  const cellErr = errs[col.csvIdx];
+                  return (
+                    <TableCell key={col.csvIdx} className={cn(cellErr && 'text-destructive')} title={cellErr}>
+                      {value || <span className="text-muted-foreground/50">—</span>}
+                    </TableCell>
+                  );
+                })}
+              </TableRow>
+            );
+          })}
         </TableBody>
       </Table>
       <p className="mt-2 text-xs text-muted-foreground">Showing {previewRows.length} of {rows.length} rows</p>
@@ -241,7 +267,7 @@ const StepPreview: React.FC<{
 
 // Main wizard component
 export const ImportWizard: React.FC<ImportWizardProps> = ({
-  objectName, objectLabel, fields, dataSource, onComplete, onCancel, open, onOpenChange,
+  objectName, objectLabel, fields, dataSource, onComplete, onCancel, open, onOpenChange, onErrorMode = 'skip',
 }) => {
   const [step, setStep] = useState<WizardStep>('upload');
   const [headers, setHeaders] = useState<string[]>([]);
@@ -274,19 +300,21 @@ export const ImportWizard: React.FC<ImportWizardProps> = ({
       if (rowErrors.length > 0) {
         skippedRows++;
         errors.push(...rowErrors);
+        if (onErrorMode === 'stop') break;
       } else {
         try { if (dataSource?.create) await dataSource.create(objectName, record); importedRows++; }
         catch (err) {
           skippedRows++;
           const msg = err instanceof Error ? err.message : 'Failed to create record';
           errors.push({ row: i + 1, field: '', message: msg });
+          if (onErrorMode === 'stop') break;
         }
       }
       setProgress(Math.round(((i + 1) / rows.length) * 100));
     }
     const importResult: ImportResult = { totalRows: rows.length, importedRows, skippedRows, errors };
     setResult(importResult); setImporting(false); onComplete?.(importResult);
-  }, [rows, mapping, fields, dataSource, objectName, onComplete]);
+  }, [rows, mapping, fields, dataSource, objectName, onComplete, onErrorMode]);
 
   const reset = useCallback(() => {
     setStep('upload'); setHeaders([]); setRows([]); setMapping({}); setProgress(0); setResult(null);

packages/plugin-kanban/src/KanbanImpl.tsx

@@ -317,7 +317,20 @@ export default function KanbanBoard({ columns, onCardMove, onCardClick, classNam
 
 function KanbanBoardInner({ columns, onCardMove, onCardClick, className, dnd, quickAdd, onQuickAdd, coverImageField, conditionalFormatting, swimlaneField }: KanbanBoardProps & { dnd: ReturnType<typeof useDnd> | null }) {
   const [activeCard, setActiveCard] = React.useState<KanbanCard | null>(null)
-  const [collapsedLanes, setCollapsedLanes] = React.useState<Set<string>>(new Set())
+
+  // Persist collapsed swimlane state per swimlaneField
+  const storageKey = swimlaneField ? `objectui:kanban-collapsed:${swimlaneField}` : null
+  const [collapsedLanes, setCollapsedLanes] = React.useState<Set<string>>(() => {
+    if (!storageKey) return new Set()
+    try {
+      const stored = localStorage.getItem(storageKey)
+      if (stored) {
+        const parsed = JSON.parse(stored)
+        if (Array.isArray(parsed)) return new Set(parsed.filter((v): v is string => typeof v === 'string'))
+      }
+    } catch { /* ignore corrupt data */ }
+    return new Set()
+  })
 
   // Ensure we always have valid columns with cards array
   const safeColumns = React.useMemo(() => {
@@ -350,9 +363,12 @@ function KanbanBoardInner({ columns, onCardMove, onCardClick, className, dnd, qu
       const next = new Set(prev)
       if (next.has(lane)) next.delete(lane)
       else next.add(lane)
+      if (storageKey) {
+        try { localStorage.setItem(storageKey, JSON.stringify([...next])) } catch { /* quota exceeded */ }
+      }
       return next
     })
-  }, [])
+  }, [storageKey])
 
   const sensors = useSensors(
     useSensor(PointerSensor, {