feat(ui): match neon launcher design with responsive logo

Author: WieszczY85

README.md

@@ -92,10 +92,12 @@ SyntaxLauncher stores only the selected offline nickname, Minecraft version/chan
 
 ## Visual identity
 
-The desktop home uses an optimized cinematic JPEG derived from the approved concept: a neon-blue voxel block/arrow against Minecraft night scenery, subdued behind actual Compose text. The 128px app icon is never enlarged as hero artwork. App-wide `Surface` semantics ensure readable text on dark cards. The settings panel has a visible scrollbar and the initial window size adapts to the available desktop work area.
+The desktop home follows the approved neon-blue concept with a detailed voxel valley, a separate transparent block/arrow foreground, ink-blue panels, cyan outline icons and a prominent gradient Play action. A subtle shadow and cyan halo lift the mark from the scenery; its measured responsive layout preserves the original proportions, keeps the full arrow visible and reserves space away from the heading/profile in compact windows. The 128px app icon is never enlarged as hero artwork. All labels and controls are native Compose. The setup panel has a visible scrollbar; narrow windows stack the hero/Play and setup panel into a scrollable page. The initial window size adapts to the desktop work area, with a 400 × 400 minimum. [Artwork assets and prompts](launcher-desktop/src/main/resources/branding/README.md) document the generated layers.
 
 The SyntaxLauncher product mark is a navy/cobalt/cyan voxel grass-and-dirt block with an upward orbital arrow. The launcher uses a matching dark-blue Compose UI with a bright blue Play accent, quiet secondary surfaces and semantic error colors.
 
+Deterministic desktop render tests cover the ready home, nickname validation/disabled Play, quick instance selection, narrow/short windows and 150% scaling. A live-resize regression checks 27 hero size/density combinations at 100%, 150% and 200%, including both directions across breakpoints, and rejects cropped, distorted or overlapping logo/text bounds. Run `./gradlew :launcher-desktop:test`; generated QA images are under `launcher-desktop/build/reports/ui/`. These tests use mocked metadata and temporary profiles; they do not start Minecraft or access real accounts.
+
 The optimized transparent icon is stored in `launcher-desktop/src/main/resources/branding/syntaxlauncher-icon.png` and is used in the window chrome, launcher header and Linux application package. The authoritative [color palette and UI rules](docs/DESIGN.md#syntaxlauncher-blue-identity-october-2026) cover future features.
 
 ## v0.1 test builds

docs/DESIGN.md

@@ -159,28 +159,28 @@ The approved mark is a voxel dirt/grass block with a navy/cobalt/cyan top and an
 
 | UI role | Token |
 | --- | --- |
-| Background | `#0A101C` |
-| Surface | `#131F31` |
-| Surface variant | `#203149` |
-| Primary / Play | `#48BEF5` |
-| Primary container | `#163C61` |
+| Background | `#030F20` |
+| Surface | `#08192E` |
+| Surface variant | `#10243B` |
+| Primary / Play | `#00D5FF` |
+| Primary container | `#06355A` |
 | Secondary | `#91B5DB` |
-| Cyan detail | `#79DDF7` |
-| Main text | `#F0F6FF` |
-| Muted text | `#ACBFD6` |
-| Outline | `#49617D` |
+| Cyan detail | `#00D5FF` |
+| Main text | `#F3F7FF` |
+| Muted text | `#B3CBEA` |
+| Outline | `#284967` |
 
-The hero gradient is `#102B50 → #0C203C → #0A1528`. Reserve vivid neon for the icon and small interactive accents. Do not reintroduce green/teal prototype UI colors or recolor semantic warnings and errors blue. Use the central `SyntaxTheme.kt` tokens instead of scattering color literals.
+Panels use restrained `#0C2444 → #08192E` depth, with `#135582` outlines. The enabled Play button uses `#34D7F5 → #009EF4`; its disabled state uses a quiet solid field color. Reserve vivid neon for the icon and small interactive accents. Do not reintroduce green/teal prototype UI colors or recolor semantic warnings and errors blue. Use the central `SyntaxTheme.kt` tokens instead of scattering color literals.
 
 ### Desktop hero and responsive shell (October 2026)
 
-- The hero uses a compact, local, darkened JPEG derived from the approved high-detail launcher concept (voxel block, orbital arrow and Minecraft night scenery). It deliberately has no pre-rendered labels or UI controls. Avoid upscaling a tiny 128px app icon into hero artwork; that produced visibly blurry results. The source screenshot is not rendered as a UI screenshot. All controls remain native Compose.
+- The hero uses a local cinematic voxel valley JPEG plus a separate transparent PNG of the blue block/orbit/arrow. Both were generated with the built-in imagegen tool from the approved reference; see [asset provenance and prompts](../launcher-desktop/src/main/resources/branding/README.md). The landscape deliberately has no logo, pre-rendered labels or UI controls. Avoid upscaling a tiny 128px app icon into hero artwork; that produced visibly blurry results. The source screenshot is not rendered as a UI screenshot. All controls remain native Compose.
 - Preserve a left-to-right dark scrim. Text and the Minecraft version must stay readable independent of background artwork.
-- Use the bright logo and a cyan secondary line in the heading as the focal detail. Do not replicate glow throughout all controls.
+- Position the foreground mark independently with `ContentScale.Fit` and derive its aspect ratio from the asset. Measure the heading/profile first and reserve disjoint rectangles: text on the left and logo on the right above 640 dp of hero width; below that width, put the logo below the heading and beside the profile. Fit both dimensions to the available space on every measurement, so resizing never crops its arrow, distorts the mark or places it underneath text. Compact, short heroes reduce the title and omit the secondary tagline to preserve the logo and profile. A soft static navy radial shadow and faint cyan halo distinguish it from the landscape without a rectangular backing, runtime blur or continuous animation. Use the bright mark and cyan secondary heading as the focal details; do not replicate glow throughout all controls.
 - Use an application-wide Material `Surface` for proper light text over the dark theme. Do not depend on default `Text` content colors after drawing raw backgrounds.
 - The main window chooses an initial size constrained by the desktop work area. The instance panel is vertically scrollable, with a visible scrollbar; crucial controls should be visible without scrolling on typical full-HD screens.
-- A compact hero typography variant avoids text collisions when the user resizes the window. Never make unsupported future features appear as active navigation.
-- The optimized resource JPEG is loaded locally via painterResource without network access, runtime blur, repeated animation or dynamic downloads.
+- Compact hero typography avoids text collisions. Below 760 dp of content width, stack the hero/Play and setup panel with a visible page scrollbar; otherwise keep Play visible and scroll the setup panel independently. Very short windows scroll the page as well. The minimum native window is 400 × 400. Never make unsupported future features appear as active navigation.
+- Optimized JPEG/PNG resources load locally via painterResource without network access, runtime blur, repeated animation or dynamic downloads. Shared vector icons, 18 dp panel radii, 9 dp field radii and typography live in `SyntaxTheme.kt` / `SyntaxComponents.kt`. Account setup details belong behind the Player information action, keeping the normal launch screen concise.
 
 ## 8. Typography
 

docs/ROADMAP.md

@@ -142,17 +142,22 @@ Goal: launch a selected vanilla Minecraft version using an offline account and a
 
 ## v0.1 UI
 
-- [ ] 🚧 IN PROGRESS — replaced weak procedural hero/background and low-resolution enlarged app icon with approved concept-derived cinematic imagery, real Home/Instances header interaction and refined high-contrast Play treatment. Requires CI and visual screenshot acceptance.
+- [x] Make the launcher logo respond to the measured hero/text space and original asset aspect ratio: reserve separate text/logo areas, reflow below the heading in narrow heroes, and verify 27 resize/density cases without cropping, distortion or text collisions (19 October 2026).
 
-- [ ] 🚧 IN PROGRESS — premium navy voxel landscape, subdued hero scrims, prominently staged blue logo, corrected light-on-dark content colors and improved Play hierarchy; screen resizing and scrollable instance panel implemented. CI/desktop visual acceptance pending.
+- [x] Match the supplied neon concept with a detailed voxel landscape, independently fitted transparent block/arrow, subtle separation shadow/halo, ink-blue panels, shared cyan vector icons, compact controls and correctly disabled Play styling. Local `test build` and Compose render review passed on 19 October 2026.
+- [x] Add deterministic headless home rendering/interaction checks for 1440×810, 1024×640, 440×740, 400×400 and 150% scaling; validate nickname/Play state and access to settings by scrolling. Native keyboard/focus and other-platform acceptance remain separate open gates.
 
-- [ ] 🚧 IN PROGRESS — approved blue voxel/arrow mark integrated into desktop header and window; navy/cobalt/cyan Compose theme and Linux package icon configured. Cross-platform CI and manual UI visual review are pending.
+- [ ] 🚧 IN PROGRESS — reference-based cinematic scenery and independent transparent mark, Home/Instances interactions and high-contrast Play treatment now pass local build/tests and headless render review. Native desktop, keyboard/focus and cross-platform visual acceptance remain open.
+
+- [ ] 🚧 IN PROGRESS — voxel valley, readable scrims and independently fitted blue foreground mark implemented; short/narrow layouts and 150% scaling pass deterministic render checks. Native OS/DPI acceptance remains pending.
+
+- [ ] 🚧 IN PROGRESS — blue voxel/arrow mark integrated into desktop header/window; updated ink-blue/cyan theme and existing Linux package icon configured. Local compilation passes; package/native visual acceptance of this revision remains pending.
 
 - [ ] 🚧 IN PROGRESS — v0.1 Compose home redesigned around a high-contrast atmospheric hero, prominent contextual Play CTA, compact profile/version/RAM settings, branded header, semantic status and progressive error details; full platform CI and manual UX/accessibility review pending.
-- [ ] 🚧 IN PROGRESS — shared dark color roles, restrained mint accent, consistent 14–26 dp radii, typographic hierarchy and lighter surface grouping added; resizing, focus and DPI evaluation still pending.
+- [ ] 🚧 IN PROGRESS — shared ink-blue/cyan roles, 18 dp panels, 9 dp controls, typography and vector components implemented; deterministic resizing/150% rendering passes. Native focus/accessibility and platform DPI evaluation still pending.
 
 - [ ] 🚧 IN PROGRESS — offline nickname field validates username and feeds `OfflineAccount.create()` for the real Play pipeline; persistence/full UI verification remains pending.
-- [ ] 🚧 IN PROGRESS — Minecraft version selector and release/snapshot filters are driven by the official Mojang catalog, with selected metadata verified asynchronously; full Compose execution is pending.
+- [ ] 🚧 IN PROGRESS — Minecraft version selector and release/snapshot filters are driven by the official Mojang catalog, with selected metadata verified asynchronously; fixture-based Compose rendering passes, native live-catalog acceptance remains pending.
 - [ ] 🚧 IN PROGRESS — RAM slider feeds `LaunchOptions(maximumMemoryMiB)` on Play; persistence/full UI verification remains pending.
 - [ ] 🚧 IN PROGRESS — real `Play Minecraft` action now runs prepared metadata → verified game downloads/assets/natives → managed Java → `LaunchPlanBuilder` → `MinecraftProcessManager`; live vanilla launch acceptance is pending.
 - [ ] 🚧 IN PROGRESS — `MinecraftLaunchCoordinator` exposes preparation phases, per-file progress and completion counts through `StateFlow`; Compose displays status and progress and offers cancellation.
@@ -239,6 +244,8 @@ Goal: separate user installations into isolated, manageable Minecraft instances
 
 ## v0.2 UI
 
+- [x] Add a home instance dropdown using the existing guarded selection path for Legacy Vanilla and UUID profiles; a deterministic Compose interaction test verifies profile/version/RAM display without opening the manager.
+
 - [ ] 🚧 IN PROGRESS — instance selector/manager added to Compose home without changing primary Play CTA.
 - [ ] 🚧 IN PROGRESS — create, rename, clone, explicit legacy import, dedicated per-instance settings editor and confirm delete/restore actions; cross-platform and UX acceptance pending.
 - [ ] 🚧 IN PROGRESS — corrupt/missing saved instances are explicitly reported and cannot silently redirect Play to Legacy Vanilla.