From 9e1a817ed6fdfd89d5d54fdb74a0f8d1ba5bf8dc Mon Sep 17 00:00:00 2001
From: posimai <posimai.project@gmail.com>
Date: Tue, 17 Mar 2026 17:19:20 +0900
Subject: [PATCH] chore: initial backup of root config, templates, and server
 source

Backs up CLAUDE.md, _template/, deploy-server.sh, scripts/, server.js
to posimai-root repository for disaster recovery.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .gitignore                 |   69 ++
 AGENTS.md                  |  161 ++++
 CLAUDE.md                  |  202 +++++
 _template/README.md        |   86 ++
 _template/index.html       | 1264 ++++++++++++++++++++++++++
 _template/manifest.json    |   17 +
 _template/package.json     |    9 +
 _template/sw.js            |   38 +
 deploy-server.sh           |   45 +
 scripts/check-design.sh    |  156 ++++
 scripts/deploy-server.sh   |   72 ++
 scripts/export-article.ps1 |   26 +
 scripts/export-article.sh  |   26 +
 scripts/new-app.sh         |  126 +++
 server.js                  | 1710 ++++++++++++++++++++++++++++++++++++
 15 files changed, 4007 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 AGENTS.md
 create mode 100644 CLAUDE.md
 create mode 100644 _template/README.md
 create mode 100644 _template/index.html
 create mode 100644 _template/manifest.json
 create mode 100644 _template/package.json
 create mode 100644 _template/sw.js
 create mode 100644 deploy-server.sh
 create mode 100644 scripts/check-design.sh
 create mode 100644 scripts/deploy-server.sh
 create mode 100644 scripts/export-article.ps1
 create mode 100644 scripts/export-article.sh
 create mode 100644 scripts/new-app.sh
 create mode 100644 server.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..846b7508
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,69 @@
+.vercel
+
+# 一時ファイル・バックアップ（ルート）
+_tmp_*
+*.backup*
+*.bak
+*_temp.*
+*_old.*
+dummy*.txt
+skip.txt
+server-*.js
+server_bk.js
+
+# 依存関係・ビルド成果物
+node_modules/
+.next/
+out/
+dist/
+build/
+
+# 環境変数
+.env
+.env.local
+.env.*.local
+
+# OS
+.DS_Store
+Thumbs.db
+
+# 旧プロジェクト・レガシー（アクティブエコシステム外）
+m-ai-dashboard/
+m-ai-dashboard-bk/
+mai_quick_scan/
+mai_quick_scan_安定版最新/
+_conoha/
+article-keeper/
+package_ar_info/
+docs/
+_template-preview/
+mai-ponshu-room/
+ponshu-room.bak/
+
+# 各アプリディレクトリ（個別リポジトリ管理）
+posimai-ambient/
+posimai-analytics/
+posimai-brain/
+posimai-clean/
+posimai-daily/
+posimai-dashboard/
+posimai-diff/
+posimai-digest/
+posimai-events/
+posimai-feed/
+posimai-habit/
+posimai-hotels/
+posimai-journal/
+posimai-lens/
+posimai-maps/
+posimai-pulse/
+posimai-reader/
+posimai-site/
+posimai-tech-events/
+posimai-think/
+posimai-timer/
+posimai-together/
+posimai-widget-dl/
+posimai_widget/
+ponshu-room/
+ponshu_room_lite/
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 00000000..5264368c
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,161 @@
+# Posimai Project — AI Instructions
+
+## 新しい AI への引き継ぎチェックリスト（必読）
+
+別の AI エージェント（Antigravity 等）やセッションを新たに始めるときは、**必ず最初にこのセクションを読ませること。**
+
+### 作業前に AI が確認すべき事項
+
+1. **CLAUDE.md を全文読む**（このファイル）— デザインルール・デプロイ方法・禁止事項がすべてここにある
+2. **memory/ ディレクトリを確認する** — `C:\Users\maita\.claude\projects\c--Users-maita-posimai-project\memory\MEMORY.md` にプロジェクト固有の記憶がある
+3. **`posimai-dashboard/src/data/projects.json` を確認する** — 全アプリの一覧・ステータス・技術スタックがここにある
+
+### AI が絶対に守るべきルール（違反時は即修正）
+
+| 禁止事項 | 理由 |
+|---------|------|
+| 絵文字の使用（コード・コメント・HTML 問わず） | デザインルール違反 |
+| `lucide@latest` の使用 | バージョン固定済み（`@0.344.0`） |
+| CDN ライブラリのバージョン未固定（`@latest` 等） | SW キャッシュ破壊・予期せぬ破壊的変更のリスク |
+| `vercel --prod` の直接実行 | GitHub push で自動デプロイされるため二重になる |
+| `git push origin` の使用 | `gitea` と `github` の2リモートを使う |
+| デザインシステム外の色の使用 | アクセントは `--accent` 1色のみ |
+| manifest.json / sw.js のないアプリを作る | 全アプリ PWA 必須 |
+| `theme-color` メタタグをメディアクエリなしで書く | ライトモード時に黒い問題が発生する |
+
+### 作業完了時の必須チェック
+
+- [ ] emoji が増えていないか (`grep -r "emoji\|✅\|📱\|⚙️\|🎉" --include="*.html"`)
+- [ ] `@latest` が増えていないか (`grep -r "@latest" --include="*.html"`)
+- [ ] `npm run deploy` でデプロイしたか（`git push gitea main && git push github main`）
+- [ ] 大きな変更なら Dashboard Timeline に追記したか
+
+---
+
+## Deploy ルール（必須）
+
+コードを変更してデプロイするときは **必ずこの手順** を使うこと：
+
+```bash
+git add .
+git commit -m "feat/fix/chore: 変更内容"
+npm run deploy
+```
+
+`npm run deploy` = `git push gitea main && git push github main`
+
+- **Gitea**（`http://100.76.7.3:3000/mai/`）: ローカルバックアップ
+- **GitHub**（`https://github.com/posimai/`）: Vercel 自動デプロイのトリガー
+
+### やってはいけないこと
+- `vercel --prod` を直接実行しない（GitHub push で自動デプロイされるため不要）
+  - **例外**: 新アプリの初回本番デプロイのみ、空コミット push で代替する（`_template/README.md` 参照）
+- `git push origin` を使わない（`gitea` と `github` の2つのリモートを使う）
+- `git push github main` だけ実行して Gitea を忘れない
+
+---
+
+## プロジェクト構成
+
+| アプリ | ディレクトリ | 説明 |
+|--------|-------------|------|
+| posimai-dashboard | `posimai-dashboard/` | Next.js メインダッシュボード |
+| posimai-analytics | `posimai-analytics/` | Next.js アナリティクス |
+| posimai-brain | `posimai-brain/` | 記事管理（静的） |
+| posimai-feed | `posimai-feed/` | RSS フィード（静的） |
+| posimai-events | `posimai-events/` | イベント情報（静的） |
+| posimai-hotels | `posimai-hotels/` | ホテル価格ウォッチ（静的） |
+| posimai-daily | `posimai-daily/` | オーディオファースト・ブリーフィング（静的/API融合） |
+| posimai-maps | `posimai-maps/` | マップ（静的） |
+| posimai-reader | `posimai-reader/` | 記事リーダー（静的） |
+| posimai-together | `posimai-together/` | 共有スペース（静的） |
+| posimai-journal | `posimai-journal/` | CMS エディタ（Synology API バック） |
+| posimai-site | `posimai-site/` | 公開ホームページ（journal/site_config と連携） |
+| posimai-digest | `posimai-digest/` | テキスト要約（静的） |
+| posimai-ambient | `posimai-ambient/` | 常時表示アンビエント PWA（静的） |
+| posimai-widget | `posimai_widget/` | Android ホーム画面ウィジェット（Flutter） |
+
+## Synology バックエンド（server.js）
+- ファイル: `server.js`（ルートに配置、git 管理外）
+- デプロイ: File Station でアップロード → `docker cp` → `docker restart posimai_api`
+- API base: `https://posimai-lab.tail72e846.ts.net/brain/api`
+- 主なテーブル: `users`, `articles`, `journal_posts`, `site_config`, `reading_history`
+
+## デザインシステム（projects.json designRules が正）
+```
+--bg: #0D0D0D          背景
+--surface: #1A1A1A     カード面
+--surface2: #252525    ネスト面
+--border: #2D2D2D      ボーダー
+--text: #F3F4F6        主テキスト
+--text2: #9CA3AF       副テキスト
+--text3: #6B7280       弱テキスト
+--accent: #6EE7B7      アクセント（Posimai Teal）← デフォルト
+--radius: 12px         角丸
+```
+- フォント: Inter（300/400/500/600）
+- アイコン: Lucide（stroke 1.5〜2.0）
+- ヘッダー: 高さ 52px、glassmorphism、アクセントドット + アプリ名
+- 絵文字: **禁止**
+- 全アプリ: manifest.json + sw.js + PWA メタタグ必須
+
+### アプリ別アクセントカラー（デフォルトから意図的に変える場合のみ記載）
+
+| アプリ | ダーク accent | ライト accent | 理由 |
+|--------|-------------|-------------|------|
+| 全般（デフォルト） | `#6EE7B7` Teal | `#059669` | Posimai ブランドカラー |
+| posimai-journal | `#80CAEE` Sky-Blue | `#0284C7` | CMS 系・静かで知的な印象 |
+| posimai-site | `#80CAEE` Sky-Blue | `#0284C7` | journal と同系統の公開サイト |
+
+**新アプリ作成時のルール：**
+1. デフォルト Teal を使うなら何も記載不要
+2. 意図的に変える場合はこの表に追記してから実装する
+3. 同じ用途・系統のアプリは同じアクセントカラーに揃える
+
+## 新アプリ作成
+
+`_template/` をコピーして使う。`APP_NAME` / `APP_ID` / `APP_DESCRIPTION` を置換するだけで動く。
+
+**完全な手順（Git / Vercel セットアップ含む）は必ず `_template/README.md` を参照すること。**
+特に以下の2点は詰まりやすいので注意：
+- Gitea リポジトリは **Web UI で先に作成**してから `git remote add gitea` する
+- `vercel git connect` 後、**空コミット push** で初回本番デプロイをトリガーする
+
+### 新アプリ作成後の必須チェックリスト（抜け漏れ禁止）
+
+新しいアプリを作ったら、**コード実装の完了直後に必ずこの順番で実行する**こと：
+
+1. **Dashboard カード追加**
+   - `posimai-dashboard/src/data/projects.json` の `projects` 配列にエントリを追加
+   - 適切な `category` を設定（`posimai-pwa` / `active` / `flagship` / `micro` / `infra` など）
+
+2. **Ecosystem Map 追加**
+   - `posimai-dashboard/src/app/ecosystem/page.tsx` の `NODES` 配列にノードを追加
+   - 関連する `EDGES`（依存関係）も追加
+
+3. **Development Timeline に追記**
+   - `posimai-dashboard/src/app/timeline/page.tsx` の `EVENTS` 配列に今日の日付でエントリを追加
+   - type: `launch`（新規公開）/ `feature`（機能追加）/ `fix`（修正）/ `infra`（インフラ）
+
+4. **Dashboard をデプロイ**
+   ```bash
+   cd posimai-dashboard
+   git add src/data/projects.json src/app/ecosystem/page.tsx src/app/timeline/page.tsx
+   git commit -m "feat: add [app-name] to dashboard"
+   npm run deploy
+   ```
+
+5. **プロジェクト構成テーブルを CLAUDE.md に追記**（このファイル）
+
+> ⚠️ ダッシュボード更新（カード・Ecosystem・Timeline）を忘れると、アプリが孤立してエコシステムから見えなくなる。
+
+## 既存アプリに大きな変更をした場合の必須チェックリスト
+
+機能追加・バグ修正・リリースなど **ユーザーが気づくレベルの変更** をしたら：
+
+1. `posimai-dashboard/src/app/timeline/page.tsx` の `EVENTS` 配列に今日の日付でエントリを追加
+2. Dashboard をデプロイ
+
+## Git リモート（全アプリ共通）
+- `gitea` → `http://100.76.7.3:3000/mai/[app-name].git`
+- `github` → `https://github.com/posimai/[app-name].git`
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 00000000..904f26f0
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,202 @@
+# Posimai Project — AI Instructions
+
+## 新しい AI への引き継ぎチェックリスト（必読）
+
+別の AI エージェント（Antigravity 等）やセッションを新たに始めるときは、**必ず最初にこのセクションを読ませること。**
+
+### 作業前に AI が確認すべき事項
+
+1. **CLAUDE.md を全文読む**（このファイル）— デザインルール・デプロイ方法・禁止事項がすべてここにある
+2. **memory/ ディレクトリを確認する** — `C:\Users\maita\.claude\projects\c--Users-maita-posimai-project\memory\MEMORY.md` にプロジェクト固有の記憶がある
+3. **`posimai-dashboard/src/data/projects.json` を確認する** — 全アプリの一覧・ステータス・技術スタックがここにある
+
+### AI が絶対に守るべきルール（違反時は即修正）
+
+| 禁止事項 | 理由 |
+|---------|------|
+| 絵文字の使用（コード・コメント・HTML 問わず） | デザインルール違反 |
+| `lucide@latest` の使用 | バージョン固定済み（`@0.344.0`） |
+| CDN ライブラリのバージョン未固定（`@latest` 等） | SW キャッシュ破壊・予期せぬ破壊的変更のリスク |
+| `vercel --prod` の直接実行 | GitHub push で自動デプロイされるため二重になる |
+| `git push origin` の使用 | `gitea` と `github` の2リモートを使う |
+| デザインシステム外の色の使用 | アクセントは `--accent` 1色のみ |
+| manifest.json / sw.js のないアプリを作る | 全アプリ PWA 必須 |
+| `theme-color` メタタグをメディアクエリなしで書く | ライトモード時に黒い問題が発生する |
+| **新アプリ作成後に Dashboard 更新を省略する** | アプリがエコシステムから孤立する。ユーザーに言われなくても必ずやる |
+| SW でクロスオリジン GET リクエストをキャッシュする | Brain API 等の外部 API が古いデータを返す・データ消失に見える（Habit バグ事例あり） |
+| `lucide.createIcons()` を早期 return の後にしか呼ばない | 早期 return のコードパスでアイコンが空になる（Habit バグ事例あり） |
+| CSS でアクセントカラーをハードコード（`#6EE7B7` 直書き等） | ダーク/ライトテーマ切り替えが壊れる。必ず `var(--accent)` を使う |
+| 底面固定要素に `env(safe-area-inset-bottom)` を付けない | iPhone のホームインジケーター領域にコンテンツが被る |
+| 外部リンクに `rel="noopener"` を付けない | Tabnabbing 攻撃の温床。`target="_blank"` には必ずセットで付ける |
+| **新アプリ作成前にアクセントカラーを宣言しない** | 実装後に変更コストが大きい。カテゴリ確認→CLAUDE.md テーブル追記→実装の順を守る |
+
+### 作業完了時の必須チェック
+
+- [ ] emoji が増えていないか (`grep -r "emoji\|✅\|📱\|⚙️\|🎉" --include="*.html"`)
+- [ ] `@latest` が増えていないか (`grep -r "@latest" --include="*.html"`)
+- [ ] `npm run deploy` でデプロイしたか（`git push gitea main && git push github main`）
+- [ ] 大きな変更なら Dashboard Timeline に追記したか
+- [ ] **新アプリなら Dashboard カード・Ecosystem・Timeline・Access Guide を更新してデプロイしたか**（ユーザーに言われる前に完了させる）
+
+---
+
+## Deploy ルール（必須）
+
+コードを変更してデプロイするときは **必ずこの手順** を使うこと：
+
+```bash
+git add .
+git commit -m "feat/fix/chore: 変更内容"
+npm run deploy
+```
+
+`npm run deploy` = `git push gitea main && git push github main`
+
+- **Gitea**（`http://100.76.7.3:3000/mai/`）: ローカルバックアップ
+- **GitHub**（`https://github.com/posimai/`）: Vercel 自動デプロイのトリガー
+
+### やってはいけないこと
+- `vercel --prod` を直接実行しない（GitHub push で自動デプロイされるため不要）
+  - **例外**: 新アプリの初回本番デプロイのみ、空コミット push で代替する（`_template/README.md` 参照）
+- `git push origin` を使わない（`gitea` と `github` の2つのリモートを使う）
+- `git push github main` だけ実行して Gitea を忘れない
+
+---
+
+## プロジェクト構成
+
+| アプリ | ディレクトリ | 説明 |
+|--------|-------------|------|
+| posimai-dashboard | `posimai-dashboard/` | Next.js メインダッシュボード |
+| posimai-analytics | `posimai-analytics/` | Next.js アナリティクス |
+| posimai-brain | `posimai-brain/` | 記事管理（静的） |
+| posimai-feed | `posimai-feed/` | RSS フィード（静的） |
+| posimai-events | `posimai-events/` | イベント情報（静的） |
+| posimai-hotels | `posimai-hotels/` | ホテル価格ウォッチ（静的） |
+| posimai-daily | `posimai-daily/` | オーディオファースト・ブリーフィング（静的/API融合） |
+| posimai-maps | `posimai-maps/` | マップ（静的） |
+| posimai-reader | `posimai-reader/` | 記事リーダー（静的） |
+| posimai-together | `posimai-together/` | 共有スペース（静的） |
+| posimai-journal | `posimai-journal/` | CMS エディタ（Synology API バック） |
+| posimai-site | `posimai-site/` | 公開ホームページ（journal/site_config と連携） |
+| posimai-digest | `posimai-digest/` | テキスト要約（静的） |
+| posimai-ambient | `posimai-ambient/` | 常時表示アンビエント PWA（静的） |
+| posimai-widget | `posimai_widget/` | Android ホーム画面ウィジェット（Flutter） |
+| posimai-timer | `posimai-timer/` | ストップウォッチ＋カウントダウン（静的） |
+| posimai-habit | `posimai-habit/` | 習慣チェックリスト・ヒートマップ（静的） |
+| posimai-pulse | `posimai-pulse/` | 気分・エネルギー記録（静的） |
+| posimai-lens | `posimai-lens/` | 写真 EXIF メタデータ表示（静的） |
+| posimai-diff | `posimai-diff/` | テキスト差分ビューア（静的） |
+| posimai-clean | `posimai-clean/` | テキストクリーナー（静的） |
+| posimai-tech-events | `posimai-tech-events/` | IT イベント情報（Doorkeeper/connpass RSS） |
+| posimai-think | `posimai-think/` | AI 思考整理アシスタント（Gemini 直接呼び出し） |
+
+## Synology バックエンド（server.js）
+- ファイル: `server.js`（ルートに配置、git 管理外）
+- **デプロイ方法（必須）**: `bash deploy-server.sh` を実行する（SSH → docker cp → docker restart まで自動）
+  - SSHパスワード → sudoパスワードの順に2回入力を求められる
+  - スクリプト内の処理: `ssh` でファイル転送 → `docker cp` → `docker restart posimai_api` → ログ確認
+  - ⚠️ `vercel --prod` や File Station での手動アップロードは使わない
+- API base: `https://posimai-lab.tail72e846.ts.net/brain/api`
+- 主なテーブル: `users`, `articles`, `journal_posts`, `site_config`, `reading_history`
+- 主なエンドポイント: `/health`, `/auth-test`, `/articles`, `/article`, `/feeds`, `/events/rss`, `/tts/*`, `/journal/*`
+
+## デザインシステム（projects.json designRules が正）
+```
+--bg: #0D0D0D          背景
+--surface: #1A1A1A     カード面
+--surface2: #252525    ネスト面
+--border: #2D2D2D      ボーダー
+--text: #F3F4F6        主テキスト
+--text2: #9CA3AF       副テキスト
+--text3: #6B7280       弱テキスト
+--accent: #6EE7B7      アクセント（Posimai Teal）← デフォルト
+--radius: 12px         角丸
+```
+- フォント: Inter（300/400/500/600）
+- アイコン: Lucide（stroke 1.5〜2.0）
+- ヘッダー: 高さ 52px、glassmorphism、アクセントドット + アプリ名
+- 絵文字: **禁止**
+- 全アプリ: manifest.json + sw.js + PWA メタタグ必須
+- トランジション: `0.12s〜0.3s` の範囲、標準イージング `cubic-bezier(0.2, 0.9, 0.2, 1)`
+- 空状態 (Empty State): 必ずアイコン + 説明テキストを実装する（空コンテナ禁止）
+- 外部リンク: `target="_blank" rel="noopener"` を必ずセットで付ける
+- 底面固定要素: `padding-bottom: max(Xpx, env(safe-area-inset-bottom))` で safe area 対応
+- SW キャッシュ: クロスオリジン GET は必ずネットワーク経由（キャッシュ禁止）
+  ```js
+  const ORIGIN = self.location.origin;
+  self.addEventListener('fetch', e => {
+      if (!e.request.url.startsWith(ORIGIN)) return; // APIはスルー
+  });
+  ```
+
+### アプリ別アクセントカラー（デフォルトから意図的に変える場合のみ記載）
+
+| アプリ | ダーク accent | ライト accent | 理由 |
+|--------|-------------|-------------|------|
+| 全般（デフォルト） | `#6EE7B7` Teal | `#059669` | Posimai ブランドカラー |
+| posimai-journal | `#80CAEE` Sky-Blue | `#0284C7` | CMS 系・静かで知的な印象 |
+| posimai-site | `#80CAEE` Sky-Blue | `#0284C7` | journal と同系統の公開サイト |
+| ponshu-room | `#D4A574` 琥珀（Amber） | `#D4A574` | **Posimai デザインシステム適用外**。独立プロダクト。Washi テーマ（和紙×墨×琥珀）を使用。詳細は `ponshu-room/ROADMAP.md` を参照。 |
+
+**新アプリ作成時のルール：**
+1. デフォルト Teal を使うなら何も記載不要
+2. 意図的に変える場合はこの表に追記してから実装する
+3. 同じ用途・系統のアプリは同じアクセントカラーに揃える
+
+## 新アプリ作成
+
+`_template/` をコピーして使う。`APP_NAME` / `APP_ID` / `APP_DESCRIPTION` を置換するだけで動く。
+
+**完全な手順（Git / Vercel セットアップ含む）は必ず `_template/README.md` を参照すること。**
+特に以下の2点は詰まりやすいので注意：
+- Gitea リポジトリは **Web UI で先に作成**してから `git remote add gitea` する
+- `vercel git connect` 後、**空コミット push** で初回本番デプロイをトリガーする
+
+### 新アプリ作成後の必須チェックリスト（抜け漏れ禁止）
+
+新しいアプリを作ったら、**コード実装の完了直後に必ずこの順番で実行する**こと：
+
+0. **【実装前】アクセントカラーを宣言する**
+   - このアプリのカテゴリを確認（インプット/作成・編集/ツール/共有/インフラ）
+   - デフォルト Teal で問題なければ何もしない
+   - Sky Blue 等に変える場合は CLAUDE.md の「アプリ別アクセントカラー」テーブルに**先に追記**してから実装を開始する
+
+1. **Dashboard カード追加**
+   - `posimai-dashboard/src/data/projects.json` の `projects` 配列にエントリを追加
+   - 適切な `category` を設定（`posimai-pwa` / `active` / `flagship` / `micro` / `infra` など）
+
+2. **Ecosystem Map 追加**
+   - `posimai-dashboard/src/app/ecosystem/page.tsx` の `NODES` 配列にノードを追加
+   - 関連する `EDGES`（依存関係）も追加
+
+3. **Development Timeline に追記**
+   - `posimai-dashboard/src/app/timeline/page.tsx` の `EVENTS` 配列に今日の日付でエントリを追加
+   - type: `launch`（新規公開）/ `feature`（機能追加）/ `fix`（修正）/ `infra`（インフラ）
+
+4. **Access Guide に追記**
+   - `posimai-dashboard/src/app/access/page.tsx` の `APPS` 配列にエントリを追加
+   - `accessLevel` / `codevAccess` / `authDetail` / `codevNote` を正確に記入する
+
+5. **Dashboard をデプロイ**
+   ```bash
+   cd posimai-dashboard
+   git add src/data/projects.json src/app/ecosystem/page.tsx src/app/timeline/page.tsx src/app/access/page.tsx
+   git commit -m "feat: add [app-name] to dashboard"
+   npm run deploy
+   ```
+
+6. **プロジェクト構成テーブルを CLAUDE.md に追記**（このファイル）
+
+> ⚠️ ダッシュボード更新（カード・Ecosystem・Timeline）を忘れると、アプリが孤立してエコシステムから見えなくなる。
+
+## 既存アプリに大きな変更をした場合の必須チェックリスト
+
+機能追加・バグ修正・リリースなど **ユーザーが気づくレベルの変更** をしたら：
+
+1. `posimai-dashboard/src/app/timeline/page.tsx` の `EVENTS` 配列に今日の日付でエントリを追加
+2. Dashboard をデプロイ
+
+## Git リモート（全アプリ共通）
+- `gitea` → `http://100.76.7.3:3000/mai/[app-name].git`
+- `github` → `https://github.com/posimai/[app-name].git`
diff --git a/_template/README.md b/_template/README.md
new file mode 100644
index 00000000..8c438d24
--- /dev/null
+++ b/_template/README.md
@@ -0,0 +1,86 @@
+# Posimai Static App Template
+
+新しい静的 PWA アプリを作るときのボイラープレート。
+
+## 使い方
+
+```bash
+# 1. テンプレートをコピー
+cp -r _template posimai-[new-app-name]
+cd posimai-[new-app-name]
+
+# 2. APP_NAME / APP_ID / APP_DESCRIPTION を置換
+#    APP_NAME        → 表示名 (例: "Posimai Timer")
+#    APP_ID          → 識別子 (例: "posimai-timer")
+#    APP_DESCRIPTION → 説明文
+
+# 3. Git 初期化
+git init && git add . && git commit -m "init: APP_NAME"
+
+# 4. Gitea にリポジトリを作成（★ Web UI で先に行う）
+#    http://100.76.7.3:3000 にアクセス
+#    → 「+」→「新しいリポジトリ」→ 名前: APP_ID → 作成
+#    ※ この手順を飛ばすと git push gitea が 404 で失敗する
+
+# 5. GitHub にリポジトリ作成（gh CLI）
+gh repo create posimai/APP_ID --private
+
+# 6. リモートを追加して初回 push
+git remote add gitea http://100.76.7.3:3000/mai/APP_ID.git
+git remote add github https://github.com/posimai/APP_ID.git
+npm run deploy   # = git push gitea main && git push github main
+
+# 7. Vercel と GitHub を連携（1アプリにつき1回だけ）
+#    --yes では対話が消えないため echo パイプで GitHub を選択させる
+echo "https://github.com/posimai/APP_ID.git" | vercel git connect
+
+# 8. 初回本番デプロイをトリガー（1回だけ必要）
+#    vercel git connect だけでは本番反映されないため、空コミットで push する
+git commit --allow-empty -m "ci: trigger initial Vercel deployment"
+npm run deploy
+#    Vercel ダッシュボードで "Production" デプロイが完了したら以降は不要
+#    ※ 通常運用では vercel --prod は実行しない（GitHub push で自動）
+```
+
+以降の更新はすべて：
+```bash
+git add .
+git commit -m "feat/fix/chore: 変更内容"
+npm run deploy
+```
+
+---
+
+## デプロイフロー（全体像）
+
+```
+npm run deploy
+  │
+  ├─► git push gitea main  →  Synology NAS (ローカルバックアップのみ)
+  │
+  └─► git push github main →  GitHub
+                                  │
+                                  │ Webhook (push 検知)
+                                  ▼
+                              Vercel
+                              └─ ビルド → 本番反映
+```
+
+- **Gitea** はバックアップ専用。Vercel とは無関係。
+- **GitHub push** が Vercel の唯一のトリガー。
+- `vercel --prod` の直接実行は禁止（初回トリガー用の空コミット push で代替）。
+
+---
+
+## デザイントークン（変更禁止）
+
+| トークン | 値 | 用途 |
+|---------|-----|------|
+| `--bg` | `#0D0D0D` | ページ背景 |
+| `--surface` | `#1A1A1A` | カード背景 |
+| `--surface2` | `#252525` | ネスト要素 |
+| `--border` | `#2D2D2D` | ボーダー |
+| `--text` | `#F3F4F6` | 主テキスト |
+| `--text2` | `#9CA3AF` | 副テキスト |
+| `--accent` | `#6EE7B7` | アクセント |
+| `--radius` | `12px` | 角丸 |
diff --git a/_template/index.html b/_template/index.html
new file mode 100644
index 00000000..611cfa8a
--- /dev/null
+++ b/_template/index.html
@@ -0,0 +1,1264 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="robots" content="noindex, nofollow">
+
+    <!--
+    ╔══════════════════════════════════════════════════════════╗
+    ║         POSIMAI APP TEMPLATE  v2.0                       ║
+    ╠══════════════════════════════════════════════════════════╣
+    ║ 置換対象:                                                ║
+    ║   APP_NAME        → アプリ名（例: Posimai Brain）        ║
+    ║   APP_ID          → 識別子（例: posimai-brain）          ║
+    ║   APP_DESCRIPTION → 説明文                               ║
+    ╠══════════════════════════════════════════════════════════╣
+    ║ デザインルール:                                           ║
+    ║   絵文字禁止 / アイコンは Lucide のみ                    ║
+    ║   アクセントは --accent 1色のみ                          ║
+    ║   全コンポーネントは data-i18n 属性を付与                ║
+    ╚══════════════════════════════════════════════════════════╝
+    -->
+
+    <!-- ① テーマ・ロケール初期化（FOUC 防止 — CSS より前に実行） -->
+    <script>
+    (function () {
+        // Theme
+        var t = localStorage.getItem('APP_ID-theme') || 'system';
+        var dark = t === 'dark' || (t === 'system' && matchMedia('(prefers-color-scheme:dark)').matches);
+        document.documentElement.setAttribute('data-theme', dark ? 'dark' : 'light');
+        document.documentElement.setAttribute('data-theme-pref', t);
+
+        // Locale
+        var loc = localStorage.getItem('APP_ID-locale');
+        if (!loc) loc = navigator.language && navigator.language.startsWith('en') ? 'en' : 'ja';
+        document.documentElement.lang = loc;
+        document.documentElement.setAttribute('data-locale', loc);
+
+        // Magic Link
+        var p = new URLSearchParams(location.search);
+        var k = p.get('init_key');
+        if (k) {
+            localStorage.setItem('posimai_api_key', k);
+            p.delete('init_key');
+            var u = location.pathname + (p.toString() ? '?' + p.toString() : '') + location.hash;
+            history.replaceState({}, '', u);
+        }
+    })();
+    </script>
+
+    <!-- PWA meta -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <meta name="description" content="APP_DESCRIPTION">
+    <meta name="color-scheme" content="dark light">
+    <meta name="theme-color" content="#0D0D0D" media="(prefers-color-scheme: dark)" id="themeColorDark">
+    <meta name="theme-color" content="#F9FAFB" media="(prefers-color-scheme: light)" id="themeColorLight">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="APP_NAME">
+    <link rel="manifest" href="/manifest.json">
+    <link rel="icon" type="image/png" href="/logo.png">
+    <link rel="apple-touch-icon" href="/logo.png">
+
+    <title>APP_NAME</title>
+
+    <!-- ② フォント（@import より高速） -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
+
+    <!-- Lucide Icons — これ以外のアイコンライブラリ使用禁止 -->
+    <script src="https://unpkg.com/lucide@0.344.0/dist/umd/lucide.min.js"></script>
+
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+        /* ════════════════════════════════════════
+           POSIMAI DESIGN TOKENS — Dark (default)
+           ════════════════════════════════════════ */
+        :root, [data-theme="dark"] {
+            --bg:         #0D0D0D;
+            --surface:    #1A1A1A;
+            --surface2:   #252525;
+            --border:     #2D2D2D;
+            --text:       #F3F4F6;
+            --text2:      #9CA3AF;
+            --text3:      #6B7280;
+            --accent:     #6EE7B7;
+            --accent-dim: rgba(110,231,183,0.1);
+            --accent-border: rgba(110,231,183,0.25);
+            --header-bg:  rgba(13,13,13,0.85);
+            --sidebar-bg: rgba(13,13,13,0.88);
+            --overlay-bg: rgba(0,0,0,0.6);
+            --shadow-lg:  0 8px 32px rgba(0,0,0,0.5);
+            --shadow-sm:  0 2px 8px rgba(0,0,0,0.3);
+            color-scheme: dark;
+        }
+
+        /* ════════════════════════════════════════
+           POSIMAI DESIGN TOKENS — Light
+           ════════════════════════════════════════ */
+        [data-theme="light"] {
+            --bg:         #F9FAFB;
+            --surface:    #FFFFFF;
+            --surface2:   #F3F4F6;
+            --border:     #E5E7EB;
+            --text:       #111827;
+            --text2:      #4B5563;
+            --text3:      #9CA3AF;
+            --accent:     #059669;      /* emerald-600: 読みやすい明度 */
+            --accent-dim: rgba(5,150,105,0.08);
+            --accent-border: rgba(5,150,105,0.2);
+            --header-bg:  rgba(249,250,251,0.85);
+            --sidebar-bg: rgba(249,250,251,0.92);
+            --overlay-bg: rgba(0,0,0,0.4);
+            --shadow-lg:  0 8px 32px rgba(0,0,0,0.15);
+            --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
+            color-scheme: light;
+        }
+
+        /* ════════════════════════════════════════
+           COMMON TOKENS (theme-independent)
+           ════════════════════════════════════════ */
+        :root {
+            --radius:     12px;
+            --radius-sm:  8px;
+            --header-h:   52px;
+            --sidebar-w:  240px;
+            --ease:       cubic-bezier(.4, 0, .2, 1);
+            --dur:        0.2s;
+        }
+
+        body {
+            font-family: 'Inter', -apple-system, sans-serif;
+            background: var(--bg);
+            color: var(--text);
+            font-size: 14px;
+            line-height: 1.6;
+            -webkit-font-smoothing: antialiased;
+        }
+
+        .app { display: flex; min-height: 100dvh; }
+
+        /* ════════════════════════════════════════
+           SKIP LINK (アクセシビリティ)
+           ════════════════════════════════════════ */
+        .skip-link {
+            position: absolute;
+            top: -100%; left: 8px;
+            background: var(--accent); color: #0D0D0D;
+            padding: 8px 16px; border-radius: var(--radius-sm);
+            font-weight: 600; font-size: 13px; z-index: 10000;
+            text-decoration: none;
+            transition: top .15s var(--ease);
+        }
+        .skip-link:focus { top: 8px; }
+
+        /* ════════════════════════════════════════
+           FOCUS VISIBLE
+           ════════════════════════════════════════ */
+        :focus-visible {
+            outline: 2px solid var(--accent);
+            outline-offset: 2px;
+            border-radius: 4px;
+        }
+        :focus:not(:focus-visible) { outline: none; }
+
+        /* ════════════════════════════════════════
+           SIDEBAR
+           ════════════════════════════════════════ */
+        .sidebar {
+            position: fixed;
+            top: 0; left: 0; bottom: 0;
+            width: var(--sidebar-w);
+            background: var(--sidebar-bg);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border-right: 1px solid var(--border);
+            display: flex;
+            flex-direction: column;
+            z-index: 200;
+            transform: translateX(-100%);
+            transition: transform .25s var(--ease);
+        }
+        .sidebar.open {
+            transform: translateX(0);
+            box-shadow: var(--shadow-lg);
+        }
+
+        .sidebar-header {
+            height: var(--header-h);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 0 12px 0 16px;
+            flex-shrink: 0;
+            /* border-bottom なし — border-right との交差（格子模様）を防ぐ */
+        }
+        .brand { display: flex; align-items: center; gap: 10px; }
+        .brand-logo {
+            width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;
+            display: flex; align-items: center; justify-content: center;
+            background: linear-gradient(135deg, #6EE7B7, #047857);
+        }
+        [data-theme="light"] .brand-logo {
+            background: linear-gradient(135deg, #34D399, #059669);
+        }
+        .brand-text { display: flex; flex-direction: column; gap: 0; }
+        .brand-name { font-size: 13px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
+        .brand-org { font-size: 10px; font-weight: 500; color: var(--text3); text-transform: uppercase; letter-spacing: 0.1em; }
+
+        /* サイドバーナビ */
+        .sidebar-nav { flex: 1; overflow-y: auto; padding: 4px 8px 0; }
+        .sidebar-nav::-webkit-scrollbar { width: 0; }
+
+        .nav-section-label {
+            font-size: 10px; font-weight: 600; color: var(--text3);
+            text-transform: uppercase; letter-spacing: 0.1em;
+            padding: 12px 10px 4px;
+            display: flex; align-items: center; justify-content: space-between;
+        }
+        .nav-section-toggle {
+            background: none; border: none; cursor: pointer; color: var(--text3);
+            display: flex; align-items: center; padding: 2px; border-radius: 4px;
+            transition: color var(--dur), background var(--dur);
+        }
+        .nav-section-toggle:hover { color: var(--text2); background: var(--surface2); }
+        .nav-accordion { overflow: hidden; transition: max-height .2s var(--ease); }
+
+        .nav-item {
+            display: flex; align-items: center; gap: 9px;
+            padding: 9px 10px; min-height: 40px;
+            border-radius: var(--radius-sm);
+            border: 1px solid transparent;
+            cursor: pointer; color: var(--text2); font-size: 13px; font-weight: 500;
+            transition: background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);
+            text-decoration: none; user-select: none;
+        }
+        .nav-item:hover { background: var(--surface2); color: var(--text); }
+        .nav-item.active { background: var(--accent-dim); color: var(--accent); border-color: var(--accent-border); }
+        .nav-item svg { flex-shrink: 0; opacity: .8; }
+        .nav-item.active svg { opacity: 1; }
+        .nav-item-label { flex: 1; }
+        .nav-chevron { display: none; flex-shrink: 0; opacity: 0.6; }
+        .nav-item.active .nav-chevron { display: flex; }
+
+        .nav-count {
+            font-size: 11px; font-weight: 600; color: var(--text3);
+            background: var(--surface2); border-radius: 999px;
+            padding: 1px 6px; min-width: 20px; text-align: center; line-height: 1.6;
+        }
+        .nav-item.active .nav-count { background: var(--accent-dim); color: var(--accent); }
+
+        /* サイドバーフッター */
+        .sidebar-footer { flex-shrink: 0; padding: 8px; border-top: 1px solid var(--border); }
+        .user-row {
+            display: flex; align-items: center; gap: 9px;
+            padding: 8px 10px; border-radius: var(--radius-sm);
+            cursor: pointer; transition: background var(--dur);
+        }
+        .user-row:hover { background: var(--surface2); }
+        .user-avatar {
+            width: 28px; height: 28px; border-radius: 50%;
+            background: var(--accent-dim); border: 1px solid var(--accent-border);
+            display: flex; align-items: center; justify-content: center;
+            font-size: 11px; font-weight: 600; color: var(--accent); flex-shrink: 0;
+        }
+        .user-info { flex: 1; min-width: 0; }
+        .user-name {
+            font-size: 12px; font-weight: 500; color: var(--text);
+            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+        }
+        .user-role { font-size: 11px; color: var(--text3); }
+        .settings-trigger {
+            background: none; border: none; cursor: pointer; color: var(--text3);
+            display: flex; align-items: center; padding: 6px;
+            border-radius: var(--radius-sm);
+            transition: color var(--dur), background var(--dur); flex-shrink: 0;
+        }
+        .settings-trigger:hover { color: var(--text2); background: var(--surface2); }
+
+        /* ════════════════════════════════════════
+           SETTINGS PANEL（右スライドアウト）
+           ════════════════════════════════════════ */
+        .settings-panel {
+            position: fixed; top: 0; right: 0; bottom: 0;
+            width: 280px; background: var(--surface);
+            border-left: 1px solid var(--border);
+            display: flex; flex-direction: column;
+            z-index: 300; transform: translateX(100%);
+            transition: transform .25s var(--ease);
+        }
+        .settings-panel.open {
+            transform: translateX(0);
+            box-shadow: var(--shadow-lg);
+        }
+        .settings-panel-header {
+            height: var(--header-h);
+            display: flex; align-items: center; justify-content: space-between;
+            padding: 0 12px 0 16px; flex-shrink: 0; border-bottom: 1px solid var(--border);
+        }
+        .settings-panel-title { font-size: 14px; font-weight: 600; }
+        .settings-panel-body {
+            flex: 1; overflow-y: auto; padding: 16px;
+            display: flex; flex-direction: column; gap: 24px;
+        }
+
+        .settings-group { display: flex; flex-direction: column; }
+        .settings-group-label {
+            font-size: 10px; font-weight: 600; color: var(--text3);
+            text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px;
+        }
+        .settings-item {
+            display: flex; align-items: center; justify-content: space-between;
+            gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border);
+        }
+        .settings-item:last-child { border-bottom: none; }
+        .settings-item-label { font-size: 13px; color: var(--text); }
+        .settings-item-desc  { font-size: 11px; color: var(--text3); margin-top: 1px; }
+
+        /* トグルスイッチ */
+        .toggle { position: relative; width: 36px; height: 20px; flex-shrink: 0; }
+        .toggle input { opacity: 0; width: 0; height: 0; }
+        .toggle-track {
+            position: absolute; inset: 0;
+            background: var(--surface2); border: 1px solid var(--border);
+            border-radius: 999px; cursor: pointer; transition: background var(--dur);
+        }
+        .toggle input:checked + .toggle-track { background: var(--accent); border-color: var(--accent); }
+        .toggle-track::after {
+            content: ''; position: absolute; top: 2px; left: 2px;
+            width: 14px; height: 14px; background: #fff; border-radius: 50%;
+            transition: transform var(--dur);
+        }
+        .toggle input:checked + .toggle-track::after { transform: translateX(16px); }
+
+        /* テーマセレクター（3択ボタングループ） */
+        .theme-selector {
+            display: flex; gap: 4px;
+            background: var(--surface2); border: 1px solid var(--border);
+            border-radius: var(--radius-sm); padding: 3px;
+        }
+        .theme-btn {
+            flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px;
+            padding: 6px 8px; border-radius: 6px; border: none; cursor: pointer;
+            font-family: inherit; font-size: 11px; font-weight: 500; color: var(--text3);
+            background: none; transition: all var(--dur) var(--ease); white-space: nowrap;
+        }
+        .theme-btn:hover { color: var(--text2); }
+        .theme-btn.active {
+            background: var(--surface); color: var(--text);
+            box-shadow: var(--shadow-sm);
+        }
+        .theme-btn svg { flex-shrink: 0; }
+
+        /* 言語セレクター */
+        .lang-selector {
+            display: flex; gap: 4px;
+            background: var(--surface2); border: 1px solid var(--border);
+            border-radius: var(--radius-sm); padding: 3px;
+        }
+        .lang-btn {
+            flex: 1; padding: 7px; border-radius: 6px; border: none; cursor: pointer;
+            font-family: inherit; font-size: 12px; font-weight: 600; color: var(--text3);
+            background: none; transition: all var(--dur) var(--ease); text-align: center;
+        }
+        .lang-btn:hover { color: var(--text2); }
+        .lang-btn.active {
+            background: var(--surface); color: var(--text);
+            box-shadow: var(--shadow-sm);
+        }
+
+        /* ════════════════════════════════════════
+           OVERLAY
+           ════════════════════════════════════════ */
+        .overlay {
+            display: none; position: fixed; inset: 0;
+            background: var(--overlay-bg); backdrop-filter: blur(2px);
+            z-index: 150;
+        }
+        .overlay.open { display: block; }
+
+        /* ════════════════════════════════════════
+           MAIN AREA
+           ════════════════════════════════════════ */
+        .main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
+
+        /* ════════════════════════════════════════
+           HEADER
+           ════════════════════════════════════════ */
+        .header {
+            height: var(--header-h);
+            display: flex; align-items: center; gap: 8px; padding: 0 16px;
+            background: var(--header-bg);
+            backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
+            border-bottom: 1px solid var(--border);
+            position: sticky; top: 0; z-index: 100;
+        }
+        .page-title { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; flex: 1; }
+        .mobile-brand { display: flex; align-items: center; gap: 7px; flex: 1; }
+        .mobile-brand-dot { width: 7px; height: 7px; background: var(--accent); border-radius: 50%; }
+        .mobile-brand-name { font-size: 14px; font-weight: 600; }
+
+        .icon-btn {
+            background: none; border: none; cursor: pointer; color: var(--text2);
+            min-width: 44px; min-height: 44px;
+            display: flex; align-items: center; justify-content: center;
+            border-radius: var(--radius-sm);
+            transition: color var(--dur), background var(--dur);
+            flex-shrink: 0; margin: 0 -8px;
+        }
+        .icon-btn:hover { color: var(--text); background: var(--surface2); }
+
+        /* ライブステータスドット */
+        .dot-live {
+            width: 6px; height: 6px; border-radius: 50%;
+            background: var(--accent); flex-shrink: 0;
+            animation: dot-pulse 2.4s ease-in-out infinite;
+        }
+        @keyframes dot-pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.3; }
+        }
+
+        /* ステータスチップ */
+        .status-chip {
+            display: none; align-items: center; gap: 6px;
+            padding: 4px 10px; border-radius: var(--radius-sm);
+            background: var(--surface); border: 1px solid var(--border);
+            font-size: 11px; font-weight: 500; color: var(--text3);
+        }
+        @media (min-width: 640px) { .status-chip { display: inline-flex; } }
+
+        /* ════════════════════════════════════════
+           CONTENT
+           ════════════════════════════════════════ */
+        .content {
+            flex: 1; padding: 24px 20px calc(40px + env(safe-area-inset-bottom));
+            max-width: 960px; width: 100%; margin: 0 auto;
+        }
+
+        /* ════════════════════════════════════════
+           PC: サイドバー常時表示
+           ════════════════════════════════════════ */
+        @media (min-width: 1024px) {
+            .sidebar {
+                transform: translateX(0) !important;
+                box-shadow: none !important;
+                transition: transform .25s var(--ease) !important;
+            }
+            .main { margin-left: var(--sidebar-w); transition: margin-left .25s var(--ease); }
+            .mobile-brand { display: none; }
+            .page-title { display: block; }
+            #menuBtn { display: none; }
+            .overlay { display: none !important; }
+
+            body.sidebar-collapsed .sidebar { transform: translateX(-100%) !important; }
+            body.sidebar-collapsed .main { margin-left: 0; }
+            body.sidebar-collapsed #menuBtn { display: flex !important; }
+            body.sidebar-collapsed .mobile-brand { display: flex !important; }
+            body.sidebar-collapsed .page-title { display: none; }
+
+            .overlay.settings-overlay { display: none !important; }
+        }
+        @media (max-width: 1023px) {
+            .page-title { display: none; }
+            .mobile-brand { display: flex; }
+        }
+
+        /* ════════════════════════════════════════
+           COMPONENTS
+           ════════════════════════════════════════ */
+
+        /* カード */
+        .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; }
+
+        /* セクション */
+        .section { margin-top: 28px; }
+        .section:first-child { margin-top: 0; }
+        .section-label {
+            font-size: 11px; font-weight: 600; color: var(--text3);
+            text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 10px;
+        }
+
+        /* リストアイテム */
+        .list { display: flex; flex-direction: column; }
+        .list-item {
+            display: flex; align-items: center; gap: 12px;
+            padding: 11px 12px; min-height: 52px; border-radius: var(--radius-sm);
+            cursor: pointer; transition: background var(--dur);
+        }
+        .list-item:hover { background: var(--surface2); }
+        .list-item-icon {
+            width: 34px; height: 34px;
+            display: flex; align-items: center; justify-content: center;
+            background: var(--surface2); border-radius: var(--radius-sm);
+            flex-shrink: 0; color: var(--text2);
+        }
+        .list-item-body { flex: 1; min-width: 0; }
+        .list-item-title {
+            font-size: 13px; font-weight: 500;
+            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+        }
+        .list-item-sub { font-size: 12px; color: var(--text2); margin-top: 1px; }
+
+        /* ボタン */
+        .btn {
+            display: inline-flex; align-items: center; gap: 6px;
+            padding: 8px 14px; min-height: 36px; border-radius: var(--radius-sm); border: none;
+            cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500;
+            transition: opacity var(--dur), background var(--dur); white-space: nowrap;
+        }
+        .btn-primary { background: var(--accent); color: #0D0D0D; font-weight: 600; }
+        .btn-primary:hover { opacity: .85; }
+        .btn-ghost { background: var(--surface2); color: var(--text); border: 1px solid var(--border); }
+        .btn-ghost:hover { background: var(--border); }
+        .btn-danger { background: rgba(239,68,68,.1); color: #f87171; border: 1px solid rgba(239,68,68,.2); }
+        .btn-danger:hover { background: rgba(239,68,68,.18); }
+
+        /* バッジ */
+        .badge { display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; }
+        .badge-stable   { background: rgba(52,211,153,.1);  color: #34d399; border: 1px solid rgba(52,211,153,.2); }
+        .badge-progress { background: rgba(251,191,36,.1);  color: #fbbf24; border: 1px solid rgba(251,191,36,.2); }
+        .badge-planned  { background: rgba(161,161,170,.1); color: #a1a1aa; border: 1px solid rgba(161,161,170,.2); }
+
+        /* 入力 */
+        .input {
+            width: 100%; background: var(--surface); border: 1px solid var(--border);
+            border-radius: var(--radius-sm); color: var(--text);
+            font-family: inherit; font-size: 13px; padding: 9px 12px; min-height: 40px;
+            outline: none; transition: border-color var(--dur);
+        }
+        .input::placeholder { color: var(--text3); }
+        .input:focus { border-color: var(--accent-border); }
+
+        /* API キー入力（モノスペース） */
+        .input-mono { font-family: 'Menlo', 'Monaco', monospace; font-size: 12px; }
+
+        /* 空状態 */
+        .empty {
+            display: flex; flex-direction: column; align-items: center; justify-content: center;
+            gap: 12px; padding: 56px 16px; color: var(--text3); text-align: center;
+        }
+        .empty-title { font-size: 14px; font-weight: 500; color: var(--text2); }
+        .empty-desc  { font-size: 13px; margin-top: -4px; }
+
+        /* トースト */
+        #toast {
+            position: fixed;
+            bottom: max(24px, calc(env(safe-area-inset-bottom) + 16px));
+            left: 50%;
+            transform: translateX(-50%) translateY(16px);
+            background: var(--surface2); border: 1px solid var(--border); color: var(--text);
+            font-size: 13px; font-weight: 500; padding: 9px 18px; border-radius: 999px;
+            box-shadow: var(--shadow-lg);
+            opacity: 0; transition: opacity .2s var(--ease), transform .2s var(--ease);
+            pointer-events: none; z-index: 9999; white-space: nowrap;
+        }
+        #toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
+
+        /* ユーティリティ */
+        .flex   { display: flex; }
+        .items-center { align-items: center; }
+        .gap-2  { gap: 8px; }
+        .mt-4   { margin-top: 16px; }
+        .w-full { width: 100%; }
+        .text2  { color: var(--text2); }
+        .text3  { color: var(--text3); }
+        .text-sm { font-size: 13px; }
+
+        /* ════════════════════════════════════════
+           prefers-reduced-motion
+           ════════════════════════════════════════ */
+        @media (prefers-reduced-motion: reduce) {
+            .sidebar, .settings-panel { transition: none; }
+            .nav-accordion { transition: none; }
+            * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
+            #toast { transform: translateX(-50%) !important; transition: opacity .15s !important; }
+        }
+
+        /* ── コンパクト表示 ─────────────────────────────────── */
+        body.compact .list-item { padding: 7px 12px; min-height: 40px; }
+        body.compact .card { padding: 12px; }
+    </style>
+</head>
+<body>
+
+<!-- スキップリンク -->
+<a href="#content" class="skip-link" data-i18n="a11y.skipLink">コンテンツへスキップ</a>
+
+<div class="app">
+
+    <!-- ══ サイドバー ══════════════════════════════════════ -->
+    <aside class="sidebar" id="sidebar" aria-label="サイドバーナビゲーション">
+        <div class="sidebar-header">
+            <div class="brand">
+                <div class="brand-logo" aria-hidden="true">
+                    <i data-lucide="layers" style="width:14px;height:14px;stroke-width:2;color:#0D0D0D"></i>
+                </div>
+                <div class="brand-text">
+                    <span class="brand-name">APP_NAME</span>
+                    <span class="brand-org">Posimai</span>
+                </div>
+            </div>
+            <button class="icon-btn" id="closeBtn" aria-label="サイドバーを閉じる" aria-expanded="true">
+                <i data-lucide="x" style="width:15px;height:15px;stroke-width:2"></i>
+            </button>
+        </div>
+
+        <nav class="sidebar-nav" aria-label="メインナビゲーション">
+            <div class="nav-section-label">
+                <span data-i18n="nav.section.main">メインメニュー</span>
+                <button class="nav-section-toggle" data-accordion="main" aria-expanded="true" aria-label="折りたたむ">
+                    <i data-lucide="chevron-down" style="width:12px;height:12px;stroke-width:2"></i>
+                </button>
+            </div>
+            <div class="nav-accordion" id="accordion-main" role="list">
+                <a class="nav-item active" data-view="home" data-title-ja="ホーム" data-title-en="Home" href="#" aria-current="page" role="listitem">
+                    <i data-lucide="home" style="width:15px;height:15px;stroke-width:1.75"></i>
+                    <span class="nav-item-label" data-i18n="nav.home">ホーム</span>
+                    <i data-lucide="chevron-right" style="width:11px;height:11px;stroke-width:2.5" class="nav-chevron"></i>
+                </a>
+                <a class="nav-item" data-view="list" data-title-ja="一覧" data-title-en="List" href="#" role="listitem">
+                    <i data-lucide="list" style="width:15px;height:15px;stroke-width:1.75"></i>
+                    <span class="nav-item-label" data-i18n="nav.list">一覧</span>
+                    <span class="nav-count" id="count-list" aria-label="0件">0</span>
+                    <i data-lucide="chevron-right" style="width:11px;height:11px;stroke-width:2.5" class="nav-chevron"></i>
+                </a>
+            </div>
+
+            <div class="nav-section-label" style="margin-top:4px">
+                <span data-i18n="nav.section.sub">その他</span>
+                <button class="nav-section-toggle" data-accordion="sub" aria-expanded="true" aria-label="折りたたむ">
+                    <i data-lucide="chevron-down" style="width:12px;height:12px;stroke-width:2"></i>
+                </button>
+            </div>
+            <div class="nav-accordion" id="accordion-sub" role="list">
+                <a class="nav-item" data-view="archive" data-title-ja="アーカイブ" data-title-en="Archive" href="#" role="listitem">
+                    <i data-lucide="archive" style="width:15px;height:15px;stroke-width:1.75"></i>
+                    <span class="nav-item-label" data-i18n="nav.archive">アーカイブ</span>
+                    <span class="nav-count" id="count-archive" aria-label="0件">0</span>
+                    <i data-lucide="chevron-right" style="width:11px;height:11px;stroke-width:2.5" class="nav-chevron"></i>
+                </a>
+            </div>
+        </nav>
+
+        <div class="sidebar-footer">
+            <div class="user-row">
+                <div class="user-avatar" id="userAvatar" aria-hidden="true">P</div>
+                <div class="user-info">
+                    <div class="user-name" id="userName">Posimai</div>
+                    <div class="user-role" data-i18n="user.role">メンバー</div>
+                </div>
+                <button class="settings-trigger" id="settingsBtn" aria-label="設定を開く" aria-expanded="false" aria-controls="settingsPanel">
+                    <i data-lucide="settings" style="width:15px;height:15px;stroke-width:1.75"></i>
+                </button>
+            </div>
+        </div>
+    </aside>
+
+    <!-- ══ オーバーレイ ════════════════════════════════════ -->
+    <div class="overlay" id="overlay" aria-hidden="true"></div>
+
+    <!-- ══ 設定パネル ══════════════════════════════════════ -->
+    <aside class="settings-panel" id="settingsPanel"
+        role="dialog" aria-modal="true" aria-labelledby="settingsPanelTitle">
+        <div class="settings-panel-header">
+            <span class="settings-panel-title" id="settingsPanelTitle" data-i18n="settings.title">設定</span>
+            <button class="icon-btn" id="settingsCloseBtn" aria-label="設定を閉じる">
+                <i data-lucide="x" style="width:15px;height:15px;stroke-width:2"></i>
+            </button>
+        </div>
+        <div class="settings-panel-body">
+
+            <!-- テーマ -->
+            <div class="settings-group">
+                <p class="settings-group-label" data-i18n="settings.group.appearance">外観</p>
+                <div class="settings-item" style="flex-direction:column; align-items:stretch; gap:8px;">
+                    <div class="settings-item-label" data-i18n="settings.theme">テーマ</div>
+                    <div class="theme-selector" role="group" aria-label="テーマ選択">
+                        <button class="theme-btn" data-theme-val="dark" aria-pressed="false">
+                            <i data-lucide="moon" style="width:12px;height:12px;stroke-width:1.75"></i>
+                            <span data-i18n="settings.theme.dark">ダーク</span>
+                        </button>
+                        <button class="theme-btn" data-theme-val="light" aria-pressed="false">
+                            <i data-lucide="sun" style="width:12px;height:12px;stroke-width:1.75"></i>
+                            <span data-i18n="settings.theme.light">ライト</span>
+                        </button>
+                        <button class="theme-btn" data-theme-val="system" aria-pressed="false">
+                            <i data-lucide="monitor" style="width:12px;height:12px;stroke-width:1.75"></i>
+                            <span data-i18n="settings.theme.system">自動</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="settings-item" style="flex-direction:column; align-items:stretch; gap:8px;">
+                    <div class="settings-item-label" data-i18n="settings.language">言語 / Language</div>
+                    <div class="lang-selector" role="group" aria-label="言語選択">
+                        <button class="lang-btn" data-lang-val="ja" aria-pressed="false">日本語</button>
+                        <button class="lang-btn" data-lang-val="en" aria-pressed="false">English</button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 表示設定 -->
+            <div class="settings-group">
+                <p class="settings-group-label" data-i18n="settings.group.display">表示</p>
+                <div class="settings-item">
+                    <div>
+                        <div class="settings-item-label" data-i18n="settings.compact">コンパクト表示</div>
+                        <div class="settings-item-desc" data-i18n="settings.compact.desc">リストの行間を詰める</div>
+                    </div>
+                    <label class="toggle" aria-label="コンパクト表示">
+                        <input type="checkbox" id="toggle-compact">
+                        <span class="toggle-track"></span>
+                    </label>
+                </div>
+            </div>
+
+            <!-- 接続 -->
+            <div class="settings-group">
+                <p class="settings-group-label" data-i18n="settings.group.connection">接続</p>
+                <div style="display:flex;flex-direction:column;gap:8px;">
+                    <p class="settings-item-label" style="font-size:12px;color:var(--text2);" data-i18n="settings.apiKey">Posimai API Key</p>
+                    <input type="password" class="input input-mono" id="apiKeyInput"
+                        placeholder="pk_xxxx_..." data-i18n-placeholder="settings.apiKey.placeholder">
+                    <p style="font-size:11px;color:var(--text3);line-height:1.5;" data-i18n="settings.apiKey.desc">
+                        Brain への保存に使用されます。キーはブラウザにのみ保存されます。
+                    </p>
+                    <button class="btn btn-ghost w-full" id="saveApiKeyBtn" data-i18n="settings.save">保存</button>
+                </div>
+            </div>
+
+            <!-- アカウント -->
+            <div class="settings-group">
+                <p class="settings-group-label" data-i18n="settings.group.account">アカウント</p>
+                <button class="btn btn-danger w-full" id="clearDataBtn">
+                    <i data-lucide="trash-2" style="width:13px;height:13px;stroke-width:1.75"></i>
+                    <span data-i18n="settings.clearData">データをすべて削除</span>
+                </button>
+            </div>
+
+            <!-- バージョン情報 -->
+            <div style="margin-top:auto;padding-top:16px;border-top:1px solid var(--border);">
+                <p style="font-size:11px;color:var(--text3);text-align:center;">APP_NAME · Posimai</p>
+            </div>
+
+        </div>
+    </aside>
+
+    <!-- ══ メインエリア ════════════════════════════════════ -->
+    <div class="main" role="main">
+
+        <header class="header">
+            <button class="icon-btn" id="menuBtn" aria-label="メニューを開く" aria-expanded="false" aria-controls="sidebar">
+                <i data-lucide="menu" style="width:18px;height:18px;stroke-width:1.75"></i>
+            </button>
+
+            <div class="mobile-brand">
+                <div class="mobile-brand-dot"></div>
+                <span class="mobile-brand-name">APP_NAME</span>
+            </div>
+
+            <span class="page-title" id="pageTitle" aria-live="polite">ホーム</span>
+
+            <div style="flex:1"></div>
+
+            <div class="status-chip" aria-hidden="true">
+                <span class="dot-live"></span>
+                <span id="statusChipText">APP_NAME</span>
+            </div>
+
+            <button class="icon-btn" aria-label="検索" id="searchBtn">
+                <i data-lucide="search" style="width:16px;height:16px;stroke-width:1.75"></i>
+            </button>
+        </header>
+
+        <!-- コンテンツ -->
+        <main class="content" id="content">
+
+            <!-- ホームビュー -->
+            <div id="view-home">
+                <div class="section">
+                    <p class="section-label" data-i18n="section.recent">最近</p>
+                    <div class="card">
+                        <div class="list">
+                            <div class="list-item">
+                                <div class="list-item-icon">
+                                    <i data-lucide="file-text" style="width:15px;height:15px;stroke-width:1.75"></i>
+                                </div>
+                                <div class="list-item-body">
+                                    <div class="list-item-title">サンプルアイテム 1</div>
+                                    <div class="list-item-sub">2026年3月12日</div>
+                                </div>
+                                <span class="badge badge-stable" data-i18n="badge.done">完了</span>
+                            </div>
+                            <div class="list-item">
+                                <div class="list-item-icon">
+                                    <i data-lucide="file-text" style="width:15px;height:15px;stroke-width:1.75"></i>
+                                </div>
+                                <div class="list-item-body">
+                                    <div class="list-item-title">サンプルアイテム 2</div>
+                                    <div class="list-item-sub">2026年3月11日</div>
+                                </div>
+                                <span class="badge badge-progress" data-i18n="badge.inProgress">進行中</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="section">
+                    <p class="section-label" data-i18n="section.actions">クイックアクション</p>
+                    <div class="flex gap-2" style="flex-wrap:wrap">
+                        <button class="btn btn-primary" id="addBtn">
+                            <i data-lucide="plus" style="width:14px;height:14px;stroke-width:2"></i>
+                            <span data-i18n="action.add">新規追加</span>
+                        </button>
+                        <button class="btn btn-ghost" id="exportBtn">
+                            <i data-lucide="download" style="width:14px;height:14px;stroke-width:1.75"></i>
+                            <span data-i18n="action.export">エクスポート</span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 一覧ビュー -->
+            <div id="view-list" hidden>
+                <div class="empty">
+                    <i data-lucide="inbox" style="width:36px;height:36px;stroke-width:1;color:var(--border)"></i>
+                    <p class="empty-title" data-i18n="empty.list.title">データがありません</p>
+                    <p class="empty-desc" data-i18n="empty.list.desc">最初のアイテムを追加してください</p>
+                    <button class="btn btn-ghost mt-4">
+                        <i data-lucide="plus" style="width:13px;height:13px;stroke-width:2"></i>
+                        <span data-i18n="action.add">新規追加</span>
+                    </button>
+                </div>
+            </div>
+
+            <!-- アーカイブビュー -->
+            <div id="view-archive" hidden>
+                <div class="empty">
+                    <i data-lucide="archive" style="width:36px;height:36px;stroke-width:1;color:var(--border)"></i>
+                    <p class="empty-title" data-i18n="empty.archive.title">アーカイブは空です</p>
+                    <p class="empty-desc" data-i18n="empty.archive.desc">完了したアイテムがここに表示されます</p>
+                </div>
+            </div>
+
+        </main>
+    </div>
+</div>
+
+<!-- トースト（aria-live で読み上げ対応） -->
+<div id="toast" role="status" aria-live="polite" aria-atomic="true"></div>
+
+<script>
+// ════════════════════════════════════════════════════════
+//  i18n
+// ════════════════════════════════════════════════════════
+const STRINGS = {
+    ja: {
+        'a11y.skipLink':           'コンテンツへスキップ',
+        'nav.section.main':        'メインメニュー',
+        'nav.section.sub':         'その他',
+        'nav.home':                'ホーム',
+        'nav.list':                '一覧',
+        'nav.archive':             'アーカイブ',
+        'user.role':               'メンバー',
+        'settings.title':          '設定',
+        'settings.group.appearance':'外観',
+        'settings.group.display':  '表示',
+        'settings.group.connection':'接続',
+        'settings.group.account':  'アカウント',
+        'settings.theme':          'テーマ',
+        'settings.theme.dark':     'ダーク',
+        'settings.theme.light':    'ライト',
+        'settings.theme.system':   '自動',
+        'settings.language':       '言語 / Language',
+        'settings.compact':        'コンパクト表示',
+        'settings.compact.desc':   'リストの行間を詰める',
+        'settings.apiKey':         'Posimai API Key',
+        'settings.apiKey.placeholder': 'pk_xxxx_...',
+        'settings.apiKey.desc':    'Brain への保存に使用されます。キーはブラウザにのみ保存されます。',
+        'settings.save':           '保存',
+        'settings.clearData':      'データをすべて削除',
+        'section.recent':          '最近',
+        'section.actions':         'クイックアクション',
+        'badge.done':              '完了',
+        'badge.inProgress':        '進行中',
+        'empty.list.title':        'データがありません',
+        'empty.list.desc':         '最初のアイテムを追加してください',
+        'empty.archive.title':     'アーカイブは空です',
+        'empty.archive.desc':      '完了したアイテムがここに表示されます',
+        'action.add':              '新規追加',
+        'action.export':           'エクスポート',
+        'toast.saved':             '保存しました',
+        'toast.apiKeySaved':       'API キーを保存しました',
+        'toast.dataCleared':       'データを削除しました',
+        'toast.update':            '更新があります',
+        'confirm.clearData':       'すべてのデータを削除しますか？この操作は元に戻せません。',
+    },
+    en: {
+        'a11y.skipLink':           'Skip to content',
+        'nav.section.main':        'Main Menu',
+        'nav.section.sub':         'More',
+        'nav.home':                'Home',
+        'nav.list':                'List',
+        'nav.archive':             'Archive',
+        'user.role':               'Member',
+        'settings.title':          'Settings',
+        'settings.group.appearance':'Appearance',
+        'settings.group.display':  'Display',
+        'settings.group.connection':'Connection',
+        'settings.group.account':  'Account',
+        'settings.theme':          'Theme',
+        'settings.theme.dark':     'Dark',
+        'settings.theme.light':    'Light',
+        'settings.theme.system':   'Auto',
+        'settings.language':       '言語 / Language',
+        'settings.compact':        'Compact view',
+        'settings.compact.desc':   'Reduce row spacing in lists',
+        'settings.apiKey':         'Posimai API Key',
+        'settings.apiKey.placeholder': 'pk_xxxx_...',
+        'settings.apiKey.desc':    'Used for saving to Brain. Stored in browser only.',
+        'settings.save':           'Save',
+        'settings.clearData':      'Delete all data',
+        'section.recent':          'Recent',
+        'section.actions':         'Quick Actions',
+        'badge.done':              'Done',
+        'badge.inProgress':        'In Progress',
+        'empty.list.title':        'Nothing here',
+        'empty.list.desc':         'Add your first item to get started',
+        'empty.archive.title':     'Archive is empty',
+        'empty.archive.desc':      'Completed items will appear here',
+        'action.add':              'New',
+        'action.export':           'Export',
+        'toast.saved':             'Saved',
+        'toast.apiKeySaved':       'API key saved',
+        'toast.dataCleared':       'Data deleted',
+        'toast.update':            'Update available',
+        'confirm.clearData':       'Delete all data? This cannot be undone.',
+    }
+};
+
+let _locale = document.documentElement.getAttribute('data-locale') || 'ja';
+
+function t(key) {
+    return (STRINGS[_locale] || STRINGS.ja)[key] || (STRINGS.ja[key] || key);
+}
+
+function applyLocale(locale) {
+    _locale = locale;
+    document.documentElement.lang = locale;
+    document.documentElement.setAttribute('data-locale', locale);
+    localStorage.setItem('APP_ID-locale', locale);
+
+    document.querySelectorAll('[data-i18n]').forEach(el => {
+        const k = el.dataset.i18n;
+        const s = t(k);
+        if (s !== k) el.textContent = s;
+    });
+    document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+        const k = el.dataset.i18nPlaceholder;
+        const s = t(k);
+        if (s !== k) el.placeholder = s;
+    });
+
+    // ナビページタイトルも更新
+    const activeNav = document.querySelector('.nav-item.active');
+    if (activeNav) {
+        const title = locale === 'en'
+            ? activeNav.dataset.titleEn
+            : activeNav.dataset.titleJa;
+        if (title) document.getElementById('pageTitle').textContent = title;
+    }
+
+    // 言語ボタン状態更新
+    document.querySelectorAll('.lang-btn').forEach(btn => {
+        const active = btn.dataset.langVal === locale;
+        btn.classList.toggle('active', active);
+        btn.setAttribute('aria-pressed', String(active));
+    });
+}
+
+// ════════════════════════════════════════════════════════
+//  テーマ
+// ════════════════════════════════════════════════════════
+let _themePref = document.documentElement.getAttribute('data-theme-pref') || 'system';
+
+const _mql = window.matchMedia('(prefers-color-scheme: dark)');
+
+function applyTheme(pref) {
+    _themePref = pref;
+    localStorage.setItem('APP_ID-theme', pref);
+    document.documentElement.setAttribute('data-theme-pref', pref);
+
+    const dark = pref === 'dark' || (pref === 'system' && _mql.matches);
+    document.documentElement.setAttribute('data-theme', dark ? 'dark' : 'light');
+
+    // テーマボタン状態更新
+    document.querySelectorAll('.theme-btn').forEach(btn => {
+        const active = btn.dataset.themeVal === pref;
+        btn.classList.toggle('active', active);
+        btn.setAttribute('aria-pressed', String(active));
+    });
+}
+
+// OSのテーマ変更を検知（system モード時のみ反映）
+_mql.addEventListener('change', () => {
+    if (_themePref === 'system') applyTheme('system');
+});
+
+// ════════════════════════════════════════════════════════
+//  サイドバー
+// ════════════════════════════════════════════════════════
+const sidebar  = document.getElementById('sidebar');
+const overlay  = document.getElementById('overlay');
+const menuBtn  = document.getElementById('menuBtn');
+const closeBtn = document.getElementById('closeBtn');
+const SIDEBAR_KEY = 'APP_ID-sidebar-collapsed';
+
+const isDesktop = () => window.matchMedia('(min-width: 1024px)').matches;
+
+function openSidebar() {
+    if (isDesktop()) {
+        document.body.classList.remove('sidebar-collapsed');
+        localStorage.removeItem(SIDEBAR_KEY);
+        menuBtn.setAttribute('aria-expanded', 'true');
+    } else {
+        sidebar.classList.add('open');
+        overlay.classList.add('open');
+        overlay.setAttribute('aria-hidden', 'false');
+        closeBtn.setAttribute('aria-expanded', 'true');
+        menuBtn.setAttribute('aria-expanded', 'true');
+    }
+}
+function closeSidebar() {
+    if (isDesktop()) {
+        document.body.classList.add('sidebar-collapsed');
+        localStorage.setItem(SIDEBAR_KEY, '1');
+        menuBtn.setAttribute('aria-expanded', 'false');
+    } else {
+        sidebar.classList.remove('open');
+        overlay.classList.remove('open');
+        overlay.setAttribute('aria-hidden', 'true');
+        closeBtn.setAttribute('aria-expanded', 'false');
+        menuBtn.setAttribute('aria-expanded', 'false');
+    }
+}
+
+if (isDesktop() && localStorage.getItem(SIDEBAR_KEY)) {
+    document.body.classList.add('sidebar-collapsed');
+}
+
+menuBtn.addEventListener('click', openSidebar);
+closeBtn.addEventListener('click', closeSidebar);
+overlay.addEventListener('click', () => {
+    closeSidebar();
+    closeSettings();
+});
+
+// ── Accordion ──────────────────────────────────────────
+document.querySelectorAll('.nav-section-toggle').forEach(btn => {
+    const id = btn.dataset.accordion;
+    const accordion = document.getElementById('accordion-' + id);
+    if (!accordion) return;
+
+    accordion.style.maxHeight = accordion.scrollHeight + 'px';
+
+    btn.addEventListener('click', () => {
+        const isCollapsed = accordion.classList.contains('collapsed');
+        if (isCollapsed) {
+            accordion.classList.remove('collapsed');
+            accordion.style.maxHeight = accordion.scrollHeight + 'px';
+            btn.style.transform = '';
+            btn.setAttribute('aria-expanded', 'true');
+        } else {
+            accordion.classList.add('collapsed');
+            accordion.style.maxHeight = '0px';
+            btn.style.transform = 'rotate(-90deg)';
+            btn.setAttribute('aria-expanded', 'false');
+        }
+        btn.style.transition = 'transform .2s var(--ease)';
+    });
+});
+
+// ── ナビゲーション ──────────────────────────────────────
+document.querySelectorAll('.nav-item').forEach(item => {
+    item.addEventListener('click', e => {
+        e.preventDefault();
+        const view  = item.dataset.view;
+        const title = _locale === 'en' ? item.dataset.titleEn : item.dataset.titleJa;
+
+        document.querySelectorAll('.nav-item').forEach(n => {
+            n.classList.remove('active');
+            n.removeAttribute('aria-current');
+        });
+        item.classList.add('active');
+        item.setAttribute('aria-current', 'page');
+
+        if (title) document.getElementById('pageTitle').textContent = title;
+
+        document.querySelectorAll('[id^="view-"]').forEach(v => v.hidden = true);
+        const el = document.getElementById('view-' + view);
+        if (el) el.hidden = false;
+
+        if (!isDesktop()) closeSidebar();
+    });
+});
+
+// ════════════════════════════════════════════════════════
+//  設定パネル
+// ════════════════════════════════════════════════════════
+const settingsPanel    = document.getElementById('settingsPanel');
+const settingsBtn      = document.getElementById('settingsBtn');
+const settingsCloseBtn = document.getElementById('settingsCloseBtn');
+
+const FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]), select, textarea, [tabindex]:not([tabindex="-1"])';
+
+function trapFocus(container, trigger) {
+    const els = [...container.querySelectorAll(FOCUSABLE)];
+    if (!els.length) return () => {};
+    els[0].focus();
+    function handler(e) {
+        if (e.key === 'Tab') {
+            const first = els[0], last = els[els.length - 1];
+            if (e.shiftKey && document.activeElement === first) {
+                e.preventDefault(); last.focus();
+            } else if (!e.shiftKey && document.activeElement === last) {
+                e.preventDefault(); first.focus();
+            }
+        }
+    }
+    container.addEventListener('keydown', handler);
+    return () => container.removeEventListener('keydown', handler);
+}
+
+let _removeFocusTrap = null;
+
+function openSettings() {
+    // 設定値をフォームに反映
+    const savedKey = localStorage.getItem('posimai_api_key') || '';
+    document.getElementById('apiKeyInput').value = savedKey;
+
+    settingsPanel.classList.add('open');
+    settingsBtn.setAttribute('aria-expanded', 'true');
+    if (!isDesktop()) {
+        overlay.classList.add('open');
+        sidebar.classList.remove('open');
+    }
+    _removeFocusTrap = trapFocus(settingsPanel, settingsBtn);
+}
+
+function closeSettings() {
+    settingsPanel.classList.remove('open');
+    settingsBtn.setAttribute('aria-expanded', 'false');
+    if (!isDesktop()) overlay.classList.remove('open');
+    if (_removeFocusTrap) { _removeFocusTrap(); _removeFocusTrap = null; }
+    settingsBtn.focus();
+}
+
+function toggleSettings() {
+    settingsPanel.classList.contains('open') ? closeSettings() : openSettings();
+}
+settingsBtn.addEventListener('click', toggleSettings);
+settingsCloseBtn.addEventListener('click', closeSettings);
+
+// user-row 全体でもトグル（gear icon が小さいため）
+document.querySelector('.user-row').addEventListener('click', (e) => {
+    if (!e.target.closest('button') || e.target.closest('#settingsBtn')) toggleSettings();
+});
+
+// Escape で閉じる（グローバル）
+document.addEventListener('keydown', e => {
+    if (e.key !== 'Escape') return;
+    if (settingsPanel.classList.contains('open')) { closeSettings(); return; }
+    if (!isDesktop() && sidebar.classList.contains('open')) { closeSidebar(); menuBtn.focus(); }
+});
+
+// ── テーマ切り替え ─────────────────────────────────────
+document.querySelectorAll('.theme-btn').forEach(btn => {
+    btn.addEventListener('click', () => applyTheme(btn.dataset.themeVal));
+});
+
+// ── 言語切り替え ───────────────────────────────────────
+document.querySelectorAll('.lang-btn').forEach(btn => {
+    btn.addEventListener('click', () => applyLocale(btn.dataset.langVal));
+});
+
+// ── コンパクト切り替え ─────────────────────────────────
+const compactToggle = document.getElementById('toggle-compact');
+compactToggle.checked = !!localStorage.getItem('APP_ID-compact');
+document.body.classList.toggle('compact', compactToggle.checked);
+compactToggle.addEventListener('change', () => {
+    document.body.classList.toggle('compact', compactToggle.checked);
+    localStorage.setItem('APP_ID-compact', compactToggle.checked ? '1' : '');
+});
+
+// ── API キー保存 ───────────────────────────────────────
+document.getElementById('saveApiKeyBtn').addEventListener('click', () => {
+    const val = document.getElementById('apiKeyInput').value.trim();
+    if (val) {
+        localStorage.setItem('posimai_api_key', val);
+    } else {
+        localStorage.removeItem('posimai_api_key');
+    }
+    showToast(t('toast.apiKeySaved'));
+    closeSettings();
+});
+
+// ── データ削除 ─────────────────────────────────────────
+document.getElementById('clearDataBtn').addEventListener('click', () => {
+    if (!confirm(t('confirm.clearData'))) return;
+    // posimai_api_key と テーマ・ロケール設定は保持
+    const keep = ['posimai_api_key', 'APP_ID-theme', 'APP_ID-locale', 'APP_ID-sidebar-collapsed'];
+    const saved = {};
+    keep.forEach(k => { const v = localStorage.getItem(k); if (v) saved[k] = v; });
+    localStorage.clear();
+    Object.entries(saved).forEach(([k, v]) => localStorage.setItem(k, v));
+    showToast(t('toast.dataCleared'));
+    setTimeout(() => location.reload(), 800);
+});
+
+// ════════════════════════════════════════════════════════
+//  サンプルボタン
+// ════════════════════════════════════════════════════════
+document.getElementById('addBtn').addEventListener('click', () => showToast(t('toast.saved')));
+document.getElementById('exportBtn').addEventListener('click', () => showToast(t('toast.saved')));
+
+// ════════════════════════════════════════════════════════
+//  トースト
+// ════════════════════════════════════════════════════════
+let _toastTimer;
+function showToast(msg, duration = 2500) {
+    const el = document.getElementById('toast');
+    el.textContent = msg;
+    el.classList.add('show');
+    clearTimeout(_toastTimer);
+    _toastTimer = setTimeout(() => el.classList.remove('show'), duration);
+}
+
+// ════════════════════════════════════════════════════════
+//  Service Worker
+// ════════════════════════════════════════════════════════
+if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('/sw.js').then(reg => {
+        reg.addEventListener('updatefound', () => {
+            const nw = reg.installing;
+            nw.addEventListener('statechange', () => {
+                if (nw.state === 'installed' && navigator.serviceWorker.controller) {
+                    showToast(t('toast.update'), 8000);
+                }
+            });
+        });
+    });
+}
+
+// ════════════════════════════════════════════════════════
+//  初期化
+// ════════════════════════════════════════════════════════
+lucide.createIcons();
+applyTheme(_themePref);
+applyLocale(_locale);
+</script>
+</body>
+</html>
diff --git a/_template/manifest.json b/_template/manifest.json
new file mode 100644
index 00000000..84821776
--- /dev/null
+++ b/_template/manifest.json
@@ -0,0 +1,17 @@
+{
+    "id": "/APP_ID/",
+    "name": "APP_NAME",
+    "short_name": "APP_NAME",
+    "description": "APP_DESCRIPTION",
+    "start_url": "/",
+    "display": "standalone",
+    "display_override": ["window-controls-overlay", "standalone"],
+    "background_color": "#0D0D0D",
+    "theme_color": "#0D0D0D",
+    "orientation": "portrait-primary",
+    "categories": ["productivity"],
+    "icons": [
+        { "src": "/logo.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+        { "src": "/logo.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+    ]
+}
diff --git a/_template/package.json b/_template/package.json
new file mode 100644
index 00000000..dc417230
--- /dev/null
+++ b/_template/package.json
@@ -0,0 +1,9 @@
+{
+    "name": "APP_ID",
+    "version": "1.0.0",
+    "description": "APP_DESCRIPTION",
+    "private": true,
+    "scripts": {
+        "deploy": "git push gitea main && git push github main"
+    }
+}
diff --git a/_template/sw.js b/_template/sw.js
new file mode 100644
index 00000000..734d1975
--- /dev/null
+++ b/_template/sw.js
@@ -0,0 +1,38 @@
+// Posimai SW — stale-while-revalidate + update notification
+// バージョンは index.html に inline で管理（この文字列変更で旧キャッシュ削除）
+const CACHE = 'APP_ID-v2';
+const STATIC = ['/', '/index.html', '/manifest.json', '/logo.png'];
+
+self.addEventListener('install', e => {
+    e.waitUntil(
+        caches.open(CACHE).then(c => c.addAll(STATIC))
+        // skipWaiting() は意図的に呼ばない
+        // → updatefound イベントで UI 側からユーザーに通知する方式を採用
+    );
+});
+
+self.addEventListener('activate', e => {
+    e.waitUntil(
+        caches.keys().then(keys =>
+            Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k)))
+        ).then(() => self.clients.claim())
+    );
+});
+
+self.addEventListener('fetch', e => {
+    if (e.request.method !== 'GET') return;
+    if (!e.request.url.startsWith(self.location.origin)) return;
+
+    e.respondWith(
+        caches.open(CACHE).then(cache =>
+            cache.match(e.request).then(cached => {
+                const network = fetch(e.request).then(res => {
+                    if (res.ok && res.type === 'basic') cache.put(e.request, res.clone());
+                    return res;
+                }).catch(() => cached);
+                // stale-while-revalidate: キャッシュがあればすぐ返し、裏でネットワーク更新
+                return cached || network;
+            })
+        )
+    );
+});
diff --git a/deploy-server.sh b/deploy-server.sh
new file mode 100644
index 00000000..a0a9ae72
--- /dev/null
+++ b/deploy-server.sh
@@ -0,0 +1,45 @@
+#!/usr/bin/env bash
+# ============================================
+# Posimai API — Synology server.js デプロイスクリプト
+# 使い方: bash deploy-server.sh
+# ============================================
+set -e
+
+HOST="mai@100.76.7.3"
+CONTAINER="posimai_api"
+SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+SERVER_FILE="$SCRIPT_DIR/server.js"
+REMOTE_TMP="/tmp/server-deploy.js"
+DOCKER="/usr/local/bin/docker"
+
+echo "========================================"
+echo " Posimai API Deploy"
+echo "========================================"
+
+if [ ! -f "$SERVER_FILE" ]; then
+    echo "[ERROR] server.js が見つかりません: $SERVER_FILE"
+    exit 1
+fi
+
+echo ""
+echo "→ Step 1: server.js を Synology /tmp に転送..."
+echo "  (SSH パスワードを求められたら入力してください)"
+ssh "$HOST" "cat > $REMOTE_TMP" < "$SERVER_FILE"
+echo "  ✓ 転送完了"
+
+echo ""
+echo "→ Step 2: コンテナに適用 + 再起動..."
+echo "  (sudo パスワードを求められたら入力してください)"
+ssh -t "$HOST" "
+    sudo $DOCKER cp $REMOTE_TMP $CONTAINER:/app/server.js && \
+    echo '  ✓ コピー完了' && \
+    sudo $DOCKER restart $CONTAINER && \
+    echo '  ✓ 再起動完了。ログを確認中...' && \
+    sleep 5 && \
+    sudo $DOCKER logs $CONTAINER --tail 20
+"
+
+echo ""
+echo "========================================"
+echo " Deploy 完了"
+echo "========================================"
diff --git a/scripts/check-design.sh b/scripts/check-design.sh
new file mode 100644
index 00000000..a55ce661
--- /dev/null
+++ b/scripts/check-design.sh
@@ -0,0 +1,156 @@
+#!/usr/bin/env bash
+# =============================================================================
+# Posimai — Design Rules Checker
+# デプロイ前に実行して禁止パターンの混入を検出する
+# 使い方: bash scripts/check-design.sh [対象ディレクトリ]
+# 例:     bash scripts/check-design.sh posimai-habit
+#         bash scripts/check-design.sh            ← 全 HTML アプリを対象
+# =============================================================================
+
+TARGET="${1:-.}"
+ERRORS=0
+WARNINGS=0
+
+RED='\033[0;31m'
+YLW='\033[0;33m'
+GRN='\033[0;32m'
+DIM='\033[2m'
+NC='\033[0m'
+
+err()  { echo -e "${RED}[ERR]${NC}  $1"; ((ERRORS++)); }
+warn() { echo -e "${YLW}[WARN]${NC} $1"; ((WARNINGS++)); }
+ok()   { echo -e "${GRN}[OK]${NC}   $1"; }
+
+echo ""
+echo "  Posimai Design Rules Checker"
+echo "  Target: ${TARGET}"
+echo "  ────────────────────────────────────────"
+echo ""
+
+# ── 1. 絵文字の混入 ──────────────────────────────────────────────────────────
+echo "1. 絵文字チェック"
+EMOJI_HITS=$(grep -rn --include="*.html" --include="*.tsx" --include="*.ts" --include="*.js" \
+    -P '[\x{1F300}-\x{1F9FF}]|[\x{2600}-\x{27BF}]|✅|📱|⚙️|🎉|🚀|❌|⚠️|💡|🔧|📦|🎨' \
+    "${TARGET}" 2>/dev/null | grep -v ".git/" | grep -v "node_modules/")
+if [ -n "$EMOJI_HITS" ]; then
+    err "絵文字が検出されました"
+    echo "$EMOJI_HITS" | while read -r line; do echo -e "     ${DIM}${line}${NC}"; done
+else
+    ok "絵文字なし"
+fi
+echo ""
+
+# ── 2. @latest バージョン未固定 ─────────────────────────────────────────────
+echo "2. CDN バージョン固定チェック (@latest)"
+LATEST_HITS=$(grep -rn --include="*.html" --include="*.tsx" --include="*.ts" \
+    "@latest" "${TARGET}" 2>/dev/null | grep -v ".git/" | grep -v "node_modules/")
+if [ -n "$LATEST_HITS" ]; then
+    err "@latest が検出されました — バージョンを固定してください"
+    echo "$LATEST_HITS" | while read -r line; do echo -e "     ${DIM}${line}${NC}"; done
+else
+    ok "@latest なし"
+fi
+echo ""
+
+# ── 3. manifest.json 参照の確認 ──────────────────────────────────────────────
+echo "3. manifest.json 参照チェック"
+HTML_FILES=$(find "${TARGET}" -name "index.html" -not -path "*/.git/*" -not -path "*/node_modules/*" 2>/dev/null)
+MISSING_MANIFEST=""
+for f in $HTML_FILES; do
+    if ! grep -q "manifest.json" "$f"; then
+        MISSING_MANIFEST="${MISSING_MANIFEST}\n     ${f}"
+    fi
+done
+if [ -n "$MISSING_MANIFEST" ]; then
+    err "manifest.json 参照がない index.html:${MISSING_MANIFEST}"
+else
+    [ -n "$HTML_FILES" ] && ok "全 index.html に manifest.json あり"
+fi
+echo ""
+
+# ── 4. sw.js 参照の確認 ──────────────────────────────────────────────────────
+echo "4. sw.js 参照チェック"
+MISSING_SW=""
+for f in $HTML_FILES; do
+    if ! grep -q "sw.js" "$f"; then
+        MISSING_SW="${MISSING_SW}\n     ${f}"
+    fi
+done
+if [ -n "$MISSING_SW" ]; then
+    err "sw.js 参照がない index.html:${MISSING_SW}"
+else
+    [ -n "$HTML_FILES" ] && ok "全 index.html に sw.js あり"
+fi
+echo ""
+
+# ── 5. theme-color メディアクエリ欠落チェック ────────────────────────────────
+echo "5. theme-color メディアクエリチェック"
+MISSING_MQ=""
+for f in $HTML_FILES; do
+    # theme-color はあるがメディアクエリがない行を検出
+    if grep -q 'name="theme-color"' "$f"; then
+        if grep -P 'name="theme-color"' "$f" | grep -qv 'media='; then
+            MISSING_MQ="${MISSING_MQ}\n     ${f}"
+        fi
+    fi
+done
+if [ -n "$MISSING_MQ" ]; then
+    err "theme-color にメディアクエリがありません:${MISSING_MQ}"
+else
+    [ -n "$HTML_FILES" ] && ok "theme-color メディアクエリ OK"
+fi
+echo ""
+
+# ── 6. アクセントカラー直書きチェック ───────────────────────────────────────
+echo "6. アクセントカラー直書きチェック"
+HARDCODED_HITS=$(grep -rn --include="*.html" --include="*.css" \
+    -E '(color|background|border|box-shadow|fill|stroke)\s*:\s*(#6EE7B7|#059669|#80CAEE|#0284C7)' \
+    "${TARGET}" 2>/dev/null | grep -v ".git/" | grep -v "node_modules/" | \
+    # CLAUDE.md や定義部分 (:root, CSS変数定義) は除外
+    grep -v "var(--" | grep -v ":root")
+if [ -n "$HARDCODED_HITS" ]; then
+    warn "アクセントカラーが CSS 変数ではなく直書きされています (var(--accent) 推奨)"
+    echo "$HARDCODED_HITS" | while read -r line; do echo -e "     ${DIM}${line}${NC}"; done
+else
+    ok "アクセントカラー直書きなし"
+fi
+echo ""
+
+# ── 7. rel="noopener" チェック ────────────────────────────────────────────────
+echo "7. rel=noopener チェック (target=_blank)"
+NOOP_HITS=$(grep -rn --include="*.html" --include="*.tsx" --include="*.ts" \
+    'target="_blank"' "${TARGET}" 2>/dev/null | \
+    grep -v 'rel=.*noopener' | grep -v ".git/" | grep -v "node_modules/")
+if [ -n "$NOOP_HITS" ]; then
+    warn 'target="_blank" に rel="noopener" がありません'
+    echo "$NOOP_HITS" | while read -r line; do echo -e "     ${DIM}${line}${NC}"; done
+else
+    ok 'rel="noopener" OK'
+fi
+echo ""
+
+# ── 8. lucide@0.344.0 以外のバージョン ──────────────────────────────────────
+echo "8. Lucide バージョンチェック"
+LUCIDE_WRONG=$(grep -rn --include="*.html" \
+    "lucide@" "${TARGET}" 2>/dev/null | \
+    grep -v "lucide@0.344.0" | grep -v ".git/" | grep -v "node_modules/")
+if [ -n "$LUCIDE_WRONG" ]; then
+    err "lucide@0.344.0 以外のバージョンが検出されました"
+    echo "$LUCIDE_WRONG" | while read -r line; do echo -e "     ${DIM}${line}${NC}"; done
+else
+    ok "Lucide バージョン OK"
+fi
+echo ""
+
+# ── 結果サマリ ────────────────────────────────────────────────────────────────
+echo "  ────────────────────────────────────────"
+if [ $ERRORS -eq 0 ] && [ $WARNINGS -eq 0 ]; then
+    echo -e "  ${GRN}すべてのチェックをパスしました。${NC}"
+elif [ $ERRORS -eq 0 ]; then
+    echo -e "  ${YLW}警告 ${WARNINGS} 件（エラーなし）。確認してからデプロイしてください。${NC}"
+else
+    echo -e "  ${RED}エラー ${ERRORS} 件 / 警告 ${WARNINGS} 件。デプロイ前に修正してください。${NC}"
+    echo ""
+    exit 1
+fi
+echo ""
diff --git a/scripts/deploy-server.sh b/scripts/deploy-server.sh
new file mode 100644
index 00000000..e33fcf7c
--- /dev/null
+++ b/scripts/deploy-server.sh
@@ -0,0 +1,72 @@
+#!/usr/bin/env bash
+# deploy-server.sh
+# server-updated.js を Synology の posimai_api コンテナに自動デプロイする
+#
+# 使い方:
+#   bash scripts/deploy-server.sh
+#
+# === 初回セットアップ（一度だけ）=== 完全自動化のための NOPASSWD 設定
+#   ssh mai@100.76.7.3
+#   echo 'mai ALL=(ALL) NOPASSWD: /usr/local/bin/docker' | sudo tee /etc/sudoers.d/mai-docker
+#   chmod 440 /etc/sudoers.d/mai-docker
+#   exit
+#   # 以後 sudo docker コマンドがパスワードなしで実行可能になる
+
+set -e
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+SERVER_FILE="$SCRIPT_DIR/../server.js"
+SSH_HOST="mai@100.76.7.3"
+DOCKER="/usr/local/bin/docker"
+CONTAINER="posimai_api"
+REMOTE_TMP="/tmp/posimai-server-deploy.js"
+
+if [ ! -f "$SERVER_FILE" ]; then
+  echo "ERROR: $SERVER_FILE が見つかりません"
+  exit 1
+fi
+
+echo "==> [1/3] Synology にファイル転送中 (stdin 経由、SFTP不要)..."
+cat "$SERVER_FILE" | ssh "$SSH_HOST" "cat > $REMOTE_TMP"
+echo "    転送完了"
+
+echo "==> [2/3] コンテナへコピー & 再起動..."
+# NOPASSWD 設定済みの場合: -t なしで動作
+# 未設定の場合: ターミナルから手動実行が必要
+if ssh "$SSH_HOST" "sudo -n $DOCKER inspect $CONTAINER > /dev/null 2>&1"; then
+  # NOPASSWD 有効 — 完全自動
+  ssh "$SSH_HOST" "
+    sudo $DOCKER cp $REMOTE_TMP $CONTAINER:/app/server.js && \
+    sudo $DOCKER restart $CONTAINER && \
+    rm -f $REMOTE_TMP
+  "
+  echo "    コンテナ再起動完了"
+else
+  # NOPASSWD 未設定 — ファイルは転送済み、docker コマンドは手動実行
+  echo ""
+  echo "ファイル転送完了。以下を Synology SSH で実行してください:"
+  echo ""
+  echo "  ssh -t $SSH_HOST \\"
+  echo "    \"sudo $DOCKER cp $REMOTE_TMP $CONTAINER:/app/server.js && \\"
+  echo "     sudo $DOCKER restart $CONTAINER && \\"
+  echo "     rm -f $REMOTE_TMP\""
+  echo ""
+  echo "完全自動化するには初回セットアップ（スクリプト冒頭のコメント参照）を行ってください。"
+  exit 0
+fi
+
+echo "==> [3/3] ヘルスチェック..."
+sleep 3
+STATUS=$(ssh "$SSH_HOST" "sudo $DOCKER inspect --format='{{.State.Status}}' $CONTAINER 2>/dev/null || echo unknown")
+echo "    コンテナ状態: $STATUS"
+
+if [ "$STATUS" = "running" ]; then
+  echo ""
+  echo "デプロイ成功!"
+  echo "API: https://posimai-lab.tail72e846.ts.net/brain/api"
+else
+  echo ""
+  echo "WARNING: コンテナの状態を確認してください (status: $STATUS)"
+  echo "  ssh mai@100.76.7.3"
+  echo "  sudo /usr/local/bin/docker logs $CONTAINER --tail 50"
+fi
diff --git a/scripts/export-article.ps1 b/scripts/export-article.ps1
new file mode 100644
index 00000000..87080164
--- /dev/null
+++ b/scripts/export-article.ps1
@@ -0,0 +1,26 @@
+# Brain記事エクスポートスクリプト
+param(
+    [Parameter(Mandatory=$true)]
+    [int]$ArticleId
+)
+
+$outputFile = "article-$ArticleId-clean.md"
+
+Write-Host "記事ID $ArticleId をエクスポート中..." -ForegroundColor Cyan
+
+# SSHでPostgreSQLから取得
+$content = ssh mai@100.76.7.3 "/usr/local/bin/docker exec gitea_db psql -U gitea -d posimai_brain -t -A -c 'SELECT full_text FROM articles WHERE id=$ArticleId'"
+
+if ($LASTEXITCODE -ne 0) {
+    Write-Host "エラー: 記事の取得に失敗しました" -ForegroundColor Red
+    exit 1
+}
+
+# \nを実際の改行に変換
+$content = $content -replace '\\n', "`r`n"
+
+# UTF-8で保存
+[System.IO.File]::WriteAllText("$PSScriptRoot\$outputFile", $content, [System.Text.Encoding]::UTF8)
+
+Write-Host "✓ 保存完了: $outputFile" -ForegroundColor Green
+Write-Host "  ファイルサイズ: $([Math]::Round((Get-Item $outputFile).Length / 1KB, 2)) KB"
diff --git a/scripts/export-article.sh b/scripts/export-article.sh
new file mode 100644
index 00000000..9bab63ca
--- /dev/null
+++ b/scripts/export-article.sh
@@ -0,0 +1,26 @@
+#!/bin/bash
+# Brain記事エクスポートスクリプト (Git Bash用)
+
+if [ -z "$1" ]; then
+    echo "使用方法: ./export-article.sh <記事ID>"
+    echo "例: ./export-article.sh 78"
+    exit 1
+fi
+
+ARTICLE_ID=$1
+OUTPUT_FILE="article-${ARTICLE_ID}.md"
+
+echo "📥 記事ID ${ARTICLE_ID} をエクスポート中..."
+
+# SSHでPostgreSQLから取得して、\nを実際の改行に変換
+ssh mai@100.76.7.3 "/usr/local/bin/docker exec gitea_db psql -U gitea -d posimai_brain -t -A -c 'SELECT full_text FROM articles WHERE id=${ARTICLE_ID}'" | sed 's/\\n/\n/g' > "${OUTPUT_FILE}"
+
+if [ $? -eq 0 ] && [ -s "${OUTPUT_FILE}" ]; then
+    FILE_SIZE=$(du -h "${OUTPUT_FILE}" | cut -f1)
+    echo "✅ 保存完了: ${OUTPUT_FILE}"
+    echo "   ファイルサイズ: ${FILE_SIZE}"
+else
+    echo "❌ エラー: 記事の取得に失敗しました"
+    rm -f "${OUTPUT_FILE}"
+    exit 1
+fi
diff --git a/scripts/new-app.sh b/scripts/new-app.sh
new file mode 100644
index 00000000..20d095ae
--- /dev/null
+++ b/scripts/new-app.sh
@@ -0,0 +1,126 @@
+#!/usr/bin/env bash
+# ═══════════════════════════════════════════════════════════════
+#  Posimai New App Generator
+#  使い方: bash scripts/new-app.sh <app-id> "<表示名>" "<説明>"
+#  例:     bash scripts/new-app.sh posimai-timer "Posimai Timer" "シンプルなタイマーアプリ"
+# ═══════════════════════════════════════════════════════════════
+
+set -e  # エラーで即停止
+
+# ── 引数チェック ──────────────────────────────────────────────
+APP_ID="${1}"
+APP_NAME="${2}"
+APP_DESC="${3:-Posimai App}"
+
+if [[ -z "$APP_ID" || -z "$APP_NAME" ]]; then
+    echo "使い方: bash scripts/new-app.sh <app-id> \"<表示名>\" \"<説明>\""
+    echo "例:     bash scripts/new-app.sh posimai-timer \"Posimai Timer\" \"シンプルなタイマーアプリ\""
+    exit 1
+fi
+
+# ── 設定 ──────────────────────────────────────────────────────
+BASE_DIR="$(cd "$(dirname "$0")/.." && pwd)"
+TEMPLATE_DIR="$BASE_DIR/_template"
+APP_DIR="$BASE_DIR/$APP_ID"
+GITEA_URL="http://100.76.7.3:3000"
+GITEA_USER="mai"
+GITEA_PASS=$(printf "protocol=http\nhost=100.76.7.3\n" | git credential fill 2>/dev/null | grep ^password | cut -d= -f2)
+GITHUB_ORG="posimai"
+
+# ── 既存チェック ──────────────────────────────────────────────
+if [[ -d "$APP_DIR" ]]; then
+    echo "エラー: $APP_DIR はすでに存在します"
+    exit 1
+fi
+
+echo ""
+echo "═══════════════════════════════════════"
+echo "  新アプリ作成: $APP_NAME"
+echo "  ID: $APP_ID"
+echo "═══════════════════════════════════════"
+
+# ── Step 1: テンプレートをコピー ──────────────────────────────
+echo ""
+echo "[ 1/6 ] テンプレートをコピー中..."
+cp -r "$TEMPLATE_DIR" "$APP_DIR"
+
+# プレースホルダーを置換（全ファイル対象）
+find "$APP_DIR" -type f \( -name "*.html" -o -name "*.json" -o -name "*.js" -o -name "*.md" \) | while read f; do
+    sed -i "s/APP_NAME/$APP_NAME/g; s/APP_ID/$APP_ID/g; s/APP_DESCRIPTION/$APP_DESC/g" "$f"
+done
+echo "    完了: $APP_DIR"
+
+# ── Step 2: Git 初期化 ─────────────────────────────────────────
+echo ""
+echo "[ 2/6 ] Git 初期化..."
+cd "$APP_DIR"
+git init -b main
+git add .
+git commit -m "init: $APP_NAME"
+echo "    完了"
+
+# ── Step 3: Gitea リポジトリ作成 ─────────────────────────────
+echo ""
+echo "[ 3/6 ] Gitea にリポジトリ作成中..."
+HTTP_STATUS=$(curl -s -o /dev/null -w "%{http_code}" \
+    -X POST "$GITEA_URL/api/v1/user/repos" \
+    -H "Content-Type: application/json" \
+    -u "$GITEA_USER:$GITEA_PASS" \
+    -d "{\"name\":\"$APP_ID\",\"private\":true,\"auto_init\":false}")
+
+if [[ "$HTTP_STATUS" == "201" ]]; then
+    echo "    完了: $GITEA_URL/$GITEA_USER/$APP_ID"
+else
+    echo "    警告: Gitea API status=$HTTP_STATUS (既存または接続不可)"
+fi
+
+git remote add gitea "$GITEA_URL/$GITEA_USER/$APP_ID.git"
+git push gitea main
+echo "    Push 完了"
+
+# ── Step 4: GitHub リポジトリ作成 ────────────────────────────
+echo ""
+echo "[ 4/6 ] GitHub にリポジトリ作成中..."
+gh repo create "$GITHUB_ORG/$APP_ID" --private --description "$APP_DESC" 2>&1
+git remote add github "https://github.com/$GITHUB_ORG/$APP_ID.git"
+git push github main
+echo "    完了: https://github.com/$GITHUB_ORG/$APP_ID"
+
+# ── Step 5: Vercel 接続 ───────────────────────────────────────
+echo ""
+echo "[ 5/6 ] Vercel に接続中..."
+# github リモートを選択するため "2" を入力（gitea=1, github=2）
+printf "2\n" | vercel git connect "https://github.com/$GITHUB_ORG/$APP_ID.git" --yes 2>&1 || true
+echo "    完了"
+
+# ── Step 6: git hooks インストール ───────────────────────────
+echo ""
+echo "[ 6/6 ] Git フック設定..."
+cat > "$APP_DIR/.git/hooks/post-commit" << 'HOOK'
+#!/bin/sh
+echo ""
+echo "📦 コミット完了。デプロイするには:"
+echo "   npm run deploy"
+echo "   (Gitea + GitHub → Vercel 自動デプロイ)"
+echo ""
+HOOK
+chmod +x "$APP_DIR/.git/hooks/post-commit"
+echo "    完了"
+
+# ── 完了メッセージ ────────────────────────────────────────────
+echo ""
+echo "═══════════════════════════════════════"
+echo "  $APP_NAME — セットアップ完了!"
+echo "═══════════════════════════════════════"
+echo ""
+echo "  ディレクトリ : $APP_DIR"
+echo "  Gitea        : $GITEA_URL/$GITEA_USER/$APP_ID"
+echo "  GitHub       : https://github.com/$GITHUB_ORG/$APP_ID"
+echo "  Vercel       : https://$APP_ID.vercel.app (初回デプロイ後)"
+echo ""
+echo "  次のコマンドで開発開始:"
+echo "    cd $APP_ID"
+echo "    # コードを編集して..."
+echo "    git add . && git commit -m \"feat: ...\""
+echo "    npm run deploy"
+echo ""
diff --git a/server.js b/server.js
new file mode 100644
index 00000000..6a904d2d
--- /dev/null
+++ b/server.js
@@ -0,0 +1,1710 @@
+// ============================================
+// Posimai Brain API — Synology Docker Server
+// ============================================
+// Port: 8090
+// Route prefix: /brain/api (Tailscale Funnel) and /api (local dev)
+//
+// ENV VARS (set in docker-compose.yml):
+//   DB_HOST, DB_PORT, DB_USER, DB_PASSWORD
+//   GEMINI_API_KEY
+//   API_KEYS  = "pk_maita_xxx:maita,pk_partner_xxx:partner,pk_musume_xxx:musume"
+//   ALLOWED_ORIGINS = 追加許可したいオリジン（カンマ区切り）※ posimai-*.vercel.app は自動許可
+// ============================================
+
+const express = require('express');
+const cors = require('cors');
+const { Pool } = require('pg');
+const { GoogleGenerativeAI } = require('@google/generative-ai');
+const { parse } = require('node-html-parser');
+const fs = require('fs');
+const path = require('path');
+const crypto = require('crypto');
+
+const app = express();
+app.use(express.json({ limit: '10mb' }));
+
+// ── CORS ──────────────────────────────────
+// ALLOWED_ORIGINS 環境変数（カンマ区切り）+ 開発用ローカル
+// posimai-*.vercel.app は新アプリ追加のたびに変更不要（ワイルドカード許可）
+const extraOrigins = (process.env.ALLOWED_ORIGINS || '')
+    .split(',').map(o => o.trim()).filter(Boolean);
+
+function isAllowedOrigin(origin) {
+    if (!origin) return true;                                              // 同一オリジン
+    if (process.env.NODE_ENV !== 'production' && /^http:\/\/localhost(:\d+)?$/.test(origin)) return true; // localhost 開発のみ
+    if (/^https:\/\/posimai-[^.]+\.vercel\.app$/.test(origin)) return true; // 全 Posimai アプリ
+    if (extraOrigins.includes(origin)) return true;                        // 追加許可
+    return false;
+}
+
+// Chrome の Private Network Access ポリシー対応（cors より前に置く必要がある）
+// cors() が OPTIONS preflight を先に完結させるため、後に置いても実行されない
+app.use((req, res, next) => {
+    if (req.headers['access-control-request-private-network']) {
+        res.setHeader('Access-Control-Allow-Private-Network', 'true');
+    }
+    next();
+});
+
+app.use(cors({
+    origin: (origin, cb) => {
+        if (isAllowedOrigin(origin)) cb(null, true);
+        else cb(new Error('CORS not allowed'));
+    },
+    methods: ['GET', 'POST', 'PATCH', 'DELETE', 'OPTIONS'],
+    allowedHeaders: ['Content-Type', 'Authorization']
+}));
+
+// ── PostgreSQL ────────────────────────────
+const pool = new Pool({
+    host: process.env.DB_HOST || 'db',
+    port: parseInt(process.env.DB_PORT || '5432'),
+    user: process.env.DB_USER || 'gitea',
+    password: process.env.DB_PASSWORD || '',
+    database: 'posimai_brain',
+    max: 5
+});
+
+// ── Gemini ────────────────────────────────
+const genAI = process.env.GEMINI_API_KEY
+    ? new GoogleGenerativeAI(process.env.GEMINI_API_KEY) : null;
+
+// Together 専用インスタンス（GEMINI_TOGETHER_API_KEY 優先、なければ共用キーにフォールバック）
+const genAITogether = process.env.GEMINI_TOGETHER_API_KEY
+    ? new GoogleGenerativeAI(process.env.GEMINI_TOGETHER_API_KEY)
+    : genAI;
+
+// ── API Key 認証 ──────────────────────────
+// API_KEYS="pk_maita_abc:maita,pk_partner_def:partner"
+const KEY_MAP = {};
+(process.env.API_KEYS || '').split(',').forEach(pair => {
+    const [key, userId] = pair.trim().split(':');
+    if (key && userId) KEY_MAP[key.trim()] = userId.trim();
+});
+
+function authMiddleware(req, res, next) {
+    let key = '';
+
+    // 1. ヘッダーからの取得
+    const auth = req.headers.authorization || '';
+    if (auth.toLowerCase().startsWith('bearer ')) {
+        key = auth.substring(7).trim();
+    }
+    // 2. クエリパラメータからの取得 (Bookmarklet等)
+    else if (req.query.key) {
+        key = req.query.key.trim();
+    }
+
+    const userId = KEY_MAP[key];
+    if (!userId) return res.status(401).json({ error: '認証エラー: APIキーが無効です' });
+    req.userId = userId;
+    next();
+}
+
+// ── ソース抽出 ────────────────────────────
+const SOURCE_MAP = {
+    'zenn.dev': 'Zenn', 'qiita.com': 'Qiita',
+    'x.com': 'X', 'twitter.com': 'X',
+    'note.com': 'note', 'dev.to': 'DEV',
+    'nikkei.com': '日経', 'nikkei.co.jp': '日経',
+    'gigazine.net': 'GIGAZINE', 'gizmodo.jp': 'GIZMODE',
+    'developers.io': 'DevelopersIO', 'classmethod.jp': 'DevelopersIO',
+    'github.com': 'GitHub', 'medium.com': 'Medium',
+    'techcrunch.com': 'TechCrunch', 'vercel.com': 'Vercel',
+};
+
+function extractSource(url) {
+    try {
+        const host = new URL(url).hostname.replace(/^www\./, '');
+        for (const [domain, label] of Object.entries(SOURCE_MAP)) {
+            if (host === domain || host.endsWith('.' + domain)) return label;
+        }
+        return host;
+    } catch { return 'unknown'; }
+}
+
+// ── OGP フェッチ ───────────────────────────
+async function fetchMeta(url) {
+    try {
+        const res = await fetch(url, {
+            headers: { 'User-Agent': 'Mozilla/5.0 (compatible; PosimaiBot/1.0)' },
+            signal: AbortSignal.timeout(6000)
+        });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const buffer = await res.arrayBuffer();
+
+        // 文字コード判定（先頭2000バイトからcharsetを探す）
+        const headSnippet = new TextDecoder('utf-8', { fatal: false }).decode(buffer.slice(0, 2000));
+        let encoding = 'utf-8';
+        const charsetMatch = headSnippet.match(/charset=["']?(shift_jis|euc-jp|utf-8)["']?/i);
+        if (charsetMatch && charsetMatch[1]) {
+            encoding = charsetMatch[1].toLowerCase();
+        }
+
+        const html = new TextDecoder(encoding).decode(buffer);
+        const doc = parse(html);
+
+        const og = (p) => doc.querySelector(`meta[property="${p}"]`)?.getAttribute('content') || '';
+        const meta = (n) => doc.querySelector(`meta[name="${n}"]`)?.getAttribute('content') || '';
+        const title = og('og:title') || doc.querySelector('title')?.text || url;
+        const desc = og('og:description') || meta('description') || '';
+        const img = og('og:image') || '';
+        let host; // Declare host here for broader scope
+
+        // Google Favicon API（優先）→ favicon.ico（フォールバック）
+        const faviconUrl = `https://www.google.com/s2/favicons?domain=${new URL(url).hostname}&sz=32`;
+        return {
+            title: title.trim().slice(0, 300), desc: desc.trim().slice(0, 500),
+            ogImage: img, favicon: faviconUrl
+        };
+    } catch {
+        let host = '';
+        try {
+            try { host = new URL(url).hostname; } catch { }
+            return {
+                title: url.slice(0, 300), desc: '', ogImage: '',
+                favicon: host ? `https://www.google.com/s2/favicons?domain=${host}&sz=32` : ''
+            };
+        } catch { return { title: url.slice(0, 300), desc: '', ogImage: '', favicon: '' }; }
+    }
+}
+
+// ── Jina Reader API フェッチ（新規追加）───
+async function fetchFullTextViaJina(url) {
+    try {
+        console.log(`[Brain API] Fetching full text via Jina Reader for: ${url}`);
+
+        const jinaResponse = await fetch(`https://r.jina.ai/${url}`, {
+            headers: {
+                'User-Agent': 'Mozilla/5.0 Posimai Brain Bot'
+            },
+            signal: AbortSignal.timeout(15000)
+        });
+
+        if (!jinaResponse.ok) {
+            console.warn(`[Brain API] Jina Reader returned status ${jinaResponse.status}`);
+            return null;
+        }
+
+        let markdown = await jinaResponse.text();
+
+        // Markdown Content: マーカーの後ろを抽出
+        const contentMarker = 'Markdown Content:';
+        const contentIndex = markdown.indexOf(contentMarker);
+        if (contentIndex !== -1) {
+            markdown = markdown.substring(contentIndex + contentMarker.length).trim();
+        }
+
+        // 画像参照を除去（Readerと同じロジック）
+        markdown = markdown.replace(/!\[Image\s+\d+[^\]]*\]\([^)]*\)/gmi, '');
+        markdown = markdown.replace(/!\[Image\s+\d+[^\]]*\]/gmi, '');
+        markdown = markdown.replace(/^\s*\*?\s*!\[?Image\s+\d+[^\n]*/gmi, '');
+        markdown = markdown.replace(/\[\]\([^)]*\)/gm, '');
+
+        console.log(`[Brain API] ✓ Fetched ${markdown.length} chars via Jina Reader`);
+        return markdown;
+    } catch (error) {
+        console.error('[Brain API] Jina Reader fetch failed:', error.message);
+        return null;
+    }
+}
+
+// ── Gemini 分析 ───────────────────────────
+const TOPIC_CANDIDATES = [
+    'AI', 'React', 'Next.js', 'TypeScript', 'Node.js',
+    'Flutter', 'Docker', 'PostgreSQL',
+    '日本酒', 'ガジェット', 'キャリア', 'その他'
+];
+
+function smartExtract(text, maxLen) {
+    if (!text || text.length <= maxLen) return text || '';
+    const halfLen = Math.floor(maxLen / 2);
+    const front = text.substring(0, halfLen);
+    const back = text.substring(text.length - halfLen);
+    return front + '\n\n[...中略...]\n\n' + back;
+}
+
+async function analyzeWithGemini(title, fullText, url) {
+    if (!genAI) return { summary: (fullText || '').slice(0, 120) || '（要約なし）', topics: ['その他'], readingTime: 3 };
+    try {
+        const model = genAI.getGenerativeModel({
+            model: 'gemini-2.0-flash-lite',
+            generationConfig: { responseMimeType: 'application/json' }
+        });
+        const prompt = `記事分析してJSONで返答:
+タイトル: ${title.slice(0, 100)}
+本文:
+${smartExtract(fullText || '', 5000)}
+
+{"summary":"3文要約","topics":["最大2個"],"readingTime":3}
+候補: ${TOPIC_CANDIDATES.slice(0, 15).join(',')}`;
+
+        const timeoutPromise = new Promise((_, reject) =>
+            setTimeout(() => reject(new Error('Gemini timeout')), 15000)
+        );
+
+        let result;
+        result = await Promise.race([
+            model.generateContent(prompt),
+            timeoutPromise
+        ]);
+        let raw = result.response.text().trim();
+        // ```json や ``` で囲まれている場合の除去を堅牢化
+        raw = raw.replace(/^```(json)?/i, '').replace(/```$/i, '').trim();
+        const parsed = JSON.parse(raw);
+
+        const validTopics = (parsed.topics || [])
+            .filter(t => TOPIC_CANDIDATES.includes(t)).slice(0, 2);
+        if (validTopics.length === 0) validTopics.push('その他');
+
+        return {
+            summary: String(parsed.summary || '').slice(0, 300),
+            topics: validTopics,
+            readingTime: Math.max(1, parseInt(parsed.readingTime) || 3)
+        };
+    } catch (e) {
+        console.error('[Gemini] FULL ERROR:', e);
+        if (typeof result !== 'undefined' && result?.response) {
+            console.error('[Gemini] Raw response:', result.response.text());
+        }
+        return {
+            summary: `⚠️ AI分析失敗: ${String(e)}`,
+            topics: ['その他'],
+            readingTime: 3
+        };
+    }
+}
+
+// ── DB 初期化 (起動時に自動実行) ─────────
+async function initDB() {
+    // 1. posimai_brain DB を作成（なければ）
+    const admin = new Pool({
+        host: process.env.DB_HOST || 'db', port: parseInt(process.env.DB_PORT || '5432'),
+        user: process.env.DB_USER || 'gitea', password: process.env.DB_PASSWORD || '',
+        database: 'gitea'
+    });
+    try {
+        await admin.query('CREATE DATABASE posimai_brain');
+        console.log('[DB] Created database posimai_brain');
+    } catch (e) {
+        if (e.code !== '42P04') throw e;
+        console.log('[DB] Database already exists, skipping');
+    } finally { await admin.end(); }
+
+    // 2. テーブル定義 — 1文ずつ実行（マルチステートメントのエラーを防止）
+    const schema = [
+        `CREATE TABLE IF NOT EXISTS users (
+            user_id    VARCHAR(50) PRIMARY KEY,
+            name       VARCHAR(100) NOT NULL,
+            created_at TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE TABLE IF NOT EXISTS articles (
+            id              SERIAL PRIMARY KEY,
+            user_id         VARCHAR(50) NOT NULL REFERENCES users(user_id) ON DELETE CASCADE,
+            url             TEXT NOT NULL,
+            title           TEXT,
+            summary         TEXT,
+            topics          TEXT[] DEFAULT '{}',
+            source          VARCHAR(100),
+            status          VARCHAR(20) DEFAULT 'inbox',
+            previous_status VARCHAR(20) DEFAULT 'inbox',
+            reading_time    INT DEFAULT 3,
+            favicon         TEXT,
+            og_image        TEXT,
+            saved_at        TIMESTAMPTZ DEFAULT NOW(),
+            read_at         TIMESTAMPTZ,
+            full_text       TEXT,
+            UNIQUE(user_id, url)
+        )`,
+        `CREATE INDEX IF NOT EXISTS idx_articles_user_id  ON articles(user_id)`,
+        `CREATE INDEX IF NOT EXISTS idx_articles_saved_at ON articles(saved_at DESC)`,
+        `CREATE INDEX IF NOT EXISTS idx_articles_status   ON articles(user_id, status)`,
+        `CREATE INDEX IF NOT EXISTS idx_articles_topics   ON articles USING GIN(topics)`,
+        `CREATE TABLE IF NOT EXISTS reading_history (
+            id      SERIAL PRIMARY KEY,
+            user_id VARCHAR(50) NOT NULL,
+            url     TEXT NOT NULL,
+            title   TEXT,
+            domain  VARCHAR(200),
+            read_at TIMESTAMPTZ DEFAULT NOW(),
+            UNIQUE(user_id, url)
+        )`,
+        `CREATE TABLE IF NOT EXISTS journal_posts (
+            id         SERIAL PRIMARY KEY,
+            user_id    VARCHAR(50) NOT NULL REFERENCES users(user_id) ON DELETE CASCADE,
+            title      TEXT NOT NULL DEFAULT '',
+            body       TEXT NOT NULL DEFAULT '',
+            tags       TEXT[] DEFAULT '{}',
+            created_at TIMESTAMPTZ DEFAULT NOW(),
+            updated_at TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE INDEX IF NOT EXISTS idx_journal_user_id ON journal_posts(user_id)`,
+        `CREATE INDEX IF NOT EXISTS idx_journal_updated ON journal_posts(updated_at DESC)`,
+        // site_config: CMS サイト設定テーブル
+        `CREATE TABLE IF NOT EXISTS site_config (
+            key        VARCHAR(50) PRIMARY KEY,
+            value      JSONB NOT NULL DEFAULT '{}',
+            updated_at TIMESTAMPTZ DEFAULT NOW()
+        )`,
+
+        // ── Habit ──────────────────────────────
+        `CREATE TABLE IF NOT EXISTS habit_habits (
+            id         SERIAL PRIMARY KEY,
+            user_id    VARCHAR(50) NOT NULL REFERENCES users(user_id) ON DELETE CASCADE,
+            name       VARCHAR(100) NOT NULL,
+            icon       VARCHAR(50) NOT NULL DEFAULT 'check',
+            position   INTEGER NOT NULL DEFAULT 0,
+            created_at TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE TABLE IF NOT EXISTS habit_log (
+            user_id    VARCHAR(50) NOT NULL,
+            habit_id   INTEGER NOT NULL REFERENCES habit_habits(id) ON DELETE CASCADE,
+            log_date   DATE NOT NULL,
+            PRIMARY KEY (user_id, habit_id, log_date)
+        )`,
+
+        // ── Pulse ──────────────────────────────
+        `CREATE TABLE IF NOT EXISTS pulse_log (
+            user_id    VARCHAR(50) NOT NULL,
+            log_date   DATE NOT NULL,
+            mood       SMALLINT CHECK (mood BETWEEN 1 AND 5),
+            energy     SMALLINT CHECK (energy BETWEEN 1 AND 5),
+            focus      SMALLINT CHECK (focus BETWEEN 1 AND 5),
+            note       TEXT NOT NULL DEFAULT '',
+            updated_at TIMESTAMPTZ DEFAULT NOW(),
+            PRIMARY KEY (user_id, log_date)
+        )`,
+
+        // ── Lens ───────────────────────────────
+        `CREATE TABLE IF NOT EXISTS lens_history (
+            id         SERIAL PRIMARY KEY,
+            user_id    VARCHAR(50) NOT NULL,
+            filename   VARCHAR(255),
+            exif_data  JSONB NOT NULL DEFAULT '{}',
+            thumbnail  TEXT,
+            scanned_at TIMESTAMPTZ DEFAULT NOW()
+        )`,
+
+        // ── Together ────────────────────────────
+        `CREATE TABLE IF NOT EXISTS together_groups (
+            id          SERIAL PRIMARY KEY,
+            invite_code VARCHAR(8) UNIQUE NOT NULL,
+            name        VARCHAR(100) NOT NULL,
+            created_at  TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE TABLE IF NOT EXISTS together_members (
+            group_id   INTEGER REFERENCES together_groups(id) ON DELETE CASCADE,
+            username   VARCHAR(50) NOT NULL,
+            joined_at  TIMESTAMPTZ DEFAULT NOW(),
+            PRIMARY KEY (group_id, username)
+        )`,
+        `CREATE TABLE IF NOT EXISTS together_shares (
+            id             SERIAL PRIMARY KEY,
+            group_id       INTEGER REFERENCES together_groups(id) ON DELETE CASCADE,
+            shared_by      VARCHAR(50) NOT NULL,
+            url            TEXT,
+            title          TEXT,
+            message        TEXT NOT NULL DEFAULT '',
+            og_image       TEXT,
+            tags           TEXT[] DEFAULT '{}',
+            full_content   TEXT,
+            summary        TEXT,
+            archive_status VARCHAR(10) NOT NULL DEFAULT 'pending',
+            shared_at      TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE INDEX IF NOT EXISTS idx_together_shares_group ON together_shares(group_id, shared_at DESC)`,
+        `CREATE TABLE IF NOT EXISTS together_reactions (
+            share_id   INTEGER REFERENCES together_shares(id) ON DELETE CASCADE,
+            username   VARCHAR(50) NOT NULL,
+            type       VARCHAR(20) NOT NULL DEFAULT 'like',
+            created_at TIMESTAMPTZ DEFAULT NOW(),
+            PRIMARY KEY (share_id, username, type)
+        )`,
+        `CREATE TABLE IF NOT EXISTS together_comments (
+            id         SERIAL PRIMARY KEY,
+            share_id   INTEGER REFERENCES together_shares(id) ON DELETE CASCADE,
+            username   VARCHAR(50) NOT NULL,
+            body       TEXT NOT NULL,
+            created_at TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE INDEX IF NOT EXISTS idx_together_comments_share ON together_comments(share_id, created_at)`,
+    ];
+    for (const sql of schema) {
+        await pool.query(sql).catch(e => console.warn('[DB] Schema warning:', e.message));
+    }
+
+    // 3. マイグレーション — 既存テーブルへのカラム追加（全て安全に実行）
+    const migrations = [
+        `ALTER TABLE articles ADD COLUMN IF NOT EXISTS previous_status VARCHAR(20) DEFAULT 'inbox'`,
+        `ALTER TABLE articles ADD COLUMN IF NOT EXISTS full_text TEXT`,
+        `ALTER TABLE journal_posts ADD COLUMN IF NOT EXISTS published BOOLEAN NOT NULL DEFAULT FALSE`,
+        `CREATE INDEX IF NOT EXISTS idx_journal_published ON journal_posts(published)`,
+        // site_config をユーザー別に分離（既存データは maita に帰属）
+        `ALTER TABLE site_config ADD COLUMN IF NOT EXISTS user_id VARCHAR(50) NOT NULL DEFAULT 'maita'`,
+        `ALTER TABLE site_config DROP CONSTRAINT IF EXISTS site_config_pkey`,
+        `ALTER TABLE site_config ADD PRIMARY KEY (user_id, key)`,
+        // together テーブルをクリーンリセット（古いスキーマを完全に作り直す）
+        `DROP TABLE IF EXISTS together_comments, together_reactions, together_shares, together_members, together_groups CASCADE`,
+        `CREATE TABLE together_groups (
+            id          SERIAL PRIMARY KEY,
+            invite_code VARCHAR(8) UNIQUE NOT NULL,
+            name        VARCHAR(100) NOT NULL,
+            created_at  TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE TABLE together_members (
+            group_id   INTEGER REFERENCES together_groups(id) ON DELETE CASCADE,
+            username   VARCHAR(50) NOT NULL,
+            joined_at  TIMESTAMPTZ DEFAULT NOW(),
+            PRIMARY KEY (group_id, username)
+        )`,
+        `CREATE TABLE together_shares (
+            id             SERIAL PRIMARY KEY,
+            group_id       INTEGER REFERENCES together_groups(id) ON DELETE CASCADE,
+            shared_by      VARCHAR(50) NOT NULL,
+            url            TEXT,
+            title          TEXT,
+            message        TEXT NOT NULL DEFAULT '',
+            og_image       TEXT,
+            tags           TEXT[] DEFAULT '{}',
+            full_content   TEXT,
+            summary        TEXT,
+            archive_status VARCHAR(10) NOT NULL DEFAULT 'pending',
+            shared_at      TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE INDEX IF NOT EXISTS idx_together_shares_group ON together_shares(group_id, shared_at DESC)`,
+        `CREATE TABLE together_reactions (
+            share_id   INTEGER REFERENCES together_shares(id) ON DELETE CASCADE,
+            username   VARCHAR(50) NOT NULL,
+            type       VARCHAR(20) NOT NULL DEFAULT 'like',
+            created_at TIMESTAMPTZ DEFAULT NOW(),
+            PRIMARY KEY (share_id, username, type)
+        )`,
+        `CREATE TABLE together_comments (
+            id         SERIAL PRIMARY KEY,
+            share_id   INTEGER REFERENCES together_shares(id) ON DELETE CASCADE,
+            username   VARCHAR(50) NOT NULL,
+            body       TEXT NOT NULL,
+            created_at TIMESTAMPTZ DEFAULT NOW()
+        )`,
+        `CREATE INDEX IF NOT EXISTS idx_together_comments_share ON together_comments(share_id, created_at)`,
+    ];
+    for (const sql of migrations) {
+        await pool.query(sql).catch(e => console.warn('[DB] Migration warning:', e.message));
+    }
+
+    // 4. 初期ユーザー (API_KEYSから)
+    for (const [, userId] of Object.entries(KEY_MAP)) {
+        await pool.query(
+            `INSERT INTO users (user_id, name) VALUES ($1, $2) ON CONFLICT DO NOTHING`,
+            [userId, userId]
+        );
+    }
+    console.log('[DB] Schema ready. Users:', Object.values(KEY_MAP).join(', '));
+}
+
+// ── ルーター ──────────────────────────────
+function buildRouter() {
+    const r = express.Router();
+
+    // ヘルスチェック
+    r.get('/health', (req, res) => {
+        res.json({ status: 'ok', gemini: !!genAI, users: Object.values(KEY_MAP).length });
+    });
+
+    // 認証テスト (UI用)
+    r.get('/auth-test', authMiddleware, (req, res) => {
+        res.json({ ok: true, userId: req.userId });
+    });
+
+    // 記事一覧取得
+    r.get('/articles', authMiddleware, async (req, res) => {
+        const { status, topic, source, q } = req.query;
+        let sql = `SELECT id, url, title, summary, topics, source, status, previous_status, reading_time, favicon, saved_at, (full_text IS NOT NULL) AS has_full_text FROM articles WHERE user_id = $1`;
+        const params = [req.userId];
+        let i = 2;
+
+        if (status) { sql += ` AND status = $${i++}`; params.push(status); }
+        if (topic) { sql += ` AND $${i++} = ANY(topics)`; params.push(topic); }
+        if (source) { sql += ` AND source ILIKE $${i++}`; params.push(source); }
+        if (q) {
+            sql += ` AND (title ILIKE $${i} OR summary ILIKE $${i})`;
+            params.push(`%${q}%`); i++;
+        }
+        sql += ' ORDER BY saved_at DESC LIMIT 300';
+
+        try {
+            const { rows } = await pool.query(sql, params);
+
+            // カウント計算
+            const counts = {
+                all: rows.length,
+                unread: rows.filter(a => a.status === 'inbox').length,
+                favorite: rows.filter(a => a.status === 'favorite').length,
+                shared: rows.filter(a => a.status === 'shared').length
+            };
+
+            res.json({ articles: rows, counts });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // 記事詳細取得(full_text を含む完全版)
+    r.get('/articles/:id', authMiddleware, async (req, res) => {
+        try {
+            const { rows } = await pool.query(
+                'SELECT * FROM articles WHERE id=$1 AND user_id=$2',
+                [req.params.id, req.userId]
+            );
+            if (rows.length === 0) return res.status(404).json({ error: 'Article not found' });
+            return res.json({ article: rows[0] });
+        } catch (e) {
+            console.error('[Brain API] GET /articles/:id failed:', e.stack || e);
+            return res.status(500).json({ error: 'DB error' });
+        }
+    });
+
+    // ========== 記事保存（Jina Reader自動取得対応）==========
+    r.post('/save', authMiddleware, async (req, res) => {
+        const { url, title: clientTitle, content, source: clientSource } = req.body || {};
+        if (!url) return res.status(400).json({ error: 'url is required' });
+
+        let parsedUrl;
+        try { parsedUrl = new URL(url); } catch { return res.status(400).json({ error: 'Invalid URL' }); }
+        if (!['http:', 'https:'].includes(parsedUrl.protocol))
+            return res.status(400).json({ error: 'Only http/https' });
+
+        try {
+            const meta = await fetchMeta(url);
+            let fullText = content || null;
+            const source = clientSource || extractSource(url);
+
+            // 🔥 重要: contentが空の場合、Jina Reader APIで本文を自動取得
+            if (!fullText || fullText.trim().length === 0) {
+                console.log(`[Brain API] No content provided for ${url}, attempting Jina Reader fetch...`);
+
+                const jinaText = await fetchFullTextViaJina(url);
+
+                if (jinaText && jinaText.length > 0) {
+                    fullText = jinaText;
+                    console.log(`[Brain API] ✓ Using Jina Reader full text (${fullText.length} chars)`);
+                } else {
+                    // Jina Reader失敗時はOGP descriptionをフォールバック
+                    console.log(`[Brain API] ⚠ Jina Reader failed, falling back to OGP description`);
+                    fullText = meta.desc || '';
+                }
+            } else {
+                console.log(`[Brain API] Using provided content (${fullText.length} chars)`);
+            }
+
+            // 即座に保存してフロントに返す（AIはバックグラウンド）
+            let articleQuery = await pool.query(`
+        INSERT INTO articles (user_id, url, title, full_text, summary, topics, source, reading_time, favicon, og_image)
+        VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$10)
+        ON CONFLICT (user_id, url) DO UPDATE
+          SET title=EXCLUDED.title, full_text=EXCLUDED.full_text, source=EXCLUDED.source, summary='⏳ 再分析中...'
+        RETURNING *
+      `, [req.userId, url, clientTitle || meta.title, fullText, '⏳ AI分析中...', ['その他'], source, 3, meta.favicon, meta.ogImage]);
+
+            let article = articleQuery.rows[0];
+
+            res.json({ ok: true, article, aiStatus: 'pending' });
+
+            // バックグラウンドでAI処理
+            analyzeWithGemini(clientTitle || meta.title, fullText || meta.desc, url).then(async (ai) => {
+                await pool.query(`
+                    UPDATE articles SET summary=$1, topics=$2, reading_time=$3
+                    WHERE user_id=$4 AND url=$5
+                `, [ai.summary, ai.topics, ai.readingTime, req.userId, url]);
+                console.log(`[Brain API] ✓ AI analysis completed for ${url}`);
+            }).catch(e => console.error('[Background AI Error]:', e));
+
+        } catch (e) {
+            if (e.code === '23505') return res.status(409).json({ error: 'すでに保存済みです' });
+            console.error(e); res.status(500).json({ error: 'DB error' });
+        }
+    });
+
+    // ステータス更新
+    r.patch('/articles/:id/status', authMiddleware, async (req, res) => {
+        const { status } = req.body || {};
+        const valid = ['inbox', 'favorite', 'shared'];
+        if (!valid.includes(status)) return res.status(400).json({ error: 'Invalid status' });
+        try {
+            const readAt = status === 'shared' || status === 'reading' ? 'NOW()' : 'NULL';
+
+            if (status === 'favorite') {
+                await pool.query(
+                    `UPDATE articles SET previous_status=status, status=$1, read_at=${readAt === 'NULL' ? 'NULL' : 'NOW()'}
+             WHERE id=$2 AND user_id=$3`,
+                    [status, req.params.id, req.userId]
+                );
+            } else {
+                await pool.query(
+                    `UPDATE articles SET status=$1, read_at=${readAt === 'NULL' ? 'NULL' : 'NOW()'}
+             WHERE id=$2 AND user_id=$3`,
+                    [status, req.params.id, req.userId]
+                );
+            }
+            res.json({ ok: true });
+        } catch (e) { res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // 削除
+    r.delete('/articles/:id', authMiddleware, async (req, res) => {
+        try {
+            await pool.query('DELETE FROM articles WHERE id=$1 AND user_id=$2', [req.params.id, req.userId]);
+            res.json({ ok: true });
+        } catch (e) { res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // クイック保存 (Bookmarklet等からのGET) — Jina Reader対応
+    r.get('/quick-save', authMiddleware, async (req, res) => {
+        const url = req.query.url;
+        if (!url) return res.status(400).send('<h1>URL not provided</h1>');
+
+        try {
+            const meta = await fetchMeta(url);
+            const source = extractSource(url);
+
+            // Jina Readerで本文取得を試みる
+            let fullText = await fetchFullTextViaJina(url);
+            if (!fullText || fullText.length === 0) {
+                fullText = meta.desc || '';
+            }
+
+            await pool.query(`
+                INSERT INTO articles (user_id, url, title, full_text, summary, topics, source, reading_time, favicon, og_image)
+                VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$10)
+                ON CONFLICT (user_id, url) DO UPDATE
+                  SET title=EXCLUDED.title, full_text=EXCLUDED.full_text, source=EXCLUDED.source, summary='⏳ 再分析中...'
+            `, [req.userId, url, meta.title, fullText, '⏳ AI分析中...', ['その他'], source, 3, meta.favicon, meta.ogImage]);
+
+            // バックグラウンドAI
+            analyzeWithGemini(meta.title, fullText, url).then(async (ai) => {
+                await pool.query(`
+                    UPDATE articles SET summary=$1, topics=$2, reading_time=$3
+                    WHERE user_id=$4 AND url=$5
+                `, [ai.summary, ai.topics, ai.readingTime, req.userId, url]);
+            }).catch(e => console.error('[Background AI Error]:', e));
+
+            // HTMLレスポンス（自動で閉じる）
+            res.send(`
+                <!DOCTYPE html>
+                <html><head><meta charset="utf-8"><title>保存完了</title></head>
+                <body style="font-family:sans-serif;padding:40px;text-align:center;background:#0a0a0a;color:#e2e2e2">
+                    <h1 style="color:#818CF8">✓ 保存しました</h1>
+                    <p>${meta.title}</p>
+                    <p style="color:#888">AI分析をバックグラウンドで開始しました</p>
+                    <script>setTimeout(() => window.close(), 1500)</script>
+                </body></html>
+            `);
+        } catch (e) {
+            res.status(500).send(`<h1>保存失敗: ${e.message}</h1>`);
+        }
+    });
+
+
+    // ========== 履歴機能 ==========
+    // POST /api/history/save - 軽量履歴保存（AI分析なし）
+    r.post('/history/save', authMiddleware, async (req, res) => {
+        const { url, title } = req.body || {};
+        if (!url) return res.status(400).json({ error: 'url is required' });
+
+        try {
+            const domain = new URL(url).hostname.replace(/^www\./, '');
+
+            await pool.query(`
+                INSERT INTO reading_history (user_id, url, title, domain, read_at)
+                VALUES ($1, $2, $3, $4, NOW())
+                ON CONFLICT (user_id, url)
+                DO UPDATE SET
+                    title = EXCLUDED.title,
+                    read_at = NOW()
+            `, [req.userId, url, title || '', domain]);
+
+            res.json({ ok: true, message: '履歴に保存しました' });
+        } catch (e) {
+            console.error('[History Save Error]:', e);
+            res.status(500).json({ error: 'Failed to save history' });
+        }
+    });
+
+    // GET /api/history - 履歴取得
+    r.get('/history', authMiddleware, async (req, res) => {
+        const limit = Math.min(parseInt(req.query.limit || '50'), 100);
+
+        try {
+            const result = await pool.query(`
+                SELECT url, title, domain, read_at
+                FROM reading_history
+                WHERE user_id = $1
+                ORDER BY read_at DESC
+                LIMIT $2
+            `, [req.userId, limit]);
+
+            res.json({
+                ok: true,
+                history: result.rows,
+                count: result.rows.length
+            });
+        } catch (e) {
+            console.error('[History Fetch Error]:', e);
+            res.status(500).json({ error: 'Failed to fetch history' });
+        }
+    });
+
+    // ── Journal API ──────────────────────────
+    // GET /journal/posts/public — 認証不要・published=true のみ（posimai-site 用）
+    // ?user=maita  でユーザー指定可能（将来の独立サイト対応）
+    r.get('/journal/posts/public', async (req, res) => {
+        try {
+            const limit = Math.min(parseInt(req.query.limit || '50'), 100);
+            const userId = req.query.user || null;
+            const { rows } = userId
+                ? await pool.query(
+                    `SELECT id, title, body, tags, created_at, updated_at
+                     FROM journal_posts WHERE published=TRUE AND user_id=$1
+                     ORDER BY updated_at DESC LIMIT $2`,
+                    [userId, limit]
+                )
+                : await pool.query(
+                    `SELECT id, title, body, tags, created_at, updated_at
+                     FROM journal_posts WHERE published=TRUE
+                     ORDER BY updated_at DESC LIMIT $1`,
+                    [limit]
+                );
+            res.json({ posts: rows });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // GET /journal/posts — 記事一覧（認証あり・全記事）
+    r.get('/journal/posts', authMiddleware, async (req, res) => {
+        try {
+            const { rows } = await pool.query(
+                'SELECT id, title, body, tags, published, created_at, updated_at FROM journal_posts WHERE user_id=$1 ORDER BY updated_at DESC',
+                [req.userId]
+            );
+            res.json({ posts: rows });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // POST /journal/posts — 新規作成 or 更新（id があれば更新）
+    r.post('/journal/posts', authMiddleware, async (req, res) => {
+        const { id, title, body, tags, published } = req.body || {};
+        const tagArr = Array.isArray(tags) ? tags.map(String) : [];
+        const pub = published === true || published === 'true';
+        try {
+            if (id) {
+                const { rows } = await pool.query(
+                    `UPDATE journal_posts SET title=$1, body=$2, tags=$3, published=$4, updated_at=NOW()
+                     WHERE id=$5 AND user_id=$6
+                     RETURNING id, title, body, tags, published, created_at, updated_at`,
+                    [title || '', body || '', tagArr, pub, id, req.userId]
+                );
+                if (rows.length === 0) return res.status(404).json({ error: 'Not found' });
+                res.json({ post: rows[0] });
+            } else {
+                const { rows } = await pool.query(
+                    `INSERT INTO journal_posts (user_id, title, body, tags, published)
+                     VALUES ($1,$2,$3,$4,$5)
+                     RETURNING id, title, body, tags, published, created_at, updated_at`,
+                    [req.userId, title || '', body || '', tagArr, pub]
+                );
+                res.json({ post: rows[0] });
+            }
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // DELETE /journal/posts/:id — 削除
+    r.delete('/journal/posts/:id', authMiddleware, async (req, res) => {
+        try {
+            await pool.query(
+                'DELETE FROM journal_posts WHERE id=$1 AND user_id=$2',
+                [req.params.id, req.userId]
+            );
+            res.json({ ok: true });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // ── Site Config API ───────────────────────
+    // GET /site/config/public — 認証不要・posimai-site 用
+    // ?user=maita  でユーザー指定可能（将来の独立サイト対応）
+    r.get('/site/config/public', async (req, res) => {
+        try {
+            const userId = req.query.user || 'maita';
+            const { rows } = await pool.query(
+                'SELECT key, value FROM site_config WHERE user_id=$1',
+                [userId]
+            );
+            const config = {};
+            rows.forEach(row => { config[row.key] = row.value; });
+            res.json({ config });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // POST /site/config/:key — 認証あり・設定を保存（ユーザー別）
+    r.post('/site/config/:key', authMiddleware, async (req, res) => {
+        const { key } = req.params;
+        const { value } = req.body;
+        if (!key || value === undefined) return res.status(400).json({ error: 'value required' });
+        try {
+            await pool.query(
+                `INSERT INTO site_config (user_id, key, value, updated_at) VALUES ($1, $2, $3::jsonb, NOW())
+                 ON CONFLICT (user_id, key) DO UPDATE SET value=$3::jsonb, updated_at=NOW()`,
+                [req.userId, key, JSON.stringify(value)]
+            );
+            res.json({ ok: true, key });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // POST /journal/upload — 画像アップロード（base64、認証あり）
+    // POST /journal/suggest-tags — Gemini でタグ候補を提案
+    r.post('/journal/suggest-tags', authMiddleware, async (req, res) => {
+        if (!genAI) return res.status(503).json({ error: 'Gemini not configured' });
+        const { title = '', body = '' } = req.body || {};
+        if (!title && !body) return res.status(400).json({ error: 'title or body required' });
+        try {
+            const model = genAI.getGenerativeModel({
+                model: 'gemini-2.0-flash-lite',
+                generationConfig: { responseMimeType: 'application/json' }
+            });
+            const excerpt = smartExtract(body, 2000);
+            const prompt = `以下の記事にふさわしい日本語タグを3〜5個提案してください。
+タグは短い単語または短いフレーズ（例: "Next.js", "インフラ", "開発メモ", "Tailscale"）。
+既存のタグと重複してもOK。結果はJSONで返してください。
+
+タイトル: ${title.slice(0, 80)}
+本文抜粋:
+${excerpt}
+
+{"tags":["タグ1","タグ2","タグ3"]}`;
+
+            const timeoutPromise = new Promise((_, reject) =>
+                setTimeout(() => reject(new Error('timeout')), 12000)
+            );
+            const result = await Promise.race([model.generateContent(prompt), timeoutPromise]);
+            let raw = result.response.text().trim()
+                .replace(/^```(json)?/i, '').replace(/```$/i, '').trim();
+            const parsed = JSON.parse(raw);
+            const tags = (parsed.tags || []).filter(t => typeof t === 'string' && t.length <= 30).slice(0, 5);
+            res.json({ tags });
+        } catch (e) {
+            console.error('[suggest-tags]', e.message);
+            res.status(500).json({ error: 'AI suggestion failed' });
+        }
+    });
+
+    r.post('/journal/upload', authMiddleware, (req, res) => {
+        try {
+            const { base64 } = req.body || {};
+            if (!base64) return res.status(400).json({ error: 'base64 required' });
+
+            const match = base64.match(/^data:(image\/(jpeg|png|gif|webp));base64,(.+)$/);
+            if (!match) return res.status(400).json({ error: 'Invalid image format' });
+
+            const ext = match[2] === 'jpeg' ? 'jpg' : match[2];
+            const buffer = Buffer.from(match[3], 'base64');
+            if (buffer.length > 5 * 1024 * 1024) {
+                return res.status(400).json({ error: 'File too large (max 5MB)' });
+            }
+
+            const name = crypto.randomBytes(10).toString('hex') + '.' + ext;
+            fs.writeFileSync(path.join(UPLOADS_DIR, name), buffer);
+
+            const url = `https://posimai-lab.tail72e846.ts.net/brain/api/uploads/${name}`;
+            res.json({ ok: true, url });
+        } catch (e) {
+            console.error('[Upload Error]:', e);
+            res.status(500).json({ error: 'Upload failed' });
+        }
+    });
+
+    // ── Habit API ─────────────────────────────
+    // GET /habit/habits — habit 一覧取得
+    r.get('/habit/habits', authMiddleware, async (req, res) => {
+        try {
+            const { rows } = await pool.query(
+                'SELECT id, name, icon, position FROM habit_habits WHERE user_id=$1 ORDER BY position, id',
+                [req.userId]
+            );
+            res.json({ habits: rows });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // POST /habit/habits — habit 作成
+    r.post('/habit/habits', authMiddleware, async (req, res) => {
+        const { name, icon = 'check', position = 0 } = req.body || {};
+        if (!name) return res.status(400).json({ error: 'name required' });
+        try {
+            const { rows } = await pool.query(
+                'INSERT INTO habit_habits (user_id, name, icon, position) VALUES ($1,$2,$3,$4) RETURNING id, name, icon, position',
+                [req.userId, name, icon, position]
+            );
+            res.json({ habit: rows[0] });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // PATCH /habit/habits/:id — habit 更新（name / icon / position）
+    r.patch('/habit/habits/:id', authMiddleware, async (req, res) => {
+        const { name, icon, position } = req.body || {};
+        try {
+            const sets = [];
+            const params = [];
+            let i = 1;
+            if (name !== undefined)     { sets.push(`name=$${i++}`);     params.push(name); }
+            if (icon !== undefined)     { sets.push(`icon=$${i++}`);     params.push(icon); }
+            if (position !== undefined) { sets.push(`position=$${i++}`); params.push(position); }
+            if (sets.length === 0) return res.status(400).json({ error: 'nothing to update' });
+            params.push(req.params.id, req.userId);
+            const { rows } = await pool.query(
+                `UPDATE habit_habits SET ${sets.join(',')} WHERE id=$${i++} AND user_id=$${i} RETURNING id, name, icon, position`,
+                params
+            );
+            if (rows.length === 0) return res.status(404).json({ error: 'Not found' });
+            res.json({ habit: rows[0] });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // DELETE /habit/habits/:id — habit 削除
+    r.delete('/habit/habits/:id', authMiddleware, async (req, res) => {
+        try {
+            await pool.query(
+                'DELETE FROM habit_habits WHERE id=$1 AND user_id=$2',
+                [req.params.id, req.userId]
+            );
+            res.json({ ok: true });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // GET /habit/log/:date — その日のチェック済み habit_id 一覧
+    r.get('/habit/log/:date', authMiddleware, async (req, res) => {
+        try {
+            const { rows } = await pool.query(
+                'SELECT habit_id FROM habit_log WHERE user_id=$1 AND log_date=$2',
+                [req.userId, req.params.date]
+            );
+            res.json({ checked: rows.map(r => r.habit_id) });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // POST /habit/log/:date — habit をトグル（checked=true で追加、false で削除）
+    r.post('/habit/log/:date', authMiddleware, async (req, res) => {
+        const { habitId, checked } = req.body || {};
+        if (!habitId) return res.status(400).json({ error: 'habitId required' });
+        try {
+            if (checked) {
+                await pool.query(
+                    'INSERT INTO habit_log (user_id, habit_id, log_date) VALUES ($1,$2,$3) ON CONFLICT DO NOTHING',
+                    [req.userId, habitId, req.params.date]
+                );
+            } else {
+                await pool.query(
+                    'DELETE FROM habit_log WHERE user_id=$1 AND habit_id=$2 AND log_date=$3',
+                    [req.userId, habitId, req.params.date]
+                );
+            }
+            res.json({ ok: true });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // GET /habit/heatmap — 過去 N 日分のチェック数（ヒートマップ用）
+    r.get('/habit/heatmap', authMiddleware, async (req, res) => {
+        const days = Math.min(parseInt(req.query.days || '90'), 365);
+        try {
+            const { rows } = await pool.query(`
+                SELECT log_date::text AS date, COUNT(*) AS count
+                FROM habit_log
+                WHERE user_id=$1 AND log_date >= CURRENT_DATE - ($2 || ' days')::INTERVAL
+                GROUP BY log_date ORDER BY log_date
+            `, [req.userId, days]);
+            res.json({ heatmap: rows });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // ── Pulse API ─────────────────────────────
+    // GET /pulse/log/:date — 特定日のデータ取得
+    r.get('/pulse/log/:date', authMiddleware, async (req, res) => {
+        try {
+            const { rows } = await pool.query(
+                'SELECT mood, energy, focus, note FROM pulse_log WHERE user_id=$1 AND log_date=$2',
+                [req.userId, req.params.date]
+            );
+            res.json({ entry: rows[0] || null });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // POST /pulse/log/:date — 記録（UPSERT）
+    r.post('/pulse/log/:date', authMiddleware, async (req, res) => {
+        const { mood, energy, focus, note = '' } = req.body || {};
+        if (!mood && !energy && !focus) return res.status(400).json({ error: 'at least one metric required' });
+        try {
+            const { rows } = await pool.query(`
+                INSERT INTO pulse_log (user_id, log_date, mood, energy, focus, note, updated_at)
+                VALUES ($1,$2,$3,$4,$5,$6,NOW())
+                ON CONFLICT (user_id, log_date) DO UPDATE
+                SET mood=$3, energy=$4, focus=$5, note=$6, updated_at=NOW()
+                RETURNING mood, energy, focus, note
+            `, [req.userId, req.params.date, mood || null, energy || null, focus || null, note]);
+            res.json({ entry: rows[0] });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // GET /pulse/log — 範囲取得（デフォルト直近30日）
+    r.get('/pulse/log', authMiddleware, async (req, res) => {
+        const days = Math.min(parseInt(req.query.days || '30'), 365);
+        try {
+            const { rows } = await pool.query(`
+                SELECT log_date::text AS date, mood, energy, focus, note
+                FROM pulse_log
+                WHERE user_id=$1 AND log_date >= CURRENT_DATE - ($2 || ' days')::INTERVAL
+                ORDER BY log_date
+            `, [req.userId, days]);
+            res.json({ entries: rows });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // ── Lens API ──────────────────────────────
+    // GET /lens/history — スキャン履歴取得（直近 limit 件）
+    r.get('/lens/history', authMiddleware, async (req, res) => {
+        const limit = Math.min(parseInt(req.query.limit || '20'), 100);
+        try {
+            const { rows } = await pool.query(
+                'SELECT id, filename, exif_data, thumbnail, scanned_at FROM lens_history WHERE user_id=$1 ORDER BY scanned_at DESC LIMIT $2',
+                [req.userId, limit]
+            );
+            res.json({ history: rows });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // POST /lens/history — スキャン結果を保存
+    r.post('/lens/history', authMiddleware, async (req, res) => {
+        const { filename, exif_data, thumbnail } = req.body || {};
+        if (!exif_data) return res.status(400).json({ error: 'exif_data required' });
+        try {
+            const { rows } = await pool.query(
+                'INSERT INTO lens_history (user_id, filename, exif_data, thumbnail) VALUES ($1,$2,$3,$4) RETURNING id, scanned_at',
+                [req.userId, filename || null, JSON.stringify(exif_data), thumbnail || null]
+            );
+            res.json({ ok: true, id: rows[0].id, scanned_at: rows[0].scanned_at });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // DELETE /lens/history/:id — 履歴削除
+    r.delete('/lens/history/:id', authMiddleware, async (req, res) => {
+        try {
+            await pool.query(
+                'DELETE FROM lens_history WHERE id=$1 AND user_id=$2',
+                [req.params.id, req.userId]
+            );
+            res.json({ ok: true });
+        } catch (e) { console.error(e); res.status(500).json({ error: 'DB error' }); }
+    });
+
+    // ── TTS (VOICEVOX) ─────────────────────────────────────────────
+    // VOICEVOX_URL: docker-compose.yml で設定（同ネットワーク内なら http://voicevox:50021）
+    // 未設定時は localhost フォールバック（NAS上で同じコンテナホストの場合）
+    const VOICEVOX_URL = process.env.VOICEVOX_URL || 'http://voicevox:50021';
+    const ttsCache = new Map(); // key: "speaker:text" → Buffer
+    const TTS_CACHE_MAX = 60;  // 約60文を最大キャッシュ（メモリ節約）
+    let ttsBusy = false;       // VOICEVOX は同時1リクエストのみ対応（排他ロック）
+
+    // 合成ヘルパー（/tts と /tts/warmup から共用）
+    async function ttsSynthesize(text, speaker) {
+        const queryRes = await fetch(
+            `${VOICEVOX_URL}/audio_query?text=${encodeURIComponent(text)}&speaker=${speaker}`,
+            { method: 'POST' }
+        );
+        if (!queryRes.ok) throw new Error(`VOICEVOX audio_query failed: ${queryRes.status}`);
+        const query = await queryRes.json();
+        query.speedScale = 1.08;
+        query.intonationScale = 1.15;
+        query.prePhonemeLength = 0.05;
+        query.postPhonemeLength = 0.1;
+        const synthRes = await fetch(`${VOICEVOX_URL}/synthesis?speaker=${speaker}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(query)
+        });
+        if (!synthRes.ok) throw new Error(`VOICEVOX synthesis failed: ${synthRes.status}`);
+        return Buffer.from(await synthRes.arrayBuffer());
+    }
+
+    // POST /tts — テキストを音声（WAV）に変換して返す
+    r.post('/tts', authMiddleware, async (req, res) => {
+        const { text, speaker = 1 } = req.body || {};
+        if (!text || typeof text !== 'string') return res.status(400).json({ error: 'text required' });
+        if (text.length > 600) return res.status(400).json({ error: 'text too long (max 600 chars)' });
+
+        const cacheKey = `${speaker}:${text}`;
+        if (ttsCache.has(cacheKey)) {
+            const cached = ttsCache.get(cacheKey);
+            res.setHeader('Content-Type', 'audio/wav');
+            res.setHeader('Content-Length', cached.length);
+            res.setHeader('X-TTS-Cache', 'HIT');
+            return res.send(cached);
+        }
+
+        if (ttsBusy) return res.status(503).json({ error: 'TTS_BUSY' });
+
+        try {
+            ttsBusy = true;
+            const audioBuffer = await ttsSynthesize(text, speaker);
+            if (ttsCache.size >= TTS_CACHE_MAX) {
+                ttsCache.delete(ttsCache.keys().next().value);
+            }
+            ttsCache.set(cacheKey, audioBuffer);
+            res.setHeader('Content-Type', 'audio/wav');
+            res.setHeader('Content-Length', audioBuffer.length);
+            res.setHeader('X-TTS-Cache', 'MISS');
+            res.send(audioBuffer);
+        } catch (e) {
+            console.error('[TTS]', e.message);
+            res.status(503).json({ error: 'TTS_UNAVAILABLE', detail: e.message });
+        } finally {
+            ttsBusy = false;
+        }
+    });
+
+    // POST /tts/ready — 指定テキストがキャッシュ済みか確認（ポーリング用）
+    r.post('/tts/ready', authMiddleware, (req, res) => {
+        const { texts, speaker = 1 } = req.body || {};
+        if (!texts || !Array.isArray(texts)) return res.json({ cached: 0, total: 0, ready: false });
+        const total = texts.length;
+        const cached = texts.filter(t => ttsCache.has(`${speaker}:${t}`)).length;
+        res.json({ cached, total, ready: cached === total });
+    });
+
+    // POST /tts/warmup — バックグラウンドで事前合成してキャッシュを温める
+    // ブラウザが Feed 読み込み直後に呼び出す。即座に 202 を返し、VOICEVOX をバックグラウンドで実行。
+    r.post('/tts/warmup', authMiddleware, async (req, res) => {
+        const { texts, speaker = 1 } = req.body || {};
+        if (!texts || !Array.isArray(texts) || texts.length === 0) {
+            return res.status(400).json({ error: 'texts[] required' });
+        }
+        const valid = texts.filter(t => typeof t === 'string' && t.length > 0 && t.length <= 600);
+        res.status(202).json({ queued: valid.length });  // 即座に返す
+        // バックグラウンドでシリアル合成（busy なら待機）
+        (async () => {
+            for (const text of valid) {
+                const cacheKey = `${speaker}:${text}`;
+                if (ttsCache.has(cacheKey)) continue;
+                while (ttsBusy) await new Promise(r => setTimeout(r, 500));
+                ttsBusy = true;
+                try {
+                    const buf = await ttsSynthesize(text, speaker);
+                    if (ttsCache.size >= TTS_CACHE_MAX) ttsCache.delete(ttsCache.keys().next().value);
+                    ttsCache.set(cacheKey, buf);
+                    console.log(`[TTS warmup] cached: ${text.substring(0, 30)}`);
+                } catch (e) {
+                    console.error(`[TTS warmup] failed: ${e.message}`);
+                } finally {
+                    ttsBusy = false;
+                }
+            }
+            console.log('[TTS warmup] all done');
+        })().catch(() => {});
+    });
+
+    // GET /tts/speakers — 利用可能な話者一覧（デバッグ用）
+    r.get('/tts/speakers', authMiddleware, async (req, res) => {
+        try {
+            const r2 = await fetch(`${VOICEVOX_URL}/speakers`);
+            const speakers = await r2.json();
+            res.json(speakers);
+        } catch (e) {
+            res.status(503).json({ error: 'TTS_UNAVAILABLE', detail: e.message });
+        }
+    });
+
+    // ── サーバー側自動プリウォーム ──────────────────────────────────
+    // 起動時 + 30分ごとに最新フィード記事の音声を VOICEVOX で合成してキャッシュ
+    // ユーザーが開いたときは既にキャッシュ済み → 即再生
+    async function preWarmFeedAudio() {
+        try {
+            console.log('[TTS pre-warm] fetching feed...');
+            const feedRes = await fetch('https://posimai-feed.vercel.app/api/feed', {
+                signal: AbortSignal.timeout(15000)
+            });
+            if (!feedRes.ok) throw new Error(`feed ${feedRes.status}`);
+            const data = await feedRes.json();
+            const articles = (data.articles || []).slice(0, 5);
+            if (articles.length === 0) return;
+
+            // ブラウザと同じロジックでテキスト生成
+            const texts = [];
+            articles.forEach((a, i) => {
+                const prefix = i === 0 ? '最初のニュースです。' : '続いて。';
+                const body = (a.title || '').substring(0, 60);
+                texts.push(`${prefix}${a.source || '不明なソース'}より。${body}`);
+            });
+            texts.push('本日のブリーフィングは以上です。');
+
+            const speaker = 1; // デフォルト: ずんだもん（明るい）
+            for (const text of texts) {
+                const cacheKey = `${speaker}:${text}`;
+                if (ttsCache.has(cacheKey)) {
+                    console.log(`[TTS pre-warm] skip (cached): ${text.substring(0, 25)}`);
+                    continue;
+                }
+                while (ttsBusy) await new Promise(r => setTimeout(r, 500));
+                ttsBusy = true;
+                try {
+                    const buf = await ttsSynthesize(text, speaker);
+                    if (ttsCache.size >= TTS_CACHE_MAX) ttsCache.delete(ttsCache.keys().next().value);
+                    ttsCache.set(cacheKey, buf);
+                    console.log(`[TTS pre-warm] OK: ${text.substring(0, 25)}`);
+                } catch (e) {
+                    console.error(`[TTS pre-warm] synth failed: ${e.message}`);
+                } finally {
+                    ttsBusy = false;
+                }
+            }
+            console.log('[TTS pre-warm] done');
+        } catch (e) {
+            console.error('[TTS pre-warm] error:', e.message);
+        }
+    }
+
+    // 起動直後に実行 + 30分ごとに更新（記事が変わっても自動対応）
+    preWarmFeedAudio();
+    setInterval(preWarmFeedAudio, 30 * 60 * 1000);
+
+    // ── IT イベント情報（Doorkeeper + connpass RSS） ──────────────────────────
+    r.get('/events/rss', async (req, res) => {
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        try {
+            const [doorkeeper, connpassEvents] = await Promise.allSettled([
+                fetchDoorkeeper(),
+                fetchConnpassRss(),
+            ]);
+
+            const events = [
+                ...(doorkeeper.status === 'fulfilled' ? doorkeeper.value : []),
+                ...(connpassEvents.status === 'fulfilled' ? connpassEvents.value : []),
+            ];
+
+            // URLで重複排除
+            const seen = new Set();
+            const unique = events.filter(ev => {
+                if (seen.has(ev.url)) return false;
+                seen.add(ev.url);
+                return true;
+            });
+
+            // 開始日時順にソート
+            unique.sort((a, b) => (a.startDate + a.startTime).localeCompare(b.startDate + b.startTime));
+
+            res.json({ events: unique, fetched_at: new Date().toISOString() });
+        } catch (err) {
+            console.error('[events/rss]', err);
+            res.status(500).json({ events: [], error: err.message });
+        }
+    });
+
+    // ── Together ──────────────────────────────────────────────────────────────
+
+    // invite_code 生成（8文字大文字16進）
+    function genInviteCode() {
+        return crypto.randomBytes(4).toString('hex').toUpperCase();
+    }
+
+    // fire-and-forget アーカイブ: Jina Reader → Gemini 要約（直列）
+    async function archiveShare(shareId, url) {
+        if (!url) {
+            await pool.query(`UPDATE together_shares SET archive_status='failed' WHERE id=$1`, [shareId]);
+            return;
+        }
+        try {
+            const jinaRes = await fetch(`https://r.jina.ai/${url}`, {
+                headers: { 'Accept': 'text/plain', 'User-Agent': 'Posimai/1.0' },
+                signal: AbortSignal.timeout(10000),
+            });
+            if (!jinaRes.ok) throw new Error(`Jina ${jinaRes.status}`);
+            const fullContent = await jinaRes.text();
+
+            await pool.query(
+                `UPDATE together_shares SET full_content=$1 WHERE id=$2`,
+                [fullContent, shareId]
+            );
+
+            let summary = null;
+            if (genAI && fullContent) {
+                // 最初の ## 見出し以降を本文とみなし 4000 字を Gemini に渡す
+                const bodyStart = fullContent.search(/^#{1,2}\s/m);
+                const excerpt = (bodyStart >= 0 ? fullContent.slice(bodyStart) : fullContent).slice(0, 4000);
+                const model = genAITogether.getGenerativeModel({ model: 'gemini-2.5-flash' });
+                const prompt = `以下の記事を1〜2文の日本語で要約してください。読者が読む価値があるかを判断できる内容にしてください。\n\n${excerpt}\n\n要約（1〜2文のみ）:`;
+                const timeoutP = new Promise((_, reject) => setTimeout(() => reject(new Error('timeout')), 12000));
+                const result = await Promise.race([model.generateContent(prompt), timeoutP]);
+                summary = result.response.text().trim().slice(0, 300);
+            }
+
+            await pool.query(
+                `UPDATE together_shares SET summary=$1, archive_status='done' WHERE id=$2`,
+                [summary, shareId]
+            );
+        } catch (e) {
+            console.error('[together archive]', shareId, e.message);
+            await pool.query(`UPDATE together_shares SET archive_status='failed' WHERE id=$1`, [shareId]);
+        }
+    }
+
+    // POST /together/groups — グループ作成
+    r.post('/together/groups', async (req, res) => {
+        const { name, username } = req.body || {};
+        if (!name || !username) return res.status(400).json({ error: 'name と username は必須です' });
+        try {
+            let invite_code, attempt = 0;
+            while (attempt < 5) {
+                invite_code = genInviteCode();
+                const exists = await pool.query('SELECT id FROM together_groups WHERE invite_code=$1', [invite_code]);
+                if (exists.rows.length === 0) break;
+                attempt++;
+            }
+            const group = await pool.query(
+                `INSERT INTO together_groups (name, invite_code) VALUES ($1, $2) RETURNING *`,
+                [name, invite_code]
+            );
+            await pool.query(
+                `INSERT INTO together_members (group_id, username) VALUES ($1, $2) ON CONFLICT DO NOTHING`,
+                [group.rows[0].id, username]
+            );
+            res.json({ group: group.rows[0] });
+        } catch (e) {
+            console.error('[together/groups POST]', e.message);
+            res.status(500).json({ error: 'グループ作成に失敗しました' });
+        }
+    });
+
+    // POST /together/join — 招待コードでグループ参加
+    r.post('/together/join', async (req, res) => {
+        const { invite_code, username } = req.body || {};
+        if (!invite_code || !username) return res.status(400).json({ error: 'invite_code と username は必須です' });
+        try {
+            const group = await pool.query(
+                'SELECT * FROM together_groups WHERE invite_code=$1',
+                [invite_code.toUpperCase()]
+            );
+            if (group.rows.length === 0) return res.status(404).json({ error: '招待コードが見つかりません' });
+            await pool.query(
+                `INSERT INTO together_members (group_id, username) VALUES ($1, $2) ON CONFLICT DO NOTHING`,
+                [group.rows[0].id, username]
+            );
+            res.json({ group: group.rows[0] });
+        } catch (e) {
+            console.error('[together/join]', e.message);
+            res.status(500).json({ error: 'グループ参加に失敗しました' });
+        }
+    });
+
+    // GET /together/groups/:groupId — グループ情報
+    r.get('/together/groups/:groupId', async (req, res) => {
+        try {
+            const result = await pool.query('SELECT * FROM together_groups WHERE id=$1', [req.params.groupId]);
+            if (result.rows.length === 0) return res.status(404).json({ error: 'グループが見つかりません' });
+            res.json(result.rows[0]);
+        } catch (e) {
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // GET /together/members/:groupId — メンバー一覧
+    r.get('/together/members/:groupId', async (req, res) => {
+        try {
+            const result = await pool.query(
+                'SELECT username, joined_at FROM together_members WHERE group_id=$1 ORDER BY joined_at',
+                [req.params.groupId]
+            );
+            res.json(result.rows);
+        } catch (e) {
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // POST /together/share — 記事・テキストをシェア（即返却 + 非同期アーカイブ）
+    r.post('/together/share', async (req, res) => {
+        const { group_id, shared_by, url = null, title = null, message = '', tags = [] } = req.body || {};
+        if (!group_id || !shared_by) return res.status(400).json({ error: 'group_id と shared_by は必須です' });
+        try {
+            const grpCheck = await pool.query('SELECT id FROM together_groups WHERE id=$1', [group_id]);
+            if (grpCheck.rows.length === 0) return res.status(404).json({ error: 'グループが見つかりません' });
+
+            const result = await pool.query(
+                `INSERT INTO together_shares (group_id, shared_by, url, title, message, tags)
+                 VALUES ($1, $2, $3, $4, $5, $6) RETURNING *`,
+                [group_id, shared_by, url, title, message, tags]
+            );
+            const share = result.rows[0];
+            res.json({ ok: true, share });
+
+            // URL がある場合のみ非同期アーカイブ（ユーザーを待たせない）
+            if (url) archiveShare(share.id, url);
+        } catch (e) {
+            console.error('[together/share]', e.message);
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // GET /together/feed/:groupId — フィード（リアクション・コメント数付き）
+    r.get('/together/feed/:groupId', async (req, res) => {
+        try {
+            const result = await pool.query(`
+                SELECT
+                    s.*,
+                    COALESCE(
+                        json_agg(DISTINCT jsonb_build_object('username', r.username, 'type', r.type))
+                        FILTER (WHERE r.username IS NOT NULL), '[]'
+                    ) AS reactions,
+                    COUNT(DISTINCT c.id)::int AS comment_count
+                FROM together_shares s
+                LEFT JOIN together_reactions r ON r.share_id = s.id
+                LEFT JOIN together_comments c ON c.share_id = s.id
+                WHERE s.group_id = $1
+                GROUP BY s.id
+                ORDER BY s.shared_at DESC
+                LIMIT 50
+            `, [req.params.groupId]);
+            res.json(result.rows);
+        } catch (e) {
+            console.error('[together/feed]', e.message);
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // GET /together/article/:shareId — アーカイブ本文取得
+    r.get('/together/article/:shareId', async (req, res) => {
+        try {
+            const result = await pool.query(
+                'SELECT id, title, url, full_content, summary, archive_status, shared_at FROM together_shares WHERE id=$1',
+                [req.params.shareId]
+            );
+            if (result.rows.length === 0) return res.status(404).json({ error: '見つかりません' });
+            res.json(result.rows[0]);
+        } catch (e) {
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // POST /together/react — リアクション toggle（like / star / fire）
+    r.post('/together/react', async (req, res) => {
+        const { share_id, username, type = 'like' } = req.body || {};
+        if (!share_id || !username) return res.status(400).json({ error: 'share_id と username は必須です' });
+        try {
+            const existing = await pool.query(
+                'SELECT 1 FROM together_reactions WHERE share_id=$1 AND username=$2 AND type=$3',
+                [share_id, username, type]
+            );
+            if (existing.rows.length > 0) {
+                await pool.query(
+                    'DELETE FROM together_reactions WHERE share_id=$1 AND username=$2 AND type=$3',
+                    [share_id, username, type]
+                );
+                res.json({ ok: true, action: 'removed' });
+            } else {
+                await pool.query(
+                    'INSERT INTO together_reactions (share_id, username, type) VALUES ($1, $2, $3)',
+                    [share_id, username, type]
+                );
+                res.json({ ok: true, action: 'added' });
+            }
+        } catch (e) {
+            console.error('[together/react]', e.message);
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // GET /together/comments/:shareId — コメント一覧
+    r.get('/together/comments/:shareId', async (req, res) => {
+        try {
+            const result = await pool.query(
+                'SELECT * FROM together_comments WHERE share_id=$1 ORDER BY created_at',
+                [req.params.shareId]
+            );
+            res.json(result.rows);
+        } catch (e) {
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // POST /together/comments — コメント投稿
+    r.post('/together/comments', async (req, res) => {
+        const { share_id, username, body } = req.body || {};
+        if (!share_id || !username || !body?.trim()) {
+            return res.status(400).json({ error: 'share_id, username, body は必須です' });
+        }
+        try {
+            const result = await pool.query(
+                'INSERT INTO together_comments (share_id, username, body) VALUES ($1, $2, $3) RETURNING *',
+                [share_id, username, body.trim()]
+            );
+            res.json(result.rows[0]);
+        } catch (e) {
+            console.error('[together/comments POST]', e.message);
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    // GET /together/search/:groupId — キーワード / タグ検索
+    r.get('/together/search/:groupId', async (req, res) => {
+        const { q = '', tag = '' } = req.query;
+        if (!q && !tag) return res.status(400).json({ error: 'q または tag が必要です' });
+        try {
+            const keyword = q ? `%${q}%` : '';
+            const result = await pool.query(`
+                SELECT id, shared_by, url, title, message, tags, summary, archive_status, shared_at
+                FROM together_shares
+                WHERE group_id = $1
+                  AND (
+                    ($2 != '' AND (title ILIKE $2 OR message ILIKE $2 OR full_content ILIKE $2))
+                    OR ($3 != '' AND $3 = ANY(tags))
+                  )
+                ORDER BY shared_at DESC
+                LIMIT 30
+            `, [req.params.groupId, keyword, tag]);
+            res.json(result.rows);
+        } catch (e) {
+            console.error('[together/search]', e.message);
+            res.status(500).json({ error: e.message });
+        }
+    });
+
+    return r;
+}
+
+// ─── Doorkeeper JSON API（認証不要・CORS 問題なし） ─────────────────────────
+async function fetchDoorkeeper() {
+    const url = 'https://api.doorkeeper.jp/events?locale=ja&per_page=50&sort=starts_at';
+    const res = await fetch(url, {
+        headers: { 'Accept': 'application/json', 'User-Agent': 'Posimai/1.0' },
+        signal: AbortSignal.timeout(8000),
+    });
+    if (!res.ok) throw new Error(`Doorkeeper ${res.status}`);
+    const data = await res.json();
+
+    return data.map((item) => {
+        const ev = item.event;
+        const start = new Date(ev.starts_at);
+        const end = new Date(ev.ends_at || ev.starts_at);
+        return {
+            id: `doorkeeper-${ev.id}`,
+            title: ev.title || '',
+            url: ev.url || '',
+            location: ev.venue_name || (ev.address ? ev.address.split(',')[0] : 'オンライン'),
+            address: ev.address || '',
+            startDate: evToDateStr(start),
+            endDate: evToDateStr(end),
+            startTime: evToTimeStr(start),
+            endTime: evToTimeStr(end),
+            category: 'IT イベント',
+            description: evStripHtml(ev.description || '').slice(0, 300),
+            source: ev.group || 'Doorkeeper',
+            isFree: false,
+            interestTags: evGuessInterestTags(ev.title + ' ' + (ev.description || '')),
+            audienceTags: evGuessAudienceTags(ev.title + ' ' + (ev.description || '')),
+        };
+    });
+}
+
+// ─── connpass Atom RSS（XMLをregexでパース） ──────────────────────────────────
+async function fetchConnpassRss() {
+    const url = 'https://connpass.com/explore/ja.atom';
+    const res = await fetch(url, {
+        headers: { 'Accept': 'application/atom+xml', 'User-Agent': 'Posimai/1.0' },
+        signal: AbortSignal.timeout(8000),
+    });
+    if (!res.ok) throw new Error(`connpass RSS ${res.status}`);
+    const xml = await res.text();
+
+    const entries = [...xml.matchAll(/<entry>([\s\S]*?)<\/entry>/g)];
+    return entries.map((match, i) => {
+        const c = match[1];
+        const title = evExtractXml(c, 'title');
+        const url = /<link[^>]+href="([^"]+)"/.exec(c)?.[1] || '';
+        const updated = evExtractXml(c, 'updated');
+        const summary = evExtractXml(c, 'summary');
+        const author = evExtractXml(c, 'name');
+
+        const dt = updated ? new Date(updated) : new Date();
+        return {
+            id: `connpass-${i}-${evToDateStr(dt)}`,
+            title,
+            url,
+            location: 'connpass',
+            address: '',
+            startDate: evToDateStr(dt),
+            endDate: evToDateStr(dt),
+            startTime: evToTimeStr(dt),
+            endTime: evToTimeStr(dt),
+            category: 'IT イベント',
+            description: summary.slice(0, 300),
+            source: author || 'connpass',
+            isFree: false,
+            interestTags: evGuessInterestTags(title + ' ' + summary),
+            audienceTags: evGuessAudienceTags(title + ' ' + summary),
+        };
+    });
+}
+
+function evExtractXml(xml, tag) {
+    const m = new RegExp(`<${tag}[^>]*>([\\s\\S]*?)<\\/${tag}>`).exec(xml);
+    if (!m) return '';
+    return m[1].replace(/<!\[CDATA\[|\]\]>/g, '')
+               .replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>')
+               .replace(/&quot;/g, '"').replace(/&#39;/g, "'").trim();
+}
+function evStripHtml(html) { return html.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim(); }
+function evToDateStr(dt) { return dt.toISOString().slice(0, 10); }
+function evToTimeStr(dt) {
+    const jst = new Date(dt.getTime() + 9 * 3600 * 1000);
+    return jst.toISOString().slice(11, 16);
+}
+function evGuessInterestTags(text) {
+    const tags = [];
+    if (/React|Vue|TypeScript|フロントエンド|Next\.js|Svelte/i.test(text)) tags.push('frontend');
+    if (/Go|Rust|Ruby|Python|PHP|バックエンド|API/i.test(text)) tags.push('backend');
+    if (/デザイン|UX|Figma|UI/i.test(text)) tags.push('design');
+    if (/AI|機械学習|LLM|GPT|Claude|Gemini/i.test(text)) tags.push('ai');
+    if (/インフラ|AWS|GCP|Azure|クラウド|Docker|Kubernetes/i.test(text)) tags.push('infra');
+    if (/iOS|Android|Flutter|React Native|モバイル/i.test(text)) tags.push('mobile');
+    if (/データ|分析|ML|データサイエンス/i.test(text)) tags.push('data');
+    if (/PM|プロダクト|プロダクトマネジメント/i.test(text)) tags.push('pm');
+    if (/初心者|入門|ビギナー/i.test(text)) tags.push('beginner');
+    return tags;
+}
+function evGuessAudienceTags(text) {
+    const tags = [];
+    if (/交流|ミートアップ|meetup/i.test(text)) tags.push('meetup');
+    if (/もくもく/i.test(text)) tags.push('mokumoku');
+    if (/セミナー|勉強会|study/i.test(text)) tags.push('seminar');
+    if (/ハンズオン|hands.?on/i.test(text)) tags.push('handson');
+    return tags;
+}
+
+// ── Uploads ───────────────────────────────
+const UPLOADS_DIR = path.join(__dirname, 'uploads');
+if (!fs.existsSync(UPLOADS_DIR)) fs.mkdirSync(UPLOADS_DIR, { recursive: true });
+app.use('/brain/api/uploads', express.static(UPLOADS_DIR));
+app.use('/api/uploads', express.static(UPLOADS_DIR));
+
+// ── マウント（Tailscale経由と直接アクセスの両方対応）
+const router = buildRouter();
+app.use('/brain/api', router);  // Tailscale Funnel 経由
+app.use('/api', router);        // ローカル直接アクセス
+
+// ── 起動 ──────────────────────────────────
+const PORT = parseInt(process.env.PORT || '8090');
+
+initDB()
+    .then(() => {
+        app.listen(PORT, '0.0.0.0', () => {
+            console.log(`\n🧠 Posimai Brain API`);
+            console.log(`   Port:    ${PORT}`);
+            console.log(`   Gemini:  ${genAI ? 'enabled' : 'disabled (no key)'}`);
+            console.log(`   Users:   ${Object.values(KEY_MAP).join(', ') || '(none - set API_KEYS)'}`);
+            console.log(`   Local:   http://localhost:${PORT}/api/health`);
+            console.log(`   Public:  https://posimai-lab.tail72e846.ts.net/brain/api/health`);
+        });
+    })
+    .catch(err => {
+        console.error('[FATAL] DB init failed:', err.message);
+        process.exit(1);
+    });