Left Pane Unselectable in Dashboard Edit Mode - Comprehensive Investigation Needed

[hotlong]

Problem

In the current Dashboard edit mode, users are unable to select widgets or cards in the left/main view area. Based on the attached screenshot, only the property/config panel on the right remains accessible; the main UI does not react to selection, showing no visible highlights or controls on cards. This blocks property panel linkage and prevents any context-based editing.

Scope of Investigation

• Review dashboard rendering logic in plugin-dashboard or relevant packages.
• Check widget/card selection state propagation (@object-ui/core, @object-ui/react, Zustand store).
• Audit event handler wiring: are onClick, onSelect events correctly hooked on dashboard items?
• Ensure SchemaRenderer and DashboardWidget components correctly pass selection callbacks.
• Evaluate how ListView/PageDesigner achieve selection and highlight.
• Compare store and actions between Dashboard and ListView modes.
• Check dashboard schema definition: Ensure id, type, events fields are present and wired as per @objectstack/spec.
• Review conditional disabling logic and expressions (hidden, disabled) that might block interaction.

Technical Advice

• Focus on dashboard widget selection logic and visual feedback.
• Look for missing event wiring, store state, or selector propagation bugs.
• Do not ignore possibility of stale store, incorrect context provider, or schema mismatch.

Acceptance Criteria

• Selection in left/main dashboard area is possible in edit mode.
• Selected widget/card receives visual highlight.
• Property panel on right reflects the correct widget selection context.
• Selection logic is consistent with ListView/PageDesigner implementations.
• Tests pass for selection and highlighting (run test after changes).

---

Complete investigation and propose fixes. Update roadmap and related issues as appropriate after resolving.

Assignee: hotlong
Labels: bug
Type: Bug