Rbanh/schemeta
1
0
Fork 0
Code Issues 11 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Inspector UX redesign: task-oriented editors with less cognitive load #4

New Issue
Closed
opened 2026-02-16 21:46:54 -05:00 by Rbanh · 4 comments
Rbanh commented 2026-02-16 21:46:54 -05:00
Owner
Copy Link

Problem

The Selected panel now has powerful controls but can become overloaded and difficult to scan under real workflows.

Goal

Polish inspector information architecture for speed and clarity.

Scope

  • Add collapsible sections (Component, Symbol, Pin, Net) with clear context headers.
  • Show contextual empty/idle hints and disable irrelevant actions.
  • Improve spacing/typography for dense form controls.
  • Add quick actions: duplicate component, delete component, isolate from inspector.
  • Keep JSON panel as secondary AI/export surface, not primary editing flow.

Acceptance Criteria

  • Users can complete common tasks without JSON editing.
  • Reduced accidental edits from wrong context.
  • Improved readability on 1366x768 and larger.
  • No hidden critical actions.
## Problem The Selected panel now has powerful controls but can become overloaded and difficult to scan under real workflows. ## Goal Polish inspector information architecture for speed and clarity. ## Scope - Add collapsible sections (Component, Symbol, Pin, Net) with clear context headers. - Show contextual empty/idle hints and disable irrelevant actions. - Improve spacing/typography for dense form controls. - Add quick actions: duplicate component, delete component, isolate from inspector. - Keep JSON panel as secondary AI/export surface, not primary editing flow. ## Acceptance Criteria - Users can complete common tasks without JSON editing. - Reduced accidental edits from wrong context. - Improved readability on 1366x768 and larger. - No hidden critical actions.
Rbanh added this to the Phase 2 - Production Polish milestone 2026-02-16 21:47:20 -05:00
Rbanh commented 2026-02-16 22:05:22 -05:00
Author
Owner
Copy Link

Implemented another Issue #4 slice in commit b7ba158.

Shipped

  • Added inspector quick actions in context:
    • Component: Duplicate, Delete, Isolate
    • Net: Isolate
  • Added safe duplicate behavior:
    • auto-generates unique ref
    • offsets placement slightly
    • keeps symbol/properties
  • Added safe delete behavior:
    • removes component
    • removes net nodes referencing component
    • prunes nets with fewer than 2 nodes
  • Added contextual button enable/disable logic in Selected panel.
  • Wired all actions into undo/redo history and compile refresh.

Validation

  • Syntax checks pass.
  • Existing tests pass.

Remaining for Issue #4

  • Add collapsible inspector sections with persistent open/closed state.
  • Improve contextual empty-state messaging and action hints.
  • Additional compact layout pass for dense inspector forms.
Implemented another Issue #4 slice in commit `b7ba158`. ### Shipped - Added inspector quick actions in context: - Component: `Duplicate`, `Delete`, `Isolate` - Net: `Isolate` - Added safe duplicate behavior: - auto-generates unique ref - offsets placement slightly - keeps symbol/properties - Added safe delete behavior: - removes component - removes net nodes referencing component - prunes nets with fewer than 2 nodes - Added contextual button enable/disable logic in Selected panel. - Wired all actions into undo/redo history and compile refresh. ### Validation - Syntax checks pass. - Existing tests pass. ### Remaining for Issue #4 - Add collapsible inspector sections with persistent open/closed state. - Improve contextual empty-state messaging and action hints. - Additional compact layout pass for dense inspector forms.
Rbanh commented 2026-02-18 20:36:17 -05:00
Author
Owner
Copy Link

Implemented additional inspector IA polish for Issue #4 in commit bf64195.

Shipped

  • Added collapsible inspector sections:
    • Component
    • Symbol
    • Pin
    • Net
  • Added persistent open/closed state via local storage (schemeta:inspector-sections:v1).
  • Added section header styling and improved visual structure for dense editor content.

Validation

  • Syntax checks pass.
  • Existing tests pass.

Remaining for Issue #4

  • Additional compact spacing/typography polish for very dense forms.
  • Context-specific helper text improvements for idle/error states.
Implemented additional inspector IA polish for Issue #4 in commit `bf64195`. ### Shipped - Added collapsible inspector sections: - Component - Symbol - Pin - Net - Added persistent open/closed state via local storage (`schemeta:inspector-sections:v1`). - Added section header styling and improved visual structure for dense editor content. ### Validation - Syntax checks pass. - Existing tests pass. ### Remaining for Issue #4 - Additional compact spacing/typography polish for very dense forms. - Context-specific helper text improvements for idle/error states.
Rbanh commented 2026-02-18 20:53:35 -05:00
Author
Owner
Copy Link

Inspector safety polish shipped in main via commit 31d2182.

Delivered destructive-action safeguards:

  • Confirm dialog before deleting a component, with impact summary (nodes removed, nets touched, nets that will be dropped).
  • Confirm dialog before disconnecting a pin from a net, including orphan-net warning.
  • Confirm dialog before removing a node from net editor, including orphan-net warning.
  • Confirm dialog when removing a symbol pin row that is currently referenced by nets, with usage summary.

Also added internal impact helpers to keep these prompts deterministic and context-aware.

Validation: npm test passes.

Inspector safety polish shipped in `main` via commit `31d2182`. Delivered destructive-action safeguards: - Confirm dialog before deleting a component, with impact summary (nodes removed, nets touched, nets that will be dropped). - Confirm dialog before disconnecting a pin from a net, including orphan-net warning. - Confirm dialog before removing a node from net editor, including orphan-net warning. - Confirm dialog when removing a symbol pin row that is currently referenced by nets, with usage summary. Also added internal impact helpers to keep these prompts deterministic and context-aware. Validation: `npm test` passes.
Rbanh commented 2026-02-18 21:02:23 -05:00
Author
Owner
Copy Link

Final closure summary:

  • Inspector sections are collapsible with persisted state.
  • Quick actions (duplicate/delete/isolate) integrated.
  • Added destructive-action confirmations with impact previews for delete/disconnect/remove flows.
  • Context handling/idle states improved for safer edits.

Key commits: b7ba158, bf64195, 31d2182.

Final closure summary: - Inspector sections are collapsible with persisted state. - Quick actions (duplicate/delete/isolate) integrated. - Added destructive-action confirmations with impact previews for delete/disconnect/remove flows. - Context handling/idle states improved for safer edits. Key commits: `b7ba158`, `bf64195`, `31d2182`.
Rbanh closed this issue 2026-02-18 21:03:10 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Phase 2 - Production Polish
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Rbanh/schemeta#4
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?