fix(ui): extend readability and accessibility beyond overview

[lingcang728]

Why

Follow-up to #64 (already merged). That PR improved the shared typography and palette across 37 files. Several everyday controls still hid useful text or lacked keyboard and assistive-technology support: truncated AI templates/options, dimmed missing-data explanations, invisible editor focus, and settings dialogs without focus containment.

Changes

• Keep the existing dark palette/type scale. Let template names/descriptions and dropdown choices wrap; use body-sized prompt/dialog prose and clearer emphasis.
• Let the AI page columns wrap using the available content width, including interface zoom. Format/detail choices also adapt to their text.
• Preserve readable text in missing-data cards and archive guidance; use a dashed boundary for missing-data cards.
• Add search/editor focus outlines, selected-template semantics and an accessible name for automatic sync.
• Connect the shared combobox to its list and active option; increase trigger/option targets to 44px. Fix a stationary pointer overriding Home/End navigation during scrolling.
• Share a small settings modal with a name, focus containment/restoration, Escape dismissal, labelled 44px close buttons and a bounded scrolling panel.
• Add bilingual unreleased notes and update UI guidance. No new runtime dependencies or version bump.

Before / After

Before is current main f820cf2, including #64. Both sides use the actual Vue browser preview at 1440 × 1000, English, 100%. The capability screenshot uses test-only empty entries, with no account or health readings.

Hand to AI

Missing-data explanations

Privacy dialog

Validation

• npm run build; 109 existing frontend tests; 33 function/capability tests.
• Bundle budget, i18n, documentation links, version consistency and diff whitespace checks passed.
• Chromium checks: template selection, focus outlines, dropdown ID references/Home/End/Enter/Escape/Tab/mouse selection, modal Tab/Shift+Tab containment, Escape/backdrop dismissal and focus restoration. Long test-only release notes scroll and dismiss without installing.
• English and Chinese: 1440 × 1000 at 100%, 1280 × 720 at 125%, 760 × 720, 390 × 844 and 320 × 640 at 100%. Checked relevant template/format/editor/summary text for overflow and dialog footer reachability. No page exceptions observed.
• Native WebViews and spoken output with NVDA/VoiceOver have not been exercised locally. Existing Windows/macOS/Linux CI runs on this PR.

Review notes and screenshot context