[uyujkk]

Summary

Stage J6 (move the Online page out of MainWindow) and J6-b (its appearance and usage flow), done in one pass (docs/development/UI-Structure-Plan.md, J6; docs/development/UI-Fluent-Design-Plan.md, "在线（J6）").

Structure

• 86d8112: inventory: 15 files, 5,414 lines plus BrowseSessions.cs; about 50 references from the window into the page and about 100 the other way.
• 2f667e5: a test-only sample mode, IMM_ONLINE_FIXTURES.
  • When the variable is set, every online request is answered from synthetic samples in tests/TestData (JSON and generated placeholder images). Anything not in the samples fails, nothing goes to the network, and the log says it's in sample mode.
  • When it isn't set, the code path and the requests' content, frequency and caching are unchanged.
  • It only reads the sample folder. Unit tests cover both modes. It exists only for screenshots and UI tests.
• 3f4ac10: the online image cache moves into ImageService (Attach, LoadCachedAsync, LoadOnlineBitmapAsync, GetCachedUriAsync, TrimCache).
• 9ffdf7a: the download scheduler and journal move into DownloadService (Scheduler, JournalAvailable, Restore(), Save()).
• 58f2e75: pure move into Pages/OnlinePage.xaml and Pages/Online/.
  • The page reaches the window only through IOnlineHost: 47 members in 8 commented groups. The page never references MainWindow.
  • The character catalogue and the effective online source stay in the page for now.
  • Full-window screenshots of all 30 views match the commit before the move, apart from the desktop at the window edge and two passing states.
• fdbece5: a follow-up in UI-Structure-Plan.md to split IOnlineHost into character catalogue, online source and install flow services.

MainWindow: code 20,094 → 14,428 lines; MainWindow.xaml 1,199 → 705 lines.

Appearance and usage (before → after)

• 34dba1b Character switch: paused on a 135 ms fade-out every time → starts at once.
• 1c04721 Header and toolbar:
  • Refresh was cut off in Russian at 1000 wide → icon plus label; the label hides only when the status beside it would get under 120 px.
  • The header status was a fixed 460 px and lost its tooltip after a language change → it takes the space left, trims, always has a tooltip, and hides rather than show a single letter.
  • At 670×530 the search box was squeezed to nothing and buttons were clipped → search gets its own row; below 720 px of content the character rail folds into a character list in the toolbar.
  • Paging buttons: minimum width 84 → 96 px.
• 868cf4c Details drawer (option A):
  • It had a hand-drawn gradient shadow, was opaque and took 34% of the width → system shadow on in-app acrylic, 45% wide (400–600 px).
  • Under 900 px of content it covers the results, and its close button becomes "Back to results", a new string in all three languages. The close button now has a tooltip and an accessible name.
  • The bottom has one main download button, "Select file" beside it, and the source page as a link.
• d12e2b6 States:
  • Loading: three fake text bars → placeholders shaped like the current view.
  • Empty: a hand-built card → the shared empty-state control, with "Clear filters" when nothing matches. The four status strings it replaced are removed from all three languages.
  • A failed list load: a modal dialog → an error bar under the toolbar with "Retry", which does the same as Refresh.
• The size and layout rules are in Core (OnlineLayoutPolicy) with unit tests.

Online requests, their frequency, caching, and download, install and tracking results are unchanged.

Timings (median of 5, two runs each; about 35 ms of each figure is the UI-automation check itself)

Action	Before	After
Switch character	300 / 300 ms	144 / 163 ms
Open details	69 / 64 ms	60 / 66 ms

Not done

• These Fluent-plan Online items rebuild the list and grid, so they're left for a separate J6-c:
  • an ItemsView grid with UniformGridLayout;
  • a search box with recent suggestions and a command bar;
  • removable filter tags;
  • a searchable character list;
  • Space to add a Mod to the batch.
• The Downloads navigation item overlap noted in the roadmap couldn't be reproduced at 640–900 wide and 400–530 high.

Note for #15: any unhandled exception in a XAML event handler ends the app with 0xc000027b. The real exception is written to startup.log as "Unhandled UI exception: …", so an affected user's log should name the cause.

Test plan

• scripts\test-all.ps1: 1,779 Core tests, Release build 0 warnings, Core coverage 94.0% line / 88.1% branch
• UI tests 70/70 on the same build, including 3 new Online tests on the synthetic samples and the navigation round-trip tests
• Code-style check
• 42 screenshots: zh/en/ru × 1000×800 / 1400×900 × light/dark, plus 670×530 and the empty and error states. No important Russian text is clipped.
• Full package with the real mouse: 24 character switches, 24 opens and closes of details, 48 page switches and the narrow-window drawer; no errors
• Loading placeholders: the samples load too fast to photograph them

🤖 Generated with Claude Code