Roadmap 0.10, Interface roadmap — wave 1

UI.26 One head on every panel and ribbon group: grab handle far left, close far right, and the handle opens the dock menu (Dock to, Float, Window, Pin, Hide)

  • Feature
  • Planned
  • CadCraft
  • BimCraft
  • ModelCraft
  • MarkupCraft
  • TakeoffCraft
  • CivilCraft
  • DetailCraft
  • PartCraft
  • SuperCad Studio

Owner 2026-11-09: "we should make the grab handle and close x standardized on all panels and ribbons (far left, far right), and a drop-down menu can be click the grab handle (menu: dock to xxx, pin)." What exists: the two app panels have the shell's grip bar (app-panels.js) and Problems a "…" menu (dock right / left, float, window); the ribbon has its own tear-off handle; the toolbox, tool rows and status bar have popout buttons in different corners; the Vector and Sketch palettes draw their own heads. Change: one head component in the dock manager (UI.21) for every unit in every zone and orientation: the grab handle at the far left (drag = move; click = the dock menu), the unit's tabs or name in the middle, collapse, and close at the far right, in that order, always. The dock menu lists Dock to top / canvas top / left panel / right panel / bottom (only the zones the layout allows, UI.1), Float on the drawing, Open in a window (UI.2, UI.3), Pin (the unit stays put: drag, auto-hide and close are off until unpinned), Collapse / Open, Hide (place none; it comes back from Settings › Layout › Hidden or the Craft options menu, UI.24), then the unit's own commands if it registers any. Right-click and a long press open the same menu; the handle is focusable. Head height, glyphs (from the icon library, UI.22) and colours (the zone's family) come from the tokens, so a ribbon group's head and a palette's head differ only in orientation. The ribbon's tear-off handle, the popout buttons and the "…" menus retire into it. Conformance: every unit in every layout shows handle left and close right, the menu opens, and each item does what it says. Owner addition the same day: a visibility order on the head so the close never draws the eye: title or tab name 100 % of the ink, grab handle 70 %, collapse 55 %, close 40 %, full ink on hover and focus; four tokens in app-workspace.css, the same on both themes.

Waits on: UI.21 (the unit) is where the head lives.

Add a comment

Community comments

No comments yet

Add detail as we go: how you would use it, files or steps that show the problem, what other programs do. The team reads every comment.

Sign in or create a free account to add a comment.