diff --git a/.gitignore b/.gitignore
index 8c9c20f..bcbf1d7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,13 +1,13 @@
 # dependencies (bun install)
-node_modules
+node_modules/
 
 # output
-out
-dist
+out/
+dist/
 *.tgz
 
 # code coverage
-coverage
+coverage/
 *.lcov
 
 # logs
@@ -37,8 +37,11 @@
 
 # Rust/Tauri (Build Artifacts)
 target/
+src/backend/target/
 src/backend/gen/
 src-tauri/
+target_test/
+src/target_test/
 
 # Binaries & DLLs
 bin/*.exe
@@ -51,10 +54,22 @@
 models/
 *.gguf
 
-# Compilation Artifacts
+# Compilation & Temp Artifacts
+*.log
+*.txt
+tmp_java_meta.json
 src/backend/build_error*.txt
+src/backend/clippy_errors*.txt
 src/backend/test_errors.txt
+src/backend/test_output.log
 src/backend/bundled_resources
-\
+src/backend/tmp/
 
+# Build Assets
 src/backend/build_assets/
+
+# Maintain README and index files
+!README.md
+!src/frontend/index.html
+!src/frontend/index.js
+!src/frontend/index.css
diff --git a/document/01_system_overview.md b/document/01_system_overview.md
new file mode 100644
index 0000000..2ba0e47
--- /dev/null
+++ b/document/01_system_overview.md
@@ -0,0 +1,38 @@
+# システム概要仕様書 (System Overview Specification)
+
+## 1. 概要
+
+本システム「TelosDB」は、SQLite Vector 拡張機能を活用したローカル完結型のセマンティック検索基盤です。Tauri 2 を基盤とし、Model Context Protocol (MCP) を通じて外部エージェントに高度なデータ抽出能力を提供します。
+
+## 2. 目的
+
+- **プライバシー保護**: 外部 API を使用せず、ローカル環境で Embedding 生成とベクトル検索を完結。
+- **データ管理**: 高速かつ型安全なメタデータ管理と、セマンティック検索の統合。
+- **拡張性**: MCP 準拠により、Cursor や Claude などの AI エージェントからプラグイン不要で利用可能にする。
+
+## 3. 主要機能
+
+| 機能種別 | 機能名称 | 概要 |
+| :--- | :--- | :--- |
+| **データ登録** | 文章自動ベクトル化 | 文章とメタデータを入力すると、内部 LLM がベクトルを生成し、保存。 |
+| **検索** | セマンティック検索 | 自然言語による類似度検索。意味的に近い文書を距離順に抽出。 |
+| **インターフェース** | MCP Server | SSE プロトコルを用いた JSON-RPC 2.0 インターフェースの提供。 |
+| **GUI** | 管理コンソール | データベースの閲覧、検索、システムステータスの監視。 |
+
+## 4. システム特性
+
+- **ゼロインストール**: ポータブルなバイナリ構成（Windows）。
+- **ハードウェア加速**: Vulkan による GPU 支援を利用した高速な Embedding 生成。
+- **省メモリ**: Rust による効率的なプロセス管理。
+
+## 5. 動作環境要件
+
+- **OS**: Windows 10/11 (x64)
+- **GPU**: Vulkan 1.2+ 対応（推奨）
+- **Storage**: ~500MB (モデルファイル含む)
+
+## 6. ユースケース
+
+- 個人的なナレッジベース構築。
+- プロジェクトドキュメントの高度なリファレンス検索。
+- AI エージェントに対する、コンテキストデータのセキュアな提供。
diff --git a/document/02_architecture_design.md b/document/02_architecture_design.md
new file mode 100644
index 0000000..6e57df8
--- /dev/null
+++ b/document/02_architecture_design.md
@@ -0,0 +1,70 @@
+# アーキテクチャ設計仕様書 (Architecture Design Specification)
+
+## 1. 全体構造
+
+本システムは、Tauri 2 をホストとしたマルチプロセス・マルチレイヤー・アーキテクチャを採用しています。
+
+```mermaid
+graph TD
+    subgraph "Presentation Layer (Webview2)"
+        UI[Frontend UI: HTML/CSS/JS]
+    end
+
+    subgraph "Application Layer (Rust / Tauri Core)"
+        Tauri[Tauri Backend]
+        Axum[Axum MCP Server]
+        Llama[Llama Client / HTTP]
+        Sidecar[Sidecar Process Manager]
+    end
+
+    subgraph "Infrastruture Layer"
+        DB[(SQLite / sqlite-vec)]
+        LS[Sidecar: llama-server]
+        M[Gemma-3 GGUF]
+    end
+
+    UI <-->|IPC: Invoke/Events| Tauri
+    Tauri <--> Axum
+    Tauri <--> DB
+    Axum <--> DB
+    Tauri <--> Llama
+    Llama <-->|HTTP| LS
+    Sidecar -->|Life Cycle Control| LS
+    LS -->|Inference| M
+```
+
+## 2. 各層の定義
+
+### 2.1 Presentation Layer
+
+- **技術**: Vanilla HTML, CSS, JavaScript (Vite ベース)
+- **役割**: システムステータスの可視化、データベース閲覧機能の提供。
+- **通信**: `invoke` コマンドによる非同期通信。
+
+### 2.2 Application Layer
+
+- **Tauri Core**: アプリのライフサイクル、トレイ、ウィンドウ制御、環境変数の管理。
+- **Axum (MCP Server)**: Model Context Protocol (MCP) に準拠した SSE (Server-Sent Events) サーバー。
+- **Llama Client**: `reqwest` を使用した API 通信。Sidecar との疎通とリトライを制御。
+- **Sidecar Manager**: `llama-server` バイナリの起動、DLL パス解決、子プロセスの死活監視。
+
+### 2.3 Infrastructure Layer
+
+- **SQLite**: `SeaORM` を介したリレーショナルデータ管理。
+- **sqlite-vec**: `vec0` 仮想テーブルによるベクトル検索エンジン（DLL 拡張）。
+- **Sidecar (llama-server)**: `llama.cpp` ベースの推論エンジン。
+
+## 3. プロセス同期モデル
+
+| 処理 | 同期/非同期 | 説明 |
+| :--- | :--- | :--- |
+| **UI 更新** | 非同期 (Event) | バックエンドからの非同期メッセージ受信により更新。 |
+| **API リクエスト** | 非同期 (Async/Await) | `tokio` ランタイム上でのノンブロッキング I/O。 |
+| **DB トランザクション** | 原子性 (Atomic) | `items` と `vec_items` の一貫性は Rust 側トランザクションで保証。 |
+
+## 4. ライフサイクル管理
+
+1. **Setup**: Tauri 起動時に Sidecar フォルダを特定し、DLL パスを補強。
+2. **Spawn**: `llama-server` プロセスの起動とヘルスチェック待機。
+3. **Running**: MCP サーバーと UI が連携。
+4. **Shutdown**: アプリケーション終了時に子プロセス (Sidecar) を確実にシグナル通知ののち Kill。
diff --git a/document/03_database_specification.md b/document/03_database_specification.md
new file mode 100644
index 0000000..bfa183f
--- /dev/null
+++ b/document/03_database_specification.md
@@ -0,0 +1,75 @@
+# データベース・ベクトル検索仕様書 (Database & Search Specification)
+
+## 1. 物理構造
+
+データベースは単一の SQLite ファイルとして管理されます。メタデータ管理用の標準テーブルと、ベクトル演算用の仮想テーブルの 2 つで構成されます。
+
+## 2. エンティティ関係定義 (ERD)
+
+```mermaid
+erDiagram
+    items ||--|| vec_items : "1:1 Mapping (id)"
+    
+    items {
+        integer id PK "Primary Key (Autoincrement)"
+        text content "文書本文"
+        text path "ファイルパス / 識別子"
+        datetime created_at "作成日時 (Default: localtime)"
+        datetime updated_at "更新日時 (Auto-trigger)"
+    }
+    
+    vec_items {
+        integer id PK "items.id と同一"
+        blob embedding "384-dim Vector (f32 LE)"
+    }
+```
+
+## 3. 詳細テーブル定義
+
+### 3.1 `items` テーブル
+
+| カラム | 型 | NULL | 初期値 | 説明 |
+| :--- | :--- | :--- | :--- | :--- |
+| `id` | INTEGER | NO | AUTOINC | 保存文書のユニーク ID |
+| `content` | TEXT | NO | - | 元のテキストデータ |
+| `path` | TEXT | YES | - | ドキュメントの出典メタデータ |
+| `created_at` | DATETIME | NO | CURRENT | 登録時のタイムスタンプ |
+| `updated_at` | DATETIME | NO | CURRENT | 更新時のタイムスタンプ |
+
+### 3.2 `vec_items` (Virtual Table)
+
+SQLite 拡張 `sqlite-vec` (vec0) モジュールを使用した仮想テーブルです。
+
+- **ID**: `items.id` と同期。
+- **ベクトル構成**:
+  - **次元数**: 384次元 (Gemma 3 300M モデルに準拠)
+  - **データ型**: `FLOAT[384]` (内部的には BLOB 表現)
+  - **保存形式**: IEEE 754 32bit Float (Little Endian) バイト列
+
+## 4. 検索仕様
+
+### 4.1 演算アルゴリズム
+
+`sqlite-vec` は、近似最近傍探索 (ANN) において以下の距離関数をサポートし、本システムでは `MATCH` 演算子による高速検索を実施します。
+
+- **デフォルト距離計算**: L2 (Euclidean) 距離。
+- **インデックス**: シャドウテーブルを介したベクトル専用インデックス。
+
+### 4.2 標準検索クエリ
+
+```sql
+SELECT
+  i.id,
+  i.content,
+  v.distance
+FROM vec_items v
+JOIN items i ON v.id = i.id
+WHERE embedding MATCH :query_vector
+ORDER BY distance
+LIMIT :limit;
+```
+
+## 5. 整合性制御
+
+- **トランザクション**: アイテム登録時、`items` への登録が成功した後にのみ、関連付けられた ID で `vec_items` への書き込みが行われます。
+- **トリガー**: `items` テーブルに `updated_at` 自動更新用の SQLite トリガーを実装。
diff --git a/document/04_mcp_api_specification.md b/document/04_mcp_api_specification.md
new file mode 100644
index 0000000..d01067e
--- /dev/null
+++ b/document/04_mcp_api_specification.md
@@ -0,0 +1,85 @@
+# MCP・APIインターフェース仕様書 (MCP & API Specification)
+
+## 1. プロトコル定義
+
+本システムは Model Context Protocol (MCP) に準拠し、外部エージェントに対してデータベース操作インターフェースを公開します。
+
+- **プロトコルバージョン**: 2024-11-05 (最新安定版)
+- **トランスポート**: SSE (Server-Sent Events)
+- **エンドポイント**:
+  - Connection: `GET /sse`
+  - Message: `POST /messages`
+
+## 2. 提供ツール定義 (Tools)
+
+### 2.1 `add_item_text` (登録)
+
+文章を自動ベクトル化して登録します。
+
+- **引数**:
+  - `content` (string): 本文 (必須)
+  - `path` (string): メタデータ (任意)
+- **戻り値**: 成功メッセージと ID
+
+### 2.2 `search_text` (意味検索)
+
+自然言語による検索を実行します。
+
+- **引数**:
+  - `content` (string): 検索クエリ (必須)
+  - `limit` (number): 取得件数 (デフォルト: 10)
+- **戻り値**: 類似度順の結果リスト（`id`, `content`, `distance` 等）
+
+### 2.3 `update_item` (更新)
+
+既存のアイテムとベクトルを最新の内容で書き換えます。
+
+- **引数**:
+  - `id` (number): 対象 ID (必須)
+  - `content` (string): 新しい本文 (必須)
+  - `path` (string): 新しいメタデータ (任意)
+- **戻り値**: 更新完了通知
+
+### 2.4 `delete_item` (削除)
+
+指定 ID のデータを物理削除します。
+
+- **引数**:
+  - `id` (number): 対象 ID (必須)
+- **戻り値**: 削除完了通知
+
+### 2.5 `llm_generate` (生成)
+
+内蔵 LLM を使用したテキスト生成。
+
+- **引数**:
+  - `prompt` (string): プロンプト (必須)
+  - `n_predict` (number): 最大トークン数 (任意)
+- **戻り値**: 生成文章
+
+## 3. レスポンスフォーマット
+
+すべてのレスポンスは以下の形式に準拠します。
+
+```json
+{
+  "jsonrpc": "2.0",
+  "result": {
+    "content": [
+      {
+        "type": "text",
+        "text": "..."
+      }
+    ]
+  },
+  "id": "..."
+}
+```
+
+## 4. エラー定義
+
+| コード | 分類 | 原因例 |
+| :--- | :--- | :--- |
+| `-32700` | Parse error | 不正な JSON フォーマット |
+| `-32601` | Method not found | 未定義ツールの呼び出し |
+| `-32000` | Internal error | Sidecar 不通, DB 権限エラー等 |
diff --git a/document/05_sidecar_integration.md b/document/05_sidecar_integration.md
new file mode 100644
index 0000000..a41daad
--- /dev/null
+++ b/document/05_sidecar_integration.md
@@ -0,0 +1,43 @@
+# サイドカー統合仕様書 (Sidecar Integration Specification)
+
+## 1. コンセプト
+
+本システムは、Tauri の Sidecar 機能を活用し、内蔵された `llama-server` バイナリを動的に制御することで、外部 LLM サービスに依存しないローカル嵌入環境を提供します。
+
+## 2. Sidecar 管理仕様
+
+### 2.1 実行バイナリ
+
+- **名称**: `llama-server`
+- **アーキテクチャ**: `x86_64-pc-windows-msvc` (Windows 環境時)
+- **ビルド設定**: Vulkan / CPU (AVX2/AVX512) 最適化。
+
+### 2.2 DLL 依存解決 (Windows)
+
+バイナリの起動に必要なライブラリ (`ggml.dll`, `llama.dll` 等) を確実に読み込むため、以下の制御を行います。
+
+1. **ランタイムパス補強**: 起動プロセスの環境変数 `PATH` の最優先にバイナリ配置フォルダを追加。
+2. **CWD 強制設定**: プロセスのカレントディレクトリをバイナリ所在フォルダに設定。
+
+## 3. 推論エンジン設定
+
+起動時に以下のパラメータを指定します。
+
+| 引数 | 値 | 説明 |
+| :--- | :--- | :--- |
+| `--model` | path/to/model | Gemma-3-300M (GGUF) を指定。 |
+| `--port` | 8080 | 内部通信用ポート。 |
+| `--embedding` | enabled | 埋め込み (Vector) 生成モードを有効化。 |
+| `--parallel` | 1 | 生成効率と安定性のバランス。 |
+
+## 4. ライフサイクル
+
+1. **初期化**: App 起動時の `initialize_app` 内で実行。
+2. **ヘルスチェック**: `/health` エンドポイントに対し 500ms 間隔でポーリング。API 準備完了を確認。
+3. **モニタリング**: 標準出力/標準エラー出力をキャプチャし、Tauri ログに転送。
+4. **終了処理**: アプリケーション終了シグナル (Ctrl+C, Window Close, Tray Quit) を検知し、SigTerm を発行。
+
+## 5. リソース最適化
+
+- **Vulkan**: 利用可能な場合、GPU 演算を優先的に使用。
+- **メモリ管理**: コンテキストサイズを 8192 に制限し、不快なスワップを防止。
diff --git a/document/06_development_guide.md b/document/06_development_guide.md
new file mode 100644
index 0000000..de030d8
--- /dev/null
+++ b/document/06_development_guide.md
@@ -0,0 +1,118 @@
+# 💻 開発ガイド (Development Guide)
+
+本ドキュメントでは、本プロジェクトの開発環境構築、コードの変更、新しいツールの追加、およびテストの手順について解説します。
+
+---
+
+## 🛠️ 開発環境のセットアップ
+
+### プログラミング言語・ランタイム
+
+- **Rust**: [rustup](https://rustup.rs/) を通じて最新の安定版をインストールしてください。
+- **Bun**: フロントエンドの管理と外部テストの実行に使用します。
+
+### 依存関係のインストール
+
+```bash
+bun install
+```
+
+### Sidecar とモデルの準備
+
+開発実行には `llama-server` と学習済みモデルが必要です。`scripts/` 内のスクリプトを使用してください。
+
+---
+
+## 📁 主要なディレクトリ構成と責務
+
+- `bin/`: サイドカーバイナリ (`llama-server`) の格納場所。
+- `data/`: データベースファイル (`vector.db`) の永続化レイヤー。
+- `logs/`: 開発・診断用のログ出力。
+- `resources/`: バンドルされる静的リソース（アイコン等）。
+- `src/backend/src/mcp.rs`: MCP の全ツールロジック。
+- `src/backend/src/db.rs`: スキーマ管理。
+- `test/`: 統合テスト一式。
+
+---
+
+## ➕ 新しい MCP ツールの追加手順
+
+新しい機能を MCP ツールとして公開する場合、以下の手順を踏みます。
+
+### 1. ツール名の定義
+
+`src/backend/src/mcp.rs` 内で、JSON-RPC でやり取りするメソッド名（例: `tools/list`）を確認し、新しいツール用の定義を追加します。
+
+### 2. ハンドラーの実装
+
+`handle_search_vector` などの既存の関数を参考に、新しい非同期関数を実装します。
+
+### 3. リクエストのディスパッチ
+
+`message_handler` 関数の `match` 文にツール名を追加し、実装したハンドラーを呼び出すように設定します。
+
+### 4. 単体テストの追加
+
+`src/backend/src/mcp.rs` の末尾にある `mod tests` に、新しいツールの入出力を検証するテストを追加してください。
+
+---
+
+## 🧪 テストの実行方法
+
+### Rust 単体テスト (推奨)
+
+コアロジック（DB・MCP・LLM連係）のテストです。
+
+```bash
+cd src/backend
+cargo test
+```
+
+### Bun E2E テスト
+
+実際の HTTP/SSE 通信を介したテスト（開発環境が整っている場合）。
+
+```bash
+bun test
+```
+
+---
+
+## 🚀 リリース手順
+
+本プロジェクトでは、リリースのポータビリティを確保するため、特定のプラットフォームに依存しない自動化スクリプトを採用しています。
+
+### 1. リリースブランチの作成とバージョン更新
+
+以下のコマンドを実行すると、新しいリリースブランチ（`release/vX.Y.Z`）が作成され、`package.json`, `tauri.conf.json`, `Cargo.toml` のバージョンが一括更新・コミットされます。
+
+```bash
+bun run release <新バージョン番号>
+# 例: bun run release 0.2.0
+```
+
+### 2. インストーラーのビルド
+
+作成されたリリースブランチで、以下のコマンドを実行して最終的なパッケージ（MSI/EXE）を確認します。
+
+```bash
+bun run build
+```
+
+### 3. マージとタグ打ち
+
+ビルドに問題がなければ、マスターブランチにマージし、タグを打ってリリースを確定させます。
+
+```bash
+git checkout master
+git merge release/v0.2.0
+git tag -a v0.2.0 -m "Release v0.2.0"
+```
+
+---
+
+## 📝 コーディング規約
+
+- **Rust**: `cargo fmt` および `cargo clippy` を遵守してください。
+- **Commit**: 分かりやすいメッセージを心がけ、必要に応じてジャーナルファイルを更新してください。
+- **Documentation**: ユーザーに影響する変更を加えた場合は、`README.md` や `document/` 内の該当ドキュメントを必ず更新してください。
diff --git a/document/architecture.md b/document/architecture.md
deleted file mode 100644
index 83769f1..0000000
--- a/document/architecture.md
+++ /dev/null
@@ -1,81 +0,0 @@
-# システムアーキテクチャ概要
-
-本システムは、Tauri v2 を基盤とした常駐型デスクトップアプリケーションであり、ローカル LLM (Gemma 3) を活用したベクトル検索バックエンドを提供します。
-
-## 全体コンポーネント構成
-
-システムは大きく分けて「フロントエンド」「Rust バックエンド」「Sidecar (LLM サーバー)」の3つの層で構成されています。
-
-```mermaid
-graph TD
-    subgraph "Frontend Layer (WebView2)"
-        UI[React / HTML / JS]
-    end
-
-    subgraph "Rust Backend Layer (Tauri v2)"
-        Core[Tauri Core]
-        Axum[Axum SSE / MCP Server]
-        SeaORM[SeaORM / DB Logic]
-        LlamaClient[Llama Client / reqwest]
-        SidecarMgr[Sidecar Process Manager]
-    end
-
-    subgraph "Sidecar Layer (External Process)"
-        LS[llama-server.exe]
-        Model[Gemma 3 300M GGUF]
-    end
-
-    subgraph "Data Layer"
-        DB[(SQLite + sqlite-vec)]
-    end
-
-    UI <-->|Invoke / Events| Core
-    Core <--> Axum
-    Core <--> SeaORM
-    Core <--> LlamaClient
-    Core <--> SidecarMgr
-
-    Axum <--> DB
-    SeaORM <--> DB
-    LlamaClient <-->|HTTP/JSON| LS
-    SidecarMgr -->|Spawn / Lifecycle| LS
-    LS -->|Load| Model
-```
-
-## 各コンポーネントの役割
-
-### 1. Frontend Layer
-
-- **User Interface**: 状態表示、簡易的な検索インターフェースを提供。
-- **IPC通心**: `invoke` を通じて Rust 側のコマンドを呼び出し、システムの状態を取得または操作。
-
-### 2. Rust Backend Layer
-
-- **Tauri Core**: アプリケーションのライフサイクル（起動、システムトレイ常駐、終了）を管理。
-- **Axum (MCP Server)**: Model Context Protocol (MCP) に準拠した SSE サーバーを提供。外部エージェントからのリクエストを受付。
-- **SeaORM**: SQLite データベースへの型安全なアクセス。アイテムのメタデータ管理を担当。
-- **Llama Client**: `llama-server` と通信し、文章のベクトル化 (Embedding) やテキスト生成を依頼。
-- **Sidecar Manager**: `llama-server` プロセスの起動、環境変数パスの解決、DLL 依存関係の処理。
-
-### 3. Sidecar Layer
-
-- **llama-server**: `llama.cpp` の HTTP サーバー版。Gemma 3 アーキテクチャをサポートし、Vulkan によるハードウェア加速を利用。
-- **Gemma 3 300M**: 埋め込み抽出に特化した軽量高精度モデル。
-
-### 4. Data Layer
-
-- **SQLite**: メタデータの保存。
-- **sqlite-vec**: ベクトル演算拡張。`vec0` 仮想テーブルを用いた高速な ANN (Approximate Nearest Neighbor) 検索を提供。
-
-## 技術スタックまとめ
-
-| カテゴリ | 採用技術 |
-| :--- | :--- |
-| Core Framework | Tauri v2 |
-| Language | Rust / JavaScript |
-| Database | SQLite (rusqlite) |
-| ORM | SeaORM |
-| Vector Engine | sqlite-vec (vec0) |
-| LLM Engine | llama.cpp (llama-server) |
-| MCP Protocol | Axum (SSE) |
-| Model | Gemma 3 300M |
diff --git a/document/data_flow.md b/document/data_flow.md
deleted file mode 100644
index e183670..0000000
--- a/document/data_flow.md
+++ /dev/null
@@ -1,69 +0,0 @@
-# データフロー詳細
-
-本システムにおける主要な処理フロー（アイテムの登録とベクトル検索）を詳細に説明します。
-
-## 1. アイテム登録フロー (add_item_text)
-
-ユーザーまたは外部エージェントがテキストを送信してから、ベクトル化されて保存されるまでの流れです。
-
-```mermaid
-sequenceDiagram
-    participant Client as MCP Client
-    participant Axum as MCP Server (Axum)
-    participant Llama as Llama Client
-    participant LS as llama-server (Sidecar)
-    participant DB as SQLite (SeaORM)
-
-    Client->>Axum: Request: tools/call (add_item_text)
-    Axum->>Llama: get_embedding(content)
-    Llama->>LS: HTTP POST /embedding
-    LS->>LS: Gemma 3 Inference (Vectorize)
-    LS-->>Llama: JSON { embedding: [...] }
-    Llama-->>Axum: Vec<f32> (768dim)
-    
-    Axum->>DB: INSERT INTO items (content, path)
-    DB-->>Axum: Return id
-    
-    Axum->>DB: INSERT INTO vec_items (id, embedding)
-    Note over DB: Binary serialization (Little Endian)
-    DB-->>Axum: OK
-    
-    Axum-->>Client: Result: "Added item with id X"
-```
-
-## 2. ベクトル検索フロー (search_text)
-
-クエリ文字列から類似する文章を高速に検索し、返却するまでの流れです。
-
-```mermaid
-sequenceDiagram
-    participant Client as MCP Client
-    participant Axum as MCP Server (Axum)
-    participant Llama as Llama Client
-    participant LS as llama-server (Sidecar)
-    participant DB as SQLite (sqlite-vec)
-
-    Client->>Axum: Request: tools/call (search_text)
-    Axum->>Llama: get_embedding(query_text)
-    Llama->>LS: HTTP POST /embedding
-    LS-->>Llama: Result Vector
-    Llama-->>Axum: Vec<f32>
-    
-    Axum->>DB: SELECT ... FROM vec_items ... MATCH ?
-    Note over DB: Distance Calculation (Cosine / L2)
-    DB-->>Axum: List of (id, content, distance)
-    
-    Axum-->>Client: JSON Format Results
-```
-
-## 主要なデータ変換
-
-### ベクトルシリアライズ
-
-- `llama-server` から返却されるベクトルは `Vec<f64>`（または `f32`）の配列です。
-- `sqlite-vec` で扱うために、Rust 側で `f32` の **Little Endian バイト列 (`Vec<u8>`)** に変換して保存/クエリを行います。
-
-### MCP 通信
-
-- すべての外部インターフェースは MCP (JSON-RPC 2.0) プロトコルに基づきます。
-- 通信トランスポートとして SSE (Server-Sent Events) を使用し、Axum 経由でメッセージをパースします。
diff --git a/document/database.md b/document/database.md
deleted file mode 100644
index df864d1..0000000
--- a/document/database.md
+++ /dev/null
@@ -1,76 +0,0 @@
-# データベース設計とベクトル検索仕様
-
-本システムは SQLite を、メタデータ管理とベクトル検索エンジンの両方として利用します。
-
-## ER図
-
-```mermaid
-erDiagram
-    items ||--|| vec_items : "id (Primary Key)"
-    
-    items {
-        integer id PK "自動インクリメント"
-        text content "文章本文"
-        text path "ファイルのパス等のメタデータ"
-        datetime created_at "登録日時"
-        datetime updated_at "更新日時"
-    }
-    
-    vec_items {
-        integer id PK "items.id と一致"
-        blob embedding "384次元ベクトル (f32 LE)"
-    }
-```
-
-## テーブル詳細仕様
-
-### 1. `items` テーブル (SeaORM 管理)
-
-アプリケーションの主要なデータを保存します。SeaORM によるマイグレーションと型安全な CRUD が可能です。
-
-| カラム名 | 型 | 説明 |
-| :--- | :--- | :--- |
-| `id` | INTEGER | プライマリキー（自動インクリメント）。 |
-| `content` | TEXT | ベクトルの元となったテキストデータ。 |
-| `path` | TEXT | （オプション）ソースファイルのパスやタイトル。 |
-| `created_at` | DATETIME | 作成時刻。SQLite の `datetime('now', 'localtime')`。 |
-| `updated_at` | DATETIME | 更新時刻。トリガーにより自動更新。 |
-
-### 2. `vec_items` 仮想テーブル (sqlite-vec)
-
-ベクトル検索を高速に行うための仮想テーブルです。`vec0` モジュール (Alex Garcia 氏による `sqlite-vec` 拡張機能 / `vec0.dll`) を使用します。
-
-```sql
-CREATE VIRTUAL TABLE vec_items USING vec0(
-  id INTEGER PRIMARY KEY,
-  embedding FLOAT[384]
-);
-```
-
-- **id**: `items` テーブルの ID と 1:1 で対応させます。
-- **embedding**: 384次元の浮動小数点配列。内部的には BLOB として保存されます。
-
-## ベクトル検索の仕組み
-
-検索には `MATCH` 句を使用します。これは `sqlite-vec` 特有の構文で、最も類似度の高いアイテムから順に、計算された「距離」とともに返却します。
-
-```sql
-SELECT
-  i.id,
-  i.content,
-  v.distance
-FROM vec_items v
-JOIN items i ON v.id = i.id
-WHERE embedding MATCH ?
-ORDER BY distance
-LIMIT 10;
-```
-
-### 距離計算アルゴリズム
-
-デフォルトでは **L2 距離 (Euclidean distance)** または検索パラメーターにより **コサイン類似度** が使用されます。本システムの現在の実装では `sqlite-vec` の標準的な `MATCH` を利用しています。
-
-## 注意事項
-
-- **同期**: `items` への登録と `vec_items` への登録は、アトミックなトランザクションとして扱われます（Rust 側で保証）。
-- **次元数**: 使用するモデル (Gemma 3 300M) に合わせて 384 次定数として定義されています。モデルを変更する場合は、仮想テーブルの再構築が必要です。
diff --git a/document/development_guide.md b/document/development_guide.md
deleted file mode 100644
index de030d8..0000000
--- a/document/development_guide.md
+++ /dev/null
@@ -1,118 +0,0 @@
-# 💻 開発ガイド (Development Guide)
-
-本ドキュメントでは、本プロジェクトの開発環境構築、コードの変更、新しいツールの追加、およびテストの手順について解説します。
-
----
-
-## 🛠️ 開発環境のセットアップ
-
-### プログラミング言語・ランタイム
-
-- **Rust**: [rustup](https://rustup.rs/) を通じて最新の安定版をインストールしてください。
-- **Bun**: フロントエンドの管理と外部テストの実行に使用します。
-
-### 依存関係のインストール
-
-```bash
-bun install
-```
-
-### Sidecar とモデルの準備
-
-開発実行には `llama-server` と学習済みモデルが必要です。`scripts/` 内のスクリプトを使用してください。
-
----
-
-## 📁 主要なディレクトリ構成と責務
-
-- `bin/`: サイドカーバイナリ (`llama-server`) の格納場所。
-- `data/`: データベースファイル (`vector.db`) の永続化レイヤー。
-- `logs/`: 開発・診断用のログ出力。
-- `resources/`: バンドルされる静的リソース（アイコン等）。
-- `src/backend/src/mcp.rs`: MCP の全ツールロジック。
-- `src/backend/src/db.rs`: スキーマ管理。
-- `test/`: 統合テスト一式。
-
----
-
-## ➕ 新しい MCP ツールの追加手順
-
-新しい機能を MCP ツールとして公開する場合、以下の手順を踏みます。
-
-### 1. ツール名の定義
-
-`src/backend/src/mcp.rs` 内で、JSON-RPC でやり取りするメソッド名（例: `tools/list`）を確認し、新しいツール用の定義を追加します。
-
-### 2. ハンドラーの実装
-
-`handle_search_vector` などの既存の関数を参考に、新しい非同期関数を実装します。
-
-### 3. リクエストのディスパッチ
-
-`message_handler` 関数の `match` 文にツール名を追加し、実装したハンドラーを呼び出すように設定します。
-
-### 4. 単体テストの追加
-
-`src/backend/src/mcp.rs` の末尾にある `mod tests` に、新しいツールの入出力を検証するテストを追加してください。
-
----
-
-## 🧪 テストの実行方法
-
-### Rust 単体テスト (推奨)
-
-コアロジック（DB・MCP・LLM連係）のテストです。
-
-```bash
-cd src/backend
-cargo test
-```
-
-### Bun E2E テスト
-
-実際の HTTP/SSE 通信を介したテスト（開発環境が整っている場合）。
-
-```bash
-bun test
-```
-
----
-
-## 🚀 リリース手順
-
-本プロジェクトでは、リリースのポータビリティを確保するため、特定のプラットフォームに依存しない自動化スクリプトを採用しています。
-
-### 1. リリースブランチの作成とバージョン更新
-
-以下のコマンドを実行すると、新しいリリースブランチ（`release/vX.Y.Z`）が作成され、`package.json`, `tauri.conf.json`, `Cargo.toml` のバージョンが一括更新・コミットされます。
-
-```bash
-bun run release <新バージョン番号>
-# 例: bun run release 0.2.0
-```
-
-### 2. インストーラーのビルド
-
-作成されたリリースブランチで、以下のコマンドを実行して最終的なパッケージ（MSI/EXE）を確認します。
-
-```bash
-bun run build
-```
-
-### 3. マージとタグ打ち
-
-ビルドに問題がなければ、マスターブランチにマージし、タグを打ってリリースを確定させます。
-
-```bash
-git checkout master
-git merge release/v0.2.0
-git tag -a v0.2.0 -m "Release v0.2.0"
-```
-
----
-
-## 📝 コーディング規約
-
-- **Rust**: `cargo fmt` および `cargo clippy` を遵守してください。
-- **Commit**: 分かりやすいメッセージを心がけ、必要に応じてジャーナルファイルを更新してください。
-- **Documentation**: ユーザーに影響する変更を加えた場合は、`README.md` や `document/` 内の該当ドキュメントを必ず更新してください。
diff --git a/document/mcp_specification.md b/document/mcp_specification.md
deleted file mode 100644
index 4f60f81..0000000
--- a/document/mcp_specification.md
+++ /dev/null
@@ -1,71 +0,0 @@
-# MCP ツール詳細仕様
-
-本 MCP サーバーが提供するツールの一覧と、その入出力仕様を定義します。
-
-## プロトコル基本情報
-
-- **トランスポート**: SSE (Server-Sent Events)
-- **エンドポイント**:
-  - SSE Connection: `GET /sse`
-  - Message Post: `POST /messages`
-
-## 提供されるツール一覧
-
-### 1. `add_item_text`
-
-文章をベクトル化してデータベースに登録します。
-
-- **入力パラメータ**:
-  - `content` (string, 必須): 登録したい文章本文。
-  - `path` (string, 任意): ドキュメントの出典やタイトル。
-- **動作**:
-  1. Sidecar に Embedding をリクエスト。
-  2. 受け取ったベクトルと文言を SQLite に保存。
-- **レスポンス**: 登録成功メッセージと ID。
-
-### 2. `search_text`
-
-自然言語のクエリを使って、類似度の高いアイテムを検索します。
-
-- **入力パラメータ**:
-  - `content` (string, 必須): 検索クエリ。
-  - `limit` (number, 任意): 返却する件数（デフォルト 10）。
-- **動作**:
-  1. クエリをベクトル化。
-  2. `sqlite-vec` の `MATCH` 句を使用して類似検索。
-- **レスポンス**: 一致したアイテムのリフレッシュリスト（本文、メタデータ、距離値）。
-
-### 3. `search_vector`
-
-外部で計算済みのベクトルを直接指定して検索します。
-
-- **入力パラメータ**:
-  - `vector` (array<number>, 必須): 384次元の数値配列。
-  - `limit` (number, 任意): 返却件数。
-- **レスポンス**: 類似度順にソートされたアイテムリスト（`id`, `content`, `path`, `created_at`, `updated_at`, `distance`）。
-
-### 4. `add_item`
-
-外部で計算済みのベクトルと本文をセットで登録します。
-
-- **入力パラメータ**:
-  - `content` (string, 必須): 本文。
-  - `vector` (array<number>, 必須): 384次元ベクトル。
-  - `path` (string, 任意): メタデータ。
-
-### 5. `llm_generate`
-
-内蔵された Sidecar (Gemma 3) を使用してテキスト生成を行います。
-
-- **入力パラメータ**:
-  - `prompt` (string, 必須): プロンプト本文。
-  - `n_predict` (number, 任意): 最大生成トークン数。
-  - `temperature` (number, 任意): 生成の多様性 (0.0 - 1.0)。
-- **レスポンス**: 生成されたテキストを含む JSON オブジェクト。
-
-## エラーコード仕様
-
-MCP 仕様に基づき、問題発生時には以下の JSON-RPC エラーオブジェクトを返却します。
-
-- `-32603`: 内部エラー（Sidecar への接続失敗、DBエラー等）。
-- `message`: エラーの具体的な詳細内容。
diff --git a/document/overview.md b/document/overview.md
deleted file mode 100644
index 8254c4c..0000000
--- a/document/overview.md
+++ /dev/null
@@ -1,86 +0,0 @@
-# システム詳細概要 (Tauri 2 Edition)
-
-## 📌 はじめに
-
-本ドキュメントでは、SQLite Vector MCP Server の内部構造、各コンポーネントの責務、および最新のアーキテクチャに基づいたデータフローについて詳細に解説します。
-
-## 🏗️ 主要コンポーネントと役割
-
-Tauri v2 への移植に伴い、システムのコアロジックは高性能かつ型安全な Rust 側に集約されました。
-
-### 1. Tauri Backend (Rust / `src/backend`)
-
-| モジュール | 責務 | 使用技術 |
-| :--- | :--- | :--- |
-| `src/backend/src/lib.rs` | アプリケーションのライフサイクル、Sidecar 起動、システムトレイ制御。 | `tauri`, `tokio` |
-| `src/backend/src/mcp.rs` | MCP プロトコル（JSON-RPC / SSE）の実装、ツールハンドリング。 | `axum`, `serde_json` |
-| `src/backend/src/db.rs` | データベース接続管理、スキーマ初期化、トリガー設定。 | `sqlx`, `rusqlite` |
-| `src/backend/src/entities/` | データベーステーブルの Rust 構造体マッピング。 | `sea-orm` |
-| `src/backend/src/llama.rs` | `llama-server` と整合した HTTP 通信、Embedding/Completion 依頼。 | `reqwest` |
-
-### 2. Sidecar (LLM Server)
-
-`llama.cpp` プロジェクトの `llama-server` を外部プロセスとして実行します。
-
-- **Embedding**: テキストを 384次元（Gemma 3 300M のデフォルト）のベクトルに変換。
-- **Completion**: 指定されたコンテキストに基づくテキスト生成。
-
-### 3. Frontend (Webview2)
-
-ユーザーへの状態通知（Sidecar の稼働状況、ログ出力のモニタリングなど）を行う軽量な UI です。
-
-- **Status Hub**: バックエンドからのイベントを受信し、GUI に反映。
-
----
-
-## 🔄 詳細なデータフロー
-
-### 1. 文書の登録 (`add_item_text`)
-
-```mermaid
-sequenceDiagram
-    participant User as MCP Client
-    participant Axum as MCP Handler (Axum)
-    participant Llama as Llama Client
-    participant Sidecar as llama-server
-    participant SeaORM as SeaORM / DB
-    
-    User->>Axum: Call Tool: add_item_text(content)
-    Axum->>Llama: generate_embedding(content)
-    Llama->>Sidecar: POST /embedding
-    Sidecar-->>Llama: [f32; 384]
-    Llama-->>Axum: Vector Result
-    Axum->>SeaORM: Transaction: Insert into items & vec_items
-    SeaORM-->>Axum: Success (ID)
-    Axum-->>User: JSON Response (ID, Datetime)
-```
-
-### 2. 日時管理と自動更新
-
-データの一貫性と追跡可能性を確保するため、データベースレベルで以下の処理が行われます。
-
-- **INSERT 時**: `created_at`, `updated_at` に `localtime` が自動付与。
-- **UPDATE 時**: トリガーにより `updated_at` が現在の時刻に自動更新。
-
----
-
-## 🛠️ 技術スタックの選定理由
-
-### なぜ Electron ではなく Tauri なのか？
-
-1. **ランタイムサイズ**: Node.js を内蔵しないため、インストーラーサイズが 1/10 以下に。
-2. **メモリ効率**: Rust によるメモリ管理により、常駐時のオーバーヘッドを最小化。
-3. **並列処理**: `tokio` ランタイムを活用し、複数の MCP リクエストや Sidecar 管理を非同期で効率的に処理。
-
-### なぜ Knex ではなく SeaORM なのか？
-
-- **型安全**: コンパイル時にクエリの整合性を確認可能。
-- **非同期対応**: Rust の `async/await` にネイティブ対応しており、Tauri との相性が抜群。
-
----
-
-## 📈 拡張性と今後の展望
-
-1. **マルチベクトル検索**: 異なるモデル（例：画像・テキストのマルチモーダル）への対応。
-2. **全文検索 (FTS5) 統合**: ベクトル検索とキーワード検索を組み合わせたハイブリッド検索の実装。
-3. **リモート LLM 対応**: ローカル Sidecar だけでなく、OpenAI 互換 API へのフォールバック機能。
diff --git a/document/sidecar_integration.md b/document/sidecar_integration.md
deleted file mode 100644
index a412846..0000000
--- a/document/sidecar_integration.md
+++ /dev/null
@@ -1,78 +0,0 @@
-# llama-server Sidecar 統合詳細
-
-## 🧠 コンセプト
-
-本アプリケーションは、外部の LLM サーバー（埋め込み用）に依存せず、スタンドアロンで動作することを目指しています。これを実現するために、Tauri の **Sidecar** 機能を利用して `llama-server` プロセスをバックエンド（Rust）から直接起動・管理しています。
-
-## 🛠️ 技術的課題と解決策：Windows における DLL 解決
-
-Windows 環境において、外部バイナリ（`.exe`）を Sidecar として実行する際、最も大きな懸念点は「依存 DLL（`ggml.dll`, `llama.dll` 等）の読み込みエラー」です。
-
-通常、Windows は以下の順序で DLL を検索します。
-
-1. 実行ファイルのあるディレクトリ。
-2. カレントディレクトリ。
-3. システムディレクトリ。
-4. `PATH` 環境変数に含まれるディレクトリ。
-
-Tauri のデフォルト設定で Sidecar を起動すると、実行ディレクトリやカレントディレクトリの解決が不安定になり、DLL が見つからず起動に失敗するケースが多発します。
-
-### 本プロジェクトでの解決アプローチ
-
-`src-tauri/src/lib.rs` において、以下の 3 つの戦略を組み合わせて「DLL 地獄」を回避しています。
-
-#### 1. 実行パスの絶対パス解決
-
-`std::env::current_dir()` や `PathBuf` を駆使し、実行バイナリとモデルファイルのパスをOSに依存しない形式で、なおかつ「絶対パス」で構築します。
-
-#### 2. 起動時カレントディレクトリ (CWD) の強制指定
-
-`Command::current_dir` を使用して、Sidecar の起動ディレクトリを、バイナリと DLL が物理的に配置されている `src-tauri/bin` (またはインストール先の対応フォルダ) に強制的に設定します。これにより、Windows の検索ルール (1) が確実に適用されます。
-
-#### 3. 環境変数 `PATH` の継承と補強
-
-親プロセス（Tauri 本体）の `PATH` を取得し、その先頭に Sidecar フォルダへのパスを明示的に追加した上で、Sidecar プロセスに渡します。
-
-```rust
-// 概念コード (lib.rs)
-let mut current_path = std::env::var_os("PATH").unwrap_or_default();
-let mut paths = std::env::split_paths(&current_path).collect::<Vec<_>>();
-paths.insert(0, sidecar_dir_path.clone()); // DLLのあるフォルダを最優先に
-
-let new_path = std::env::join_paths(paths).unwrap();
-let mut cmd = tauri::process::Command::new_sidecar("llama-server").unwrap();
-cmd = cmd.current_dir(sidecar_dir_path); // CWDの設定
-cmd = cmd.env("PATH", new_path); // 補強されたPATHの継承
-```
-
----
-
-## 🔄 ライフサイクル管理
-
-Sidecar は単なる「起動」だけでなく、適切な「終了」も管理されています。
-
-1. **起動**: アプリ本体の `setup` フック内でスピンアップ。
-2. **疎通確認**: 起動直後、バックエンドから `health check` リクエストを送り、準備完了を待機。
-3. **終了**: アプリ本体の終了イベント（トレイからの Quit 等）に連動して、Sidecar プロセスを確実に Kill します。これにより「ゾンビプロセス」の発生を防ぎます。
-
----
-
-## ⚙️ Sidecar の実行引数 (最適化)
-
-`llama-server` は以下のオプションで最適化されて起動します。
-
-- `--host 127.0.0.1`: ローカルループバックアドレスに限定（セキュリティ）。
-- `--port 8080`: デフォルトの待機ポート（環境変数で変更可能）。
-- `-m [MODEL_PATH]`: Gemma 3 300M の GGUF ファイルを指定。
-- `--embedding`: 埋め込み抽出機能を有効化。
-- `--parallel 4`: 同時リクエスト処理数の最適化。
-
----
-
-## 💡 トラブルシューティング
-
-### Sidecar が起動しない場合
-
-1. **バイナリの存在**: `libs/llama-server.exe` が正しいアーキテクチャ名（`llama-server-x86_64-pc-windows-msvc.exe` 等）で配置されているか確認してください。
-2. **DLL の存在**: 同一フォルダに `ggml.dll`, `llama.dll` が存在することを確認してください。
-3. **Vulkan**: 最新の GPU ドライバがインストールされているか確認してください。
diff --git a/document/system_summary.md b/document/system_summary.md
deleted file mode 100644
index 8e56264..0000000
--- a/document/system_summary.md
+++ /dev/null
@@ -1,40 +0,0 @@
-# システム概要
-
-本プロジェクトは、SQLite と Rust (Tauri v2) を用いた、ローカル実行型のベクトル検索 MCP (Model Context Protocol) サーバーです。
-
-## 主要コンポーネント
-
-```mermaid
-graph LR
-    User([User / MCP Client])
-    
-    subgraph "App (Tauri v2)"
-        Axum[Axum SSE Server]
-        Core[Tauri Core]
-        DB[(SQLite + sqlite-vec)]
-    end
-    
-    subgraph "Sidecar"
-        LS[llama-server]
-        Model[Gemma 3 300M]
-    end
-    
-    User <-->|SSE / JSON-RPC| Axum
-    Axum <--> DB
-    Axum <--> LS
-    LS <--> Model
-```
-
-## 各コンポーネントの説明
-
-- **Tauri v2**: アプリケーションの基盤。Windows 上で常駐し、システムトレイからの操作や UI 表示を提供。
-- **Axum (MCP Server)**: SSE トランスポートを用いた MCP 通信を担当。`messages` ポストを受け、各ツールを実行。
-- **SQLite + sqlite-vec**: ベクトルデータとメタデータを一元管理。`sqlite-vec` による ANN 検索を実行。
-- **llama-server (Sidecar)**: `llama.cpp` の外部プロセス。テキストのベクトル化 (Embedding) および生成を担当。
-- **Gemma 3 300M**: ローカルで高速かつ軽量に埋め込みを抽出するためのモデル。
-
-## 開発環境
-
-- **言語**: Rust (Backend), Vanilla JS (Frontend)
-- **パッケージ管理**: Bun
-- **ビルドツール**: Cargo, Tauri CLI
diff --git a/dummy.js b/dummy.js
deleted file mode 100644
index fbe9c8f..0000000
--- a/dummy.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// Dummy file for VS Code debugger
-// The actual application is launched via preLaunchTask
-setInterval(() => {}, 1000);
diff --git a/src-backend/.cargo/config.toml b/src-backend/.cargo/config.toml
deleted file mode 100644
index ec6a5d0..0000000
--- a/src-backend/.cargo/config.toml
+++ /dev/null
@@ -1,2 +0,0 @@
-[build]
-target-dir = "../target"
diff --git a/src-backend/src/lib.rs b/src-backend/src/lib.rs
deleted file mode 100644
index 0c28255..0000000
--- a/src-backend/src/lib.rs
+++ /dev/null
@@ -1,534 +0,0 @@
-pub mod db;
-pub mod entities;
-pub mod llama;
-pub mod mcp;
-#[cfg(test)]
-mod tests;
-
-use crate::llama::LlamaClient;
-use dotenvy::dotenv;
-use sea_orm::DatabaseConnection;
-use std::env;
-use std::path::PathBuf;
-use std::sync::Arc;
-use tauri::menu::{Menu, MenuItem};
-use tauri::tray::{TrayIconBuilder, TrayIconEvent};
-use tauri::{Emitter, Manager};
-use sea_orm::{ConnectionTrait, Statement, DatabaseBackend};
-
-use std::sync::atomic::AtomicUsize;
-
-pub struct AppState {
-    pub db: DatabaseConnection,
-    pub llama: Arc<LlamaClient>,
-    pub mcp_tx: tokio::sync::broadcast::Sender<serde_json::Value>,
-    pub connection_count: Arc<AtomicUsize>,
-    pub app_handle: tauri::AppHandle,
-}
-
-// --- Path Resolution Helpers ---
-
-// --- Path Resolution Helpers ---
-
-pub fn find_build_assets_dir_logic(res_dir: Option<PathBuf>, exe_dir: Option<PathBuf>) -> Option<PathBuf> {
-    // 1. Check Resource Dir (Release / Installed) - prioritizes nested structure
-    if let Some(res_dir) = res_dir {
-        let candidate = res_dir.join("build_assets");
-        if candidate.exists() {
-            log::info!("Found build_assets in resource_dir: {:?}", candidate);
-            return Some(candidate);
-        }
-    }
-
-    // 2. Check relative to Executable (Debug / Dev) - walks up directory tree
-    if let Some(exe_dir) = exe_dir {
-        let mut p = exe_dir;
-        for _ in 0..10 { // Increased depth to check up to 9 levels up
-            let candidate = p.join("build_assets");
-            if candidate.exists() {
-                log::info!("Found build_assets relative to exe: {:?}", candidate);
-                return Some(candidate);
-            }
-            if !p.pop() { break; }
-        }
-    }
-    None
-}
-
-pub fn find_build_assets_dir(app_handle: &tauri::AppHandle) -> Option<PathBuf> {
-    let res_dir = app_handle.path().resource_dir().ok();
-    let exe_dir = env::current_exe().ok().and_then(|p| p.parent().map(|p| p.to_path_buf()));
-    find_build_assets_dir_logic(res_dir, exe_dir)
-}
-
-pub fn resolve_resource_path(app_handle: &tauri::AppHandle, relative_path: &str) -> Option<PathBuf> {
-    find_build_assets_dir(app_handle).map(|dir| dir.join(relative_path))
-}
-
-fn diagnose_environment(app_handle: &tauri::AppHandle) {
-    log::info!("--- [DIAGNOSIS] Environment Check Start ---");
-    
-    // 1. Build Assets Dir
-    match find_build_assets_dir(app_handle) {
-        Some(path) => log::info!("✅ build_assets found at: {:?}", path),
-        None => log::error!("❌ build_assets NOT FOUND. Sidecar and resources will fail."),
-    }
-
-    // 2. Critical Files Check
-    let critical_files = ["mcp.json", "config.json", "vec0.dll", "llama.dll"];
-    for file in critical_files {
-        match resolve_resource_path(app_handle, file) {
-            Some(p) if p.exists() => log::info!("✅ found {}: {:?}", file, p),
-            Some(p) => log::error!("❌ missing {}: path resolved to {:?} but file does not exist", file, p),
-            None => log::error!("❌ could not resolve path for {}", file),
-        }
-    }
-    
-    // 3. Model file check (sample)
-    if let Some(base) = find_build_assets_dir(app_handle) {
-        let model_dir = base.join("models");
-        if model_dir.exists() {
-             log::info!("✅ models directory exists at: {:?}", model_dir);
-        } else {
-             log::warn!("⚠️ models directory NOT found at: {:?}", model_dir);
-        }
-    }
-    
-    log::info!("--- [DIAGNOSIS] Environment Check End ---");
-}
-
-#[tauri::command]
-fn get_mcp_info(app_handle: tauri::AppHandle) -> Result<serde_json::Value, String> {
-    let mcp_path = resolve_resource_path(&app_handle, "mcp.json")
-        .ok_or_else(|| "Failed to resolve mcp.json path".to_string())?;
-        
-    if !mcp_path.exists() {
-        return Err(format!("mcp.json not found at {:?}", mcp_path));
-    }
-
-    let content = std::fs::read_to_string(&mcp_path).map_err(|e| e.to_string())?;
-    let mcp_data: serde_json::Value = serde_json::from_str(&content).map_err(|e| e.to_string())?;
-    Ok(mcp_data)
-}
-
-#[tauri::command]
-async fn get_db_stats(state: tauri::State<'_, Arc<AppState>>) -> Result<serde_json::Value, String> {
-    use crate::entities::items;
-    use sea_orm::{EntityTrait, PaginatorTrait};
-    let count = items::Entity::find().count(&state.db).await.map_err(|e| e.to_string())?;
-    Ok(serde_json::json!({ "itemCount": count }))
-}
-
-
-#[tauri::command]
-async fn get_sidecar_status(state: tauri::State<'_, Arc<AppState>>) -> Result<bool, String> {
-    Ok(state.llama.check_health().await)
-}
-
-// --- DB Browser Commands ---
-
-fn validate_table_name(table_name: &str) -> Result<(), String> {
-    if table_name.chars().all(|c| c.is_alphanumeric() || c == '_' || c == '-') {
-        Ok(())
-    } else {
-        Err("Invalid table name".to_string())
-    }
-}
-
-#[tauri::command]
-async fn get_table_list(state: tauri::State<'_, Arc<AppState>>) -> Result<Vec<String>, String> {
-    let results = state.db.query_all(Statement::from_string(
-        DatabaseBackend::Sqlite,
-        "SELECT name FROM sqlite_master WHERE type='table' AND name NOT LIKE 'sqlite_%'"
-    )).await.map_err(|e| e.to_string())?;
-
-    let mut tables = Vec::new();
-    for res in results {
-        let name: String = res.try_get("", "name").map_err(|e| e.to_string())?;
-        tables.push(name);
-    }
-    Ok(tables)
-}
-
-#[tauri::command]
-async fn get_table_schema(state: tauri::State<'_, Arc<AppState>>, table_name: String) -> Result<serde_json::Value, String> {
-    validate_table_name(&table_name)?;
-    let results = state.db.query_all(Statement::from_string(
-        DatabaseBackend::Sqlite,
-        format!("PRAGMA table_info({})", table_name)
-    )).await.map_err(|e| e.to_string())?;
-
-    let mut schema = Vec::new();
-    for res in results {
-        schema.push(serde_json::json!({
-            "cid": res.try_get::<i32>("", "cid").map_err(|e| e.to_string())?,
-            "name": res.try_get::<String>("", "name").map_err(|e| e.to_string())?,
-            "type": res.try_get::<String>("", "type").map_err(|e| e.to_string())?,
-            "notnull": res.try_get::<i32>("", "notnull").map_err(|e| e.to_string())?,
-            "dflt_value": res.try_get::<Option<String>>("", "dflt_value").map_err(|e| e.to_string())?,
-            "pk": res.try_get::<i32>("", "pk").map_err(|e| e.to_string())?,
-        }));
-    }
-    Ok(serde_json::json!(schema))
-}
-
-#[tauri::command]
-async fn get_table_data(
-    state: tauri::State<'_, Arc<AppState>>,
-    table_name: String,
-    limit: i64,
-    offset: i64
-) -> Result<serde_json::Value, String> {
-    validate_table_name(&table_name)?;
-    
-    // Get column names first to handle dynamic results
-    let schema_res = get_table_schema(state.clone(), table_name.clone()).await?;
-    let columns: Vec<String> = schema_res.as_array()
-        .ok_or("Failed to parse schema")?
-        .iter()
-        .map(|c| c["name"].as_str().unwrap_or("").to_string())
-        .collect();
-
-    let results = state.db.query_all(Statement::from_string(
-        DatabaseBackend::Sqlite,
-        format!("SELECT * FROM {} LIMIT {} OFFSET {}", table_name, limit, offset)
-    )).await.map_err(|e| e.to_string())?;
-
-    let mut data = Vec::new();
-    for res in results {
-        let mut row = serde_json::Map::new();
-        for col in &columns {
-            // Try as different types since SeaORM Value is complex
-            if let Ok(val) = res.try_get::<i32>("", col) {
-                row.insert(col.clone(), serde_json::json!(val));
-            } else if let Ok(val) = res.try_get::<String>("", col) {
-                row.insert(col.clone(), serde_json::json!(val));
-            } else if let Ok(val) = res.try_get::<Option<String>>("", col) {
-                row.insert(col.clone(), serde_json::json!(val));
-            } else if let Ok(val) = res.try_get::<f64>("", col) {
-                row.insert(col.clone(), serde_json::json!(val));
-            } else if let Ok(val) = res.try_get::<Vec<u8>>("", col) {
-                row.insert(col.clone(), serde_json::json!(format!("<BLOB: {} bytes>", val.len())));
-            } else {
-                row.insert(col.clone(), serde_json::json!(null));
-            }
-        }
-        data.push(serde_json::Value::Object(row));
-    }
-    
-    let total_count: i64 = match table_name.as_str() {
-        "items" => {
-            use crate::entities::items;
-            use sea_orm::{EntityTrait, PaginatorTrait};
-            items::Entity::find().count(&state.db).await.map_err(|e| e.to_string())? as i64
-        },
-        _ => {
-            let res = state.db.query_one(Statement::from_string(
-                DatabaseBackend::Sqlite,
-                format!("SELECT COUNT(*) as count FROM {}", table_name)
-            )).await.map_err(|e| e.to_string())?;
-            res.map(|r| r.try_get::<i64>("", "count").unwrap_or(0)).unwrap_or(0)
-        }
-    };
-
-    Ok(serde_json::json!({
-        "data": data,
-        "total": total_count
-    }))
-}
-
-fn get_config(app_handle: &tauri::AppHandle) -> serde_json::Value {
-    // 1. Try unified resource path first
-    if let Some(path) = resolve_resource_path(app_handle, "config.json") {
-        log::info!("Checking config.json at resolved path: {:?}", path);
-        if path.exists() {
-             if let Ok(content) = std::fs::read_to_string(&path) {
-                if let Ok(parsed) = serde_json::from_str::<serde_json::Value>(&content) { 
-                    return parsed; 
-                }
-            }
-        }
-    }
-
-    // 2. Fallbacks for flexibility (AppConfig direct, CWD)
-    let mut config_paths = vec![];
-    if let Ok(app_data) = app_handle.path().app_config_dir() { config_paths.push(app_data.join("config.json")); }
-    if let Ok(cwd) = env::current_dir() { config_paths.push(cwd.join("config.json")); }
-
-    for path in config_paths {
-        if path.exists() {
-            if let Ok(content) = std::fs::read_to_string(path) {
-                if let Ok(parsed) = serde_json::from_str::<serde_json::Value>(&content) { return parsed; }
-            }
-        }
-    }
-    
-    // Default fallback
-    serde_json::json!({
-        "database": { "path": "data/vector.db" },
-        "model": { "path": "models/embeddinggemma-300m-q4_0.gguf" },
-        "llama_server": { "port": 8080 }
-    })
-}
-
-fn resolve_db_path(app_handle: &tauri::AppHandle, config: &serde_json::Value) -> String {
-    if let Ok(p) = env::var("DB_PATH") { return p; }
-    if let Some(p) = config.get("database").and_then(|d| d.get("path")).and_then(|p| p.as_str()) {
-        let mut candidate = PathBuf::from(p);
-        if candidate.is_relative() {
-            if cfg!(debug_assertions) {
-                if let Ok(exe_path) = env::current_exe() {
-                    if let Some(exe_dir) = exe_path.parent() {
-                        let mut pr = exe_dir.to_path_buf();
-                        for _ in 0..4 {
-                            if pr.join("config.json").exists() { candidate = pr.join(p); break; }
-                            if !pr.pop() { break; }
-                        }
-                    }
-                }
-            } else {
-                let mut p_base = app_handle.path().app_data_dir().expect("App data dir not found");
-                p_base.push("data");
-                let _ = std::fs::create_dir_all(&p_base);
-                p_base.push("vector.db");
-                candidate = p_base;
-            }
-        }
-        return candidate.to_string_lossy().to_string();
-    }
-    
-    // Default fallback
-    if cfg!(debug_assertions) { "data/vector.db".to_string() } else {
-        let mut p = app_handle.path().app_data_dir().expect("App data dir not found");
-        p.push("data");
-        let _ = std::fs::create_dir_all(&p);
-        p.push("vector.db");
-        p.to_string_lossy().to_string()
-    }
-}
-
-fn resolve_extension_path(app_handle: &tauri::AppHandle) -> String {
-    // 1. Check verified resource path (build_assets/vec0.dll)
-    if let Some(path) = resolve_resource_path(app_handle, "vec0.dll") {
-        if path.exists() {
-             return path.to_string_lossy().to_string();
-        }
-    }
-
-    // 2. Search relative to EXE for local dev
-    if let Ok(exe_path) = env::current_exe() {
-        if let Some(mut p) = exe_path.parent() {
-            let mut pr = p.to_path_buf();
-            for _ in 0..10 {
-                // Check in bin/
-                let bin_cand = pr.join("bin").join("vec0.dll");
-                if bin_cand.exists() { return bin_cand.to_string_lossy().to_string(); }
-                
-                // Check in node_modules (legacy/other)
-                let nm_cand = pr.join("node_modules/sqlite-vec-windows-x64/vec0.dll");
-                if nm_cand.exists() { return nm_cand.to_string_lossy().to_string(); }
-
-                if !pr.pop() { break; }
-            }
-        }
-    }
-
-    "vec0.dll".to_string()
-}
-
-fn spawn_llama_server(app_handle: &tauri::AppHandle, _config: &serde_json::Value) {
-    use tauri_plugin_shell::ShellExt;
-
-    let sidecar = match app_handle.shell().sidecar("llama-server") {
-        Ok(s) => s,
-        Err(e) => {
-            eprintln!("CRITICAL: Failed to create sidecar handle: {}", e);
-            return;
-        }
-    };
-
-    // 1. Resolve base_dir using unified logic
-    let base_dir = match find_build_assets_dir(app_handle) {
-        Some(p) => p,
-        None => {
-            log::error!("CRITICAL: Could not find build_assets. Sidecar will likely fail due to missing DLLs/Models.");
-            // Fallback to something sane? Or just exe_dir?
-            env::current_exe()
-                .map(|p| p.parent().unwrap_or(&p).to_path_buf())
-                .unwrap_or_else(|_| PathBuf::from("."))
-        }
-    };
-
-    // 2. Pre-launch Integrity Check (DLLs)
-    let required_dlls = ["llama.dll", "ggml.dll"]; // Add others if known
-    for dll in required_dlls {
-        let dll_path = base_dir.join(dll);
-        if !dll_path.exists() {
-             log::error!("CRITICAL: Required DLL not found at: {:?}. Llama server may fail to start.", dll_path);
-        } else {
-             log::info!("Verified DLL exists: {:?}", dll_path);
-        }
-    }
-    
-    // Model path should be in base_dir/models/...
-    let mut model_path = base_dir.join("models").join("embeddinggemma-300m-q4_0.gguf");
-    if !model_path.exists() {
-        log::warn!("Model not found at default location: {:?}. Checking fallback...", model_path);
-         // Double check if config has an absolute path? 
-         // For now, assuming standard layout.
-    }
-    log::info!("Using base_dir for sidecar: {:?}", base_dir);
-    log::info!("Using model path for sidecar: {:?}", model_path);
-
-    // Prepare arguments
-    let args = [
-        "--model", model_path.to_str().unwrap_or(""),
-        "--port", "8080",
-        "--embedding",
-        "--host", "127.0.0.1",
-        "-c", "8192", "-b", "8192", "-ub", "8192",
-        "--parallel", "1"
-    ];
-
-    // 3. Update PATH environment variable to include base_dir and bin dir
-    let old_path = std::env::var("PATH").unwrap_or_default();
-    let bin_dir = base_dir.parent().map(|p| p.join("bin")).unwrap_or_else(|| PathBuf::from("bin"));
-    let new_path = format!("{};{};{}", base_dir.display(), bin_dir.display(), old_path).replace("\\\\?\\", "");
-    log::info!("Setting Sidecar PATH: {}", new_path);
-    
-    let mut sidecar_cmd = sidecar.args(args).env("PATH", new_path);
-    
-    // Set current directory to base_dir as well
-    if base_dir.exists() {
-        sidecar_cmd = sidecar_cmd.current_dir(&base_dir);
-    }
-
-    let (mut rx, _child) = match sidecar_cmd.spawn() {
-        Ok(res) => res,
-        Err(e) => {
-            log::error!("CRITICAL: Failed to spawn sidecar: {}", e);
-            return;
-        }
-    };
-
-    println!("llama-server started (Sidecar)");
-
-    // Handle output
-    tauri::async_runtime::spawn(async move {
-        while let Some(event) = rx.recv().await {
-             match event {
-                tauri_plugin_shell::process::CommandEvent::Stdout(line) => {
-                    let s = String::from_utf8_lossy(&line);
-                    if s.contains("HTTP server listening") {
-                        println!("llama-server: Ready");
-                    }
-                }
-                tauri_plugin_shell::process::CommandEvent::Stderr(line) => {
-                    eprintln!("llama-server error: {}", String::from_utf8_lossy(&line));
-                }
-                tauri_plugin_shell::process::CommandEvent::Terminated(status) => {
-                    println!("llama-server terminated with status: {:?}", status.code);
-                    break;
-                }
-                _ => {}
-            }
-        }
-    });
-}
-
-#[cfg_attr(mobile, tauri::mobile_entry_point)]
-pub fn run() {
-    tauri::Builder::default()
-        .plugin(tauri_plugin_shell::init())
-        .on_window_event(|window, event| {
-            if let tauri::WindowEvent::CloseRequested { api, .. } = event {
-                api.prevent_close();
-                let _ = window.hide();
-            }
-        })
-        .setup(|app| {
-            // 1. Initialize Logging FIRST for crash diagnostics
-            let mut log_builder = tauri_plugin_log::Builder::default()
-                .targets([
-                    tauri_plugin_log::Target::new(tauri_plugin_log::TargetKind::Stdout),
-                    tauri_plugin_log::Target::new(tauri_plugin_log::TargetKind::LogDir { file_name: None }),
-                ])
-                .max_file_size(10 * 1024 * 1024)
-                .level(log::LevelFilter::Info);
-            
-            if cfg!(debug_assertions) {
-                log_builder = log_builder.target(tauri_plugin_log::Target::new(tauri_plugin_log::TargetKind::Folder { path: std::path::PathBuf::from("logs"), file_name: None }));
-            }
-            let _ = app.handle().plugin(log_builder.build());
-
-            log::info!("Application starting (Tauri 2)...");
-            
-            // 2. DIAGNOSIS (New)
-            diagnose_environment(app.handle());
-
-            // 3. Load env
-
-            dotenv().ok();
-            let app_handle = app.handle().clone();
-
-            // 3. Start Sidecar
-            let config = get_config(&app_handle);
-            spawn_llama_server(&app_handle, &config);
-
-            // 4. Database and MCP initialization
-            tauri::async_runtime::block_on(async move {
-                let db_path = resolve_db_path(&app_handle, &config);
-                let ext_path = resolve_extension_path(&app_handle);
-                log::info!("DB Path: {}, Ext Path: {}", db_path, ext_path);
-                
-                let vec_dim = env::var("VEC_DIM").unwrap_or_else(|_| "768".to_string()).parse::<usize>().unwrap_or(768);
-                let conn = db::init_db(&db_path, &ext_path, vec_dim).await.expect("Failed to init db");
-
-                let state = Arc::new(AppState {
-                    db: conn,
-                    llama: Arc::new(LlamaClient::new(
-                        env::var("LLAMA_CPP_BASE_URL").unwrap_or_else(|_| "http://localhost:8080".to_string()),
-                        env::var("LLAMA_CPP_EMBEDDING_MODEL").unwrap_or_else(|_| "nomic-embed-text".to_string()),
-                        env::var("LLAMA_CPP_MODEL").unwrap_or_else(|_| "mistral".to_string()),
-                    )),
-                    mcp_tx: tokio::sync::broadcast::channel(100).0,
-                    connection_count: Arc::new(AtomicUsize::new(0)),
-                    app_handle: app_handle.clone(),
-                });
-                app_handle.manage(state.clone());
-                let port = env::var("MCP_PORT").unwrap_or_else(|_| "3000".to_string()).parse::<u16>().unwrap_or(3000);
-                tokio::spawn(async move { mcp::start_mcp_server(state, port).await; });
-            });
-
-            // 5. Tray setup
-            let quit_i = MenuItem::with_id(app, "quit", "Quit", true, None::<&str>)?;
-            let show_i = MenuItem::with_id(app, "show", "Show", true, None::<&str>)?;
-            let menu = Menu::with_items(app, &[&show_i, &quit_i])?;
-            let _tray = TrayIconBuilder::new()
-                .icon(app.default_window_icon().unwrap().clone())
-                .menu(&menu)
-                .on_menu_event(|app, event| match event.id.as_ref() {
-                    "quit" => app.exit(0),
-                    "show" => if let Some(w) = app.get_webview_window("main") { let _ = w.show(); let _ = w.set_focus(); }
-                    _ => {}
-                })
-                .on_tray_icon_event(|tray, event| if let TrayIconEvent::DoubleClick { .. } = event {
-                    let app = tray.app_handle();
-                    if let Some(w) = app.get_webview_window("main") { let _ = w.show(); let _ = w.set_focus(); }
-                })
-                .build(app)?;
-            
-            log::info!("Tauri setup completed");
-            Ok(())
-        })
-        .invoke_handler(tauri::generate_handler![
-            get_mcp_info,
-            get_db_stats,
-            get_sidecar_status,
-            get_table_list,
-            get_table_schema,
-            get_table_data
-        ])
-        .run(tauri::generate_context!())
-        .expect("error while running tauri application");
-}
diff --git a/src-frontend/index.html b/src-frontend/index.html
deleted file mode 100644
index df30730..0000000
--- a/src-frontend/index.html
+++ /dev/null
@@ -1,643 +0,0 @@
-<!DOCTYPE html>
-<html lang="ja">
-
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>TelosDB - Database Browser</title>
-    <style>
-        :root {
-            --bg-color: #0f172a;
-            --sidebar-bg: #1e293b;
-            --card-bg: #1e293b;
-            --text-primary: #f8fafc;
-            --text-secondary: #94a3b8;
-            --accent-color: #38bdf8;
-            --accent-hover: #0ea5e9;
-            --border-color: #334155;
-            --success: #22c55e;
-            --warning: #f59e0b;
-            --error: #ef4444;
-            --font-family: 'Inter', system-ui, -apple-system, sans-serif;
-        }
-
-        * {
-            box-sizing: border-box;
-            margin: 0;
-            padding: 0;
-        }
-
-        body {
-            font-family: var(--font-family);
-            background-color: var(--bg-color);
-            color: var(--text-primary);
-            height: 100vh;
-            display: flex;
-            overflow: hidden;
-        }
-
-        /* Sidebar */
-        .sidebar {
-            width: 260px;
-            background-color: var(--sidebar-bg);
-            border-right: 1px solid var(--border-color);
-            display: flex;
-            flex-direction: column;
-            padding: 20px 0;
-            flex-shrink: 0;
-        }
-
-        .sidebar-header {
-            padding: 0 20px 20px 20px;
-            border-bottom: 1px solid var(--border-color);
-            margin-bottom: 20px;
-        }
-
-        .sidebar-header h1 {
-            font-size: 1.25rem;
-            font-weight: 700;
-            color: var(--accent-color);
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .sidebar-section {
-            margin-bottom: 24px;
-            padding: 0 10px;
-        }
-
-        .sidebar-section-title {
-            padding: 0 10px 8px 10px;
-            font-size: 0.75rem;
-            text-transform: uppercase;
-            letter-spacing: 0.05em;
-            color: var(--text-secondary);
-            font-weight: 600;
-        }
-
-        .status-list {
-            list-style: none;
-        }
-
-        .status-item {
-            padding: 8px 10px;
-            font-size: 0.875rem;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        .status-dot {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            display: inline-block;
-            margin-right: 8px;
-        }
-
-        .table-list {
-            list-style: none;
-        }
-
-        .table-item {
-            padding: 10px;
-            margin: 2px 0;
-            border-radius: 6px;
-            font-size: 0.875rem;
-            cursor: pointer;
-            transition: all 0.2s;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .table-item:hover {
-            background-color: rgba(255, 255, 255, 0.05);
-        }
-
-        .table-item.active {
-            background-color: var(--accent-color);
-            color: white;
-        }
-
-        /* Main Content */
-        .main-content {
-            flex-grow: 1;
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-        }
-
-        .main-header {
-            padding: 16px 24px;
-            background-color: rgba(15, 23, 42, 0.8);
-            backdrop-filter: blur(8px);
-            border-bottom: 1px solid var(--border-color);
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            z-index: 10;
-        }
-
-        .main-header h2 {
-            font-size: 1.125rem;
-            font-weight: 600;
-        }
-
-        .tabs {
-            display: flex;
-            gap: 20px;
-            padding: 0 24px;
-            background-color: rgba(15, 23, 42, 0.5);
-            border-bottom: 1px solid var(--border-color);
-        }
-
-        .tab {
-            padding: 12px 4px;
-            font-size: 0.875rem;
-            font-weight: 500;
-            color: var(--text-secondary);
-            cursor: pointer;
-            border-bottom: 2px solid transparent;
-            transition: all 0.2s;
-        }
-
-        .tab:hover {
-            color: var(--text-primary);
-        }
-
-        .tab.active {
-            color: var(--accent-color);
-            border-bottom-color: var(--accent-color);
-        }
-
-        .view-container {
-            flex-grow: 1;
-            overflow: auto;
-            padding: 24px;
-            position: relative;
-        }
-
-        .view {
-            display: none;
-        }
-
-        .view.active {
-            display: block;
-        }
-
-        /* Tables and Info */
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            font-size: 0.875rem;
-            margin-bottom: 20px;
-        }
-
-        th {
-            text-align: left;
-            padding: 12px 16px;
-            background-color: rgba(255, 255, 255, 0.02);
-            border-bottom: 1px solid var(--border-color);
-            color: var(--text-secondary);
-            font-weight: 600;
-        }
-
-        td {
-            padding: 12px 16px;
-            border-bottom: 1px solid var(--border-color);
-        }
-
-        tr:hover td {
-            background-color: rgba(255, 255, 255, 0.01);
-        }
-
-        .pagination {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 16px 0;
-            gap: 10px;
-        }
-
-        .btn {
-            padding: 8px 16px;
-            background-color: var(--card-bg);
-            border: 1px solid var(--border-color);
-            border-radius: 6px;
-            color: var(--text-primary);
-            font-size: 0.875rem;
-            cursor: pointer;
-            transition: all 0.2s;
-        }
-
-        .btn:hover:not(:disabled) {
-            border-color: var(--accent-color);
-            background-color: rgba(56, 189, 248, 0.1);
-        }
-
-        .btn:disabled {
-            opacity: 0.5;
-            cursor: not-allowed;
-        }
-
-        .json-block {
-            background: #0f172a;
-            padding: 16px;
-            border-radius: 8px;
-            border: 1px solid var(--border-color);
-            position: relative;
-            margin-top: 10px;
-        }
-
-        .json-block pre {
-            margin: 0;
-            overflow-x: auto;
-            font-family: 'Fira Code', monospace;
-            font-size: 0.8125rem;
-            line-height: 1.5;
-            color: #e2e8f0;
-        }
-
-        .copy-btn {
-            position: absolute;
-            top: 10px;
-            right: 10px;
-            padding: 4px 8px;
-            background: rgba(56, 189, 248, 0.2);
-            color: var(--accent-color);
-            border: 1px solid var(--accent-color);
-            border-radius: 4px;
-            cursor: pointer;
-            font-size: 0.75rem;
-        }
-
-        .copy-btn:hover {
-            background: var(--accent-color);
-            color: white;
-        }
-
-        .tag {
-            padding: 2px 6px;
-            border-radius: 4px;
-            font-size: 0.75rem;
-            font-weight: 500;
-        }
-
-        .tag-blue {
-            background: rgba(56, 189, 248, 0.2);
-            color: var(--accent-color);
-        }
-
-        .tag-green {
-            background: rgba(34, 197, 94, 0.2);
-            color: var(--success);
-        }
-
-        .tag-orange {
-            background: rgba(245, 158, 11, 0.2);
-            color: var(--warning);
-        }
-
-        /* Loader */
-        .loader {
-            width: 20px;
-            height: 20px;
-            border: 2px solid var(--border-color);
-            border-top-color: var(--accent-color);
-            border-radius: 50%;
-            animation: spin 0.8s linear infinite;
-        }
-
-        @keyframes spin {
-            to {
-                transform: rotate(360deg);
-            }
-        }
-
-        .empty-state {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            height: 100%;
-            color: var(--text-secondary);
-            gap: 16px;
-        }
-
-        .empty-state i {
-            font-size: 3rem;
-            opacity: 0.3;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="sidebar">
-        <div class="sidebar-header">
-            <h1>TelosDB</h1>
-        </div>
-
-        <div class="sidebar-section">
-            <div class="sidebar-section-title">System Status</div>
-            <ul class="status-list">
-                <li class="status-item">
-                    <span>MCP Server</span>
-                    <span id="mcp-status" class="tag tag-orange">Loading</span>
-                </li>
-                <li class="status-item">
-                    <span>Sidecar (LLM)</span>
-                    <span id="sidecar-status" class="tag tag-orange">Checking</span>
-                </li>
-                <li class="status-item">
-                    <span>Clients</span>
-                    <span id="conn-count" style="font-weight: 600;">0</span>
-                </li>
-            </ul>
-        </div>
-
-        <div class="sidebar-section">
-            <div class="sidebar-section-title">Tables</div>
-            <ul id="table-list" class="table-list">
-                <!-- Tables will be loaded here -->
-            </ul>
-        </div>
-
-        <div class="sidebar-section" style="margin-top: auto;">
-            <button class="btn" style="width: 100%;" onclick="loadMcpConfig()">MCP Config</button>
-        </div>
-    </div>
-
-    <div class="main-content">
-        <div class="main-header">
-            <h2 id="current-table-name">Select a table</h2>
-            <div id="loading-indicator" style="display: none;">
-                <div class="loader"></div>
-            </div>
-        </div>
-
-        <div id="main-tabs" class="tabs" style="display: none;">
-            <div class="tab active" onclick="switchTab('data')">Data</div>
-            <div class="tab" onclick="switchTab('schema')">Schema</div>
-        </div>
-
-        <div class="view-container">
-            <div id="empty-view" class="empty-state">
-                <p>サイドバーからテーブルを選択して、データを確認してください。</p>
-            </div>
-
-            <div id="data-view" class="view">
-                <div style="overflow-x: auto;">
-                    <table id="data-table">
-                        <thead>
-                            <tr id="data-head"></tr>
-                        </thead>
-                        <tbody id="data-body"></tbody>
-                    </table>
-                </div>
-                <div class="pagination">
-                    <span id="pagination-info">Row 0-0 of 0</span>
-                    <div style="display: flex; gap: 8px;">
-                        <button id="prev-btn" class="btn" onclick="changePage(-1)">Previous</button>
-                        <button id="next-btn" class="btn" onclick="changePage(1)">Next</button>
-                    </div>
-                </div>
-            </div>
-
-            <div id="schema-view" class="view">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>CID</th>
-                            <th>Name</th>
-                            <th>Type</th>
-                            <th>Not Null</th>
-                            <th>Default</th>
-                            <th>PK</th>
-                        </tr>
-                    </thead>
-                    <tbody id="schema-body"></tbody>
-                </table>
-            </div>
-
-            <div id="mcp-config-view" class="view">
-                <h3>MCP Configuration</h3>
-                <div class="json-block">
-                    <button class="copy-btn" onclick="copyToClipboard()">Copy JSON</button>
-                    <pre id="mcp-json"></pre>
-                </div>
-                <p style="font-size: 0.75rem; color: var(--text-secondary); margin-top: 12px;">
-                    このJSONをMCPクライアント（Claude Desktopなど）の設定に使用してください。
-                </p>
-            </div>
-        </div>
-    </div>
-
-    <script type="module">
-        const { invoke } = window.__TAURI__.core;
-        const { listen } = window.__TAURI__.event;
-
-        let selectedTable = null;
-        let currentPage = 0;
-        const pageSize = 20;
-
-        // --- Core Functions ---
-
-        async function init() {
-            updateStatus();
-            loadTableList();
-            setupListeners();
-
-            // Initial poll
-            setInterval(updateStatus, 5000);
-        }
-
-        async function updateStatus() {
-            try {
-                const sidecarStatus = await invoke('get_sidecar_status');
-                const sidecarEl = document.getElementById('sidecar-status');
-                if (sidecarStatus) {
-                    sidecarEl.textContent = 'Running';
-                    sidecarEl.className = 'tag tag-green';
-                } else {
-                    sidecarEl.textContent = 'Stopped';
-                    sidecarEl.className = 'tag tag-orange';
-                }
-
-                document.getElementById('mcp-status').textContent = 'Running';
-                document.getElementById('mcp-status').className = 'tag tag-green';
-            } catch (e) {
-                console.error(e);
-            }
-        }
-
-        async function loadTableList() {
-            try {
-                const tables = await invoke('get_table_list');
-                const list = document.getElementById('table-list');
-                list.innerHTML = '';
-                tables.forEach(table => {
-                    const li = document.createElement('li');
-                    li.className = 'table-item';
-                    li.textContent = table;
-                    li.onclick = () => selectTable(table);
-                    list.appendChild(li);
-                });
-            } catch (e) {
-                console.error('Failed to load table list', e);
-            }
-        }
-
-        async function selectTable(name) {
-            selectedTable = name;
-            currentPage = 0;
-            document.querySelectorAll('.table-item').forEach(el => {
-                el.classList.toggle('active', el.textContent === name);
-            });
-            document.getElementById('current-table-name').textContent = name;
-            document.getElementById('main-tabs').style.display = 'flex';
-            document.getElementById('empty-view').style.display = 'none';
-
-            switchTab('data');
-            loadTableData();
-            loadTableSchema();
-        }
-
-        async function loadTableData() {
-            if (!selectedTable) return;
-            showLoading(true);
-            try {
-                const result = await invoke('get_table_data', {
-                    tableName: selectedTable,
-                    limit: pageSize,
-                    offset: currentPage * pageSize
-                });
-
-                renderData(result.data, result.total);
-            } catch (e) {
-                console.error(e);
-            } finally {
-                showLoading(false);
-            }
-        }
-
-        function renderData(data, total) {
-            const head = document.getElementById('data-head');
-            const body = document.getElementById('data-body');
-            head.innerHTML = '';
-            body.innerHTML = '';
-
-            if (data.length === 0) {
-                body.innerHTML = '<tr><td colspan="100" style="text-align:center;">No data</td></tr>';
-                return;
-            }
-
-            // Headers
-            const keys = Object.keys(data[0]);
-            keys.forEach(key => {
-                const th = document.createElement('th');
-                th.textContent = key;
-                head.appendChild(th);
-            });
-
-            // Rows
-            data.forEach(row => {
-                const tr = document.createElement('tr');
-                keys.forEach(key => {
-                    const td = document.createElement('td');
-                    let val = row[key];
-                    if (val === null) val = '<span style="color:var(--text-secondary);font-style:italic;">NULL</span>';
-                    else if (typeof val === 'string' && val.length > 100) val = val.substring(0, 100) + '...';
-                    td.innerHTML = val;
-                    tr.appendChild(td);
-                });
-                body.appendChild(tr);
-            });
-
-            // Pagination info
-            const start = total === 0 ? 0 : currentPage * pageSize + 1;
-            const end = Math.min((currentPage + 1) * pageSize, total);
-            document.getElementById('pagination-info').textContent = `Row ${start}-${end} of ${total}`;
-            document.getElementById('prev-btn').disabled = currentPage === 0;
-            document.getElementById('next-btn').disabled = end >= total;
-        }
-
-        async function loadTableSchema() {
-            try {
-                const schema = await invoke('get_table_schema', { tableName: selectedTable });
-                const body = document.getElementById('schema-body');
-                body.innerHTML = '';
-                schema.forEach(col => {
-                    const tr = document.createElement('tr');
-                    tr.innerHTML = `
-                        <td>${col.cid}</td>
-                        <td style="font-weight:600;">${col.name}</td>
-                        <td><span class="tag tag-blue">${col.type}</span></td>
-                        <td>${col.notnull ? '✅' : '-'}</td>
-                        <td>${col.dflt_value || '-'}</td>
-                        <td>${col.pk ? '🔑' : '-'}</td>
-                    `;
-                    body.appendChild(tr);
-                });
-            } catch (e) {
-                console.error(e);
-            }
-        }
-
-        window.switchTab = function (tabName) {
-            document.querySelectorAll('.tab').forEach(el => {
-                el.classList.toggle('active', el.textContent.toLowerCase() === tabName);
-            });
-            document.querySelectorAll('.view').forEach(el => {
-                el.classList.remove('active');
-            });
-            document.getElementById(`${tabName}-view`).classList.add('active');
-        }
-
-        window.changePage = function (delta) {
-            currentPage += delta;
-            loadTableData();
-        }
-
-        window.loadMcpConfig = async function () {
-            document.getElementById('current-table-name').textContent = 'MCP Configuration';
-            document.getElementById('main-tabs').style.display = 'none';
-            document.getElementById('empty-view').style.display = 'none';
-            document.querySelectorAll('.view').forEach(el => el.classList.remove('active'));
-            document.getElementById('mcp-config-view').classList.add('active');
-
-            try {
-                const mcpData = await invoke('get_mcp_info');
-                document.getElementById('mcp-json').textContent = JSON.stringify({ mcpServers: mcpData.mcpServers }, null, 2);
-            } catch (e) {
-                console.error(e);
-            }
-        }
-
-        function showLoading(show) {
-            document.getElementById('loading-indicator').style.display = show ? 'block' : 'none';
-        }
-
-        function setupListeners() {
-            listen('mcp-connection-update', (event) => {
-                document.getElementById('conn-count').textContent = event.payload;
-            });
-
-            listen('mcp-db-update', () => {
-                if (selectedTable === 'items') loadTableData();
-            });
-        }
-
-        window.copyToClipboard = function () {
-            const text = document.getElementById('mcp-json').textContent;
-            navigator.clipboard.writeText(text).then(() => {
-                alert('Copied to clipboard!');
-            });
-        }
-
-        init();
-    </script>
-</body>
-
-</html>
\ No newline at end of file