設定画面のビジュアルリファイン #98
Description
目的
設定画面をリファレンスデザインのプロバイダカード形式に改善する。
背景
現在の実装:
- フラットなフォームレイアウト (ラベル + Input の繰り返し)
- デバッグテキスト ("settings_dirty: ...", "Saved Status: ...", "Draft Status: ...")
- タブボタンにアイコンなし
リファレンスデザイン (docs/image/sonant_api_&_model_settings/code.html):
- 各プロバイダがカード形式: ロゴ、プロバイダ名・説明、ステータスバッジ (Connected/Invalid Key/Not Configured)、API Key 入力 + Test ボタン
- サイドバーナビゲーション: アイコン付きタブ (vpn_key, piano, tune)
- Model Preferences: 独立セクション with ドロップダウン
- Footer: Cancel + "Save & Close" ボタン
タスク
- API Keys タブの各プロバイダをカード形式で表示 (Anthropic / OpenAI / Local・Custom)
- プロバイダ名と説明テキスト
- プロバイダ別ステータスバッジのカラー付き表示
- プロバイダ別 "Test" ボタン (初期は stub 可)
- タブナビゲーションにアイコン付加
- Model Preferences を独立セクション化
- デバッグテキストの除去 ("settings_dirty", "Saved/Draft Status" 等)
- "FR-09 foundation: screen transitions and draft diff state." テキスト除去
対象ファイル
src/ui/window.rs
受け入れ基準
- 各プロバイダがカード形式で表示
- ステータスバッジがプロバイダ別に表示
- テストボタンが存在 (stub 可)
- デバッグ情報が除去
cargo testが通過