Newer
Older
TelosDB / docs / specification / 06_ui_design_spec.md

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

1. コンセプト

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

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

2. レイアウト

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

3. 設定パネル

  • 表示する項目: 検索まわり(スコア足切り 0〜1、取得件数)のみ。保存は localStorage(キー telosdb_settings)。
  • 非表示: ログイン時起動・フォルダモニタリングのパネルは UI に含めない(将来用のため実装は残す場合あり)。

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

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

5. 技術スタック

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