fix: restore dashboard config save properties, improve stabilization comments

- Restore rowHeight/showDescription/theme in handleDashboardConfigSave
  (prevents data loss on save)
- Simplify dashboardConfig memo dep to [configVersion] alone
- Improve comments explaining the configVersion stabilization pattern
- Update ROADMAP with widget delete and config stabilization entries

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

Author: Copilot

ROADMAP.md

@@ -384,7 +384,10 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind
 - [x] Widget config flattening/unflattening (layout.w ↔ layoutW, layout.h ↔ layoutH)
 - [x] Auto-save on config save via `useAdapter().update()`
 - [x] Live preview updates via `onFieldChange` callback
-- [x] Update 16 integration tests (7 DashboardDesignInteraction + 9 DashboardViewSelection) to verify inline config panel pattern
+- [x] Config draft stabilization via `configVersion` counter (matching ViewConfigPanel's `stableActiveView` pattern) — prevents `useConfigDraft` draft reset on live field changes
+- [x] Widget delete via `headerExtra` delete button in WidgetConfigPanel header
+- [x] `WidgetConfigPanel` — added `headerExtra` prop for custom header actions
+- [x] Update 21 integration tests (10 DashboardDesignInteraction + 11 DashboardViewSelection) to verify inline config panel pattern, widget deletion, live preview sync
 
 ### P1.11 Console — Schema-Driven View Config Panel Migration
 

apps/console/src/components/DashboardView.tsx

@@ -194,13 +194,14 @@ export function DashboardView({ dataSource }: { dataSource?: any }) {
   );
 
   // ---- Dashboard config panel handlers ------------------------------------
-  // Stabilize config reference: only recompute when panel opens or after save.
-  // This prevents useConfigDraft from resetting the draft on every parent re-render
-  // (same pattern as ViewConfigPanel's stableActiveView).
+  // Stabilize config reference: only recompute after explicit actions (panel
+  // open, save, widget add). configVersion is incremented on those actions.
+  // This prevents useConfigDraft from resetting the draft on every live field
+  // change (same pattern as ViewConfigPanel's stableActiveView).
   const dashboardConfig = useMemo(
     () => extractDashboardConfig(editSchema || (dashboard as DashboardSchema)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dashboardName, configVersion],
+    [configVersion],
   );
 
   const handleDashboardConfigSave = useCallback(
@@ -210,8 +211,11 @@ export function DashboardView({ dataSource }: { dataSource?: any }) {
         ...editSchema,
         columns: config.columns,
         gap: config.gap,
+        rowHeight: config.rowHeight,
         refreshInterval: Number(config.refreshInterval) || 0,
         title: config.title,
+        showDescription: config.showDescription,
+        theme: config.theme,
       } as DashboardSchema;
       setEditSchema(newSchema);
       saveSchema(newSchema);
@@ -238,8 +242,10 @@ export function DashboardView({ dataSource }: { dataSource?: any }) {
   // ---- Widget config panel handlers ---------------------------------------
   const selectedWidget = editSchema?.widgets?.find((w) => w.id === selectedWidgetId);
 
-  // Stabilize widget config: only recompute when selecting a different widget
-  // or after save — prevents useConfigDraft from resetting the draft on live preview updates.
+  // Stabilize widget config: only recompute after explicit actions (widget
+  // switch, save, add). configVersion is incremented on save/add, and
+  // selectedWidgetId changes on widget switch — this prevents useConfigDraft
+  // from resetting the draft on every live field change.
   const widgetConfig = useMemo(
     () => (selectedWidget ? flattenWidgetConfig(selectedWidget) : {}),
     // eslint-disable-next-line react-hooks/exhaustive-deps