[uyujkk]

Summary

Stage J7-b: the Mod workspace's appearance and usage flow, after #120 moved it into its own page (docs/development/UI-Fluent-Design-Plan.md, "Mod 工作区（J7）", and the 「工作台新布局」 design canvas).

Before → after

• 084ed5b Column widths:
  • Before: fixed by the window width.
  • After: a splitter between characters and Mods and another between Mods and details. You drag them, or use the arrow keys on a focused splitter. The widths are saved in beta-shell.json and restored on the next start (decision 9 of the Fluent plan).
  • Limits: characters 200–360 px, details 320–560 px, and the Mod list never under 280 px. The rule is in RepositoryWorkspacePolicy, with unit tests.
  • This is a small splitter control rather than the toolkit GridSplitter, so the limits apply during the drag.
• 850acda Details on narrow windows:
  • Before: a modal dialog from the Details button.
  • After: a drawer over the Mod list, at most 420 px wide, matching the design canvas. It opens from Details or by tapping a Mod, and closes with its close button, Esc, the presets view, or the window becoming wide enough. Focus returns to Details.
  • ModDetailsDialog is removed.
• 80db98e Commands:
  • Before: three buttons that dropped to their own row under 720 px.
  • After: a CommandBar beside the title. Under 720 px the commands and view buttons become icons with tooltips, and at 670×530 the toolbar takes two rows instead of three.
  • Automation ids are unchanged.
• 88f2f70 States:
  • Delete buttons (Mod, slot, preset) use J8's danger style. Their confirmations and what they delete are unchanged.
  • Loading: besides the status line, a progress bar on the toolbar's lower edge appears after 300 ms without moving the page.
  • Scan errors: besides the status line, an error bar with Retry, which closes on the next successful scan.
• New strings: the two splitter names, in zh-CN, en-US and ru-RU.

Deploy, remove, copy ownership (#107), rename migration (#108), the delete safety checks (#105, #109), preset restore, state slot saving and the logic behind IWorkspaceHost are untouched. The only window files changed are MainWindow.Configuration.cs (loading and saving the two widths) and MainWindow.Localization.cs (command labels).

Selection speed (median of 6, two runs each)

Action	Before	After
Select character	72 / 66 ms	71 / 71 ms
Select Mod	31 / 33 ms	32 / 35 ms

The app's own work on a character switch is about 7 ms in both builds. The rest is waiting for display frames, plus about 42 ms for the UI Automation check itself. Skipping each part of the switch (details reset, details fill, status text) didn't change the frame times, so that code is unchanged.

Not done from the Fluent plan's workspace section (possible next step):

• flat panes instead of the three cards;
• a segmented view switch;
• character search with Ctrl+F;
• F6 between panes, plus Delete, Enter and Ctrl+I;
• covers as an ItemsView;
• a dashed outline while dragging files in;
• removing the status card;
• SelectorBar instead of TabView;
• a preview height that adapts;
• slot controls as settings cards.

Test plan

• scripts\test-all.ps1: Release build 0 warnings, Core coverage 94.0% line / 88.2% branch

• UI tests 58/58 on the same build. Two new ones:

  • drag the character column, restart, and check the width;
  • open and close the drawer every way, including by widening the window.

  The page round-trip tests still pass. The new tests wait for the settings file like Wait for the saved repository choice in the dashboard switch test #121.

• Code-style check

• 84 screenshots (zh/en/ru × 1400×900, 1000×800, maximized and 670×530 × light/dark; preview, shortcut, slot and preset views, plus the drawer). No new Russian clipping beyond the existing ellipses on long character names.

• Full package with the real mouse, no errors logged:

  • 24 character and Mod selections;
  • remove and redeploy of a Mod;
  • the preset restore preview, opened and cancelled;
  • a rename;
  • a 52 px column drag;
  • the drawer opened and closed 6 times;
  • 48 page switches.

🤖 Generated with Claude Code