[oblomov-dev]

Four rounds of usability, performance and structure work on the editor. The generator is unchanged; the class only follows the order of the attributes, which can now be changed.

Round 1 - working aids

• Undo / redo bring back the control that was selected when the step was taken.
• Checks: a click on a line selects the control and focuses the property it is about. Where there is one fix, a button does it: create the attribute a binding names, remove an unused attribute, reset a value UI5 would refuse, build the template of a bound list, create a tree's nodes table, bind an input to a new attribute. The fixes are data on the issue (fix: { kind, … }), applied in src/ui/data.js.
• Several controls at once: Ctrl/Shift+click on the canvas, in the outline or in the code. Delete, duplicate, move, copy and cut act on all of them; Wrap in… puts controls side by side into a new VBox, HBox, FlexBox or Panel (wrapNodes in src/model.js).
• Keys: Ctrl+↑/↓ move the selection; the drawer tabs go by arrow key, Home and End. Modified arrow keys in the outline no longer also walk the tree.
• Outline filter by type or text, with the way down to each match.
• Properties show the default of the canvas's UI5 (asked from the runtime per control class, not from test/ui5-1.71.json); event fields offer the event names the design raises already.
• Data: attributes and fields move up and down; Paste rows… takes sample rows from a spreadsheet (TSV) or CSV (parseSampleRows).
• Preview mode lists the events raised, with what the user had changed in the model by then.
• Designs in this browser: Save in browser keeps designs under their class name, listed next to Recent.
• The editor's own dialogs (choose( ) in src/ui/dom.js) replace every confirm( ); errors stay until closed; a share link over 8 kB says so.

Round 1 - performance and structure

• The outline, the data tab, the list of the checks and the class render only while on screen.
• A commit serializes the design once; typing writes localStorage debounced, flushed on pagehide.
• One implementation of the edits on the selection, src/ui/actions.js, for keys, command palette, canvas toolbar and context menu.

Round 2

• Context menu for a control on the canvas, in the outline and by Shift+F10 (src/ui/context.js).
• Selected rows of the outline drag together (moveNodes in src/model.js).
• Copy / Paste properties from one control onto the selected others that have them.
• Recently used controls first in the Controls panel.
• Empty containers get room and a dashed frame on the canvas in Edit mode.
• The browser refusing to keep the design is said once; another tab saving over the design is announced, with a button to load it.

Round 3

• Changes tab for a class that was opened: what the export changes in it, line by line (src/diff.js).
• Double-click on the canvas edits a control's text in place (src/ui/inline.js).
• Light / dark / as the system for the editor itself.
• Fixes from a review of rounds 1 and 2 (outline focus with several selected, failed wrap message, template fix offer, filter + arrow keys, defaults while loading, context menu keys).

Round 4

• Zoom of the canvas, 75% and 50%; device widths keep the width the view gets, and coordinates from the frame are mapped to the page (frameToPage).
• ? lists every keyboard shortcut; typeahead in the outline; Enter in the control search inserts the first match, the arrows walk the list.
• The command palette ranks what starts with the words first.
• The outline marks controls that raise an event (⚡); Copy above the code copies what the tab shows.
• Fixes from a review of round 3: empty parts (tabs, page headers, cards) keep their room on the canvas; Escape on the canvas field undoes only its own edit; the template fix is withheld only for a table with its own columns; the canvas field closes on scroll and resize and opens over the row that was double-clicked; the Changes tab names a newline added at the end; dark mode has its own success/error/warning colours.

README and AGENTS.md are updated.

Checks

• npm test: 388 passed
• npm run check:abap: 23 files, 0 failing
• npm run verify:abap: all 23 classes, 7.40 and 7.02
• npm run test:e2e:local: 84 passed on UI5 1.144 and 1.71 (new: test/e2e/workflow.spec.mjs, 29 tests)

🤖 Generated with Claude Code

https://claude.ai/code/session_017kNeryZR99nVMy4Q21eYXA