# UI デザイン仕様 (UI Design Specification)

## 1. コンセプト

**ハイコントラスト・ミニマリズム**。装飾を抑え、情報の明瞭さと操作性を優先します。

- **背景**: 深い黒（`#050505`）基調。区切りは細いグレーの境界線。
- **タイポグラフィ**: Outfit / Inter 等のサンセリフ。
- **アクセント**: 成功・エラー・ステータスなど機能的な意味のある箇所に限定。

## 2. レイアウト

1. **ヘッダー**: ロゴ・**エディション表示**（Community / Pro バッジ）・モデル名（Pro 時）・文書件数・ステータス。
2. **メイン**: 検索バー・検索結果リスト。
3. **フッター**: 設定・RE-INDEX 等。バージョン表示（`/version` から取得、失敗時はフォールバック）。

## 3. 設定パネル

- **表示する項目**: 検索まわり（スコア足切り 0〜1、取得件数）、**ログイン時自動起動**（[13_autostart.md](13_autostart.md)）、**モニター先フォルダ**（[14_folder_monitor.md](14_folder_monitor.md)）。保存はアプリ設定（settings.json）および localStorage（キー `telosdb_settings`）。

## 4. ステータス・アクティビティ

- **ステータス**: LSA/埋め込みエンジンおよび MCP の待機・処理状態（Running / Stopped 等）。
- **アクティビティログ**: 検索・登録などのイベントを SSE で受信し、画面下部に表示。

## 5. 技術スタック

- Vanilla JS & CSS。Tauri 2 で Windows ネイティブ（システムトレイ・イベントループ）。
