Files

T

colcaroliandClaude Opus 5 a08b1785a4 Add shared notes with tabbed pages editable by user and AI

Adds a note_pages table backing a tabbed notes panel where the user and
the model can both read and write. Only page titles (plus a short
preview) are injected into the system prompt on every turn; full page
content is kept out of context and fetched on demand via a read_note
tool, with write_note letting the model append to, replace, or create a
page.

Generalizes llm.resolve_web_search into resolve_tool_calls so the
tool-calling loop handles web_search and the new note tools through one
path. The chat stream emits a notes_updated SSE event when the model
edits a note so the frontend panel can refresh; local edits are tracked
as dirty and never clobbered by that refresh.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

2026-08-19 01:27:31 +09:00

5.7 KiB

Raw Blame History

CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

プロジェクト概要

Python (FastAPI) バックエンド + Vue 3 (TypeScript) フロントエンドのチャットアプリ。
LLM は LiteLLM 経由で OpenAI / Anthropic / Ollama など任意のプロバイダーを統一 API で扱い、会話履歴とメモリは SQLite に永続化する。

コマンド

バックエンド

Set-Location backend

# 依存インストール (SSL プロキシ環境では --native-tls が必要)
uv sync --native-tls

# 開発サーバー起動
uv run uvicorn app.main:app --reload

# テスト
pytest
pytest tests/test_chat.py        # 単一ファイル

フロントエンド

Set-Location frontend

# 依存インストール
npm install

# 開発サーバー起動 (port 5173)
npm run dev

# ビルド
npm run build

# 型チェック
npm run type-check

環境設定

Set-Location backend
Copy-Item .env.example .env
# .env を編集して API キーとモデル名を設定

アーキテクチャ

詳細は docs/architecture.md を参照。

frontend (Vue3 + Pinia, :5173)
    ↕ REST + SSE (Vite proxy)
backend (FastAPI, :8000)
    ├── app/api/     チャット・メモリ・ノート・ログ のルーター
    ├── app/core/    LLM ラッパー・メモリロジック・共有ノート・設定
    └── app/db/      SQLAlchemy モデル・DB 接続
    ↕
SQLite (playchat.db) + LiteLLM → 任意の LLM

メモリ機構

短期: セッション内の全メッセージをコンテキストに含める
長期: メッセージ数が MEMORY_SUMMARIZE_THRESHOLD（デフォルト 20）を超えると古い半分を LLM で要約 → memories テーブルに保存 → 次回以降のシステムプロンプトに注入

共有ノート

ユーザーと AI が共同編集するノート。note_pages テーブルに 1 ページ 1 行で保存し、UI ではタブとして切り替える。

モデルから見える範囲: システムプロンプトに入るのはページのタイトル一覧（と本文の先頭 40 文字程度のプレビュー）だけ。本文全体は含めない
モデルによる読み書き: read_note / write_note ツール（app/core/notes.py）で行う。write_note は存在しないタイトルを指定するとページを新規作成し、mode が append（既定）なら追記、replace なら全置換
ツール実行の流れ: llm.resolve_tool_calls() が本番の応答生成前にツール呼び出しを解決する。web_search と共通の仕組みで、ノート系ツールは db が渡されたときだけモデルに提示される
UI への反映: AI がノートを書き換えた場合、SSE で notes_updated を送ってフロント側のノートパネルを再読み込みさせる
編集の衝突回避: フロントは未保存の編集があるページ（dirtyIds）をサーバーの値で上書きしない

SSE ストリーミング

POST /chat/stream が SSE を返す。イベント種別: session_id（新規セッション ID）/ chunk（テキスト断片）/ sources（Web 検索の出典）/ notes_updated（AI が共有ノートを更新）/ done（完了）/ error（エラー）。
フロントは src/api/client.ts の streamChat() で fetch + ReadableStream により受信し、messages.value[msgIdx] を reactive proxy 経由で更新する。

Markdown レンダリング

アシスタントメッセージは marked + DOMPurify でレンダリング。ストリーミング中の未閉じコードフェンスは自動補完してから描画する（MarkdownContent.vue）。

モデル切替

.env の DEFAULT_MODEL またはリクエストの model フィールドで指定。
ローカル Ollama は ollama/llama3 形式、OLLAMA_API_BASE でエンドポイントを設定。
DEBUG=true で LiteLLM の詳細ログが有効になる。

ローカル開発環境メモ

このマシンでは PostgreSQL がポート 8080 で起動している（本アプリの DATABASE_URL には使用していないが、ポート競合時は確認すること）
このマシンには TLS 監視プロキシらしき設定があり、環境変数 SSLKEYLOGFILE が名前付きパイプ（nllMonFltProxy）を指している。これが原因で litellm（OpenSSL を直接ロード）や pyright（内部で Node.js サブプロセスを起動）が OPENSSL_Uplink エラーでクラッシュすることがある。発生した場合は当該コマンド実行時のみ SSLKEYLOGFILE を unset すると回避できる
```
Remove-Item Env:\SSLKEYLOGFILE
uv run pyright
```

環境変数（backend/.env）

変数	デフォルト	説明
`DEFAULT_MODEL`	`gpt-5.4`	デフォルト LLM モデル
`DATABASE_URL`	`sqlite:///./playchat.db`	DB 接続先
`MEMORY_SUMMARIZE_THRESHOLD`	`20`	長期メモリ化するメッセージ数の閾値
`CORS_ORIGINS`	`http://localhost:5173`	許可する CORS オリジン
`DEBUG`	`false`	LiteLLM デバッグログの有効化
`OPENAI_API_KEY`	—	OpenAI API キー
`ANTHROPIC_API_KEY`	—	Anthropic API キー
`OLLAMA_API_BASE`	`http://localhost:11434`	Ollama エンドポイント
`NOTES_TOOL_CONTENT_LIMIT`	`4000`	`read_note` が 1 回に返す本文の最大文字数
`SITE_PASSWORD`	—	サイト全体を保護する共有パスワード（未設定なら無認証）
`SESSION_SECRET_KEY`	起動毎に自動生成	ログインセッション Cookie の署名鍵

5.7 KiB Raw Blame History Unescape Escape