UI デザイン仕様書 (UI Design Specification)
1. コンセプト: High-Contrast Minimalism
TelosDB の UI は、装飾を極限まで削ぎ落とし、情報の「明瞭さ」と「速度感」を重視した 「ハイコントラスト・ミニマリズム」 をテーマにしています。 以前の流行であったガラスモーフィズム(透過・ブラー)を廃し、ソリッドな背景と鋭いエッジ、洗練されたタイポグラフィによって、静謐でプロフェッショナルな道具としての佇まいを目指します。
1.1 デザインの構成要素
- 背景: 漆黒(
#050505)に近い深い黒を基調とし、要素を区別するために深いグレーのソリッドな面を使用。
- ボーダー: 透過ブラーではなく、非常に細く(1px)彩度の低いグレースケールの境界線を採用。
- タイポグラフィ: 幾何学的で現代的なサンセリフ体(Outfit)と、情報の視認性に特化したインターフェイスフォント(Inter)。
- アクセント: 機能的な意味(成功、エラー、ステータス)を持つ要素にのみ、厳選されたアクセントカラーを適用。
2. インタラクティブ・フィードバック
2.1 ステータス・インジケーター
ヘッダー右側に配置されたバッジは、システムの状態をリアルタイムに示します。
Running: LSA エンジンおよび MCP サーバーが待機中または処理中。
Stopped: 重大な構成エラーまたはプロセス停止。
2.2 アクティビティ・ログ (SSE Listener)
検索や登録のアクティビティは、画面下部のログセクションに垂直方向に流れます。 ソリッドなデザインに合わせ、カードの浮き上がり(Shadow)ではなく、ミニマルなリスト形式で表示されます。
3. フロントエンド技術スタック
- Vanilla JS & CSS: 高速な起動と低メモリフットプリントを維持。
- Desktop First: Tauri 2 による Windows ネイティブの挙動(システムトレイ、イベントループ)に最適化。
4. レイアウト構造
- Header (HUD): 常に固定され、モデル名とデータ件数を表示(ヘッドアップディスプレイ)。
- Main Content: 検索バーと結果リスト。余白(Negative Space)を適切に取り、情報のノイズを排除。
- Footer (Toolbar): 設定へのアクセスと再インデックスボタンを集約。