Drafts tab and Studio Pro-style Toolbox - #31
Merged
Merged
Conversation
- New GET /api/drafts lists the entity and page drafts saved by the visual editors, and a Drafts tab in the viewer shows them with validity, saved time, and copyable MDL; applying stays in the guarded CLI workflow. - Toolbox restyled after Studio Pro: Widgets/Building blocks tabs, search box, collapsible group headers, and larger pictogram cards in a 3-column grid; colours track the active theme.
Explorer header, indent guide lines, compact rows, and per-type coloured glyph icons instead of emoji.
Flood-fill the white corner background to alpha on favicon, apple-touch-icon, and the brand logo so they blend with dark browser and app chrome.
MDL requires a name identifier before the props parenthesis. New widgets get a unique name at creation, and the serializer synthesizes names for parsed widgets that came in unnamed.
- Document tab bar (element name [module], close) and an editor toolbar (kind + qualified name) above the canvas. - Microflow activity nodes restyled as light rounded cards with a circular icon, closer to Studio Pro. - Explorer: search icon in the filter, expand/collapse-all buttons, boxed +/- expanders, and circle bullets on leaf rows.
The canvas now takes the full editor area; the parameters/widgets detail dump moved into a collapsible Details drawer behind a Studio Pro-style bottom console bar, hidden by default.
Structure/Design toggle like Studio Pro: Structure keeps the builder chrome (drop zones, container heads, delete); Design renders the page on a light surface with real heading sizes (RenderMode H1-H4), clean inputs and buttons, and no editing chrome.
…polish - Microflow editor: horizontal left-to-right layout with side handles, a shortcut toolbar (add activity/decision/change/validation/end, zoom, fit), re-wirable and connectable arrows, boxed edge labels, and a Studio Pro-style edit dialog on double-click (caption, activity type, flow parameters). Structural edits are canvas drafts; the MDL flow round-trip comes next. - Marketplace: install is now a real guarded flow — requires confirming Studio Pro is closed, runs mxcli marketplace install against the source project, refreshes the inventory, and reloads so the module (e.g. OQL) appears in the App Explorer with its documents. - Shell: bottom dock with Details/Changes/Errors/Console tabs (Changes reads the guarded git status), resizable side panels, and the Pages-only filter checkbox removed from the explorer.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Two viewer improvements aligning the frontend with what the backend already stores:
Drafts tab
The visual editors save reviewable drafts (
visual-plans.json,page-plans.json) but nothing surfaced them. NewGET /api/draftslists both, and a Drafts tab shows each draft with validity, saved time, a link to the element, and copyable MDL. Applying stays in the guarded CLI workflow.Toolbox restyle (Studio Pro-like)
Widgets/Building blocks tabs, a search box, collapsible group headers with chevrons, and larger pictogram cards in a 3-column grid — matching Studio Pro's toolbox layout. Group order mirrors Studio Pro (Data containers first). Theme-aware.
Tests: 10 RSpec + 56 minitest runs, 0 failures.
npm run buildpasses.