MD.OFFICE
FAL

Daily Log - 2026-05-02

Dynaforms: Builder Keybindings & Accessibility Enhancements

Achievements

  • Global Builder Shortcuts: Successfully implemented native keyboard shortcut bindings (Ctrl/Cmd + S/P/J/I) within the Builder Center Panel to immediately trigger save, preview, JSON viewing, and import actions.
  • Contextual Form Resets: Introduced a canvas-scoped Ctrl/Cmd + Delete keybinding strictly allocated to cleanly resetting the entire form when interacting within the primary editing mode.
  • Centralized Help Interface: Added a dedicated Keyboard Shortcuts modal overlay accessible universally via the Shift + ? hotkey, visually mapping all newly available hotkeys for seamless user onboarding.
  • JSON Viewer Reliability: Corrected a focus trap issue by moving the JSON Viewer modal's Escape handler to a global scope, guaranteeing a reliable exit behavior regardless of the current focus target.

Decisions

  • Scoping Global Undo/Redo: Retained explicit control over Ctrl/Cmd+Z and Ctrl/Cmd+Y locally inside the overarching DynaformBuilderComponent to circumvent collisions with the specialized canvas shortcuts dispatched inside CenterPanelComponent.
  • Destructive Separation: Visually emphasized the danger of the new Ctrl/Cmd+Delete form reset binding in the UI compared to the standard, undoable element Delete keystroke to prevent catastrophic user errors.

Technical Details

  • Modified: center-panel.component.ts/html -> Installed a @HostListener capturing specialized shortcuts and rendering the showShortcutsModal boolean structure.
  • Modified: center-panel.config.ts -> Added display strings charting Mac/Windows keys specific to modal visualizations.