[nhyiramante1]

Summary

Layout fixes plus a light visual polish. No component or behavior changes; everything is CSS except one default position.

Fixes

• App didn't fill the window. .platform-workspace (the sign-in wrapper) is a flex item of #root but had no flex rule, so it shrank to its content: about 1,600px on a 2,000px screen, with dead space on the right, and a layout jump when the Control Room opened. It now fills the row (src/platform/platform.css).
• "Copy map" was unstyled. It had no CSS and rendered as a default browser button; it now matches the other toolbar buttons.
• Clipped "Non-directive" picker. At the default chat width the chat header was about 44px too wide for its panel. The Think/Map slider now gives up width first; if the panel is dragged narrower, the picker wraps below.
• Squashed toolbar labels. Buttons keep their size instead of wrapping "Copy map", "Clear draft" etc. onto two lines. The map header wraps its right-hand group to a second row only when the row is too narrow; that group is right-aligned with an auto margin, so when it overflows (small window with the Control Room open) it scrolls from its start. Before, the start was hidden off-screen where it couldn't be reached.
• Draft window over the toolbar. The floating Draft window now starts below the toolbar even when it wraps. This affects new sessions only; saved positions are kept.

Polish (one labelled block at the end of the stylesheet in src/ui/App.tsx)

• Consistent 8px corners on toolbar and panel controls.
• An inset top sheen that keeps each control's own colours, and a soft shadow.
• A small lift on hover, a press on click, and a visible keyboard focus ring.
• Softer card shadows, with a halo on the selected card.
• Framed zoom controls and minimap.
• No movement under prefers-reduced-motion.

Testing

• npm test: 37 files and 394 tests. npx tsc --noEmit, npm run build:pages and npm run verify:pages pass.
• Playwright smoke (npx playwright test): 4/4.
• Width sweep at 1024, 1280, 1440, 1600, 1700 and 2000px, with the Control Room open and closed:
  • the workspace fills the window and doesn't jump
  • no toolbar control is cut off with the Control Room closed at 1280px and wider
  • with the Control Room open below about 1,700px, the right-hand group scrolls from its start
• Chat header checked at 520, 420, 380 and 340px panel widths: the picker is fully visible at every width (it wraps below 380px).

After merging, run the "Deploy Mindmap to GitHub Pages" workflow; the live site has the width bug.

🤖 Generated with Claude Code