From c9655a993a462c5666ebdeb1c4b9b7c15701fb2c Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 13:09:43 +0900
Subject: [PATCH 01/36] docs(signage): revise spec for YouTube IFrame video +
 OS Spotify audio

Replace the self-host HTML5 <video> design with YouTube playback:
- video list managed in a YouTube playlist, fetched via a new
  GET /api/signage/playlist (Data API v3, server-side, API key, cached)
- self-managed queue (IFrame Player API, loadVideoById on ENDED) to
  suppress related/end-screen/up-next UI; rel=0/modestbranding noted as
  ineffective, so suppression depends on the queue swap
- ad reality: embedder cannot strip ads; ad-free only via YPP channel
  with monetization off (own uploads) or self-host (kept as fallback)
- audio: global mute toggle (default muted) + OS-level Spotify; app does
  not integrate Spotify (no SDK/OAuth)
Chime/cycle/auth/sessions-polling unchanged. Verified against current
YouTube/Spotify docs and adversarially reviewed.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../specs/2026-05-29-signage-chime-design.md  | 186 +++++++++++++-----
 1 file changed, 139 insertions(+), 47 deletions(-)

diff --git a/docs/superpowers/specs/2026-05-29-signage-chime-design.md b/docs/superpowers/specs/2026-05-29-signage-chime-design.md
index 31b4bd5..8e021c2 100644
--- a/docs/superpowers/specs/2026-05-29-signage-chime-design.md
+++ b/docs/superpowers/specs/2026-05-29-signage-chime-design.md
@@ -1,11 +1,23 @@
 # サイネージ＋チャイム アプリ（`apps/signage`）設計
 
 - 作成日: 2026-05-29
-- ステータス: 設計合意済み（実装計画はこの後に作成）
+- 改訂: 2026-05-30 — 動画レイヤを self-host HTML5 `<video>` から **YouTube（IFrame Player API 自前キュー ＋ YouTube Data API）** に変更。BGMは **無音トグル ＋ OS側 Spotify**（アプリ非統合）。チャイム／サイクル／認証／`/api/sessions/today` ポーリングは不変。
+- ステータス: 設計合意済み（実装計画はこの後に更新）
 - 関連: `docs/architecture.md`（拡張ロードマップに本アプリを追記予定）
 
 ---
 
+## 改訂サマリ（2026-05-30）
+
+初版（2026-05-29）は動画を **self-host の HTML5 `<video>`** で流す前提だった。運用上の都合（動画素材をYouTubeで管理したい・差し替えを非開発者でも回したい）から、動画レイヤを以下に置き換える。**それ以外（チャイム・50/10サイクル・状態機械・認証・在館/稼働判定）は初版のまま。**
+
+- **動画ソース**：YouTube。再生順は **YouTube上のプレイリスト**で管理し、Worker の新規エンドポイント `GET /api/signage/playlist` が YouTube Data API v3 で順序付き動画ID列を返す（§4・§5）。
+- **再生方式**：**自前キュー**（IFrame Player API。`ENDED` で次IDへ `loadVideoById`）。YouTube標準の関連動画グリッド・終了画面・「次の動画」UIを実質抑止する（§5）。
+- **広告の現実**：埋め込み側は所有しない動画の広告を消せない。広告ゼロを確実にできるのは **YPP加入チャンネルで収益化オフにした自前動画** のみ（§5・§9）。混在運用前提。
+- **音声**：アプリは Spotify に一切触れない。**無音／音ありのグローバルトグル（既定=無音）**だけ持ち、無音時は動画をミュート。BGMは **キオスク端末のOS側 Spotify**（アプリ／Connect）が担当（§5.5）。
+
+---
+
 ## 背景・目的（Context）
 
 会場（tec-nova Nagasaki）の大型モニターに常時表示する**デジタルサイネージ兼チャイム**アプリを新設する。
@@ -25,14 +37,16 @@
 
 - 理由：将来「チェックイン履歴ベースの情報」「メンター紹介スライド（氏名・写真・経歴）」などの**機微コンテンツ**を流す構想があるため、データ取得経路は最初からアクセス制御下に置く。「壁に映ること」と「APIを誰でも叩けること」は別問題で、後者を塞ぐ。
 - 端末運用：**テクノバ共有の管理用 Google アカウント（`mentors` にメンターロールで登録済み）**でキオスク端末を1回ログインし、セッション（既定7日）で維持する。個人アカウントを使わず最小権限。
-- 効果：v1 では**新規エンドポイントを作らず**、認証付きの既存 `GET /api/sessions/today` をそのまま再利用できる。将来の機微コンテンツも同じ許可リスト配下の `/api/*`（必要なら `/api/signage/*`）に足すだけで、**新しい認証機構は不要**。
+- 効果：稼働判定・在館数は認証付きの既存 `GET /api/sessions/today` をそのまま再利用する。動画プレイリスト取得のため `GET /api/signage/playlist` を1本だけ新設するが（§4）、これも**同じ `requireAuthenticatedMentor` 配下**に置くため**新しい認証機構は不要**（CORS/Better Auth は `TRUSTED_ORIGINS` 設定のみで効く）。将来の機微コンテンツ（ニックネーム表示・メンター紹介スライド等）も同じ許可リスト配下の `/api/signage/*` に足すだけでよい。
 
 ---
 
 ## スコープ
 
 ### v1 に含む
-- 動画フルスクリーン再生（ループ・プレイリスト）＋常時表示の情報バー（**レイアウト L2**）。
+- **YouTube動画のフルスクリーン再生**（IFrame Player API・自前キュー）＋常時表示の情報バー（**レイアウト L2**）。
+- 再生順は **YouTube上のプレイリスト**で管理し、`GET /api/signage/playlist`（Data API）から順序付き動画ID列を取得（§4・§5）。
+- **無音／音ありのグローバルトグル（既定=無音）**。無音時は動画ミュート＝映像のみ。BGMは **OS側 Spotify**（アプリ非統合、§5.5）。
 - **50/10サイクル**に連動した状態遷移（活動↔休憩↔待機）と**シームレスなクロスフェード**。
 - **チャイム**（Web Audio 合成、種別ごとに音色を変える）。
 - **在館人数のライブ表示**と、**ターム最初のチェックインで稼働開始**するデータ駆動ロジック（認証付き `GET /api/sessions/today` を再利用）。
@@ -42,10 +56,12 @@
 - キオスク運用（フルスクリーン・横向き・スリープ防止・起動時タップで音声解放）。
 
 ### v1 に含まない（将来拡張・認証経路は確定済み）
-- admin での動画CMS（アップロード・並べ替え）。
-- ニックネーム表示・チェックイン履歴ベースの情報・メンター紹介スライド → **認証付き `/api/*` エンドポイントを追加**して対応（公開はしない）。
+- admin での動画CMS（プレイリストUI・並べ替え）。v1はYouTube側の画面でプレイリストを管理する。
+- ニックネーム表示・チェックイン履歴ベースの情報・メンター紹介スライド → **認証付き `/api/signage/*` エンドポイントを追加**して対応（公開はしない）。
+- **アプリ内 Spotify 制御**（Web Playback SDK・OAuth・再生中表示）→ OS側再生で代替。将来必要なら別途検討（§5.5）。
+- **動画ごとの音あり/ミュート個別フラグ**、複数プレイリスト切替 → v1はグローバルトグル＋単一プレイリスト。
+- self-host HTML5 `<video>` 方式 → YouTubeに一本化（広告ゼロを厳密に求める場合の代替として §9 に残す）。
 - 任意時刻のカスタムアナウンス登録。
-- YouTube/Vimeo 埋め込み（v1は HTML5 `<video>` のみ）。
 - WebSocket/SSE などのプッシュ（v1はポーリング）。
 
 ---
@@ -54,19 +70,25 @@
 
 ```
 [大型モニター] ── Chrome キオスク ──> apps/signage (Next.js 16, 認証あり=メンター許可リスト)
-        │ 共有管理アカウントで1回ログイン（セッション既定7日・cookie維持）
-        ▼  ~15–30s ポーリング（credentials:'include'）
-  GET /api/sessions/today  (Hono on Workers, requireAuthenticatedMentor)  ← 既存を再利用
-        │  event/sessions/summary（term・isPresent 含む）を返す
-        ▼
-   Cloudflare D1
-
-時刻ロジック: packages/shared/activity-cycle.ts （venue-schedule.ts の TERMS を50/10に展開）
+   │  共有管理アカウントで1回ログイン（セッション既定7日・cookie維持）
+   │  ├─ ~15–30s: GET /api/sessions/today      (requireAuthenticatedMentor) ← 既存再利用
+   │  │              event/sessions/summary（term・isPresent 含む）→ 稼働判定・在館数
+   │  └─ 起動時/~数分: GET /api/signage/playlist (requireAuthenticatedMentor) ← 新設
+   │                   { items:[{videoId}], refreshAt }
+   ▼  IFrame Player API（自前キュー: ENDED→loadVideoById）
+  YouTube（埋め込みプレーヤー。動画はYouTube側にホスト）
+
+  Hono on Workers ─┬─ D1（sessions/participants）
+                   └─ YouTube Data API v3 playlistItems.list（APIキー・サーバ側キャッシュ）
+
+  BGM（無音モード時）: キオスク端末の OS側 Spotify アプリ/Connect（アプリは非制御）
+  時刻ロジック: packages/shared/activity-cycle.ts （venue-schedule.ts の TERMS を50/10に展開）
 ```
 
 - **時刻の刻み**（活動/休憩/チャイム時刻）は端末のローカル時計から純粋ロジックで算出。
 - **稼働判定**（鳴らす／表示するか）は `/api/sessions/today` のターム別チェックイン数で決定（クロックとデータの役割分離）。
-- **音声解放**は起動時の1回タップ（ブラウザの自動再生制約）。**ログイン**（共有アカウント）とは独立。
+- **再生順**は `/api/signage/playlist`（YouTube Data API 由来）で決定。プレーヤーへは自前キューで1本ずつ流す。
+- **音声解放**は起動時の1回タップ（ブラウザの自動再生制約）。**ログイン**（共有アカウント）とは独立。**BGM（OS側Spotify）はアプリ管轄外**で常時鳴らせる。
 
 ---
 
@@ -80,7 +102,7 @@ Next.js 16.2.4 / React 19.2.4。`pnpm-workspace.yaml` の `apps/*` グロブで*
 
 | ファイル | 内容 / checkin との差分 |
 |---|---|
-| `package.json` | `name: "signage"`、scripts `dev: next dev --port 3002` ほか `build`/`start`/`type-check`。deps は checkin から **`@zxing/browser` を除外**（QR不要）、**`better-auth` と `motion` は維持**（ログイン経路＋表示アニメ）。 |
+| `package.json` | `name: "signage"`、scripts `dev: next dev --port 3002` ほか `build`/`start`/`type-check`。deps は checkin から **`@zxing/browser` を除外**（QR不要）、**`better-auth` と `motion` は維持**（ログイン経路＋表示アニメ）。**動画は YouTube IFrame Player API を自前ラップ＝再生用の追加 npm 依存なし**。型のため `@types/youtube` のみ devDep に追加（`YT.Player` 等）。 |
 | `next.config.ts` | checkin と同一（`transpilePackages: ['@tecnova/shared','@tecnova/ui']`）。 |
 | `tsconfig.json` | checkin と同一（`paths` の `@/*` と `@tecnova/ui/*` 両方を含む）。 |
 | `postcss.config.mjs` | `export { default } from '@tecnova/ui/postcss.config';`（同一）。 |
@@ -96,7 +118,7 @@ Next.js 16.2.4 / React 19.2.4。`pnpm-workspace.yaml` の `apps/*` グロブで*
 
 データ取得は `@tecnova/ui` の `apiJson`/`apiFetch`（`credentials:'include'` 固定）で認証付き `/api/*` を叩く。`NEXT_PUBLIC_API_URL` 未設定時は `http://localhost:8787` にフォールバック。
 
-**API側のコード変更は不要。設定のみ**：`TRUSTED_ORIGINS`（`apps/api` の `.dev.vars` / Wrangler Secrets）にサイネージのオリジンを追加（dev: `http://localhost:3002`、本番: サイネージ本番ドメイン）。`parseTrustedOrigins` 経由で **CORS と Better Auth trustedOrigins の両方**に効く（コード変更なし）。
+**既存APIの再利用（`/api/sessions/today`）に必要なのは設定のみ**：`TRUSTED_ORIGINS`（`apps/api` の `.dev.vars` / Wrangler Secrets）にサイネージのオリジンを追加（dev: `http://localhost:3002`、本番: サイネージ本番ドメイン）。`parseTrustedOrigins` 経由で **CORS と Better Auth trustedOrigins の両方**に効く（既存ルートのコード変更なし）。**ただし動画プレイリスト用に `GET /api/signage/playlist` を新設するため、API 側にも新規コードが入る**（§5.1・§7）。
 
 ---
 
@@ -106,9 +128,9 @@ Next.js 16.2.4 / React 19.2.4。`pnpm-workspace.yaml` の `apps/*` グロブで*
 | 状態 | 条件 | 画面（L2） |
 |---|---|---|
 | **(login)** | 未ログイン（セッションなし・401） | `MeProvider` が `/login` へ。共有アカウントでログイン（通常は7日に1回程度） |
-| **boot** | ログイン済み・初回ロード〜起動タップ前 | 全画面「▶ タップして開始」オーバーレイ（背後でミュート動画が再生） |
-| **idle** | ターム外（昼休み・営業時間外） **または** ターム内だが当該タームが未稼働 | **待機・ロゴ画面**（ロゴ＋時計＋「次は HH:MM から」/「まもなく開始」）、動画停止 |
-| **activity** | ターム内・稼働中・活動フェーズ（:00–:50） | **動画フルスクリーン** ＋ 上部情報バー（ターム・時計・「休憩まであと◯分」・在館◯人） |
+| **boot** | ログイン済み・初回ロード〜起動タップ前 | 全画面「▶ タップして開始」オーバーレイ（背後でミュートの YouTube プレーヤーが再生） |
+| **idle** | ターム外（昼休み・営業時間外） **または** ターム内だが当該タームが未稼働 | **待機・ロゴ画面**（ロゴ＋時計＋「次は HH:MM から」/「まもなく開始」）、`pauseVideo()` で動画停止 |
+| **activity** | ターム内・稼働中・活動フェーズ（:00–:50） | **YouTube動画フルスクリーン** ＋ 上部情報バー（ターム・時計・「休憩まであと◯分」・在館◯人） |
 | **break** | ターム内・稼働中・休憩フェーズ（:50–:00） | **「休憩中／再開まで M:SS」を主役**（時計・在館数は小さく添える） |
 
 ### 稼働判定（データ駆動・`/api/sessions/today` 由来）
@@ -120,9 +142,10 @@ Next.js 16.2.4 / React 19.2.4。`pnpm-workspace.yaml` の `apps/*` グロブで*
 - **9:00（や各タームの :00 開始）チャイムは基本鳴らない**（その時刻はまだ件数0のことが多い）。意味のある **:50 休憩 / :00 再開 / ターム終了** チャイムは初チェックイン後に発火。
 
 ### 遷移
-- フェーズ境界（`:50` → break / `:00` → activity / ターム終了 → idle）で**クロスフェード**（不透明度のみ、`<video>` はアンマウントしない＝再読込フラッシュ防止）。
+- フェーズ境界（`:50` → break / `:00` → activity / ターム終了 → idle）で**クロスフェード**（不透明度のみ、**YouTubeプレーヤー（iframe）はアンマウントしない**＝再読込フラッシュ防止）。break/idle では `pauseVideo()` で止め、activity 復帰で `playVideo()`／キュー継続。
 - `prefers-reduced-motion` 尊重：トランジションを実質ゼロ（〜1ms）に縮約（プロジェクトのモーション方針 [[project_checkin_motion]] に整合）。
-- API 不達時の degrade：直近取得値をキャッシュし、**稼働済みなら時計駆動で継続／未稼働なら安全側で idle 維持**。
+- API 不達時の degrade：直近取得値をキャッシュし、**稼働済みなら時計駆動で継続／未稼働なら安全側で idle 維持**。プレイリスト取得失敗時は直近キュー（またはフォールバックの動画ID）を保持。
+- **BGM（OS側Spotify）はアプリの状態機械と独立**。break/idle でも止めず、雰囲気を維持できる（無音モード時）。音あり再生モードでは動画音声と二重になるため運用者が手動でOS音楽を止める前提（§5.5）。
 
 ---
 
@@ -178,9 +201,9 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => { /* .
 
 ---
 
-## 4. ライブデータ（認証付き既存エンドポイントの再利用）
+## 4. ライブデータ（稼働判定・在館数：認証付き既存エンドポイントの再利用）
 
-**新規エンドポイントは作らない。** サイネージは認証済みの信頼端末なので、既存の `GET /api/sessions/today`（`requireAuthenticatedMentor`／admin ロール不要・メンターで可）を再利用する。
+**稼働判定・在館数は新規エンドポイントを作らず**、既存の `GET /api/sessions/today`（`requireAuthenticatedMentor`／admin ロール不要・メンターで可）を再利用する。サイネージは認証済みの信頼端末。（動画プレイリスト取得のみ §5.1 で `GET /api/signage/playlist` を新設する。）
 
 レスポンス（`todaySessionsResponseSchema`、`@tecnova/shared/schemas`）には次が含まれ、サイネージに必要なものはすべて揃っている：
 - `event: { id, date } | null`（当日イベント未作成なら null＋ゼロサマリ）
@@ -193,15 +216,57 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => { /* .
 
 取得は `apiJson<TodaySessionsResponse>('/api/sessions/today')` を ~15–30秒間隔でポーリング（活動境界の検出は時計側が担うため、データ遅延は稼働判定の数十秒ラグのみで許容）。`fullName`/`nickname` 等の PII も返るが、認証済み信頼クライアント（admin と同等の信頼レベル）であり v1 は画面に出さない。将来 PII を絞った専用 `/api/signage/*` を足す余地は残す。
 
-**API 側の変更は設定のみ**：`TRUSTED_ORIGINS` にサイネージのオリジンを追加（CORS＋Better Auth 双方に反映、コード変更なし）。
+**セッションAPIのコード変更は不要**（`TRUSTED_ORIGINS` にサイネージのオリジンを追加するのみ。CORS＋Better Auth 双方に反映）。ただし動画プレイリスト用に `GET /api/signage/playlist` を新設する（§5.1）。
+
+---
+
+## 5. 動画（YouTube・IFrame Player API 自前キュー）
+
+### 5.1 プレイリストの管理元と取得（`GET /api/signage/playlist` 新設）
+
+- 再生順は **YouTube上のプレイリスト**で管理する（追加・削除・並べ替えは YouTube の画面で完結。非開発者も更新可）。
+- Worker に **`GET /api/signage/playlist`**（`requireAuthenticatedMentor`）を新設。YouTube Data API v3 `playlistItems.list` を **plain fetch ＋ APIキー**で叩き（OAuth不要・`googleapis` 不使用＝**Workers安全**。`packages/shared/src/google-sheets.ts` の fetch 流儀に倣うが **JWT は不要**、APIキーのみ）、順序付き動画ID列を返す。
+  - リクエスト：`GET https://www.googleapis.com/youtube/v3/playlistItems?part=snippet,contentDetails,status&playlistId={YOUTUBE_PLAYLIST_ID}&maxResults=50&key={YOUTUBE_API_KEY}`。50件超は `nextPageToken` でページング。順序は `snippet.position`（0始まり）でソート、`videoId` は canonical な `contentDetails.videoId` を使う（`snippet.resourceId.videoId` でも取れる）。**複数 part を要求してもクォータは増えない（1呼び出し＝1ユニットのまま）**。
+  - フィルタ：**`status.privacyStatus` が `public`/`unlisted` 以外（`private`・`privacyStatusUnspecified`）と `videoId` 欠落（削除済み）を除外**。プレイリストに残った再生不能動画でキューが詰まるのを防ぐ。なお埋め込み禁止・地域制限など API では弾けない再生不能はクライアント側 `onError`（§5.2）で救済する。
+  - コスト：`playlistItems.list` は **1呼び出し1ユニット／既定クォータ 1日1万ユニット** → 余裕。
+  - キャッシュ：**Worker の module-scope 変数＋TTL（例 5分・`{ data, expiresAt }`）**で十分（Cache API は任意）。クォータ節約＋プレイリスト更新の反映遅延（数分）は許容。YouTube API Developer Policies III.E.4 の**保存上限30日**内なので数分キャッシュは問題なし。実装は `apps/api/src/lib/signage.ts::fetchSignagePlaylist(env)` に閉じる。
+  - レスポンス（`@tecnova/shared/schemas` に `signagePlaylistResponseSchema` 新設）：`{ items: { videoId: string; title?: string }[]; refreshAt: string }`。
+- Secrets（Worker）：`YOUTUBE_API_KEY`（**YouTube Data API 限定の「APIの制限」**を付与。サーバ側呼び出しでリファラが無いため**リファラ制限は使わない**）、`YOUTUBE_PLAYLIST_ID`。`apps/api/src/types.ts` の `Bindings` に追加。
+- フロントは `use-playlist`（`apiJson<SignagePlaylistResponse>('/api/signage/playlist')` を起動時＋数分間隔でポーリング）が `videoId[]` の状態を保持し、自前キューに供給する。取得失敗／空配列のときは §5.4 のフォールバックIDを使う。
+
+### 5.2 再生（IFrame Player API・自前キュー）
+
+- `https://www.youtube.com/iframe_api` を**一度だけ**読み込み（モジュールスコープのシングルトン）、グローバル `onYouTubeIframeAPIReady` で `new YT.Player(el, {...})` を生成。React 19 / Next 16 では client-only な effect 内で生成し、**StrictMode の二重マウントをガード**、アンマウントで `player.destroy()`。これらは `use-youtube-player` フックに閉じ、状態機械へは**命令的ハンドル（`play()` / `pause()` / `loadNext()`）**を `ref` で公開する（§2 のフェーズ遷移から `phase === 'activity' ? play() : pause()` を呼ぶ）。
+- **自前キュー**：`onStateChange` で `event.data === YT.PlayerState.ENDED (0)` を検知したら、次の `videoId` を `loadVideoById` で**即差し替え**。プレーヤーが自身の「終了状態」に落ち着かないため、YouTube標準の**「次の動画」/関連動画グリッド/up-next UI を実質抑止**できる。末尾まで来たらキュー先頭へループ。**再生不能動画の救済**：`onError`（`100`＝削除/非公開、`101`/`150`＝埋め込み禁止）でも次の `videoId` へ進める（ENDED を発火しない動画でキューが止まらないように）。
+- `playerVars`：`controls:0, disablekb:1, fs:0, playsinline:1, iv_load_policy:3, autoplay:1, mute:1`。初期 `mute:1` はロード時のミュート自動再生を保証するためで、起動タップ後は `use-mute`（localStorage）状態に従って `player.mute()`/`player.unMute()` を**命令的に**呼んで上書きする（playerVars は生成時1回だけなので state では追従させない）。
+  - ⚠️ **`rel=0` は 2018-09-25 以降「同一チャンネルの関連に限定」するだけで関連表示を完全には消せない**。**`modestbranding` は 2023-08-15 で廃止＝無効**。よって関連UIの抑止は**パラメータではなくキュー差し替え**に依存する（上記）。
+  - ⚠️ **2種類の終了UIを区別する**：(1) 自前キューの **`ENDED` 直前の差し替え（残り〜1秒）でプレーヤーを「終了状態」に到達させない**ことで up-next/関連グリッドを抑止できる。(2) ただし**作者エンドスクリーン（カード）は末尾 5–20 秒に重なる**ため、サブ秒の差し替えでは消えない。これを隠すには **末尾数秒手前で切る**（`loadVideoById({ videoId, endSeconds: duration - 約6 })`、または `getCurrentTime`/`getDuration` 監視で数秒早く差し替え）。**作者カードの完全抑止は保証しない**（§9・許容）。
+
+### 5.3 広告の現実（重要・ToS順守）
+
+- **埋め込み側（本アプリ）は所有しない動画の広告を削除・スキップ・ブロックできない。** 広告の有無は**動画所有者の収益化設定**と Content ID 権利者が決め、埋め込みプレーヤーは youtube.com と同じ広告設定を継承する（＝広告を独自に無効化はできない。ただし**「同じ設定」＝「視聴ページと同頻度」ではない**点に注意。後述のとおり 2024-08 以降、埋め込みの広告頻度はむしろ増加傾向）。
+- **IFrame API でプログラム的に広告をブロック／改変／置換／スキップするのは YouTube API Developer Policies III.I.5–6 違反。** 自前キュー（`loadVideoById`）にしても**収益化動画のプレロール広告は消えない**（広告は再生制御ではなく収益化状態で決まる）。
+- **広告ゼロを確実にできるのは限定的**：
+  - ✅ **YouTube Partner Program (YPP) 加入チャンネルで、その動画の収益化をオフ**にした **自前アップロード動画**（YouTube が公式に「広告非表示」と明言）。
+  - ⚠️ **チャンネルが YPP 非加入**だと、ToS「収益化する権利」（2021-06-01〜）により **YouTube が自前動画にも独自広告を載せる権利を留保**しており、収益化オフにできず広告ゼロを保証できない。
+  - ⚠️ **第三者動画**は Content ID クレームや所有者の収益化で広告が出うる。2024-08 以降、埋め込みプレーヤーの広告頻度は増加傾向。
+- **運用方針（混在前提）**：自前(YPP・収益化オフ)動画＝クリーンに流れる枠、第三者動画＝広告が出うる前提で番組編成する。**広告を厳密にゼロにしたい時間帯のために self-host（§9 代替案）へ切り替える**選択肢を残す。
+
+### 5.4 フォールバック設定
+
+- `apps/signage/src/config/playlist.ts` は **`export const FALLBACK_VIDEO_IDS: string[] = [...]`**（動画IDの配列。旧版の `{ src }` URL 配列ではない）。`/api/signage/playlist` の取得失敗／空配列／ローカル開発時に `use-playlist` がこの配列を採用し、**API 結果と同じ自前キュー機構**に流す。本番の主たるソースは API。空＝フォールバックも空なら idle ロゴ画面に倒す。
 
 ---
 
-## 5. 動画（設定リスト管理）
+## 5.5 音声／BGM（無音トグル ＋ OS側 Spotify・アプリ非統合）
 
-- **`apps/signage/src/config/playlist.ts`**：`export const PLAYLIST: { src: string; type?: string }[] = [...]`。self-host/CDN の URL を列挙し、**リポジトリにバイナリを置かない**。差し替えは設定変更＋再デプロイ。
-- v1 は HTML5 `<video>` をループ＋プレイリスト順送り。`playsInline`、起動前は `muted` 自動再生（許容）、タップで `muted=false`。
-- 将来：env / リモート設定 / YouTube 埋め込みへ拡張可能な型設計にしておく。
+- **方針**：アプリは Spotify に一切統合しない（Web Playback SDK／OAuth を持たない）。BGM は **キオスク端末の OS側 Spotify アプリ（または Spotify Connect の再生先）** が担当。「任意の Spotify プレイリスト」＝現場で Spotify アプリにキューしたもの。
+  - 理由：ブラウザ内再生は Web Playback SDK＝**フル(デスクトップ)Premium ＋ OAuth（`streaming` スコープ）** が必須で重い。OS側再生なら今すぐ・確実に成立。
+  - ⚠️ **広告ゼロの BGM には Spotify Premium が必須**（Free は曲間に音声広告）。OS側でも同じ＝端末の Spotify は **Premium 前提**。
+- **アプリが持つのは無音トグルだけ**：`use-mute`（localStorage 永続・**既定=無音**）＋ 端末隅の控えめな小コントロール（運用者向け）。
+  - **無音時**：`player.mute()`＝映像のみ。OS側 Spotify が音の主役。
+  - **音あり時**：起動タップの**ユーザージェスチャ内で** `player.unMute()`（自動再生制約）。動画音声と OS音楽が二重になるため、運用者は**OS側 Spotify を手動停止**する前提（**アプリは Spotify を duck/停止できない**）。
+- **チャイム**（Web Audio 合成）は従来どおり動画／音楽と独立に鳴る。無音モードでもチャイムは鳴る（Web Audio は別経路）。
 
 ---
 
@@ -211,14 +276,16 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => { /* .
 
 **ブートシーケンス:**
 0. （初回／セッション切れ時のみ）`MeProvider` が `/login` を表示 → 共有管理アカウントで Google ログイン。以降はセッション cookie で維持（既定7日）。
-1. ログイン済みでロードすると、ミュートで「▶ タップして開始」全画面オーバーレイ（背後でミュート動画）。
-2. タップハンドラ（1つのジェスチャ内で）：`ctx.resume()` → `requestFullscreen()` → `video.muted=false; video.play()` → `requestWakeLock()` → スケジューラ開始。
-3. `visibilitychange`→visible：`ctx.resume()` 再実行・wake lock 再取得・即時 `tick()`。
+1. ログイン済みでロードすると、YouTube プレーヤーは **`mute:1` でミュート自動再生**しつつ「▶ タップして開始」全画面オーバーレイを表示。
+2. タップハンドラ（1つのジェスチャ内で）：`audioCtx.resume()`（チャイム用 Web Audio の解放）→ `requestFullscreen()` →（**音ありモード設定時のみ** `player.unMute()`）→ `requestWakeLock()` → スケジューラ開始。
+3. `visibilitychange`→visible：`audioCtx.resume()` 再実行・wake lock 再取得・即時 `tick()`。
+
+> 注：起動タップの主目的は**チャイム（Web Audio）の解放・全画面・wake lock**。動画はミュートで自動再生済みなので、**無音モード（既定）ではタップ前から映像が出る**。音ありモードのときだけタップで `unMute()` する。
 
 **個別制約:**
-- **自動再生**：`navigator.getAutoplayPolicy?.('mediaelement')` で判定。`play()` の `NotAllowedError` は muted フォールバック。React では `muted` を**ref/effect で DOM に反映**（JSX prop だけだと不確実）。一度のジェスチャでページ寿命中は sticky activation。
+- **自動再生（YouTube IFrame）**：**ミュート自動再生は常時許可**（`autoplay:1, mute:1`）。**音声を出す unMute はユーザージェスチャ必須**。ジェスチャ無しの音付き自動再生は MEI / PWA インストール等に依存し**キオスク初期プロファイルでは不安定**なので当てにしない。検知用に **`onAutoplayBlocked`（2023-11 追加）** と `navigator.getAutoplayPolicy?.('mediaelement')` を併用してよい。
 - **Screen Wake Lock**：`navigator.wakeLock.request('screen')`。**hidden で自動解放されるため `visibilitychange` で再取得**。HTTPS 必須。OS 側のスクリーンブランク無効化も併用（API 単独に依存しない）。
-- **全画面/横向き/カーソル/スクロール**：本番は Chromium を `--kiosk --autoplay-policy=no-user-gesture-required --disable-pinch --overscroll-history-navigation=0` で起動（自動再生は enterprise policy `AutoplayAllowed` がより確実）。横向き・カーソル非表示・スリープ無効は **OS/ディスプレイ層**で固定。CSS は `html,body { height:100%; overflow:hidden; overscroll-behavior:none; touch-action:none; }`、タッチ専用なら `cursor:none`。
+- **全画面/横向き/カーソル/スクロール**：本番は Chromium を `--kiosk --autoplay-policy=no-user-gesture-required --disable-pinch --overscroll-history-navigation=0` で起動（音付き自動再生まで必要なら、enterprise policy（`AutoplayAllowed` / `AutoplayAllowlist` 等。**正確なポリシー名と挙動は導入する Chromium ビルドで要検証**）の併用がより確実。`--autoplay-policy` フラグは一部ビルドで無視される報告あり）。横向き・カーソル非表示・スリープ無効は **OS/ディスプレイ層**で固定。CSS は `html,body { height:100%; overflow:hidden; overscroll-behavior:none; touch-action:none; }`、タッチ専用なら `cursor:none`。なお**既定の無音モードなら音付き自動再生は不要**で、ミュート自動再生＋（任意の）タップ起動で十分。
 - 主要参照は本ドキュメント末尾の出典（MDN/Chrome for Developers 等）。
 
 ---
@@ -227,21 +294,28 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => { /* .
 
 **新規（packages/shared）**
 - `packages/shared/src/activity-cycle.ts`
+- `packages/shared/src/youtube.ts` … YouTube Data API `playlistItems.list` の fetch ラッパ（APIキーのみ・ページング・`privacyStatus` フィルタ・順序ソート。Workers安全）。
+- `packages/shared/src/schemas/signage.ts` … `signagePlaylistItemSchema` / `signagePlaylistResponseSchema` ＋ `z.infer` 型。
 
 **変更（packages/shared）**
-- `packages/shared/package.json` … exports に `"./activity-cycle": "./src/activity-cycle.ts"`
+- `packages/shared/package.json` … exports に `"./activity-cycle"` と `"./youtube"` を追加。
+- `packages/shared/src/schemas/index.ts` … `export * from './signage'` を追加。
 
-**変更（apps/api）— コードなし・設定のみ**
-- `apps/api/.dev.vars`（ローカル）／ Wrangler Secrets（本番）の `TRUSTED_ORIGINS` にサイネージのオリジンを追加。
-- `.env.example` の `TRUSTED_ORIGINS` 例コメントを更新（任意）。
+**新規・変更（apps/api）— コードあり**
+- 新規 `apps/api/src/routes/signage.ts` … 外部パス `GET /api/signage/playlist`（ルート内のハンドラは `/playlist`、`index.ts` で `app.route('/api/signage', signageRoute)` マウント。`requireAuthenticatedMentor` 配下）。
+- 新規 `apps/api/src/lib/signage.ts` … `fetchSignagePlaylist(env)`（`youtube.ts` を呼び・**数分の module-scope/Cache API キャッシュ**）。
+- 変更 `apps/api/src/index.ts` … `app.route('/api/signage', signageRoute)` を追加（auth ミドルウェア共通適用）。
+- 変更 `apps/api/src/types.ts` … `Bindings` に `YOUTUBE_API_KEY` / `YOUTUBE_PLAYLIST_ID` を追加。
+- 設定 `apps/api/.dev.vars`（ローカル）／ Wrangler Secrets（本番）：`TRUSTED_ORIGINS` にサイネージのオリジン、`YOUTUBE_API_KEY`、`YOUTUBE_PLAYLIST_ID` を追加。
+- `.env.example` に `YOUTUBE_API_KEY` / `YOUTUBE_PLAYLIST_ID`（値なし・名前のみ）と `TRUSTED_ORIGINS` 例コメントを更新。
 
 **新規（apps/signage、すべて）**
-- 設定: `package.json` / `next.config.ts` / `tsconfig.json` / `postcss.config.mjs` / `components.json` / `.gitignore`
+- 設定: `package.json`（`@types/youtube` devDep 追加）/ `next.config.ts` / `tsconfig.json` / `postcss.config.mjs` / `components.json` / `.gitignore`
 - 認証: `src/lib/auth-client.ts` / `src/app/login/page.tsx` / `src/components/app-shell.tsx`（MeProvider ラッパ）
 - アプリ: `src/app/layout.tsx` / `src/app/page.tsx` / `src/app/manifest.ts`
-- コンポーネント（目安）: `src/components/{tap-to-start,stage,info-bar,break-screen,idle-screen}.tsx`
-- ロジック（目安）: `src/lib/{chimes,use-chime-scheduler,use-wake-lock,use-signage-data}.ts`
-- 設定: `src/config/playlist.ts`
+- コンポーネント（目安）: `src/components/{tap-to-start,youtube-player,info-bar,break-screen,idle-screen,mute-toggle}.tsx`（`youtube-player`＝動画レイヤ＝旧 `stage.tsx` 置換、`mute-toggle`＝運用者向け無音切替UI）
+- ロジック（目安）: `src/lib/{chimes,use-chime-scheduler,use-wake-lock,use-signage-data,use-playlist,use-youtube-player,use-mute}.ts`（`use-youtube-player`＝IFrame ライフサイクル＋自前キュー、`use-playlist`＝`/api/signage/playlist` 取得＋フォールバック、`use-mute`＝localStorage 永続トグル）
+- フォールバック設定: `src/config/playlist.ts`（少数の動画ID直書き）
 - ドキュメント: `CLAUDE.md` / `AGENTS.md`
 
 **ドキュメント（フォロー）**
@@ -253,9 +327,11 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => { /* .
 
 1. **共有ロジック**：`activity-cycle.ts` に単体テスト（境界値）。朝/昼/夕の各タームで `classifyCycleMoment` のフェーズ遷移、`cycleChimeEventsForDay` が 7×（稼働ターム数）件・時系列順・正しい JST instant、`msUntilNextBoundary` の符号と null（活動なし日）を検証。`pnpm --filter @tecnova/shared test`（無ければ vitest を最小導入）。
 2. **認証＆データ**：`apps/api` の `TRUSTED_ORIGINS` に `http://localhost:3002` を追加。共有（or 任意のメンター）アカウントでログイン後、ブラウザから `/api/sessions/today` が 200 で取得でき、`sessions[].term`・`summary.currentlyPresent/totalCheckedIn` が返ることを確認。未ログインだと `MeProvider` が `/login` に飛ばすこと、ログイン後にサイネージが表示されることを確認。
-3. **フロント結合**：`pnpm --filter signage dev`（:3002）。デバッグ用に「現在時刻を上書き」できる仕組み（クエリ `?now=2026-05-30T09:49:30+09:00` 等）を入れ、:50/:00 のクロスフェードとチャイム発火、稼働前 idle→初チェックインで activity への切替を確認。`prefers-reduced-motion` でトランジション縮約を確認。
-4. **キオスク確認**：実機 or Chrome で「タップして開始」後に音付き動画・wake lock・全画面が効くこと、タブ復帰で音声が戻ることを確認。セッション維持（再読込でログイン不要）を確認。
-5. `pnpm type-check` ／ `pnpm biome check .` 通過。
+3. **プレイリストAPI**：`.dev.vars` に `YOUTUBE_API_KEY` / `YOUTUBE_PLAYLIST_ID` を設定し、ログイン済みで `GET /api/signage/playlist` が 200・`items[].videoId` を `snippet.position` 昇順で返すことを確認。50件超のページング、非公開/削除動画の除外、未ログイン 401、数分キャッシュ（短時間の連続呼び出しで Data API を叩かない）を確認。
+4. **フロント結合**：`pnpm --filter signage dev`（:3002）。デバッグ用に「現在時刻を上書き」できる仕組み（クエリ `?now=2026-05-30T09:49:30+09:00` 等）を入れ、:50/:00 のクロスフェードとチャイム発火、稼働前 idle→初チェックインで activity への切替を確認。YouTube プレーヤーが**自前キューで次動画へ即差し替え**（関連動画/終了画面が出ない）こと、`prefers-reduced-motion` でトランジション縮約を確認。
+5. **無音トグル**：既定が無音（`mute:1`・映像のみ）であること、トグルで音あり↔無音が切替わり localStorage に永続すること、音ありは起動タップ後に `unMute()` で鳴ること、無音モードでもチャイムが鳴ることを確認。
+6. **キオスク確認**：実機 or Chrome で「タップして開始」後に wake lock・全画面が効くこと、（音ありモードなら）タブ復帰で音声が戻ること、ミュート動画はタップ前から再生されていることを確認。セッション維持（再読込でログイン不要）を確認。
+7. `pnpm type-check` ／ `pnpm biome check .` 通過。
 
 ---
 
@@ -267,7 +343,13 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => { /* .
 - **同一日に一部タームのみ稼働**（例：土曜は朝のみ）：未稼働タームは件数0のまま idle ＝ 自動で無音。問題なし。
 - **共有アカウントの運用**：壁の端末に共有メンターアカウントのログイン状態が乗る。最小権限（メンターロール）で運用し、漏洩時は当該アカウントの無効化／セッション失効で対応。
 - **PII の取り扱い**：v1 は `/api/sessions/today` の PII を画面に出さない。将来ニックネーム等を出す場合も、認証経路は維持しつつ表示内容を設計で限定する。
-- **自動再生フラグの不安定さ**：`--autoplay-policy` は一部 Chrome ビルドで無視されるため、enterprise policy ＋ アプリ内タップの二重化で担保。
+- **自動再生フラグの不安定さ**：`--autoplay-policy` は一部 Chrome ビルドで無視されるため、enterprise policy ＋ アプリ内タップの二重化で担保。既定の**無音モードなら音付き自動再生は不要**で、ミュート自動再生のみで成立する。
+- **YouTube 広告は完全には排除できない（§5.3）**：埋め込み側で広告は消せない。**広告ゼロを確実にできるのは YPP 加入チャンネルで収益化オフにした自前動画のみ**。YPP 非加入チャンネルの動画や第三者動画は YouTube/Content ID 由来の広告が出うる。プログラム的なスキップは ToS 違反。厳密な広告ゼロが要る時間帯は **self-host 方式（下記代替案）** を検討。
+- **self-host 代替案（広告ゼロ厳守用）**：初版設計の HTML5 `<video>`＋CDN 方式は広告ゼロ・完全制御だが、ホスティング／差し替えの手間が増える。**YouTube との併用**（通常はYouTube、特定枠だけ self-host）も型上は可能。必要になったら別途スコープ化する。
+- **YouTube IFrame の終了画面ちらつき**：`rel=0`/`modestbranding` では関連UIを消せないため、自前キューの**先回り差し替え（残り0.5〜1秒で `loadVideoById`）**で抑止する。完全な無欠は保証できない（許容）。
+- **YouTube Data API のクォータ／キャッシュ**：`playlistItems.list` は 1呼び出し1ユニット・既定1万/日。サーバ側の数分キャッシュで十分余裕。API データの保存は Developer Policies の **30日上限**に留意（数分キャッシュは問題なし）。**APIキーは Worker Secret**（クライアントに出さない＝Public リポジトリ方針順守）。
+- **Spotify は OS側・Premium 前提**：BGM はキオスク端末の Spotify アプリ（Connect）任せ。**広告ゼロには Premium が必須**（Free は曲間広告）。音ありモードでは動画音声と二重になるため運用者が OS 音楽を手動停止する（アプリは制御不可）。
+- **プレイリストに再生不能動画**：API 側で `privacyStatus`（`public`/`unlisted` 以外）・欠落 `videoId` を除外しないとキューが詰まる。さらに**埋め込み禁止・地域制限は API では弾けない**ため、クライアントの `onError`（100/101/150）で次へ進める二重防御（§5.2）。空プレイリスト時はフォールバック設定（§5.4）→ それも空なら idle ロゴへ。
 
 ---
 
@@ -279,11 +361,21 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => { /* .
 - `apps/api/src/routes/admin.ts`（`/me` L25-32・`/sessions/today` L37・`fetchTodaySessions`）
 - `apps/api/src/lib/admin.ts`（`fetchSessionsForEvent`・`todayInJst`）
 - `packages/shared/src/venue-schedule.ts`（`TERMS`・`classifyTerm`・`termEndInstant`・`toJstWallClock`・`toJstDateString`）
-- `packages/shared/src/schemas/{index,admin}.ts`（`todaySessionsResponseSchema` ＝ `term`/`summary` を含む）
+- `packages/shared/src/google-sheets.ts`（**サーバ側 fetch ＋ Web Crypto ＋ module-scope トークンキャッシュ**の流儀。YouTube Data API ラッパ `youtube.ts` の参照元。ただし APIキー方式なので JWT は不要）
+- `packages/shared/src/schemas/{index,admin}.ts`（`todaySessionsResponseSchema` ＝ `term`/`summary` を含む。`schemas/signage.ts` 追加の参照元）
 - `apps/checkin/*`（スキャフォルド＆認証複製元：`package.json`・`next.config.ts`・`tsconfig.json`・`postcss.config.mjs`・`components.json`・`src/lib/auth-client.ts`・`src/app/login/page.tsx`・`src/components/app-shell.tsx`・`src/app/{layout,manifest}.ts(x)`）
 - `packages/ui/src/components/me-provider.tsx`（`MeProvider`・`useMe`・401→`/login`）
 - `packages/ui/src/lib/{api-client,format,utils}.ts`（`apiJson`/`apiFetch`・JST整形・`cn`）
 
+### 出典（YouTube / Spotify・2024–2026、改訂で追加）
+- YouTube IFrame Player API reference（`onStateChange`・`YT.PlayerState.ENDED`・`loadVideoById`/`cueVideoById`・`mute`/`unMute`・`onAutoplayBlocked`）— developers.google.com/youtube/iframe_api_reference
+- YouTube Player parameters（`controls`/`disablekb`/`fs`/`playsinline`/`iv_load_policy`／**`rel` の 2018-09-25 変更**・**`modestbranding` 2023-08-15 廃止**）— developers.google.com/youtube/player_parameters
+- YouTube Data API v3 `playlistItems.list`（`part`・`maxResults`≤50・`pageToken`・`snippet.position`・**1ユニット/呼**）＋ quota — developers.google.com/youtube/v3
+- YouTube API Services Developer Policies（**III.I.5–6 広告ブロック禁止**・**III.E.4 保存30日上限**）— developers.google.com/youtube/terms/developer-policies
+- 埋め込み動画の広告は所有者の収益化設定に従う／YPP 非加入チャンネルにも YouTube が広告を置きうる — support.google.com/youtube/answer/132596・answer/2475463・answer/6332943
+- 自動再生（ミュート自動再生は許可／unMute はジェスチャ必須）— Chrome for Developers autoplay / MDN Autoplay guide
+- Spotify：Free は曲間広告／ad-free は Premium／Web Playback SDK は Premium＋OAuth(`streaming`) — spotify.com/premium・developer.spotify.com/documentation/web-playback-sdk
+
 ### 出典（ブラウザ制約・2025–2026）
 - Autoplay guide — MDN / Chrome for Developers / Chromium project
 - OscillatorNode・Advanced techniques (Web Audio) — MDN

From f6063d141bc97ee73207cfcdb071c2cfb1243f15 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:45:56 +0900
Subject: [PATCH 02/36] docs(signage): revise implementation plan for YouTube
 video layer

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../plans/2026-05-30-signage-chime-app.md     | 975 +++++++++++-------
 1 file changed, 600 insertions(+), 375 deletions(-)

diff --git a/docs/superpowers/plans/2026-05-30-signage-chime-app.md b/docs/superpowers/plans/2026-05-30-signage-chime-app.md
index 7e0861a..03f752d 100644
--- a/docs/superpowers/plans/2026-05-30-signage-chime-app.md
+++ b/docs/superpowers/plans/2026-05-30-signage-chime-app.md
@@ -1,40 +1,50 @@
-# サイネージ＋チャイム アプリ 実装計画
+# サイネージ＋チャイム アプリ 実装計画（YouTube 版）
 
 > **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
 
-**Goal:** 大型モニター常時表示用の認証付きサイネージアプリ `apps/signage` を新設し、50分活動／10分休憩サイクルに連動した動画表示・カウントダウン・チャイムを自動制御する。
+> **改訂 2026-05-30:** 設計 spec の YouTube 改訂（動画レイヤを self-host HTML5 `<video>` → **YouTube IFrame Player API 自前キュー ＋ YouTube Data API**、BGM を **OS側 Spotify**＝アプリ非統合）に合わせて本計画を更新した。チャイム・50/10サイクル・状態機械・認証・`/api/sessions/today` ポーリングは不変。差分は (1) `packages/shared` に `youtube.ts`／`schemas/signage.ts` を追加、(2) `apps/api` に `GET /api/signage/playlist` を新設（旧版は「設定のみ」だった）、(3) フロントの動画レイヤを YouTube プレーヤー＋自前キュー＋無音トグルに置換。
 
-**Architecture:** 端末ローカル時計から純粋ロジック（`@tecnova/shared/activity-cycle`）で活動/休憩フェーズとチャイム時刻を算出し、稼働判定は認証付き既存 `GET /api/sessions/today` のターム別チェックイン数（初回チェックインで稼働開始・ターム終了まで sticky）で行う。画面は L2（動画フルスクリーン＋情報バー）で、フェーズ境界にクロスフェードし Web Audio 合成チャイムを鳴らす。認証は checkin/admin と同じメンター・ホワイトリスト（共有管理アカウントで1回ログイン）。
+**Goal:** 大型モニター常時表示用の認証付きサイネージアプリ `apps/signage` を新設し、50分活動／10分休憩サイクルに連動した **YouTube動画表示**・カウントダウン・チャイムを自動制御する。
 
-**Tech Stack:** Next.js 16.2.4 / React 19.2.4 / TypeScript / Tailwind v4（`@tecnova/ui`）/ Better Auth（`better-auth/react`）/ motion / Web Audio API / Screen Wake Lock API / vitest（`packages/shared` のみ新規導入）。
+**Architecture:** 端末ローカル時計から純粋ロジック（`@tecnova/shared/activity-cycle`）で活動/休憩フェーズとチャイム時刻を算出し、稼働判定は認証付き既存 `GET /api/sessions/today` のターム別チェックイン数（初回チェックインで稼働開始・ターム終了まで sticky）で行う。動画は **YouTube IFrame Player API の自前キュー**（`ENDED`/`onError` で次の videoId へ `loadVideoById`）で1本ずつ流し、再生順は YouTube 上のプレイリストを Worker の `GET /api/signage/playlist`（YouTube Data API v3・APIキー・サーバ側キャッシュ）が順序付き videoId 列にして返す。音声は **無音／音ありのグローバルトグル（既定=無音）** のみ持ち、BGMは OS側 Spotify（アプリ非制御）。画面は L2（動画フルスクリーン＋情報バー）で、フェーズ境界にクロスフェードし Web Audio 合成チャイムを鳴らす。認証は checkin/admin と同じメンター・ホワイトリスト（共有管理アカウントで1回ログイン）。
 
-設計の根拠は `docs/superpowers/specs/2026-05-29-signage-chime-design.md` を参照。
+**Tech Stack:** Next.js 16.2.4 / React 19.2.4 / TypeScript / Tailwind v4（`@tecnova/ui`）/ Better Auth（`better-auth/react`）/ motion / Web Audio API / Screen Wake Lock API / **YouTube IFrame Player API（`@types/youtube` のみ devDep 追加・再生用 npm 依存なし）** / **YouTube Data API v3（Worker から APIキー＋plain fetch）** / vitest（`packages/shared` のみ新規導入）。BGMは OS側 Spotify（アプリ非統合）。
+
+設計の根拠は `docs/superpowers/specs/2026-05-29-signage-chime-design.md`（2026-05-30 YouTube 改訂版）を参照。
 
 ---
 
 ## File Structure
 
-**packages/shared（共有純粋ロジック）**
+**packages/shared（共有純粋ロジック＋契約）**
 - `src/activity-cycle.ts`（新規）— 50/10サイクル分類・チャイムイベント列・カウントダウン
-- `src/activity-cycle.test.ts`（新規）— 上記の単体テスト
-- `package.json`（変更）— `"./activity-cycle"` export ＋ vitest devDep ＋ `test` スクリプト
-
-**apps/api（設定のみ・コード変更なし）**
-- `.dev.vars` / `.env.example`（変更）— `TRUSTED_ORIGINS` にサイネージ origin を追加
+- `src/activity-cycle.test.ts`（新規）— 上記の単体テスト（vitest）
+- `src/youtube.ts`（新規）— YouTube Data API `playlistItems.list` の fetch ラッパ（APIキーのみ・ページング・`privacyStatus` フィルタ・`position` 昇順ソート。Workers安全）
+- `src/schemas/signage.ts`（新規）— `signagePlaylistItemSchema` / `signagePlaylistResponseSchema` ＋ `z.infer` 型
+- `src/schemas/index.ts`（変更）— `export * from './signage'` を追加
+- `package.json`（変更）— `exports` に `"./activity-cycle"` と `"./youtube"` を追加 ＋ vitest devDep ＋ `test` スクリプト
+
+**apps/api（コードあり）**
+- `src/routes/signage.ts`（新規）— `GET /api/signage/playlist`（`requireAuthenticatedMentor` 配下）
+- `src/lib/signage.ts`（新規）— `fetchSignagePlaylist(env)`（`youtube.ts` を呼び・数分の module-scope キャッシュ）
+- `src/index.ts`（変更）— `app.route('/api/signage', signageRoute)` を追加
+- `src/types.ts`（変更）— `Bindings` に `YOUTUBE_API_KEY` / `YOUTUBE_PLAYLIST_ID` を追加
+- `.dev.vars`（変更・git管理外）— `TRUSTED_ORIGINS` にサイネージ origin、`YOUTUBE_API_KEY`、`YOUTUBE_PLAYLIST_ID` を追加
+- `.env.example`（変更）— `YOUTUBE_API_KEY` / `YOUTUBE_PLAYLIST_ID`（名前のみ）と `TRUSTED_ORIGINS` 例を更新
 
 **apps/signage（新規アプリ）**
-- 設定: `package.json` / `next.config.ts` / `tsconfig.json` / `postcss.config.mjs` / `components.json` / `.gitignore`
+- 設定: `package.json`（`@types/youtube` devDep・`@zxing` なし）/ `next.config.ts` / `tsconfig.json` / `postcss.config.mjs` / `components.json` / `.gitignore`
 - 認証: `src/lib/auth-client.ts` / `src/components/app-shell.tsx` / `src/app/login/page.tsx`
 - ルート: `src/app/layout.tsx` / `src/app/manifest.ts` / `src/app/page.tsx`（状態機械）
-- ロジック: `src/lib/now.ts` / `src/lib/use-now.ts` / `src/lib/time.ts` / `src/lib/chimes.ts` / `src/lib/use-chime-scheduler.ts` / `src/lib/use-wake-lock.ts` / `src/lib/use-signage-data.ts`
-- 設定値: `src/config/playlist.ts`
-- 表示: `src/components/{stage,info-bar,break-screen,idle-screen,tap-to-start}.tsx`
+- ロジック: `src/lib/now.ts` / `src/lib/use-now.ts` / `src/lib/time.ts` / `src/lib/use-wake-lock.ts` / `src/lib/chimes.ts` / `src/lib/use-chime-scheduler.ts` / `src/lib/use-signage-data.ts` / `src/lib/use-playlist.ts` / `src/lib/use-youtube-player.ts` / `src/lib/use-mute.ts`
+- 設定値: `src/config/playlist.ts`（`FALLBACK_VIDEO_IDS: string[]`）
+- 表示: `src/components/{youtube-player,info-bar,break-screen,idle-screen,tap-to-start,mute-toggle}.tsx`
 - ドキュメント: `CLAUDE.md` / `AGENTS.md`
 
 **docs**
-- `docs/architecture.md`（変更）— クライアント一覧に `apps/signage` を追記
+- `docs/architecture.md`（変更）— クライアント一覧に `apps/signage`（認証あり）を追記
 
-各ファイルは単一責務。`now.ts`（時刻ソース）・`chimes.ts`（音）・`use-chime-scheduler.ts`（発火）・`use-signage-data.ts`（データ）・各表示コンポーネントは独立して理解・差し替え可能。
+各ファイルは単一責務。`now.ts`（時刻ソース）・`chimes.ts`（音）・`use-chime-scheduler.ts`（発火）・`use-signage-data.ts`（データ）・`use-playlist.ts`（プレイリスト取得）・`use-youtube-player.ts`（IFrame ライフサイクル＋自前キュー）・各表示コンポーネントは独立して理解・差し替え可能。
 
 ---
 
@@ -47,21 +57,7 @@
 
 - [ ] **Step 1: vitest を devDep と test スクリプトに追加**
 
-`packages/shared/package.json` の `scripts` と `devDependencies` を以下に変更（他キーは既存のまま）：
-
-```json
-  "scripts": {
-    "type-check": "tsc --noEmit",
-    "test": "vitest run"
-  },
-  "devDependencies": {
-    "@cloudflare/workers-types": "^4.20260502.1",
-    "typescript": "^6.0.3",
-    "vitest": "^3.2.4"
-  },
-```
-
-そして `exports` に `"./activity-cycle"` を追加（`"./venue-schedule"` の隣）：
+`packages/shared/package.json` の `scripts` に `"test": "vitest run"`、`devDependencies` に `"vitest": "^3.2.4"` を追加（他キーは既存のまま）。そして `exports` に `"./activity-cycle"` を追加（`"./venue-schedule"` の隣）：
 
 ```json
   "exports": {
@@ -69,14 +65,14 @@
     "./google-sheets": "./src/google-sheets.ts",
     "./schemas": "./src/schemas/index.ts",
     "./venue-schedule": "./src/venue-schedule.ts",
-    "./activity-cycle": "./src/activity-cycle.ts"
+    "./activity-cycle": "./src/activity-cycle.ts",
+    "./youtube": "./src/youtube.ts"
   },
 ```
 
-- [ ] **Step 2: 依存をインストール**
+（`"./youtube"` は Task 2 で使うが、exports は一度に足しておく。）
 
-Run: `pnpm install`
-Expected: vitest が `packages/shared` に追加され lockfile 更新。
+- [ ] **Step 2: 依存をインストール** — Run: `pnpm install`（vitest が `packages/shared` に追加され lockfile 更新）。
 
 - [ ] **Step 3: 失敗するテストを書く**
 
@@ -167,10 +163,7 @@ describe('msUntilNextBoundary', () => {
 });
 ```
 
-- [ ] **Step 4: テストが失敗することを確認**
-
-Run: `pnpm --filter @tecnova/shared test`
-Expected: FAIL（`activity-cycle.ts` 不在で import 解決エラー）。
+- [ ] **Step 4: テストが失敗することを確認** — Run: `pnpm --filter @tecnova/shared test`（`activity-cycle.ts` 不在で import 解決エラー）。
 
 - [ ] **Step 5: 実装を書く**
 
@@ -198,7 +191,7 @@ const jstMinuteOfDay = (instant: Date): number => {
   return hour * 60 + minute;
 };
 
-// ref の JST 暦日における JST 通算分 m を UTC instant に変換（termEndInstant と同手法）。
+// ref の JST 暦日における JST 通算分 minuteOfDay を UTC instant に変換（termEndInstant と同手法）。
 const jstInstantOnDayOf = (ref: Date, minuteOfDay: number): Date => {
   const { year, month, day } = toJstWallClock(ref);
   const hh = Math.floor(minuteOfDay / 60);
@@ -295,68 +288,236 @@ export const secondsUntilNextBoundary = (instant: Date): number | null => {
 };
 ```
 
-- [ ] **Step 6: テストが通ることを確認**
+- [ ] **Step 6: テストが通ることを確認** — Run: `pnpm --filter @tecnova/shared test`（全ケース green）。
+- [ ] **Step 7: 型チェック** — Run: `pnpm --filter @tecnova/shared type-check`。
+- [ ] **Step 8: コミット**
 
-Run: `pnpm --filter @tecnova/shared test`
-Expected: PASS（全ケース green）。
+```bash
+git add packages/shared/package.json packages/shared/src/activity-cycle.ts packages/shared/src/activity-cycle.test.ts pnpm-lock.yaml
+git commit -m "feat(shared): add activity-cycle (50/10 schedule + chime events)"
+```
 
-- [ ] **Step 7: 型チェック**
+---
 
-Run: `pnpm --filter @tecnova/shared type-check`
-Expected: エラーなし。
+## Task 2: 共有 YouTube 契約 `youtube.ts` ＋ `schemas/signage.ts`
 
-- [ ] **Step 8: コミット**
+**Files:**
+- Create: `packages/shared/src/youtube.ts`
+- Create: `packages/shared/src/schemas/signage.ts`
+- Modify: `packages/shared/src/schemas/index.ts`
+
+（`package.json` の `"./youtube"` export は Task 1 Step 1 で追加済み。）
+
+- [ ] **Step 1: `youtube.ts`（Data API `playlistItems.list` ラッパ・Workers安全）**
+
+Create `packages/shared/src/youtube.ts`:
+
+```ts
+// YouTube Data API v3 playlistItems.list の薄いフェッチラッパ。
+// googleapis は Node 依存で Workers 非対応のため使わず、API キー + fetch 直叩き。
+// google-sheets.ts の「サーバ側 fetch + 資格情報は引数で受け取る」流儀に倣うが、
+// OAuth/JWT は不要（APIキーのみ）。順序は snippet.position 昇順、再生不能動画は除外する。
+
+export interface YouTubePlaylistVideo {
+  videoId: string;
+  title?: string;
+}
+
+interface PlaylistItem {
+  snippet?: {
+    position?: number;
+    title?: string;
+    resourceId?: { videoId?: string };
+  };
+  contentDetails?: { videoId?: string };
+  status?: { privacyStatus?: string };
+}
+
+interface PlaylistItemsResponse {
+  items?: PlaylistItem[];
+  nextPageToken?: string;
+}
+
+// public / unlisted のみ埋め込み再生可能。private・未指定・削除済み(videoId欠落)は除外。
+const PLAYABLE_PRIVACY = new Set(['public', 'unlisted']);
+
+// playlistId の全ページを取得し、再生可能・position 昇順の videoId 列を返す。
+// part に複数指定してもクォータは 1 呼び出し 1 ユニットのまま（spec §5.1）。
+export const fetchPlaylistVideos = async (
+  apiKey: string,
+  playlistId: string,
+): Promise<YouTubePlaylistVideo[]> => {
+  const collected: { position: number; video: YouTubePlaylistVideo }[] = [];
+  let pageToken: string | undefined;
+
+  do {
+    const url = new URL('https://www.googleapis.com/youtube/v3/playlistItems');
+    url.searchParams.set('part', 'snippet,contentDetails,status');
+    url.searchParams.set('playlistId', playlistId);
+    url.searchParams.set('maxResults', '50');
+    url.searchParams.set('key', apiKey);
+    if (pageToken) url.searchParams.set('pageToken', pageToken);
+
+    const resp = await fetch(url, { headers: { Accept: 'application/json' } });
+    if (!resp.ok) {
+      const body = await resp.text();
+      throw new Error(`YouTube playlistItems fetch failed: ${resp.status} ${body}`);
+    }
+    const data = (await resp.json()) as PlaylistItemsResponse;
+
+    for (const item of data.items ?? []) {
+      const videoId = item.contentDetails?.videoId ?? item.snippet?.resourceId?.videoId;
+      const privacy = item.status?.privacyStatus;
+      if (!videoId || !privacy || !PLAYABLE_PRIVACY.has(privacy)) continue;
+      collected.push({
+        // position 欠落時は末尾送り。元の取得順ではなく position を正とする。
+        position: item.snippet?.position ?? Number.MAX_SAFE_INTEGER,
+        video: { videoId, title: item.snippet?.title },
+      });
+    }
+    pageToken = data.nextPageToken;
+  } while (pageToken);
+
+  collected.sort((a, b) => a.position - b.position);
+  return collected.map((c) => c.video);
+};
+```
+
+- [ ] **Step 2: `schemas/signage.ts`**
+
+Create `packages/shared/src/schemas/signage.ts`:
+
+```ts
+import { z } from 'zod';
+
+// `GET /api/signage/playlist`
+export const signagePlaylistItemSchema = z.object({
+  videoId: z.string(),
+  title: z.string().optional(),
+});
+
+export const signagePlaylistResponseSchema = z.object({
+  items: z.array(signagePlaylistItemSchema),
+  // 次回取得推奨時刻（ISO 8601 UTC）。クライアントのポーリング間隔ヒント＝キャッシュ満了時刻。
+  refreshAt: z.string(),
+});
+
+export type SignagePlaylistItem = z.infer<typeof signagePlaylistItemSchema>;
+export type SignagePlaylistResponse = z.infer<typeof signagePlaylistResponseSchema>;
+```
+
+- [ ] **Step 3: barrel に追加** — `packages/shared/src/schemas/index.ts` に `export * from './signage';` を追加。
+
+- [ ] **Step 4: 型チェック** — Run: `pnpm --filter @tecnova/shared type-check`。
+
+- [ ] **Step 5: コミット**
 
 ```bash
-git add packages/shared/package.json packages/shared/src/activity-cycle.ts packages/shared/src/activity-cycle.test.ts pnpm-lock.yaml
-git commit -m "feat(shared): add activity-cycle (50/10 schedule + chime events)"
+git add packages/shared/src/youtube.ts packages/shared/src/schemas/signage.ts packages/shared/src/schemas/index.ts
+git commit -m "feat(shared): add YouTube Data API wrapper and signage playlist schema"
 ```
 
 ---
 
-## Task 2: API の `TRUSTED_ORIGINS` にサイネージ origin を追加（設定のみ）
+## Task 3: API `GET /api/signage/playlist`（route ＋ lib ＋ Bindings ＋ mount ＋ 設定）
 
 **Files:**
-- Modify: `apps/api/.dev.vars`（ローカル開発用・git管理外）
-- Modify: `.env.example`（コメント例）
+- Modify: `apps/api/src/types.ts`
+- Create: `apps/api/src/lib/signage.ts`
+- Create: `apps/api/src/routes/signage.ts`
+- Modify: `apps/api/src/index.ts`
+- Modify: `apps/api/.dev.vars`（ローカル・git管理外）/ `.env.example`
 
-- [ ] **Step 1: `.dev.vars` に dev origin を追加**
+- [ ] **Step 1: `Bindings` に YouTube env を追加**
 
-`apps/api/.dev.vars` の `TRUSTED_ORIGINS` 行に `http://localhost:3002` を追記（カンマ区切り）：
+`apps/api/src/types.ts` の `Bindings` に `TRUSTED_ORIGINS` の後ろへ：
 
+```ts
+  YOUTUBE_API_KEY: string;
+  YOUTUBE_PLAYLIST_ID: string;
 ```
-TRUSTED_ORIGINS=http://localhost:3000,http://localhost:3001,http://localhost:3002
+
+- [ ] **Step 2: `lib/signage.ts`（数分の module-scope キャッシュ）**
+
+Create `apps/api/src/lib/signage.ts`:
+
+```ts
+import { fetchPlaylistVideos, type YouTubePlaylistVideo } from '@tecnova/shared/youtube';
+import type { Bindings } from '../types';
+
+// プレイリストはサーバ側で数分キャッシュする。Data API のクォータ節約と、プレイリスト
+// 更新の反映遅延（数分）は許容（spec §5.1）。Workers がリサイクルされたら自然に再取得。
+const CACHE_TTL_MS = 5 * 60_000;
+
+let cache: { items: YouTubePlaylistVideo[]; expiresAt: number } | null = null;
+
+export interface SignagePlaylist {
+  items: YouTubePlaylistVideo[];
+  refreshAt: string;
+}
+
+export const fetchSignagePlaylist = async (env: Bindings): Promise<SignagePlaylist> => {
+  const now = Date.now();
+  if (!cache || cache.expiresAt <= now) {
+    const items = await fetchPlaylistVideos(env.YOUTUBE_API_KEY, env.YOUTUBE_PLAYLIST_ID);
+    cache = { items, expiresAt: now + CACHE_TTL_MS };
+  }
+  return { items: cache.items, refreshAt: new Date(cache.expiresAt).toISOString() };
+};
 ```
 
-- [ ] **Step 2: `.env.example` のコメント例を更新**
+- [ ] **Step 3: `routes/signage.ts`**
 
-`.env.example` の `TRUSTED_ORIGINS` 付近のコメントに signage(3002) を含める（値は空のまま、例コメントのみ）。
+Create `apps/api/src/routes/signage.ts`:
 
-- [ ] **Step 3: API を再起動して疎通確認（手動）**
+```ts
+import { Hono } from 'hono';
+import { fetchSignagePlaylist } from '../lib/signage';
+import type { AppEnv } from '../types';
+
+export const signageRoute = new Hono<AppEnv>();
+
+// requireAuthenticatedMentor は index.ts で /api/* に適用済みなので、ここでは付けない。
+// 取得失敗（APIキー未設定・YouTube エラー等）は throw され apiErrorHandler が 500 化し、
+// クライアントは §5.4 のフォールバック videoId に倒れる。
+signageRoute.get('/playlist', async (c) => c.json(await fetchSignagePlaylist(c.env)));
+```
+
+- [ ] **Step 4: `index.ts` にマウント** — import を追加し、`app.route('/api/pre-registrations', preRegistrationsRoute);` の後ろに `app.route('/api/signage', signageRoute);` を追加（`/api/*` の auth ミドルウェアは登録済みなので自動適用）。
 
-Run: `pnpm --filter @tecnova/api dev`（別ターミナル）
-確認: 既存メンター（または共有）アカウントでログイン済みのブラウザから `http://localhost:8787/api/sessions/today` が 200 を返し、`sessions[].term` と `summary.currentlyPresent` を含む。未ログインだと 401。
-Expected: 認証付きで取得可能。`TRUSTED_ORIGINS` はコード変更なしで CORS と Better Auth 双方に反映。
+- [ ] **Step 5: 設定（`.dev.vars` / `.env.example`）**
 
-- [ ] **Step 4: コミット**
+`apps/api/.dev.vars`（git管理外・実値）の `TRUSTED_ORIGINS` に `http://localhost:3002` を追記し、`YOUTUBE_API_KEY` / `YOUTUBE_PLAYLIST_ID` を追加：
+
+```
+TRUSTED_ORIGINS=http://localhost:3000,http://localhost:3001,http://localhost:3002
+YOUTUBE_API_KEY=<YouTube Data API 限定キー>
+YOUTUBE_PLAYLIST_ID=<対象プレイリストID>
+```
+
+`.env.example` には**名前のみ**（Public リポジトリ方針）。`TRUSTED_ORIGINS` 例コメントに signage(3002) を含める。
+
+- [ ] **Step 6: 型チェック** — Run: `pnpm --filter @tecnova/api type-check`。
+
+- [ ] **Step 7: 疎通（手動・任意）** — `.dev.vars` に実 YouTube キーがあれば、ログイン済みブラウザから `GET http://localhost:8787/api/signage/playlist` が 200・`items[].videoId` を `position` 昇順で返すこと、未ログインで 401、数分キャッシュ（連続呼び出しで Data API を叩かない）を確認。
+
+- [ ] **Step 8: コミット**
 
 ```bash
-git add .env.example
-git commit -m "chore(api): document signage origin (3002) in TRUSTED_ORIGINS"
+git add apps/api/src/types.ts apps/api/src/lib/signage.ts apps/api/src/routes/signage.ts apps/api/src/index.ts .env.example
+git commit -m "feat(api): add GET /api/signage/playlist (YouTube Data API, cached)"
 ```
 （`.dev.vars` は git 管理外のためコミットしない。）
 
 ---
 
-## Task 3: `apps/signage` スキャフォルド（:3002 で起動するところまで）
+## Task 4: `apps/signage` スキャフォルド（:3002 で起動するところまで）
 
 **Files（すべて新規・`apps/signage/` 配下）:**
 - `package.json` / `next.config.ts` / `tsconfig.json` / `postcss.config.mjs` / `components.json` / `.gitignore`
 - `src/app/layout.tsx`（暫定）/ `src/app/page.tsx`（暫定）/ `src/app/manifest.ts`
 
-- [ ] **Step 1: `package.json`**
-
-Create `apps/signage/package.json`:
+- [ ] **Step 1: `package.json`**（checkin から複製し `@zxing/browser` を除外、`@types/youtube` を devDep に追加）
 
 ```json
 {
@@ -384,6 +545,7 @@ Create `apps/signage/package.json`:
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@types/youtube": "^0.1.0",
     "tailwindcss": "^4",
     "typescript": "^5"
   }
@@ -392,7 +554,7 @@ Create `apps/signage/package.json`:
 
 - [ ] **Step 2: ビルド設定ファイル**
 
-Create `apps/signage/next.config.ts`:
+`next.config.ts`（checkin と同じ・`viewTransition` は使わないので省略可）:
 
 ```ts
 import type { NextConfig } from 'next';
@@ -405,74 +567,13 @@ const nextConfig: NextConfig = {
 export default nextConfig;
 ```
 
-Create `apps/signage/postcss.config.mjs`:
+`postcss.config.mjs`: `export { default } from '@tecnova/ui/postcss.config';`
 
-```ts
-export { default } from '@tecnova/ui/postcss.config';
-```
-
-Create `apps/signage/tsconfig.json`（checkin と同一）:
-
-```json
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "plugins": [{ "name": "next" }],
-    "paths": {
-      "@/*": ["./src/*"],
-      "@tecnova/ui/*": ["../../packages/ui/src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts", "**/*.mts"],
-  "exclude": ["node_modules"]
-}
-```
-
-Create `apps/signage/components.json`（checkin と同一）:
-
-```json
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "radix-maia",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "../../packages/ui/src/styles/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": true
-  },
-  "iconLibrary": "tabler",
-  "aliases": {
-    "components": "@/components",
-    "hooks": "@/hooks",
-    "lib": "@/lib",
-    "utils": "@tecnova/ui/lib/utils",
-    "ui": "@tecnova/ui/components"
-  },
-  "rtl": false,
-  "menuColor": "default-translucent",
-  "menuAccent": "subtle"
-}
-```
-
-Create `apps/signage/.gitignore`（checkin の `.gitignore` を verbatim でコピー： `/node_modules`・`/.next/`・`.env*`・`.vercel`・`next-env.d.ts` 等を含むもの）。
+`tsconfig.json`（checkin と同一。`paths` に `@/*` と `@tecnova/ui/*`）。`components.json`（checkin と同一）。`.gitignore`（checkin から verbatim コピー：`/node_modules`・`/.next/`・`.env*`・`next-env.d.ts` 等）。
 
 - [ ] **Step 3: 暫定 layout / manifest / page**
 
-Create `apps/signage/src/app/manifest.ts`:
+`src/app/manifest.ts`（**`display: 'fullscreen'`・`orientation: 'landscape'`**）:
 
 ```ts
 import type { MetadataRoute } from 'next';
@@ -494,7 +595,7 @@ export default function manifest(): MetadataRoute.Manifest {
 }
 ```
 
-Create `apps/signage/src/app/layout.tsx`（暫定：この時点では AppShell 未作成なので children 直描画。Task 4 で AppShell に差し替える）:
+`src/app/layout.tsx`（暫定：この時点では AppShell 未作成なので children 直描画。Task 5 で AppShell に差し替える）:
 
 ```tsx
 import type { Metadata, Viewport } from 'next';
@@ -530,7 +631,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
 }
 ```
 
-Create `apps/signage/src/app/page.tsx`（暫定プレースホルダ。Task 10 で状態機械に差し替える）:
+`src/app/page.tsx`（暫定プレースホルダ。Task 12 で状態機械に差し替える）:
 
 ```tsx
 export default function SignagePage() {
@@ -538,18 +639,8 @@ export default function SignagePage() {
 }
 ```
 
-- [ ] **Step 4: インストールして起動確認**
-
-Run: `pnpm install`
-Run: `pnpm --filter signage dev`
-確認: `http://localhost:3002` が「signage」を表示。
-Expected: :3002 で起動。
-
-- [ ] **Step 5: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし。
-
+- [ ] **Step 4: インストールして起動確認** — Run: `pnpm install` → `pnpm --filter signage dev`（`http://localhost:3002` が「signage」を表示）。
+- [ ] **Step 5: 型チェック** — Run: `pnpm --filter signage type-check`。
 - [ ] **Step 6: コミット**
 
 ```bash
@@ -559,7 +650,7 @@ git commit -m "feat(signage): scaffold Next.js app on port 3002"
 
 ---
 
-## Task 4: 認証ゲート（auth-client / AppShell / login）
+## Task 5: 認証ゲート（auth-client / AppShell / login）
 
 **Files:**
 - Create: `apps/signage/src/lib/auth-client.ts`
@@ -567,9 +658,7 @@ git commit -m "feat(signage): scaffold Next.js app on port 3002"
 - Create: `apps/signage/src/app/login/page.tsx`
 - Modify: `apps/signage/src/app/layout.tsx`
 
-- [ ] **Step 1: Better Auth クライアント**
-
-Create `apps/signage/src/lib/auth-client.ts`:
+- [ ] **Step 1: Better Auth クライアント**（checkin と同一）
 
 ```ts
 import { createAuthClient } from 'better-auth/react';
@@ -585,9 +674,7 @@ export const authClient = createAuthClient({
 });
 ```
 
-- [ ] **Step 2: AppShell（最小・ヘッダなし）**
-
-Create `apps/signage/src/components/app-shell.tsx`（checkin と違い全画面表示なのでヘッダ chrome は持たず、`MeProvider` だけで包む）:
+- [ ] **Step 2: AppShell（最小・ヘッダ chrome なし＝全画面サイネージ）**
 
 ```tsx
 'use client';
@@ -616,8 +703,6 @@ export function AppShell({ children }: { children: React.ReactNode }) {
 
 - [ ] **Step 3: ログインページ（自己完結・`@tecnova/ui` のみ依存）**
 
-Create `apps/signage/src/app/login/page.tsx`:
-
 ```tsx
 'use client';
 
@@ -676,31 +761,9 @@ export default function LoginPage() {
 }
 ```
 
-- [ ] **Step 4: layout を AppShell でラップ**
-
-Modify `apps/signage/src/app/layout.tsx` — import を追加し body を差し替え：
-
-```tsx
-import { AppShell } from '@/components/app-shell';
-```
-
-```tsx
-      <body className="min-h-full bg-slate-950">
-        <AppShell>{children}</AppShell>
-      </body>
-```
-
-- [ ] **Step 5: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし。
-
-- [ ] **Step 6: 認証ゲートを手動確認**
-
-Run: `pnpm --filter signage dev`（api も起動しておく）
-確認: 未ログインで `http://localhost:3002` → `/login` へ遷移。共有（or 任意の許可リスト）アカウントでログイン → `/` に戻り「signage」プレースホルダが表示。
-Expected: 401→/login、ログイン後に本体表示。
-
+- [ ] **Step 4: layout を AppShell でラップ** — `import { AppShell } from '@/components/app-shell';` を足し、body を `<AppShell>{children}</AppShell>` に差し替え。
+- [ ] **Step 5: 型チェック** — Run: `pnpm --filter signage type-check`。
+- [ ] **Step 6: 認証ゲートを手動確認**（未ログインで `/login`、ログイン後にプレースホルダ表示）。
 - [ ] **Step 7: コミット**
 
 ```bash
@@ -710,17 +773,13 @@ git commit -m "feat(signage): add mentor-whitelist auth (auth-client, MeProvider
 
 ---
 
-## Task 5: 時刻ソースとユーティリティ（`now` / `use-now` / `time`）
+## Task 6: 時刻ソースとユーティリティ（`now` / `use-now` / `time` / `use-wake-lock`）
 
 **Files:**
-- Create: `apps/signage/src/lib/now.ts`
-- Create: `apps/signage/src/lib/use-now.ts`
-- Create: `apps/signage/src/lib/time.ts`
+- Create: `apps/signage/src/lib/now.ts` / `use-now.ts` / `time.ts` / `use-wake-lock.ts`
 
 - [ ] **Step 1: `now.ts`（`?now=` 上書き対応の時刻ソース）**
 
-Create `apps/signage/src/lib/now.ts`:
-
 ```ts
 // 端末のローカル時計を返す。?now=ISO クエリがある場合のみ、その時刻を起点に
 // 実時間の経過分だけ進めた擬似時刻を返す（タイムベース挙動の手動検証用）。
@@ -742,9 +801,7 @@ export const getNow = (): Date => {
 };
 ```
 
-- [ ] **Step 2: `use-now.ts`（毎秒 re-render 用フック）**
-
-Create `apps/signage/src/lib/use-now.ts`:
+- [ ] **Step 2: `use-now.ts`**
 
 ```ts
 'use client';
@@ -763,9 +820,7 @@ export const useNow = (intervalMs = 1000): Date => {
 };
 ```
 
-- [ ] **Step 3: `time.ts`（JST 時刻・カウントダウン整形）**
-
-Create `apps/signage/src/lib/time.ts`:
+- [ ] **Step 3: `time.ts`**
 
 ```ts
 const jstHmFormatter = new Intl.DateTimeFormat('en-GB', {
@@ -787,9 +842,7 @@ export const mmss = (totalSeconds: number): string => {
 };
 ```
 
-- [ ] **Step 4: `use-wake-lock.ts`（スリープ防止・visibility で再取得）**
-
-Create `apps/signage/src/lib/use-wake-lock.ts`:
+- [ ] **Step 4: `use-wake-lock.ts`**
 
 ```ts
 'use client';
@@ -824,11 +877,7 @@ export const useWakeLock = (enabled: boolean): void => {
 };
 ```
 
-- [ ] **Step 5: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし（`WakeLockSentinel`/`navigator.wakeLock` は lib.dom 由来）。
-
+- [ ] **Step 5: 型チェック** — Run: `pnpm --filter signage type-check`。
 - [ ] **Step 6: コミット**
 
 ```bash
@@ -838,15 +887,12 @@ git commit -m "feat(signage): add time utils (now override, useNow, jst/mmss) an
 
 ---
 
-## Task 6: チャイム音（Web Audio 合成）`chimes.ts`
+## Task 7: チャイム音（Web Audio 合成）`chimes.ts`
 
-**Files:**
-- Create: `apps/signage/src/lib/chimes.ts`
+**Files:** Create `apps/signage/src/lib/chimes.ts`
 
 - [ ] **Step 1: 実装**
 
-Create `apps/signage/src/lib/chimes.ts`:
-
 ```ts
 import type { ChimeKind } from '@tecnova/shared/activity-cycle';
 
@@ -906,12 +952,7 @@ export const playChime = (kind: ChimeKind): void => {
 };
 ```
 
-- [ ] **Step 2: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし。
-
-- [ ] **Step 3: コミット**
+- [ ] **Step 2: 型チェック** → **Step 3: コミット**
 
 ```bash
 git add apps/signage/src/lib/chimes.ts
@@ -920,15 +961,12 @@ git commit -m "feat(signage): synthesize chime tones via Web Audio"
 
 ---
 
-## Task 7: チャイムスケジューラ `use-chime-scheduler.ts`
+## Task 8: チャイムスケジューラ `use-chime-scheduler.ts`
 
-**Files:**
-- Create: `apps/signage/src/lib/use-chime-scheduler.ts`
+**Files:** Create `apps/signage/src/lib/use-chime-scheduler.ts`
 
 - [ ] **Step 1: 実装（自己補正 setTimeout ＋ key dedup）**
 
-Create `apps/signage/src/lib/use-chime-scheduler.ts`:
-
 ```ts
 'use client';
 
@@ -994,12 +1032,7 @@ export const useChimeScheduler = ({ enabled, isTermActive, onChime, getNow }: Ar
 };
 ```
 
-- [ ] **Step 2: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし。
-
-- [ ] **Step 3: コミット**
+- [ ] **Step 2: 型チェック** → **Step 3: コミット**
 
 ```bash
 git add apps/signage/src/lib/use-chime-scheduler.ts
@@ -1008,20 +1041,17 @@ git commit -m "feat(signage): drift-free chime scheduler with per-boundary dedup
 
 ---
 
-## Task 8: ライブデータ取得 `use-signage-data.ts`
+## Task 9: ライブデータ取得 `use-signage-data.ts`
 
-**Files:**
-- Create: `apps/signage/src/lib/use-signage-data.ts`
+**Files:** Create `apps/signage/src/lib/use-signage-data.ts`
 
 - [ ] **Step 1: 実装（`/api/sessions/today` をポーリングしターム別に集計）**
 
-Create `apps/signage/src/lib/use-signage-data.ts`:
-
 ```ts
 'use client';
 
-import type { TermId } from '@tecnova/shared/venue-schedule';
 import type { TodaySessionsResponse } from '@tecnova/shared/schemas';
+import type { TermId } from '@tecnova/shared/venue-schedule';
 import { apiJson } from '@tecnova/ui/lib/api-client';
 import { useEffect, useState } from 'react';
 
@@ -1075,12 +1105,7 @@ export const useSignageData = (): SignageData => {
 };
 ```
 
-- [ ] **Step 2: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし（`TodaySessionsResponse` は `@tecnova/shared/schemas` からエクスポート済み）。
-
-- [ ] **Step 3: コミット**
+- [ ] **Step 2: 型チェック** → **Step 3: コミット**
 
 ```bash
 git add apps/signage/src/lib/use-signage-data.ts
@@ -1089,114 +1114,337 @@ git commit -m "feat(signage): poll /api/sessions/today and derive per-term count
 
 ---
 
-## Task 9: 動画プレイリスト ＋ Stage（動画レイヤ）
+## Task 10: 動画レイヤ（YouTube・自前キュー・無音トグル）
 
 **Files:**
 - Create: `apps/signage/src/config/playlist.ts`
-- Create: `apps/signage/src/components/stage.tsx`
+- Create: `apps/signage/src/lib/use-playlist.ts`
+- Create: `apps/signage/src/lib/use-mute.ts`
+- Create: `apps/signage/src/lib/use-youtube-player.ts`
+- Create: `apps/signage/src/components/youtube-player.tsx`
+- Create: `apps/signage/src/components/mute-toggle.tsx`
 
-- [ ] **Step 1: プレイリスト設定**
+- [ ] **Step 1: フォールバック設定 `config/playlist.ts`**
 
-Create `apps/signage/src/config/playlist.ts`:
+```ts
+// API（/api/signage/playlist）が主ソース。取得失敗・空配列・ローカル開発時のみ
+// この配列を自前キューに流す（spec §5.4）。動画 URL ではなく YouTube の videoId を列挙する。
+// 例: 'dQw4w9WgXcQ'。空のままなら（API も空なら）idle ロゴ的な背景に倒れる。
+export const FALLBACK_VIDEO_IDS: string[] = [];
+```
+
+- [ ] **Step 2: `use-playlist.ts`（API 取得＋フォールバック）**
 
 ```ts
-export interface VideoItem {
-  src: string;
-  type?: string;
-}
+'use client';
+
+import type { SignagePlaylistResponse } from '@tecnova/shared/schemas';
+import { apiJson } from '@tecnova/ui/lib/api-client';
+import { useEffect, useState } from 'react';
+import { FALLBACK_VIDEO_IDS } from '@/config/playlist';
+
+// 起動時 + 数分間隔で /api/signage/playlist を取得し videoId[] を保持する。
+// 取得失敗 / 空配列のときは FALLBACK_VIDEO_IDS を採用（spec §5.1 / §5.4）。
+const POLL_MS = 5 * 60_000;
 
-// 動画はリポジトリに置かず、self-host/CDN の URL を列挙する。差し替えは本ファイル＋再デプロイ。
-// 例（実URLに差し替える）:
-//   { src: 'https://cdn.example.com/signage/intro.mp4', type: 'video/mp4' },
-// 空配列のままだと Stage は背景色のみを表示する。
-export const PLAYLIST: VideoItem[] = [];
+export const usePlaylist = (): string[] => {
+  const [ids, setIds] = useState<string[]>(FALLBACK_VIDEO_IDS);
+
+  useEffect(() => {
+    let active = true;
+    const load = async (): Promise<void> => {
+      try {
+        const res = await apiJson<SignagePlaylistResponse>('/api/signage/playlist');
+        if (!active) return;
+        const next = res.items.map((i) => i.videoId);
+        setIds(next.length > 0 ? next : FALLBACK_VIDEO_IDS);
+      } catch {
+        // 取得失敗時は直近の状態を保持（degrade）。初回失敗なら FALLBACK のまま。
+      }
+    };
+    void load();
+    const id = window.setInterval(() => void load(), POLL_MS);
+    return () => {
+      active = false;
+      window.clearInterval(id);
+    };
+  }, []);
+
+  return ids;
+};
 ```
 
-- [ ] **Step 2: Stage（動画は常時マウント・active で再生/停止、unmuted で音声）**
+- [ ] **Step 3: `use-mute.ts`（localStorage 永続・既定=無音）**
+
+```ts
+'use client';
+
+import { useCallback, useEffect, useState } from 'react';
 
-Create `apps/signage/src/components/stage.tsx`:
+// 無音/音ありトグル。既定=無音（true）。localStorage に永続（spec §5.5）。
+const STORAGE_KEY = 'signage:muted';
 
-```tsx
+export const useMute = (): { muted: boolean; toggle: () => void } => {
+  // SSR では localStorage が無いので既定=無音で初期化し、mount 後に読み出す。
+  const [muted, setMuted] = useState(true);
+
+  useEffect(() => {
+    if (window.localStorage.getItem(STORAGE_KEY) === 'false') setMuted(false);
+  }, []);
+
+  const toggle = useCallback(() => {
+    setMuted((prev) => {
+      const next = !prev;
+      window.localStorage.setItem(STORAGE_KEY, String(next));
+      return next;
+    });
+  }, []);
+
+  return { muted, toggle };
+};
+```
+
+- [ ] **Step 4: `use-youtube-player.ts`（IFrame ライフサイクル＋自前キュー）**
+
+```ts
 'use client';
 
 import { useEffect, useRef } from 'react';
-import { PLAYLIST } from '@/config/playlist';
 
-interface Props {
+// IFrame Player API は @types/youtube がグローバル名前空間 YT を提供する。
+// window.YT / onYouTubeIframeAPIReady は型に無いので最小限で宣言する。
+declare global {
+  interface Window {
+    YT?: typeof YT;
+    onYouTubeIframeAPIReady?: () => void;
+  }
+}
+
+// IFrame Player API を一度だけ読み込むシングルトン。複数回呼んでも <script> は 1 回。
+let apiReadyPromise: Promise<typeof YT> | null = null;
+
+const loadYouTubeApi = (): Promise<typeof YT> => {
+  if (apiReadyPromise) return apiReadyPromise;
+  apiReadyPromise = new Promise((resolve) => {
+    if (window.YT?.Player) {
+      resolve(window.YT);
+      return;
+    }
+    const prev = window.onYouTubeIframeAPIReady;
+    window.onYouTubeIframeAPIReady = () => {
+      prev?.();
+      resolve(window.YT as typeof YT);
+    };
+    const tag = document.createElement('script');
+    tag.src = 'https://www.youtube.com/iframe_api';
+    document.head.appendChild(tag);
+  });
+  return apiReadyPromise;
+};
+
+interface Args {
+  elementId: string;
+  videoIds: string[];
   active: boolean; // 活動フェーズ中のみ再生
-  unmuted: boolean; // 起動タップ後に音声ON
+  muted: boolean; // 無音トグル
+  started: boolean; // 起動タップ後（unMute はジェスチャ後のみ）
 }
 
-export function Stage({ active, unmuted }: Props) {
-  const ref = useRef<HTMLVideoElement>(null);
-  const indexRef = useRef(0);
+// 生成済み iframe を全画面化し、再生中だけ可視にする（未ロード時は背後のロゴを見せる）。
+const styleIframe = (iframe: HTMLIFrameElement, visible: boolean): void => {
+  iframe.style.position = 'absolute';
+  iframe.style.inset = '0';
+  iframe.style.width = '100%';
+  iframe.style.height = '100%';
+  iframe.style.pointerEvents = 'none';
+  iframe.style.opacity = visible ? '1' : '0';
+};
 
-  // React は muted を DOM に確実に反映しないため ref 経由で設定する。
+export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }: Args): void => {
+  const playerRef = useRef<YT.Player | null>(null);
+  const readyRef = useRef(false);
+  const indexRef = useRef(0);
+  const queueStartedRef = useRef(false); // 1本目を流し始めたか
+  // 最新の props を effect 外から参照するための ref。
+  const videoIdsRef = useRef(videoIds);
+  const activeRef = useRef(active);
+  const mutedRef = useRef(muted);
+  const startedRef = useRef(started);
+  videoIdsRef.current = videoIds;
+  activeRef.current = active;
+  mutedRef.current = muted;
+  startedRef.current = started;
+
+  // プレーヤー生成は一度だけ。StrictMode の二重マウントは destroy で吸収する。
   useEffect(() => {
-    const v = ref.current;
-    if (v) v.muted = !unmuted;
-  }, [unmuted]);
+    let cancelled = false;
+
+    const loadNext = (): void => {
+      const ids = videoIdsRef.current;
+      const player = playerRef.current;
+      if (!player || ids.length === 0) return;
+      indexRef.current = (indexRef.current + 1) % ids.length;
+      const next = ids[indexRef.current];
+      if (next) player.loadVideoById(next);
+    };
+
+    const applyMute = (player: YT.Player): void => {
+      if (startedRef.current && !mutedRef.current) player.unMute();
+      else player.mute();
+    };
 
+    void loadYouTubeApi().then((YTApi) => {
+      if (cancelled || playerRef.current) return;
+      const first = videoIdsRef.current[0];
+      queueStartedRef.current = first !== undefined;
+      playerRef.current = new YTApi.Player(elementId, {
+        videoId: first,
+        // controls/fs/kb/関連UI を抑止。rel=0 は限定的だが残す。mute:1 でミュート自動再生を保証。
+        playerVars: {
+          controls: 0,
+          disablekb: 1,
+          fs: 0,
+          playsinline: 1,
+          iv_load_policy: 3,
+          autoplay: 1,
+          mute: 1,
+          rel: 0,
+        },
+        events: {
+          onReady: (e) => {
+            readyRef.current = true;
+            const player = e.target;
+            styleIframe(player.getIframe(), queueStartedRef.current);
+            if (activeRef.current) player.playVideo();
+            else player.pauseVideo();
+            applyMute(player);
+          },
+          // ENDED 直前ではなく ENDED で次へ差し替え。プレーヤーを「終了状態」に長く
+          // 留めないことで関連グリッド/up-next を実質抑止する（spec §5.2）。
+          onStateChange: (e) => {
+            if (e.data === YTApi.PlayerState.ENDED) loadNext();
+          },
+          // 100=削除/非公開, 101/150=埋め込み禁止 → 次へ送ってキューを止めない。
+          onError: () => loadNext(),
+        },
+      });
+    });
+
+    return () => {
+      cancelled = true;
+      playerRef.current?.destroy();
+      playerRef.current = null;
+      readyRef.current = false;
+      queueStartedRef.current = false;
+      indexRef.current = 0;
+    };
+  }, [elementId]);
+
+  // 生成時に空だった場合の救済：プレイリストが初めて埋まったらキュー先頭から再生開始。
   useEffect(() => {
-    const v = ref.current;
-    if (!v) return;
-    if (active) void v.play().catch(() => {});
-    else v.pause();
+    const player = playerRef.current;
+    if (!player || !readyRef.current || queueStartedRef.current) return;
+    const first = videoIds[0];
+    if (first === undefined) return;
+    queueStartedRef.current = true;
+    indexRef.current = 0;
+    player.loadVideoById(first);
+    styleIframe(player.getIframe(), true);
+  }, [videoIds]);
+
+  // 活動フェーズで再生 / それ以外で一時停止。
+  useEffect(() => {
+    const player = playerRef.current;
+    if (!player || !readyRef.current) return;
+    if (active) player.playVideo();
+    else player.pauseVideo();
   }, [active]);
 
-  const handleEnded = (): void => {
-    const v = ref.current;
-    if (!v || PLAYLIST.length <= 1) return;
-    indexRef.current = (indexRef.current + 1) % PLAYLIST.length;
-    const next = PLAYLIST[indexRef.current];
-    if (!next) return;
-    v.src = next.src;
-    void v.play().catch(() => {});
-  };
+  // 起動タップ後・音ありモードのときだけ unMute。それ以外はミュート。
+  useEffect(() => {
+    const player = playerRef.current;
+    if (!player || !readyRef.current) return;
+    if (started && !muted) player.unMute();
+    else player.mute();
+  }, [started, muted]);
+};
+```
 
-  const first = PLAYLIST[0];
+- [ ] **Step 5: `youtube-player.tsx`（動画レイヤ＝旧 stage.tsx 置換）**
+
+```tsx
+'use client';
+
+import { useYoutubePlayer } from '@/lib/use-youtube-player';
+
+const PLAYER_ELEMENT_ID = 'signage-youtube-player';
+
+interface Props {
+  videoIds: string[];
+  active: boolean;
+  muted: boolean;
+  started: boolean;
+}
+
+// IFrame は常時マウント（再読込フラッシュ防止）。未ロード時は背後のワードマークを見せ、
+// 動画ロード後に iframe を opacity:1 で前に出す（use-youtube-player が制御）。
+export function YoutubePlayer({ videoIds, active, muted, started }: Props) {
+  useYoutubePlayer({ elementId: PLAYER_ELEMENT_ID, videoIds, active, muted, started });
 
   return (
-    <video
-      ref={ref}
-      className="absolute inset-0 h-full w-full bg-slate-950 object-cover"
-      playsInline
-      autoPlay
-      muted
-      loop={PLAYLIST.length === 1}
-      onEnded={handleEnded}
-      src={first?.src}
-    />
+    <div className="absolute inset-0 overflow-hidden bg-slate-950">
+      <div className="absolute inset-0 flex items-center justify-center">
+        <span className="text-4xl font-black tracking-wide text-white/10">tec-nova Nagasaki</span>
+      </div>
+      {/* YT.Player がこの div を iframe に置換し、JS 側で全画面化＋可視制御する。 */}
+      <div id={PLAYER_ELEMENT_ID} />
+    </div>
   );
 }
 ```
 
-- [ ] **Step 3: 型チェック**
+- [ ] **Step 6: `mute-toggle.tsx`（運用者向け控えめな小コントロール）**
+
+```tsx
+'use client';
 
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし。
+import { IconVolume, IconVolumeOff } from '@tabler/icons-react';
 
-- [ ] **Step 4: コミット**
+interface Props {
+  muted: boolean;
+  onToggle: () => void;
+}
+
+export function MuteToggle({ muted, onToggle }: Props) {
+  return (
+    <button
+      type="button"
+      onClick={onToggle}
+      aria-label={muted ? '動画の音声をオンにする' : '動画の音声をオフにする'}
+      className="absolute right-4 bottom-4 z-40 flex size-11 items-center justify-center rounded-full bg-slate-950/50 text-white/70 backdrop-blur transition hover:text-white"
+    >
+      {muted ? <IconVolumeOff className="size-5" /> : <IconVolume className="size-5" />}
+    </button>
+  );
+}
+```
+
+- [ ] **Step 7: 型チェック** — Run: `pnpm --filter signage type-check`（`@types/youtube` の `YT.Player` 等が解決すること）。
+- [ ] **Step 8: コミット**
 
 ```bash
-git add apps/signage/src/config/playlist.ts apps/signage/src/components/stage.tsx
-git commit -m "feat(signage): playlist config and video stage layer"
+git add apps/signage/src/config/playlist.ts apps/signage/src/lib/use-playlist.ts apps/signage/src/lib/use-mute.ts apps/signage/src/lib/use-youtube-player.ts apps/signage/src/components/youtube-player.tsx apps/signage/src/components/mute-toggle.tsx
+git commit -m "feat(signage): YouTube IFrame self-queue player, playlist fetch, mute toggle"
 ```
 
 ---
 
-## Task 10: 表示コンポーネント（info-bar / break-screen / idle-screen / tap-to-start）
+## Task 11: 表示コンポーネント（info-bar / break-screen / idle-screen / tap-to-start）
 
-**Files:**
-- Create: `apps/signage/src/components/info-bar.tsx`
-- Create: `apps/signage/src/components/break-screen.tsx`
-- Create: `apps/signage/src/components/idle-screen.tsx`
-- Create: `apps/signage/src/components/tap-to-start.tsx`
+**Files:** Create `apps/signage/src/components/{info-bar,break-screen,idle-screen,tap-to-start}.tsx`
 
 - [ ] **Step 1: InfoBar（活動中の上部バー）**
 
-Create `apps/signage/src/components/info-bar.tsx`:
-
 ```tsx
 'use client';
 
@@ -1230,8 +1478,6 @@ export function InfoBar({ term, now, present, secondsToBreak }: Props) {
 
 - [ ] **Step 2: BreakScreen（休憩中・カウントダウン主役、クロスフェード）**
 
-Create `apps/signage/src/components/break-screen.tsx`:
-
 ```tsx
 'use client';
 
@@ -1243,8 +1489,8 @@ interface Props {
   present: number;
 }
 
-// 動画レイヤの上に重ね、opacity でクロスフェード。動画は裏で再生継続（再読込フラッシュ防止）。
-// prefers-reduced-motion 時は globals 側のトランジション無効化に委ねつつ、ここでも duration を短縮。
+// 動画レイヤの上に重ね、opacity でクロスフェード。動画は裏で pause（YouTube iframe は
+// アンマウントしない＝再読込フラッシュ防止）。prefers-reduced-motion 時は transition を無効化。
 export function BreakScreen({ show, secondsToResume, present }: Props) {
   return (
     <div
@@ -1267,8 +1513,6 @@ export function BreakScreen({ show, secondsToResume, present }: Props) {
 
 - [ ] **Step 3: IdleScreen（待機・営業時間外／稼働前）**
 
-Create `apps/signage/src/components/idle-screen.tsx`:
-
 ```tsx
 'use client';
 
@@ -1292,11 +1536,7 @@ export function IdleScreen({ show, soon, now, nextStartAt, present }: Props) {
       <p className="text-5xl font-black tracking-wide">tec-nova Nagasaki</p>
       <p className="text-6xl font-extrabold tabular-nums">{jstHm(now)}</p>
       <p className="text-2xl text-slate-300">
-        {soon
-          ? 'まもなく開始'
-          : nextStartAt
-            ? `次は ${jstHm(nextStartAt)} から`
-            : '本日は終了しました'}
+        {soon ? 'まもなく開始' : nextStartAt ? `次は ${jstHm(nextStartAt)} から` : '本日は終了しました'}
       </p>
       {present > 0 && <p className="text-lg text-slate-400">在館 {present} 人</p>}
     </div>
@@ -1306,8 +1546,6 @@ export function IdleScreen({ show, soon, now, nextStartAt, present }: Props) {
 
 - [ ] **Step 4: TapToStart（音声解放ゲート）**
 
-Create `apps/signage/src/components/tap-to-start.tsx`:
-
 ```tsx
 'use client';
 
@@ -1324,35 +1562,27 @@ export function TapToStart({ onStart }: Props) {
     >
       <span className="text-6xl">▶</span>
       <span className="text-3xl font-extrabold">タップして開始</span>
-      <span className="text-base text-slate-400">音声と全画面表示を有効にします</span>
+      <span className="text-base text-slate-400">チャイム・全画面表示を有効にします</span>
     </button>
   );
 }
 ```
 
-- [ ] **Step 5: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし。
-
-- [ ] **Step 6: コミット**
+- [ ] **Step 5: 型チェック** → **Step 6: コミット**
 
 ```bash
-git add apps/signage/src/components
+git add apps/signage/src/components/info-bar.tsx apps/signage/src/components/break-screen.tsx apps/signage/src/components/idle-screen.tsx apps/signage/src/components/tap-to-start.tsx
 git commit -m "feat(signage): info-bar, break/idle screens, tap-to-start overlay"
 ```
 
 ---
 
-## Task 11: 状態機械の結線 `page.tsx`
+## Task 12: 状態機械の結線 `page.tsx`
 
-**Files:**
-- Modify: `apps/signage/src/app/page.tsx`
+**Files:** Modify `apps/signage/src/app/page.tsx`
 
 - [ ] **Step 1: 本体を実装（暫定プレースホルダを置き換え）**
 
-Replace `apps/signage/src/app/page.tsx` の全内容:
-
 ```tsx
 'use client';
 
@@ -1365,12 +1595,15 @@ import { useCallback, useEffect, useState } from 'react';
 import { BreakScreen } from '@/components/break-screen';
 import { IdleScreen } from '@/components/idle-screen';
 import { InfoBar } from '@/components/info-bar';
-import { Stage } from '@/components/stage';
+import { MuteToggle } from '@/components/mute-toggle';
 import { TapToStart } from '@/components/tap-to-start';
+import { YoutubePlayer } from '@/components/youtube-player';
 import { ensureAudioRunning, playChime, resumeAudio } from '@/lib/chimes';
 import { getNow } from '@/lib/now';
 import { useChimeScheduler } from '@/lib/use-chime-scheduler';
+import { useMute } from '@/lib/use-mute';
 import { useNow } from '@/lib/use-now';
+import { usePlaylist } from '@/lib/use-playlist';
 import { useSignageData } from '@/lib/use-signage-data';
 import { useWakeLock } from '@/lib/use-wake-lock';
 
@@ -1378,6 +1611,8 @@ export default function SignagePage() {
   const [started, setStarted] = useState(false);
   const now = useNow(1000);
   const data = useSignageData();
+  const videoIds = usePlaylist();
+  const { muted, toggle } = useMute();
   const moment = classifyCycleMoment(now);
 
   const isTermActive = useCallback(
@@ -1425,13 +1660,19 @@ export default function SignagePage() {
   // idle の理由を区別：ターム内・未稼働なら「まもなく開始」、ターム外なら次タームの開始時刻。
   const inUnstartedTerm = moment.term !== null && !active;
   // 次の活動開始（次境界＝次タームの resume）はターム外のときだけ算出する
-  // （ターム内・未稼働で算出すると次境界が break になり「次は HH:MM から」が誤表示になるため）。
+  // （ターム内・未稼働で算出すると次境界が break になり「次は HH:MM から」が誤表示になる）。
   const msNext = moment.term === null ? msUntilNextBoundary(now) : null;
   const nextStartAt = msNext === null ? null : new Date(now.getTime() + msNext);
 
   return (
     <main className="relative h-svh w-screen overflow-hidden bg-slate-950 text-white">
-      <Stage active={started && phase === 'activity'} unmuted={started} />
+      {/* 動画は活動フェーズで再生。起動タップ前でもミュート自動再生で映像は出る（spec §6）。 */}
+      <YoutubePlayer
+        videoIds={videoIds}
+        active={phase === 'activity'}
+        muted={muted}
+        started={started}
+      />
 
       {phase === 'activity' && moment.term && (
         <InfoBar
@@ -1456,53 +1697,43 @@ export default function SignagePage() {
         present={data.currentlyPresent}
       />
 
+      {/* 無音トグルは起動後のみ表示（運用者向け）。既定は無音。 */}
+      {started && <MuteToggle muted={muted} onToggle={toggle} />}
+
       {!started && <TapToStart onStart={handleStart} />}
     </main>
   );
 }
 ```
 
-- [ ] **Step 2: 型チェック**
-
-Run: `pnpm --filter signage type-check`
-Expected: エラーなし。
+- [ ] **Step 2: 型チェック** — Run: `pnpm --filter signage type-check`。
 
-- [ ] **Step 3: 手動 E2E（時刻上書きで全状態を確認）**
+- [ ] **Step 3: 手動 E2E（時刻上書きで全状態を確認）** — `pnpm --filter signage dev` ＋ api 起動 ＋ ログイン済み。`?now=` で擬似時刻、ローカル D1 に当日セッションを1件入れて稼働させる：
+  - `?now=2026-05-30T09:30:00` → 「タップして開始」→ 当該タームに当日チェックインがあれば activity（YouTube動画＋情報バー「休憩まで …」）。無ければ idle「**まもなく開始**」。
+  - `?now=2026-05-30T09:49:50` → 数秒後に :50 → break 画面にクロスフェード＋休憩チャイム。
+  - `?now=2026-05-30T09:59:50` → :00 で activity に戻り再開チャイム。動画が**自前キューで次へ即差し替え**（関連動画/終了画面が出ない）こと、`prefers-reduced-motion` でトランジション縮約を確認。
+  - `?now=2026-05-30T12:30:00` → idle（「次は 13:00 から」）。
 
-Run: `pnpm --filter signage dev` ＋ api 起動 ＋ ログイン済み。
-確認（`?now=` で擬似時刻、ローカル D1 に当日セッションを1件入れて稼働させる）:
-- `http://localhost:3002/?now=2026-05-30T09:30:00` → 「タップして開始」→ 当該タームに当日チェックインがあれば activity（動画＋情報バー「休憩まで …」）。チェックインが無ければ idle で「**まもなく開始**」（「次は …から」ではない）になることを確認。
-- `?now=2026-05-30T09:49:50` → 数秒後に :50 へ → break 画面にクロスフェード＋休憩チャイム。
-- `?now=2026-05-30T09:59:50` → :00 で activity に戻り再開チャイム。
-- `?now=2026-05-30T12:30:00` → idle（「次は 13:00 から」）。
-- OS/ブラウザの reduce-motion をON → クロスフェードが瞬時切替になることを確認。
-Expected: 各状態遷移とチャイムが設計通り。
+- [ ] **Step 4: 無音トグル** — 既定が無音（`mute:1`・映像のみ）、トグルで音あり↔無音が切替わり localStorage 永続、音ありは起動タップ後に `unMute()` で鳴ること、無音でもチャイムが鳴ることを確認。
 
-- [ ] **Step 4: 全体型チェック＆Lint**
+- [ ] **Step 5: 全体型チェック＆Lint** — `pnpm type-check` / `pnpm biome check .`（必要なら `--write`）。
 
-Run: `pnpm type-check`
-Run: `pnpm biome check .`
-Expected: いずれもエラーなし（必要なら `pnpm biome check --write .` で整形）。
-
-- [ ] **Step 5: コミット**
+- [ ] **Step 6: コミット**
 
 ```bash
 git add apps/signage/src/app/page.tsx
-git commit -m "feat(signage): wire phase state machine (video/break/idle + chimes)"
+git commit -m "feat(signage): wire phase state machine (YouTube/break/idle + chimes + mute)"
 ```
 
 ---
 
-## Task 12: ドキュメント（アプリ docs ＋ architecture 追記）
+## Task 13: ドキュメント（アプリ docs ＋ architecture 追記）
 
 **Files:**
-- Create: `apps/signage/AGENTS.md`
-- Create: `apps/signage/CLAUDE.md`
+- Create: `apps/signage/AGENTS.md` / `apps/signage/CLAUDE.md`
 - Modify: `docs/architecture.md`
 
-- [ ] **Step 1: `AGENTS.md`（checkin と同一）**
-
-Create `apps/signage/AGENTS.md`:
+- [ ] **Step 1: `AGENTS.md`**（checkin と同一）
 
 ```markdown
 # This is NOT the Next.js you know
@@ -1512,8 +1743,6 @@ This version has breaking changes — APIs, conventions, and file structure may
 
 - [ ] **Step 2: `CLAUDE.md`**
 
-Create `apps/signage/CLAUDE.md`:
-
 ```markdown
 @AGENTS.md
 
@@ -1522,23 +1751,18 @@ Create `apps/signage/CLAUDE.md`:
 - **Next.js 16 / React 19**。App Router の API がトレーニングデータと乖離しているため、実装前に `node_modules/next/dist/docs/` を確認すること。
 - **dev ポート**: `3002`（`next dev --port 3002`）。api は `8787`、checkin は `3000`、admin は `3001`。
 - **認証あり**: checkin/admin と同じメンター・ホワイトリスト（`MeProvider`/`auth-client`）。運用は**テクノバ共有の管理用 Google アカウント**で1回ログイン（セッション既定7日）。`useMe` はツリー内に `MeProvider` 必須。
-- **データ**: 認証付き `GET /api/sessions/today` を再利用（新規エンドポイントなし）。ターム別チェックイン数は `sessions[].term` から算出し、**現タームに当日チェックインが入った時点で稼働開始**（ターム終了まで sticky）。
+- **データ**: 認証付き `GET /api/sessions/today` を再利用（稼働判定・在館数）。ターム別チェックイン数は `sessions[].term` から算出し、**現タームに当日チェックインが入った時点で稼働開始**（ターム終了まで sticky）。
 - **時刻ロジック**: `@tecnova/shared/activity-cycle`（50分活動/10分休憩・チャイム時刻）。表示の時刻上書きは `?now=ISO`（手動検証用）。
-- **動画**: `src/config/playlist.ts` に URL を列挙（リポジトリにバイナリを置かない）。
-- **キオスク**: 横向き・フルスクリーン。起動時「タップして開始」で音声/全画面/wake lock を解放（ブラウザの自動再生制約）。本番は Chromium を `--kiosk` 等で起動。
-- **必須 env**: `NEXT_PUBLIC_API_URL`（未設定時 `http://localhost:8787`）。API 側 `TRUSTED_ORIGINS` にサイネージ origin（dev: `http://localhost:3002`、本番ドメイン）を登録すること。
+- **動画**: YouTube IFrame Player API の自前キュー。再生順は YouTube のプレイリストを `GET /api/signage/playlist`（YouTube Data API・Worker キャッシュ）が videoId 列にして返す。フォールバックは `src/config/playlist.ts` の `FALLBACK_VIDEO_IDS`。**広告は埋め込み側で消せない**（spec §5.3）。
+- **音声**: 無音/音ありのグローバルトグルのみ（既定=無音・localStorage）。BGM は **OS側 Spotify**（アプリ非統合）。チャイムは Web Audio 合成で独立。
+- **キオスク**: 横向き・フルスクリーン。起動「タップして開始」で**チャイム解放・全画面・wake lock**（＋音ありモード時のみ動画 unMute）。ミュート動画はタップ前から再生。本番は Chromium を `--kiosk` 等で起動。
+- **必須 env**: `NEXT_PUBLIC_API_URL`（未設定時 `http://localhost:8787`）。API 側 `TRUSTED_ORIGINS` にサイネージ origin（dev: `http://localhost:3002`、本番ドメイン）と `YOUTUBE_API_KEY`/`YOUTUBE_PLAYLIST_ID` を登録すること。
 - 新しい `@tecnova/*` パッケージを使うときは `next.config.ts` の `transpilePackages` に追加。
 ```
 
-- [ ] **Step 3: `docs/architecture.md` にサイネージを追記**
-
-`docs/architecture.md` のフロントエンドアプリ一覧（`apps checkin` / `apps admin` などが並ぶ箇所）に、認証ありの新規アプリとして `apps signage`（会場サイネージ・大型モニター・メンター認証・`/api/sessions/today` 再利用・`activity-cycle` 連動）を、既存エントリと同じ記法で1行追加する。拡張ロードマップ側にも一文（サイネージ＝Phase 拡張で追加、機微コンテンツは同じ認証配下で拡張予定）を加える。
-
-- [ ] **Step 4: Lint**
-
-Run: `pnpm biome check .`
-Expected: エラーなし。
+- [ ] **Step 3: `docs/architecture.md` にサイネージを追記** — クライアント一覧に `apps/signage`（会場サイネージ・大型モニター・メンター認証・`/api/sessions/today` 再利用・`activity-cycle` 連動・YouTube 動画レイヤ）を既存記法で1行追加。拡張ロードマップ側にも一文（サイネージ＝Phase 拡張で追加、機微コンテンツは同じ認証配下の `/api/signage/*` で拡張予定）。
 
+- [ ] **Step 4: Lint** — `pnpm biome check .`。
 - [ ] **Step 5: コミット**
 
 ```bash
@@ -1553,15 +1777,16 @@ git commit -m "docs(signage): add app CLAUDE.md/AGENTS.md and architecture entry
 1. `pnpm --filter @tecnova/shared test` … activity-cycle の単体テスト green。
 2. `pnpm type-check` … 全 workspace 型エラーなし。
 3. `pnpm biome check .` … lint/format クリーン。
-4. `pnpm dev` 後、`http://localhost:3002` で：未ログイン→/login→共有アカウントでログイン→「タップして開始」→ `?now=` で activity/break/idle 遷移とチャイムを確認。
-5. 実機キオスク：音付き動画・wake lock・全画面、タブ復帰で音声復帰、セッション維持（再読込でログイン不要）を確認。
+4. `pnpm dev` 後、`http://localhost:3002` で：未ログイン→/login→共有アカウントでログイン→「タップして開始」→ `?now=` で activity/break/idle 遷移とチャイム、YouTube 自前キューの差し替え、無音トグルを確認。
+5. 実機キオスク：（音ありモードなら）動画音声・wake lock・全画面、タブ復帰で音声復帰、セッション維持（再読込でログイン不要）を確認。
 
 ## 留意点（spec §9 由来）
 
 - 端末ローカル時計依存（NTP 同期推奨）。
 - セッション既定7日（長期運用は `apps/api/src/lib/auth.ts` に `session.expiresIn` 追加で延長可）。
 - 稼働判定はポーリング間隔（~20秒）分のラグあり。:50 直前の初チェックインは当該休憩チャイムを逃しうる（許容）。
-- v1 は `/api/sessions/today` の PII を画面に出さない。将来の機微コンテンツは同じ認証配下の新エンドポイントで。
-- 起動タップ後の動画 unmute/再生は React effect 経由（タップと同一ジェスチャ内の同期呼び出しではない）。ページの sticky activation ＋ キオスクの autoplay policy で実用上は問題なし。非キオスクの素のブラウザで初回 unmuted 再生がブロックされた場合は Stage の muted フォールバック（`play()` 失敗を握る）に依存する。より厳密にするなら handleStart 内で video へ imperative に `muted=false; play()` してから `setStarted(true)` する。
-```
-
+- v1 は `/api/sessions/today` の PII を画面に出さない。将来の機微コンテンツは同じ認証配下の `/api/signage/*` で。
+- **YouTube 広告は埋め込み側で消せない**（spec §5.3）。広告ゼロを確実にできるのは YPP 加入チャンネルで収益化オフにした自前動画のみ。プログラム的スキップは ToS 違反。
+- **作者エンドスクリーン（カード）**は末尾数秒に重なるため自前キューのサブ秒差し替えでは完全には消えない（spec §5.2・許容）。必要なら末尾数秒手前で切る拡張余地あり。
+- **空プレイリスト**（API も `FALLBACK_VIDEO_IDS` も空）の活動フェーズでは、動画レイヤ背後の「tec-nova Nagasaki」ワードマークが見える（黒画面回避）。実運用ではプレイリスト or フォールバックを必ず設定する。
+- 起動タップ後の動画 unMute は React effect 経由（タップと同一同期ジェスチャ内ではない）。ページの sticky activation ＋ キオスクの autoplay policy で実用上問題なし。既定の無音モードなら unMute 自体が不要。

From 9068306d321f855aa8af69564b8632c1586c3a20 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:47:32 +0900
Subject: [PATCH 03/36] feat(shared): add activity-cycle (50/10 schedule +
 chime events)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 packages/shared/package.json               |  10 +-
 packages/shared/src/activity-cycle.test.ts |  84 +++
 packages/shared/src/activity-cycle.ts      | 116 ++++
 pnpm-lock.yaml                             | 681 ++++++++++++++++++++-
 4 files changed, 884 insertions(+), 7 deletions(-)
 create mode 100644 packages/shared/src/activity-cycle.test.ts
 create mode 100644 packages/shared/src/activity-cycle.ts

diff --git a/packages/shared/package.json b/packages/shared/package.json
index 1d5507d..f47d950 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -7,14 +7,18 @@
     ".": "./src/index.ts",
     "./google-sheets": "./src/google-sheets.ts",
     "./schemas": "./src/schemas/index.ts",
-    "./venue-schedule": "./src/venue-schedule.ts"
+    "./venue-schedule": "./src/venue-schedule.ts",
+    "./activity-cycle": "./src/activity-cycle.ts",
+    "./youtube": "./src/youtube.ts"
   },
   "scripts": {
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "test": "vitest run"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20260502.1",
-    "typescript": "^6.0.3"
+    "typescript": "^6.0.3",
+    "vitest": "^3.2.4"
   },
   "dependencies": {
     "zod": "^4.4.2"
diff --git a/packages/shared/src/activity-cycle.test.ts b/packages/shared/src/activity-cycle.test.ts
new file mode 100644
index 0000000..ea32609
--- /dev/null
+++ b/packages/shared/src/activity-cycle.test.ts
@@ -0,0 +1,84 @@
+import { describe, expect, it } from 'vitest';
+import {
+  classifyCycleMoment,
+  cycleChimeEventsForDay,
+  msUntilNextBoundary,
+} from './activity-cycle';
+
+// JST 指定の instant を作るヘルパ（Asia/Tokyo は固定 UTC+9）。
+const jst = (iso: string): Date => new Date(`${iso}+09:00`);
+
+describe('classifyCycleMoment', () => {
+  it('活動中（朝・サイクル1）', () => {
+    const m = classifyCycleMoment(jst('2026-05-30T09:30:00'));
+    expect(m.phase).toBe('activity');
+    expect(m.term).toBe('morning');
+    expect(m.cycleIndex).toBe(1);
+    expect(m.phaseEndsAt?.toISOString()).toBe(jst('2026-05-30T09:50:00').toISOString());
+  });
+
+  it(':50 ちょうどは休憩', () => {
+    const m = classifyCycleMoment(jst('2026-05-30T09:50:00'));
+    expect(m.phase).toBe('break');
+    expect(m.phaseEndsAt?.toISOString()).toBe(jst('2026-05-30T10:00:00').toISOString());
+  });
+
+  it('サイクル3の活動（朝 11:30）', () => {
+    const m = classifyCycleMoment(jst('2026-05-30T11:30:00'));
+    expect(m.phase).toBe('activity');
+    expect(m.cycleIndex).toBe(3);
+    expect(m.phaseEndsAt?.toISOString()).toBe(jst('2026-05-30T11:50:00').toISOString());
+  });
+
+  it('昼休みは idle', () => {
+    const m = classifyCycleMoment(jst('2026-05-30T12:30:00'));
+    expect(m.phase).toBe('idle');
+    expect(m.term).toBeNull();
+    expect(m.phaseEndsAt).toBeNull();
+  });
+
+  it('開始前は idle', () => {
+    expect(classifyCycleMoment(jst('2026-05-30T08:00:00')).phase).toBe('idle');
+  });
+
+  it('夕方ターム内', () => {
+    expect(classifyCycleMoment(jst('2026-05-30T16:30:00')).term).toBe('evening');
+  });
+});
+
+describe('cycleChimeEventsForDay', () => {
+  it('1日分は 3ターム×7 = 21 イベント', () => {
+    expect(cycleChimeEventsForDay(jst('2026-05-30T09:00:00'))).toHaveLength(21);
+  });
+
+  it('時系列順に並ぶ', () => {
+    const ev = cycleChimeEventsForDay(jst('2026-05-30T09:00:00'));
+    const ts = ev.map((e) => e.at.getTime());
+    expect([...ts].sort((a, b) => a - b)).toEqual(ts);
+  });
+
+  it('朝タームの最初の3イベントは resume@9:00 / break@9:50 / resume@10:00', () => {
+    const ev = cycleChimeEventsForDay(jst('2026-05-30T09:00:00')).filter((e) => e.term === 'morning');
+    expect(ev[0]).toMatchObject({ kind: 'resume', at: jst('2026-05-30T09:00:00') });
+    expect(ev[1]).toMatchObject({ kind: 'break', at: jst('2026-05-30T09:50:00') });
+    expect(ev[2]).toMatchObject({ kind: 'resume', at: jst('2026-05-30T10:00:00') });
+    expect(ev.at(-1)).toMatchObject({ kind: 'term-end', at: jst('2026-05-30T12:00:00') });
+  });
+
+  it('key は安定（日付#term#kind#HH:mm）', () => {
+    const ev = cycleChimeEventsForDay(jst('2026-05-30T09:00:00')).find(
+      (e) => e.term === 'morning' && e.kind === 'break',
+    );
+    expect(ev?.key).toBe('2026-05-30#morning#break#09:50');
+  });
+});
+
+describe('msUntilNextBoundary', () => {
+  it('09:30 の次境界は 09:50（20分後）', () => {
+    expect(msUntilNextBoundary(jst('2026-05-30T09:30:00'))).toBe(20 * 60 * 1000);
+  });
+
+  it('営業終了後は null', () => {
+    expect(msUntilNextBoundary(jst('2026-05-30T20:00:00'))).toBeNull();
+  });
+});
diff --git a/packages/shared/src/activity-cycle.ts b/packages/shared/src/activity-cycle.ts
new file mode 100644
index 0000000..ba09f08
--- /dev/null
+++ b/packages/shared/src/activity-cycle.ts
@@ -0,0 +1,116 @@
+// 活動50分・休憩10分のリズムを壁時計の「時」に合わせて刻む純粋ロジック。
+// 各タームを 50+10=60分 × 3サイクルに割る（3時間タームをちょうど割り切る）。
+// venue-schedule と同じく Workers 安全（Intl のみ・Node API なし）、JST 固定 UTC+9。
+import { TERMS, type TermId, toJstDateString, toJstWallClock } from './venue-schedule';
+
+export const ACTIVITY_MINUTES = 50;
+export const BREAK_MINUTES = 10;
+const CYCLE_MINUTES = ACTIVITY_MINUTES + BREAK_MINUTES; // 60
+
+// Asia/Tokyo は DST が無く固定 UTC+9（venue-schedule と同前提）。
+const JST_OFFSET_HOURS = 9;
+
+// 'HH:mm' を 0:00 からの通算分に。venue-schedule の同名ヘルパは非公開のため再宣言。
+const toMinutesOfDay = (hhmm: string): number =>
+  Number.parseInt(hhmm.slice(0, 2), 10) * 60 + Number.parseInt(hhmm.slice(3, 5), 10);
+
+const jstMinuteOfDay = (instant: Date): number => {
+  const { hour, minute } = toJstWallClock(instant);
+  return hour * 60 + minute;
+};
+
+// ref の JST 暦日における JST 通算分 minuteOfDay を UTC instant に変換（termEndInstant と同手法）。
+const jstInstantOnDayOf = (ref: Date, minuteOfDay: number): Date => {
+  const { year, month, day } = toJstWallClock(ref);
+  const hh = Math.floor(minuteOfDay / 60);
+  const mm = minuteOfDay % 60;
+  return new Date(Date.UTC(year, month - 1, day, hh - JST_OFFSET_HOURS, mm, 0, 0));
+};
+
+export type CyclePhase = 'activity' | 'break' | 'idle';
+
+export interface CycleMoment {
+  phase: CyclePhase;
+  term: TermId | null;
+  cycleIndex: number | null; // 1..3、idle のとき null
+  phaseEndsAt: Date | null; // 現フェーズ終端（次の境界）、idle のとき null
+}
+
+export type ChimeKind = 'resume' | 'break' | 'term-end';
+
+export interface ChimeEvent {
+  kind: ChimeKind;
+  term: TermId;
+  at: Date;
+  key: string; // dedup 用安定キー `${date}#${term}#${kind}#${HH:mm}`
+}
+
+// 瞬間を活動/休憩/idle に分類し、現フェーズの終端 instant も返す。
+export const classifyCycleMoment = (instant: Date): CycleMoment => {
+  const current = jstMinuteOfDay(instant);
+  for (const term of TERMS) {
+    const start = toMinutesOfDay(term.start);
+    const end = toMinutesOfDay(term.end);
+    if (current >= start && current < end) {
+      const offset = current - start; // 0..179
+      const cycleIndex = Math.floor(offset / CYCLE_MINUTES) + 1;
+      const withinCycle = offset % CYCLE_MINUTES;
+      const phase: CyclePhase = withinCycle < ACTIVITY_MINUTES ? 'activity' : 'break';
+      const cycleStart = start + (cycleIndex - 1) * CYCLE_MINUTES;
+      const boundaryMinute =
+        phase === 'activity' ? cycleStart + ACTIVITY_MINUTES : cycleStart + CYCLE_MINUTES;
+      return {
+        phase,
+        term: term.id,
+        cycleIndex,
+        phaseEndsAt: jstInstantOnDayOf(instant, boundaryMinute),
+      };
+    }
+  }
+  return { phase: 'idle', term: null, cycleIndex: null, phaseEndsAt: null };
+};
+
+// instant の JST 暦日における全タームのチャイムイベントを時系列順で返す。
+// クライアントは tick ごとに「前回 < at <= 今」で境界跨ぎを検出し key で dedup する。
+export const cycleChimeEventsForDay = (instant: Date): ChimeEvent[] => {
+  const date = toJstDateString(instant);
+  const events: ChimeEvent[] = [];
+  const push = (kind: ChimeKind, term: TermId, minuteOfDay: number): void => {
+    const hh = String(Math.floor(minuteOfDay / 60)).padStart(2, '0');
+    const mm = String(minuteOfDay % 60).padStart(2, '0');
+    events.push({
+      kind,
+      term,
+      at: jstInstantOnDayOf(instant, minuteOfDay),
+      key: `${date}#${term}#${kind}#${hh}:${mm}`,
+    });
+  };
+  for (const term of TERMS) {
+    const start = toMinutesOfDay(term.start);
+    const end = toMinutesOfDay(term.end);
+    const cycles = Math.round((end - start) / CYCLE_MINUTES);
+    for (let n = 0; n < cycles; n += 1) {
+      push('resume', term.id, start + n * CYCLE_MINUTES);
+      push('break', term.id, start + n * CYCLE_MINUTES + ACTIVITY_MINUTES);
+    }
+    push('term-end', term.id, end);
+  }
+  return events;
+};
+
+// 次の境界までのミリ秒。その日もう境界が無ければ null。
+export const msUntilNextBoundary = (instant: Date): number | null => {
+  const now = instant.getTime();
+  const future = cycleChimeEventsForDay(instant)
+    .map((e) => e.at.getTime())
+    .filter((t) => t > now)
+    .sort((a, b) => a - b);
+  const next = future[0];
+  return next === undefined ? null : next - now;
+};
+
+// 秒丸め（ceil で 0 秒の一瞬を避ける）。
+export const secondsUntilNextBoundary = (instant: Date): number | null => {
+  const ms = msUntilNextBoundary(instant);
+  return ms === null ? null : Math.ceil(ms / 1000);
+};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1b8601f..abf35e1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -31,7 +31,7 @@ importers:
         version: link:../../packages/ui
       better-auth:
         specifier: ^1.6.9
-        version: 1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        version: 1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vitest@3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))
       next:
         specifier: 16.2.4
         version: 16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -71,7 +71,7 @@ importers:
         version: link:../../packages/shared
       better-auth:
         specifier: ^1.6.9
-        version: 1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        version: 1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vitest@3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))
       drizzle-orm:
         specifier: ^0.45.2
         version: 0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17)
@@ -105,7 +105,7 @@ importers:
         version: 0.2.0(@zxing/library@0.22.0)
       better-auth:
         specifier: ^1.6.9
-        version: 1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        version: 1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vitest@3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))
       motion:
         specifier: ^12.40.0
         version: 12.40.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -169,6 +169,9 @@ importers:
       typescript:
         specifier: ^6.0.3
         version: 6.0.3
+      vitest:
+        specifier: ^3.2.4
+        version: 3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0)
 
   packages/ui:
     dependencies:
@@ -1981,6 +1984,144 @@ packages:
   '@radix-ui/rect@1.1.1':
     resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
 
+  '@rollup/rollup-android-arm-eabi@4.60.4':
+    resolution: {integrity: sha512-F5QXMSiFebS9hKZj02XhWLLnRpJ3B3AROP0tWbFBSj+6kCbg5m9j5JoHKd4mmSVy5mS/IMQloYgYxCuJC0fxEQ==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.4':
+    resolution: {integrity: sha512-GxxTKApUpzRhof7poWvCJHRF51C67u1R7D6DiluBE8wKU1u5GWE8t+v81JvJYtbawoBFX1hLv5Ei4eVjkWokaw==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.4':
+    resolution: {integrity: sha512-tua0TaJxMOB1R0V0RS1jFZ/RpURFDJIOR2A6jWwQeawuFyS4gBW+rntLRaQd0EQ4bd6Vp44Z2rXW+YYDBsj6IA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.4':
+    resolution: {integrity: sha512-CSKq7MsP+5PFIcydhAiR1K0UhEI1A2jWXVKHPCBZ151yOutENwvnPocgVHkivu2kviURtCEB6zUQw0vs8RrhMg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.4':
+    resolution: {integrity: sha512-+O8OkVdyvXMtJEciu2wS/pzm1IxntEEQx3z5TAVy4l32G0etZn+RsA48ARRrFm6Ri8fvqPQfgrvNxSjKAbnd3g==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.4':
+    resolution: {integrity: sha512-Iw3oMskH3AfNuhU0MSN7vNbdi4me/NiYo2azqPz/Le16zHSa+3RRmliCMWWQmh4lcndccU40xcJuTYJZxNo/lw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.4':
+    resolution: {integrity: sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.4':
+    resolution: {integrity: sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.4':
+    resolution: {integrity: sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.4':
+    resolution: {integrity: sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.4':
+    resolution: {integrity: sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.4':
+    resolution: {integrity: sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.4':
+    resolution: {integrity: sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.4':
+    resolution: {integrity: sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.4':
+    resolution: {integrity: sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.4':
+    resolution: {integrity: sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.4':
+    resolution: {integrity: sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.4':
+    resolution: {integrity: sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.60.4':
+    resolution: {integrity: sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openbsd-x64@4.60.4':
+    resolution: {integrity: sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.4':
+    resolution: {integrity: sha512-IPOsh5aRYuLv/nkU51X10Bf75Bsf6+gZdx1X+QP5QM6lIJFHHqbHLG0uJn/hWthzo13UAc2umiUorqZy3axoZg==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.4':
+    resolution: {integrity: sha512-4QzE9E81OohJ/HKzHhsqU+zcYYojVOXlFMs1DdyMT6qXl/niOH7AVElmmEdUNHHS/oRkc++d5k6Vy85zFs0DEw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.4':
+    resolution: {integrity: sha512-zTPgT1YuHHcd+Tmx7h8aml0FWFVelV5N54oHow9SLj+GfoDy/huQ+UV396N/C7KpMDMiPspRktzM1/0r1usYEA==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.4':
+    resolution: {integrity: sha512-DRS4G7mi9lJxqEDezIkKCaUIKCrLUUDCUaCsTPCi/rtqaC6D/jjwslMQyiDU50Ka0JKpeXeRBFBAXwArY52vBw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.60.4':
+    resolution: {integrity: sha512-QVTUovf40zgTqlFVrKA1uXMVvU2QWEFWfAH8Wdc48IxLvrJMQVMBRjuQyUpzZCDkakImib9eVazbWlC6ksWtJw==}
+    cpu: [x64]
+    os: [win32]
+
   '@sindresorhus/is@7.2.0':
     resolution: {integrity: sha512-P1Cz1dWaFfR4IR+U13mqqiGsLFf1KbayybWwdd2vfctdV6hDpUkgCY0nKOLLTMSoRd/jJNjtbqzf13K8DCCXQw==}
     engines: {node: '>=18'}
@@ -2124,6 +2265,18 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
   '@types/node@20.19.39':
     resolution: {integrity: sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==}
 
@@ -2135,6 +2288,35 @@ packages:
   '@types/react@19.2.14':
     resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+
+  '@vitest/mocker@3.2.4':
+    resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+
+  '@vitest/runner@3.2.4':
+    resolution: {integrity: sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==}
+
+  '@vitest/snapshot@3.2.4':
+    resolution: {integrity: sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==}
+
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+
+  '@vitest/utils@3.2.4':
+    resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
+
   '@zxing/browser@0.2.0':
     resolution: {integrity: sha512-+ORhrLva0vm6ck74NDCmvYNW3XLoAG81Mu90qfcssN1PBKJjQadxZGeMCcIk+BdJbD/zEAjjHDXOwEK1QCmRtw==}
     peerDependencies:
@@ -2151,6 +2333,10 @@ packages:
     resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
     engines: {node: '>=10'}
 
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
   baseline-browser-mapping@2.10.25:
     resolution: {integrity: sha512-QO/VHsXCQdnzADMfmkeOPvHdIAkoB7i0/rGjINPJEetLx75hNttVWGQ/jycHUDP9zZ9rupbm60WRxcwViB0MiA==}
     engines: {node: '>=6.0.0'}
@@ -2232,9 +2418,21 @@ packages:
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
   caniuse-lite@1.0.30001791:
     resolution: {integrity: sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==}
 
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
@@ -2252,6 +2450,19 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
   defu@6.1.7:
     resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
 
@@ -2365,6 +2576,9 @@ packages:
   error-stack-parser-es@1.0.5:
     resolution: {integrity: sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==}
 
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
   esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
     engines: {node: '>=12'}
@@ -2385,6 +2599,22 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
   framer-motion@12.40.0:
     resolution: {integrity: sha512-uaBd3qC1v3KQqBEjwTUd183K6PbS+j0yR9w9VmEOLWA/tnUcSn8Xa3uck7t4dgpDoUss8xQTcj8W2L07lrnLFg==}
     peerDependencies:
@@ -2425,6 +2655,9 @@ packages:
   jose@6.2.3:
     resolution: {integrity: sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw==}
 
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
   kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
@@ -2507,6 +2740,9 @@ packages:
     resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
     engines: {node: '>= 12.0.0'}
 
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
@@ -2535,6 +2771,9 @@ packages:
       react-dom:
         optional: true
 
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
   nanoid@3.3.12:
     resolution: {integrity: sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -2571,9 +2810,17 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
   postcss@8.4.31:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -2637,6 +2884,11 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
+  rollup@4.60.4:
+    resolution: {integrity: sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
   rou3@0.7.12:
     resolution: {integrity: sha512-iFE4hLDuloSWcD7mjdCDhx2bKcIsYbtOTpfH5MHHLSKMOUyjqQXTeZVa289uuwEGEKFoE/BAPbhaU4B774nceg==}
 
@@ -2655,6 +2907,9 @@ packages:
     resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
 
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
   sonner@2.0.7:
     resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
     peerDependencies:
@@ -2672,6 +2927,15 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  std-env@3.10.0:
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+
+  strip-literal@3.1.0:
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
+
   styled-jsx@5.1.6:
     resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
     engines: {node: '>= 12.0.0'}
@@ -2699,6 +2963,28 @@ packages:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
     engines: {node: '>=6'}
 
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@1.1.1:
+    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.4:
+    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
+    engines: {node: '>=14.0.0'}
+
   ts-custom-error@3.3.1:
     resolution: {integrity: sha512-5OX1tzOjxWEgsr/YEUWSuPrQ00deKLh6D7OTWcvNHm12/7QPyRh8SYpyWvA4IZv8H/+GQWQEh/kwo95Q9OVW1A==}
     engines: {node: '>=14.0.0'}
@@ -2763,6 +3049,84 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  vite-node@3.2.4:
+    resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+
+  vite@7.3.3:
+    resolution: {integrity: sha512-/4XH147Ui7OGTjg3HbdWe5arnZQSbfuRzdr9Ec7TQi5I7R+ir0Rlc9GIvD4v0XZurELqA035KVXJXpR61xhiTA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest@3.2.4:
+    resolution: {integrity: sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@vitest/browser': 3.2.4
+      '@vitest/ui': 3.2.4
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/debug':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
   workerd@1.20260430.1:
     resolution: {integrity: sha512-KEgIWyiw3Jmn+DCd/L3ePo5fmiiYb/UcwKvDWPf/nLLOiwShDFzDSsegU5NY/JcwgvO/QsLHVi2FYrbkcXNY5Q==}
     engines: {node: '>=16'}
@@ -4167,6 +4531,81 @@ snapshots:
 
   '@radix-ui/rect@1.1.1': {}
 
+  '@rollup/rollup-android-arm-eabi@4.60.4':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.4':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.4':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.4':
+    optional: true
+
   '@sindresorhus/is@7.2.0': {}
 
   '@speed-highlight/core@1.2.15': {}
@@ -4271,6 +4710,17 @@ snapshots:
   '@turbo/windows-arm64@2.9.7':
     optional: true
 
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/estree@1.0.9': {}
+
   '@types/node@20.19.39':
     dependencies:
       undici-types: 6.21.0
@@ -4283,6 +4733,48 @@ snapshots:
     dependencies:
       csstype: 3.2.3
 
+  '@vitest/expect@3.2.4':
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.3.3
+      tinyrainbow: 2.0.0
+
+  '@vitest/mocker@3.2.4(vite@7.3.3(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))':
+    dependencies:
+      '@vitest/spy': 3.2.4
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 7.3.3(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0)
+
+  '@vitest/pretty-format@3.2.4':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/runner@3.2.4':
+    dependencies:
+      '@vitest/utils': 3.2.4
+      pathe: 2.0.3
+      strip-literal: 3.1.0
+
+  '@vitest/snapshot@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@3.2.4':
+    dependencies:
+      tinyspy: 4.0.4
+
+  '@vitest/utils@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      loupe: 3.2.1
+      tinyrainbow: 2.0.0
+
   '@zxing/browser@0.2.0(@zxing/library@0.22.0)':
     dependencies:
       '@zxing/library': 0.22.0
@@ -4302,9 +4794,11 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  assertion-error@2.0.1: {}
+
   baseline-browser-mapping@2.10.25: {}
 
-  better-auth@1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+  better-auth@1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vitest@3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0)):
     dependencies:
       '@better-auth/core': 1.6.9(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@cloudflare/workers-types@4.20260502.1)(better-call@1.3.5(zod@4.4.2))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
       '@better-auth/drizzle-adapter': 1.6.9(@better-auth/core@1.6.9(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@cloudflare/workers-types@4.20260502.1)(better-call@1.3.5(zod@4.4.2))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))
@@ -4329,6 +4823,7 @@ snapshots:
       next: 16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
+      vitest: 3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0)
     transitivePeerDependencies:
       - '@cloudflare/workers-types'
       - '@opentelemetry/api'
@@ -4346,8 +4841,20 @@ snapshots:
 
   buffer-from@1.1.2: {}
 
+  cac@6.7.14: {}
+
   caniuse-lite@1.0.30001791: {}
 
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.3
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
+  check-error@2.1.3: {}
+
   class-variance-authority@0.7.1:
     dependencies:
       clsx: 2.1.1
@@ -4360,6 +4867,12 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  deep-eql@5.0.2: {}
+
   defu@6.1.7: {}
 
   detect-libc@2.1.2: {}
@@ -4385,6 +4898,8 @@ snapshots:
 
   error-stack-parser-es@1.0.5: {}
 
+  es-module-lexer@1.7.0: {}
+
   esbuild@0.18.20:
     optionalDependencies:
       '@esbuild/android-arm': 0.18.20
@@ -4497,6 +5012,16 @@ snapshots:
       '@esbuild/win32-ia32': 0.27.7
       '@esbuild/win32-x64': 0.27.7
 
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  expect-type@1.3.0: {}
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
   framer-motion@12.40.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       motion-dom: 12.40.0
@@ -4523,6 +5048,8 @@ snapshots:
 
   jose@6.2.3: {}
 
+  js-tokens@9.0.1: {}
+
   kleur@4.1.5: {}
 
   kysely@0.28.17: {}
@@ -4576,6 +5103,8 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.32.0
       lightningcss-win32-x64-msvc: 1.32.0
 
+  loupe@3.2.1: {}
+
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -4606,6 +5135,8 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
+  ms@2.1.3: {}
+
   nanoid@3.3.12: {}
 
   nanostores@1.3.0: {}
@@ -4638,8 +5169,12 @@ snapshots:
 
   pathe@2.0.3: {}
 
+  pathval@2.0.1: {}
+
   picocolors@1.1.1: {}
 
+  picomatch@4.0.4: {}
+
   postcss@8.4.31:
     dependencies:
       nanoid: 3.3.12
@@ -4751,6 +5286,37 @@ snapshots:
 
   resolve-pkg-maps@1.0.0: {}
 
+  rollup@4.60.4:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.60.4
+      '@rollup/rollup-android-arm64': 4.60.4
+      '@rollup/rollup-darwin-arm64': 4.60.4
+      '@rollup/rollup-darwin-x64': 4.60.4
+      '@rollup/rollup-freebsd-arm64': 4.60.4
+      '@rollup/rollup-freebsd-x64': 4.60.4
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.4
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.4
+      '@rollup/rollup-linux-arm64-gnu': 4.60.4
+      '@rollup/rollup-linux-arm64-musl': 4.60.4
+      '@rollup/rollup-linux-loong64-gnu': 4.60.4
+      '@rollup/rollup-linux-loong64-musl': 4.60.4
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.4
+      '@rollup/rollup-linux-ppc64-musl': 4.60.4
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.4
+      '@rollup/rollup-linux-riscv64-musl': 4.60.4
+      '@rollup/rollup-linux-s390x-gnu': 4.60.4
+      '@rollup/rollup-linux-x64-gnu': 4.60.4
+      '@rollup/rollup-linux-x64-musl': 4.60.4
+      '@rollup/rollup-openbsd-x64': 4.60.4
+      '@rollup/rollup-openharmony-arm64': 4.60.4
+      '@rollup/rollup-win32-arm64-msvc': 4.60.4
+      '@rollup/rollup-win32-ia32-msvc': 4.60.4
+      '@rollup/rollup-win32-x64-gnu': 4.60.4
+      '@rollup/rollup-win32-x64-msvc': 4.60.4
+      fsevents: 2.3.3
+
   rou3@0.7.12: {}
 
   scheduler@0.27.0: {}
@@ -4790,6 +5356,8 @@ snapshots:
       '@img/sharp-win32-ia32': 0.34.5
       '@img/sharp-win32-x64': 0.34.5
 
+  siginfo@2.0.0: {}
+
   sonner@2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       react: 19.2.4
@@ -4804,6 +5372,14 @@ snapshots:
 
   source-map@0.6.1: {}
 
+  stackback@0.0.2: {}
+
+  std-env@3.10.0: {}
+
+  strip-literal@3.1.0:
+    dependencies:
+      js-tokens: 9.0.1
+
   styled-jsx@5.1.6(react@19.2.4):
     dependencies:
       client-only: 0.0.1
@@ -4817,6 +5393,21 @@ snapshots:
 
   tapable@2.3.3: {}
 
+  tinybench@2.9.0: {}
+
+  tinyexec@0.3.2: {}
+
+  tinyglobby@0.2.16:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  tinypool@1.1.1: {}
+
+  tinyrainbow@2.0.0: {}
+
+  tinyspy@4.0.4: {}
+
   ts-custom-error@3.3.1: {}
 
   tslib@2.8.1: {}
@@ -4870,6 +5461,88 @@ snapshots:
     dependencies:
       react: 19.2.4
 
+  vite-node@3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.4.3
+      es-module-lexer: 1.7.0
+      pathe: 2.0.3
+      vite: 7.3.3(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  vite@7.3.3(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0):
+    dependencies:
+      esbuild: 0.27.7
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.13
+      rollup: 4.60.4
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      '@types/node': 20.19.39
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      tsx: 4.21.0
+
+  vitest@3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0):
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/expect': 3.2.4
+      '@vitest/mocker': 3.2.4(vite@7.3.3(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))
+      '@vitest/pretty-format': 3.2.4
+      '@vitest/runner': 3.2.4
+      '@vitest/snapshot': 3.2.4
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.3.3
+      debug: 4.4.3
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      std-env: 3.10.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinyglobby: 0.2.16
+      tinypool: 1.1.1
+      tinyrainbow: 2.0.0
+      vite: 7.3.3(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0)
+      vite-node: 3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 20.19.39
+    transitivePeerDependencies:
+      - jiti
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
   workerd@1.20260430.1:
     optionalDependencies:
       '@cloudflare/workerd-darwin-64': 1.20260430.1

From 64d89c917a10aad8467a0b410f4ca0dbd01ea0e6 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:48:00 +0900
Subject: [PATCH 04/36] feat(shared): add YouTube Data API wrapper and signage
 playlist schema

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 packages/shared/src/schemas/index.ts   |  1 +
 packages/shared/src/schemas/signage.ts | 16 ++++++
 packages/shared/src/youtube.ts         | 68 ++++++++++++++++++++++++++
 3 files changed, 85 insertions(+)
 create mode 100644 packages/shared/src/schemas/signage.ts
 create mode 100644 packages/shared/src/youtube.ts

diff --git a/packages/shared/src/schemas/index.ts b/packages/shared/src/schemas/index.ts
index babdfe0..02b18a5 100644
--- a/packages/shared/src/schemas/index.ts
+++ b/packages/shared/src/schemas/index.ts
@@ -1,2 +1,3 @@
 export * from './admin';
 export * from './checkin';
+export * from './signage';
diff --git a/packages/shared/src/schemas/signage.ts b/packages/shared/src/schemas/signage.ts
new file mode 100644
index 0000000..7d0456b
--- /dev/null
+++ b/packages/shared/src/schemas/signage.ts
@@ -0,0 +1,16 @@
+import { z } from 'zod';
+
+// `GET /api/signage/playlist`
+export const signagePlaylistItemSchema = z.object({
+  videoId: z.string(),
+  title: z.string().optional(),
+});
+
+export const signagePlaylistResponseSchema = z.object({
+  items: z.array(signagePlaylistItemSchema),
+  // 次回取得推奨時刻（ISO 8601 UTC）。クライアントのポーリング間隔ヒント＝キャッシュ満了時刻。
+  refreshAt: z.string(),
+});
+
+export type SignagePlaylistItem = z.infer<typeof signagePlaylistItemSchema>;
+export type SignagePlaylistResponse = z.infer<typeof signagePlaylistResponseSchema>;
diff --git a/packages/shared/src/youtube.ts b/packages/shared/src/youtube.ts
new file mode 100644
index 0000000..1545b10
--- /dev/null
+++ b/packages/shared/src/youtube.ts
@@ -0,0 +1,68 @@
+// YouTube Data API v3 playlistItems.list の薄いフェッチラッパ。
+// googleapis は Node 依存で Workers 非対応のため使わず、API キー + fetch 直叩き。
+// google-sheets.ts の「サーバ側 fetch + 資格情報は引数で受け取る」流儀に倣うが、
+// OAuth/JWT は不要（APIキーのみ）。順序は snippet.position 昇順、再生不能動画は除外する。
+
+export interface YouTubePlaylistVideo {
+  videoId: string;
+  title?: string;
+}
+
+interface PlaylistItem {
+  snippet?: {
+    position?: number;
+    title?: string;
+    resourceId?: { videoId?: string };
+  };
+  contentDetails?: { videoId?: string };
+  status?: { privacyStatus?: string };
+}
+
+interface PlaylistItemsResponse {
+  items?: PlaylistItem[];
+  nextPageToken?: string;
+}
+
+// public / unlisted のみ埋め込み再生可能。private・未指定・削除済み(videoId欠落)は除外。
+const PLAYABLE_PRIVACY = new Set(['public', 'unlisted']);
+
+// playlistId の全ページを取得し、再生可能・position 昇順の videoId 列を返す。
+// part に複数指定してもクォータは 1 呼び出し 1 ユニットのまま（spec §5.1）。
+export const fetchPlaylistVideos = async (
+  apiKey: string,
+  playlistId: string,
+): Promise<YouTubePlaylistVideo[]> => {
+  const collected: { position: number; video: YouTubePlaylistVideo }[] = [];
+  let pageToken: string | undefined;
+
+  do {
+    const url = new URL('https://www.googleapis.com/youtube/v3/playlistItems');
+    url.searchParams.set('part', 'snippet,contentDetails,status');
+    url.searchParams.set('playlistId', playlistId);
+    url.searchParams.set('maxResults', '50');
+    url.searchParams.set('key', apiKey);
+    if (pageToken) url.searchParams.set('pageToken', pageToken);
+
+    const resp = await fetch(url, { headers: { Accept: 'application/json' } });
+    if (!resp.ok) {
+      const body = await resp.text();
+      throw new Error(`YouTube playlistItems fetch failed: ${resp.status} ${body}`);
+    }
+    const data = (await resp.json()) as PlaylistItemsResponse;
+
+    for (const item of data.items ?? []) {
+      const videoId = item.contentDetails?.videoId ?? item.snippet?.resourceId?.videoId;
+      const privacy = item.status?.privacyStatus;
+      if (!videoId || !privacy || !PLAYABLE_PRIVACY.has(privacy)) continue;
+      collected.push({
+        // position 欠落時は末尾送り。元の取得順ではなく position を正とする。
+        position: item.snippet?.position ?? Number.MAX_SAFE_INTEGER,
+        video: { videoId, title: item.snippet?.title },
+      });
+    }
+    pageToken = data.nextPageToken;
+  } while (pageToken);
+
+  collected.sort((a, b) => a.position - b.position);
+  return collected.map((c) => c.video);
+};

From b0b58baa9ccc7eeb90a6b35df42bba41a1a51835 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:49:43 +0900
Subject: [PATCH 05/36] feat(api): add GET /api/signage/playlist (YouTube Data
 API, cached)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .env.example                   | 15 ++++++++++++---
 apps/api/src/index.ts          |  2 ++
 apps/api/src/lib/signage.ts    | 22 ++++++++++++++++++++++
 apps/api/src/routes/signage.ts | 11 +++++++++++
 apps/api/src/types.ts          |  3 +++
 5 files changed, 50 insertions(+), 3 deletions(-)
 create mode 100644 apps/api/src/lib/signage.ts
 create mode 100644 apps/api/src/routes/signage.ts

diff --git a/.env.example b/.env.example
index d4bd34b..ad1af8a 100644
--- a/.env.example
+++ b/.env.example
@@ -57,12 +57,21 @@ BETTER_AUTH_SECRET=
 # 本番: https://tecnova-api.<your-subdomain>.workers.dev
 BETTER_AUTH_URL=
 
-# 管理画面・受付アプリなど、API に cross-origin で来るフロントのオリジン許可リスト。
+# 管理画面・受付アプリ・サイネージなど、API に cross-origin で来るフロントのオリジン許可リスト。
 # カンマ区切り文字列。CORS と Better Auth の trustedOrigins の両方で参照される。
-# 開発: http://localhost:3000,http://localhost:3001
-# 本番: https://<checkin-domain>,https://<admin-domain>
+# 開発: http://localhost:3000,http://localhost:3001,http://localhost:3002
+# 本番: https://<checkin-domain>,https://<admin-domain>,https://<signage-domain>
 TRUSTED_ORIGINS=
 
+# -----------------------------------------------------------------------------
+# YouTube Data API (apps/signage 動画プレイリスト)
+# -----------------------------------------------------------------------------
+# サイネージの GET /api/signage/playlist が playlistItems.list を叩くための APIキーと
+# プレイリストID。APIキーは「YouTube Data API v3 限定」の制限を付与する（リファラ制限は
+# 付けない＝サーバ側呼び出し）。本番は Wrangler Secrets、ローカルは apps/api/.dev.vars。
+YOUTUBE_API_KEY=
+YOUTUBE_PLAYLIST_ID=
+
 # -----------------------------------------------------------------------------
 # Frontend (Next.js apps)
 # -----------------------------------------------------------------------------
diff --git a/apps/api/src/index.ts b/apps/api/src/index.ts
index d39283b..4f9bc4d 100644
--- a/apps/api/src/index.ts
+++ b/apps/api/src/index.ts
@@ -7,6 +7,7 @@ import { authRoute } from './routes/auth';
 import { checkinRoute } from './routes/checkin';
 import { healthRoute } from './routes/health';
 import { preRegistrationsRoute } from './routes/pre-registrations';
+import { signageRoute } from './routes/signage';
 import type { AppEnv } from './types';
 
 const app = new Hono<AppEnv>();
@@ -26,6 +27,7 @@ app.use('/checkin/*', requireAuthenticatedMentor);
 
 app.route('/api', adminRoute);
 app.route('/api/pre-registrations', preRegistrationsRoute);
+app.route('/api/signage', signageRoute);
 app.route('/checkin', checkinRoute);
 app.route('/', healthRoute);
 
diff --git a/apps/api/src/lib/signage.ts b/apps/api/src/lib/signage.ts
new file mode 100644
index 0000000..e00c84e
--- /dev/null
+++ b/apps/api/src/lib/signage.ts
@@ -0,0 +1,22 @@
+import { fetchPlaylistVideos, type YouTubePlaylistVideo } from '@tecnova/shared/youtube';
+import type { Bindings } from '../types';
+
+// プレイリストはサーバ側で数分キャッシュする。Data API のクォータ節約と、プレイリスト
+// 更新の反映遅延（数分）は許容（spec §5.1）。Workers がリサイクルされたら自然に再取得。
+const CACHE_TTL_MS = 5 * 60_000;
+
+let cache: { items: YouTubePlaylistVideo[]; expiresAt: number } | null = null;
+
+export interface SignagePlaylist {
+  items: YouTubePlaylistVideo[];
+  refreshAt: string;
+}
+
+export const fetchSignagePlaylist = async (env: Bindings): Promise<SignagePlaylist> => {
+  const now = Date.now();
+  if (!cache || cache.expiresAt <= now) {
+    const items = await fetchPlaylistVideos(env.YOUTUBE_API_KEY, env.YOUTUBE_PLAYLIST_ID);
+    cache = { items, expiresAt: now + CACHE_TTL_MS };
+  }
+  return { items: cache.items, refreshAt: new Date(cache.expiresAt).toISOString() };
+};
diff --git a/apps/api/src/routes/signage.ts b/apps/api/src/routes/signage.ts
new file mode 100644
index 0000000..3005a3c
--- /dev/null
+++ b/apps/api/src/routes/signage.ts
@@ -0,0 +1,11 @@
+import { Hono } from 'hono';
+import { fetchSignagePlaylist } from '../lib/signage';
+import type { AppEnv } from '../types';
+
+// サイネージ用エンドポイント。requireAuthenticatedMentor は index.ts で /api/* に適用済み
+// なので、ここでは付けない（メンター認証済みの信頼端末からのみ叩かれる）。
+export const signageRoute = new Hono<AppEnv>();
+
+// 動画プレイリスト（順序付き videoId 列）。取得失敗（APIキー未設定・YouTube エラー等）は
+// throw され apiErrorHandler が 500 化し、クライアントは §5.4 のフォールバック videoId に倒れる。
+signageRoute.get('/playlist', async (c) => c.json(await fetchSignagePlaylist(c.env)));
diff --git a/apps/api/src/types.ts b/apps/api/src/types.ts
index a720467..8cabab5 100644
--- a/apps/api/src/types.ts
+++ b/apps/api/src/types.ts
@@ -9,6 +9,9 @@ export type Bindings = {
   BETTER_AUTH_SECRET: string;
   BETTER_AUTH_URL: string;
   TRUSTED_ORIGINS: string;
+  // サイネージの動画プレイリスト取得（YouTube Data API v3・APIキーのみ）。
+  YOUTUBE_API_KEY: string;
+  YOUTUBE_PLAYLIST_ID: string;
 };
 
 export interface AuthUser {

From e620aefb9579fe14918b5b4754edd8e01649a3e2 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:51:31 +0900
Subject: [PATCH 06/36] feat(signage): scaffold Next.js app on port 3002

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/.gitignore          | 41 ++++++++++++++++++++++++
 apps/signage/components.json     | 23 ++++++++++++++
 apps/signage/next.config.ts      |  8 +++++
 apps/signage/package.json        | 30 ++++++++++++++++++
 apps/signage/postcss.config.mjs  |  1 +
 apps/signage/src/app/layout.tsx  | 34 ++++++++++++++++++++
 apps/signage/src/app/manifest.ts | 17 ++++++++++
 apps/signage/src/app/page.tsx    |  3 ++
 apps/signage/tsconfig.json       | 35 +++++++++++++++++++++
 pnpm-lock.yaml                   | 54 ++++++++++++++++++++++++++++++++
 10 files changed, 246 insertions(+)
 create mode 100644 apps/signage/.gitignore
 create mode 100644 apps/signage/components.json
 create mode 100644 apps/signage/next.config.ts
 create mode 100644 apps/signage/package.json
 create mode 100644 apps/signage/postcss.config.mjs
 create mode 100644 apps/signage/src/app/layout.tsx
 create mode 100644 apps/signage/src/app/manifest.ts
 create mode 100644 apps/signage/src/app/page.tsx
 create mode 100644 apps/signage/tsconfig.json

diff --git a/apps/signage/.gitignore b/apps/signage/.gitignore
new file mode 100644
index 0000000..5ef6a52
--- /dev/null
+++ b/apps/signage/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/apps/signage/components.json b/apps/signage/components.json
new file mode 100644
index 0000000..8962ad6
--- /dev/null
+++ b/apps/signage/components.json
@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-maia",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "../../packages/ui/src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "iconLibrary": "tabler",
+  "aliases": {
+    "components": "@/components",
+    "hooks": "@/hooks",
+    "lib": "@/lib",
+    "utils": "@tecnova/ui/lib/utils",
+    "ui": "@tecnova/ui/components"
+  },
+  "rtl": false,
+  "menuColor": "default-translucent",
+  "menuAccent": "subtle"
+}
diff --git a/apps/signage/next.config.ts b/apps/signage/next.config.ts
new file mode 100644
index 0000000..8c125ca
--- /dev/null
+++ b/apps/signage/next.config.ts
@@ -0,0 +1,8 @@
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
+  // モノレポ内 workspace パッケージを Next の transpile 対象にする
+  transpilePackages: ['@tecnova/shared', '@tecnova/ui'],
+};
+
+export default nextConfig;
diff --git a/apps/signage/package.json b/apps/signage/package.json
new file mode 100644
index 0000000..cdd2a85
--- /dev/null
+++ b/apps/signage/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "signage",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --port 3002",
+    "build": "next build",
+    "start": "next start",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@tabler/icons-react": "^3.42.0",
+    "@tecnova/shared": "workspace:*",
+    "@tecnova/ui": "workspace:*",
+    "better-auth": "^1.6.9",
+    "motion": "^12.40.0",
+    "next": "16.2.4",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/youtube": "^0.1.0",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}
diff --git a/apps/signage/postcss.config.mjs b/apps/signage/postcss.config.mjs
new file mode 100644
index 0000000..78aa4a0
--- /dev/null
+++ b/apps/signage/postcss.config.mjs
@@ -0,0 +1 @@
+export { default } from '@tecnova/ui/postcss.config';
diff --git a/apps/signage/src/app/layout.tsx b/apps/signage/src/app/layout.tsx
new file mode 100644
index 0000000..7b38a2c
--- /dev/null
+++ b/apps/signage/src/app/layout.tsx
@@ -0,0 +1,34 @@
+import type { Metadata, Viewport } from 'next';
+import { LINE_Seed_JP } from 'next/font/google';
+import '@tecnova/ui/globals.css';
+import { cn } from '@tecnova/ui/lib/utils';
+
+const fontSans = LINE_Seed_JP({
+  variable: '--font-sans',
+  weight: ['100', '400', '700', '800'],
+  subsets: ['latin'],
+});
+
+export const metadata: Metadata = {
+  title: 'テクノバ サイネージ',
+  // iOS Safari に PWA 起動を伝える。Android/Chromium 用の Web マニフェスト
+  // （app/manifest.ts）と両方必要。
+  appleWebApp: { capable: true, title: 'サイネージ', statusBarStyle: 'black-translucent' },
+};
+
+export const viewport: Viewport = {
+  themeColor: '#020617',
+  // 大型モニターのキオスク表示。ピンチズーム無効で誤操作を防ぐ。
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+};
+
+export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <html lang="ja" className={cn('h-full antialiased font-sans', fontSans.variable)}>
+      <body className="min-h-full bg-slate-950">{children}</body>
+    </html>
+  );
+}
diff --git a/apps/signage/src/app/manifest.ts b/apps/signage/src/app/manifest.ts
new file mode 100644
index 0000000..0f158d1
--- /dev/null
+++ b/apps/signage/src/app/manifest.ts
@@ -0,0 +1,17 @@
+import type { MetadataRoute } from 'next';
+
+// 壁掛けモニター向け。display:'fullscreen' + orientation:'landscape' が最も強いキオスク表示。
+// アイコンは省略（--kiosk 起動では PWA インストール不要）。
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: 'テクノバながさき サイネージ',
+    short_name: 'サイネージ',
+    description: 'テクノバながさきの会場サイネージ表示',
+    start_url: '/',
+    display: 'fullscreen',
+    orientation: 'landscape',
+    background_color: '#020617',
+    theme_color: '#2563eb',
+    lang: 'ja',
+  };
+}
diff --git a/apps/signage/src/app/page.tsx b/apps/signage/src/app/page.tsx
new file mode 100644
index 0000000..5c64781
--- /dev/null
+++ b/apps/signage/src/app/page.tsx
@@ -0,0 +1,3 @@
+export default function SignagePage() {
+  return <main className="flex min-h-svh items-center justify-center text-white">signage</main>;
+}
diff --git a/apps/signage/tsconfig.json b/apps/signage/tsconfig.json
new file mode 100644
index 0000000..5188696
--- /dev/null
+++ b/apps/signage/tsconfig.json
@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@tecnova/ui/*": ["../../packages/ui/src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index abf35e1..7f3ec6d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -138,6 +138,55 @@ importers:
         specifier: ^5
         version: 5.9.3
 
+  apps/signage:
+    dependencies:
+      '@tabler/icons-react':
+        specifier: ^3.42.0
+        version: 3.42.0(react@19.2.4)
+      '@tecnova/shared':
+        specifier: workspace:*
+        version: link:../../packages/shared
+      '@tecnova/ui':
+        specifier: workspace:*
+        version: link:../../packages/ui
+      better-auth:
+        specifier: ^1.6.9
+        version: 1.6.9(@cloudflare/workers-types@4.20260502.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@cloudflare/workers-types@4.20260502.1)(kysely@0.28.17))(next@16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vitest@3.2.4(@types/node@20.19.39)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))
+      motion:
+        specifier: ^12.40.0
+        version: 12.40.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      next:
+        specifier: 16.2.4
+        version: 16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react:
+        specifier: 19.2.4
+        version: 19.2.4
+      react-dom:
+        specifier: 19.2.4
+        version: 19.2.4(react@19.2.4)
+    devDependencies:
+      '@tailwindcss/postcss':
+        specifier: ^4
+        version: 4.2.4
+      '@types/node':
+        specifier: ^20
+        version: 20.19.39
+      '@types/react':
+        specifier: ^19
+        version: 19.2.14
+      '@types/react-dom':
+        specifier: ^19
+        version: 19.2.3(@types/react@19.2.14)
+      '@types/youtube':
+        specifier: ^0.1.0
+        version: 0.1.2
+      tailwindcss:
+        specifier: ^4
+        version: 4.2.4
+      typescript:
+        specifier: ^5
+        version: 5.9.3
+
   packages/db:
     dependencies:
       drizzle-orm:
@@ -2288,6 +2337,9 @@ packages:
   '@types/react@19.2.14':
     resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
+  '@types/youtube@0.1.2':
+    resolution: {integrity: sha512-n1/KqusanheyQRWHamNZv8K3kydlRqyEsZEKxMTeNWXQTC15lZprITCUt+WgL1vAIvKHCjPBIWz/gf/KQLsB3g==}
+
   '@vitest/expect@3.2.4':
     resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
 
@@ -4733,6 +4785,8 @@ snapshots:
     dependencies:
       csstype: 3.2.3
 
+  '@types/youtube@0.1.2': {}
+
   '@vitest/expect@3.2.4':
     dependencies:
       '@types/chai': 5.2.3

From c1b69371279de3068feff10a59c7fc4ab3e2a2bc Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:52:09 +0900
Subject: [PATCH 07/36] feat(signage): add mentor-whitelist auth (auth-client,
 MeProvider shell, login)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/app/layout.tsx           |  5 ++-
 apps/signage/src/app/login/page.tsx       | 55 +++++++++++++++++++++++
 apps/signage/src/components/app-shell.tsx | 23 ++++++++++
 apps/signage/src/lib/auth-client.ts       | 11 +++++
 4 files changed, 93 insertions(+), 1 deletion(-)
 create mode 100644 apps/signage/src/app/login/page.tsx
 create mode 100644 apps/signage/src/components/app-shell.tsx
 create mode 100644 apps/signage/src/lib/auth-client.ts

diff --git a/apps/signage/src/app/layout.tsx b/apps/signage/src/app/layout.tsx
index 7b38a2c..31a8b81 100644
--- a/apps/signage/src/app/layout.tsx
+++ b/apps/signage/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata, Viewport } from 'next';
 import { LINE_Seed_JP } from 'next/font/google';
 import '@tecnova/ui/globals.css';
 import { cn } from '@tecnova/ui/lib/utils';
+import { AppShell } from '@/components/app-shell';
 
 const fontSans = LINE_Seed_JP({
   variable: '--font-sans',
@@ -28,7 +29,9 @@ export const viewport: Viewport = {
 export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang="ja" className={cn('h-full antialiased font-sans', fontSans.variable)}>
-      <body className="min-h-full bg-slate-950">{children}</body>
+      <body className="min-h-full bg-slate-950">
+        <AppShell>{children}</AppShell>
+      </body>
     </html>
   );
 }
diff --git a/apps/signage/src/app/login/page.tsx b/apps/signage/src/app/login/page.tsx
new file mode 100644
index 0000000..dd7bee0
--- /dev/null
+++ b/apps/signage/src/app/login/page.tsx
@@ -0,0 +1,55 @@
+'use client';
+
+import { Alert, AlertDescription, AlertTitle } from '@tecnova/ui/components/alert';
+import { Button } from '@tecnova/ui/components/button';
+import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@tecnova/ui/components/card';
+import { useState } from 'react';
+import { authClient } from '@/lib/auth-client';
+
+export default function LoginPage() {
+  const [error, setError] = useState<string | null>(null);
+  const [busy, setBusy] = useState(false);
+
+  const signIn = async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      // callbackURL は絶対URL（フロントのオリジンに戻す）。相対だと API オリジンに着地する。
+      const redirect = `${window.location.origin}/`;
+      await authClient.signIn.social({
+        provider: 'google',
+        callbackURL: redirect,
+        errorCallbackURL: redirect,
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+      setBusy(false);
+    }
+  };
+
+  return (
+    <main className="flex min-h-svh items-center justify-center bg-slate-950 p-8">
+      <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle className="text-2xl">テクノバ サイネージ</CardTitle>
+        </CardHeader>
+        {error && (
+          <CardContent>
+            <Alert variant="destructive">
+              <AlertTitle>ログインエラー</AlertTitle>
+              <AlertDescription>{error}</AlertDescription>
+            </Alert>
+          </CardContent>
+        )}
+        <CardFooter className="flex-col gap-3">
+          <Button type="button" size="lg" onClick={signIn} disabled={busy} className="w-full">
+            {busy ? 'リダイレクト中...' : 'Google でログイン（共有アカウント）'}
+          </Button>
+          <p className="text-center text-sm text-muted-foreground">
+            許可リストに登録されたアカウントのみ利用できます
+          </p>
+        </CardFooter>
+      </Card>
+    </main>
+  );
+}
diff --git a/apps/signage/src/components/app-shell.tsx b/apps/signage/src/components/app-shell.tsx
new file mode 100644
index 0000000..0f18c97
--- /dev/null
+++ b/apps/signage/src/components/app-shell.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import { MeProvider } from '@tecnova/ui/components/me-provider';
+import { usePathname } from 'next/navigation';
+
+// サイネージは全画面表示なので checkin のようなヘッダ chrome は持たず、MeProvider だけで包む。
+export function AppShell({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  // /login は認証ゲートの外（401 時の遷移先）。
+  if (pathname.startsWith('/login')) {
+    return <>{children}</>;
+  }
+  return (
+    <MeProvider
+      forbiddenMessage="サイネージの利用権限がありません"
+      loadingClassName="flex min-h-svh items-center justify-center bg-slate-950 text-slate-300"
+      forbiddenClassName="flex min-h-svh flex-col items-center justify-center gap-4 bg-slate-950 p-8 text-center text-slate-300"
+      errorClassName="flex min-h-svh flex-col items-center justify-center gap-4 bg-slate-950 p-8 text-center text-slate-300"
+    >
+      {children}
+    </MeProvider>
+  );
+}
diff --git a/apps/signage/src/lib/auth-client.ts b/apps/signage/src/lib/auth-client.ts
new file mode 100644
index 0000000..558a94e
--- /dev/null
+++ b/apps/signage/src/lib/auth-client.ts
@@ -0,0 +1,11 @@
+import { createAuthClient } from 'better-auth/react';
+
+// Worker（API）の URL。本番では NEXT_PUBLIC_API_URL を Vercel 側で設定する。
+const API_URL = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:8787';
+
+// クッキーは Worker 側オリジンに発行される。サイネージは別オリジンから fetch するため
+// credentials:'include' でクッキーを同送させる（API の TRUSTED_ORIGINS に 3002 を登録済み）。
+export const authClient = createAuthClient({
+  baseURL: API_URL,
+  fetchOptions: { credentials: 'include' },
+});

From 017b59eabd12135ecbeb96ee85e352f88d5d5754 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:52:40 +0900
Subject: [PATCH 08/36] feat(signage): add time utils (now override, useNow,
 jst/mmss) and wake lock hook

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/lib/now.ts           | 18 ++++++++++++++++
 apps/signage/src/lib/time.ts          | 17 +++++++++++++++
 apps/signage/src/lib/use-now.ts       | 14 +++++++++++++
 apps/signage/src/lib/use-wake-lock.ts | 30 +++++++++++++++++++++++++++
 4 files changed, 79 insertions(+)
 create mode 100644 apps/signage/src/lib/now.ts
 create mode 100644 apps/signage/src/lib/time.ts
 create mode 100644 apps/signage/src/lib/use-now.ts
 create mode 100644 apps/signage/src/lib/use-wake-lock.ts

diff --git a/apps/signage/src/lib/now.ts b/apps/signage/src/lib/now.ts
new file mode 100644
index 0000000..4d6bc40
--- /dev/null
+++ b/apps/signage/src/lib/now.ts
@@ -0,0 +1,18 @@
+// 端末のローカル時計を返す。?now=ISO クエリがある場合のみ、その時刻を起点に
+// 実時間の経過分だけ進めた擬似時刻を返す（タイムベース挙動の手動検証用）。
+let anchor: { base: number; mountedAt: number } | null | undefined;
+
+const readAnchor = (): { base: number; mountedAt: number } | null => {
+  if (typeof window === 'undefined') return null;
+  const raw = new URLSearchParams(window.location.search).get('now');
+  if (!raw) return null;
+  const base = new Date(raw).getTime();
+  if (Number.isNaN(base)) return null;
+  return { base, mountedAt: Date.now() };
+};
+
+export const getNow = (): Date => {
+  if (anchor === undefined) anchor = readAnchor();
+  if (anchor === null) return new Date();
+  return new Date(anchor.base + (Date.now() - anchor.mountedAt));
+};
diff --git a/apps/signage/src/lib/time.ts b/apps/signage/src/lib/time.ts
new file mode 100644
index 0000000..e8df590
--- /dev/null
+++ b/apps/signage/src/lib/time.ts
@@ -0,0 +1,17 @@
+const jstHmFormatter = new Intl.DateTimeFormat('en-GB', {
+  timeZone: 'Asia/Tokyo',
+  hour: '2-digit',
+  minute: '2-digit',
+  hour12: false,
+});
+
+// JST の 'HH:mm'。
+export const jstHm = (date: Date): string => jstHmFormatter.format(date);
+
+// 秒数を 'M:SS' に（休憩カウントダウン用）。負値は 0 扱い。
+export const mmss = (totalSeconds: number): string => {
+  const s = Math.max(0, Math.floor(totalSeconds));
+  const m = Math.floor(s / 60);
+  const sec = s % 60;
+  return `${m}:${String(sec).padStart(2, '0')}`;
+};
diff --git a/apps/signage/src/lib/use-now.ts b/apps/signage/src/lib/use-now.ts
new file mode 100644
index 0000000..65ac6f1
--- /dev/null
+++ b/apps/signage/src/lib/use-now.ts
@@ -0,0 +1,14 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { getNow } from './now';
+
+// 表示更新用に一定間隔で現在時刻を返す（チャイム発火は use-chime-scheduler が別途精密に行う）。
+export const useNow = (intervalMs = 1000): Date => {
+  const [now, setNow] = useState<Date>(() => getNow());
+  useEffect(() => {
+    const id = window.setInterval(() => setNow(getNow()), intervalMs);
+    return () => window.clearInterval(id);
+  }, [intervalMs]);
+  return now;
+};
diff --git a/apps/signage/src/lib/use-wake-lock.ts b/apps/signage/src/lib/use-wake-lock.ts
new file mode 100644
index 0000000..b71ba9c
--- /dev/null
+++ b/apps/signage/src/lib/use-wake-lock.ts
@@ -0,0 +1,30 @@
+'use client';
+
+import { useEffect } from 'react';
+
+// 画面スリープ防止。document が hidden になると OS が自動解放するため
+// visibilitychange で再取得する。HTTPS（secure context）必須。
+export const useWakeLock = (enabled: boolean): void => {
+  useEffect(() => {
+    if (!enabled || !('wakeLock' in navigator)) return;
+    let lock: WakeLockSentinel | null = null;
+
+    const request = async (): Promise<void> => {
+      try {
+        lock = await navigator.wakeLock.request('screen');
+      } catch {
+        // low battery / hidden などで拒否されうる（ベストエフォート）。
+      }
+    };
+    const onVisible = (): void => {
+      if (document.visibilityState === 'visible') void request();
+    };
+
+    void request();
+    document.addEventListener('visibilitychange', onVisible);
+    return () => {
+      document.removeEventListener('visibilitychange', onVisible);
+      void lock?.release().catch(() => {});
+    };
+  }, [enabled]);
+};

From 4d20a6027741ece414a42649c4f1864b98283854 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:53:02 +0900
Subject: [PATCH 09/36] feat(signage): synthesize chime tones via Web Audio

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/lib/chimes.ts | 56 ++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 apps/signage/src/lib/chimes.ts

diff --git a/apps/signage/src/lib/chimes.ts b/apps/signage/src/lib/chimes.ts
new file mode 100644
index 0000000..4d53cbf
--- /dev/null
+++ b/apps/signage/src/lib/chimes.ts
@@ -0,0 +1,56 @@
+import type { ChimeKind } from '@tecnova/shared/activity-cycle';
+
+// 単一の AudioContext を使い回す（ブラウザは同時 context 数を制限するため）。
+let ctx: AudioContext | null = null;
+
+const getCtx = (): AudioContext => {
+  if (!ctx) ctx = new AudioContext();
+  return ctx;
+};
+
+// 起動タップ内で呼ぶ。自動再生制約を解放する。
+export const resumeAudio = async (): Promise<void> => {
+  const c = getCtx();
+  if (c.state !== 'running') await c.resume();
+};
+
+// suspended に戻っていれば再開（OS スリープ後・タブ復帰時）。
+export const ensureAudioRunning = async (): Promise<void> => {
+  if (ctx && ctx.state !== 'running') await ctx.resume();
+};
+
+const tone = (
+  c: AudioContext,
+  freq: number,
+  startAt: number,
+  dur: number,
+  type: OscillatorType,
+): void => {
+  const osc = c.createOscillator();
+  const gain = c.createGain();
+  osc.type = type;
+  osc.frequency.value = freq;
+  // 指数エンベロープでベル風の余韻（0 には到達できないので 0.0001 へ）。
+  gain.gain.setValueAtTime(0.0001, startAt);
+  gain.gain.exponentialRampToValueAtTime(0.5, startAt + 0.02);
+  gain.gain.exponentialRampToValueAtTime(0.0001, startAt + dur);
+  osc.connect(gain).connect(c.destination);
+  osc.start(startAt);
+  osc.stop(startAt + dur + 0.05);
+};
+
+// 種別ごとに音色・音程を変える。
+const PATTERNS: Record<ChimeKind, { freqs: [number, number]; type: OscillatorType; dur: number }> = {
+  resume: { freqs: [784, 988], type: 'sine', dur: 0.7 }, // 上行＝再開
+  break: { freqs: [988, 784], type: 'sine', dur: 0.8 }, // 下行＝休憩（キンコン）
+  'term-end': { freqs: [880, 587], type: 'triangle', dur: 1.2 }, // 長め＝ターム終了
+};
+
+export const playChime = (kind: ChimeKind): void => {
+  const c = getCtx();
+  if (c.state !== 'running') return; // 解放前は鳴らさない
+  const { freqs, type, dur } = PATTERNS[kind];
+  const t = c.currentTime + 0.02;
+  tone(c, freqs[0], t, dur, type);
+  tone(c, freqs[1], t + 0.45, dur, type);
+};

From abcf43ecf18dbb1fe08f14ba1b69ba99d1a8bdb0 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:53:19 +0900
Subject: [PATCH 10/36] feat(signage): drift-free chime scheduler with
 per-boundary dedupe

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/lib/use-chime-scheduler.ts | 62 +++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 apps/signage/src/lib/use-chime-scheduler.ts

diff --git a/apps/signage/src/lib/use-chime-scheduler.ts b/apps/signage/src/lib/use-chime-scheduler.ts
new file mode 100644
index 0000000..fbe519c
--- /dev/null
+++ b/apps/signage/src/lib/use-chime-scheduler.ts
@@ -0,0 +1,62 @@
+'use client';
+
+import { type ChimeEvent, cycleChimeEventsForDay } from '@tecnova/shared/activity-cycle';
+import { useEffect, useRef } from 'react';
+
+interface Args {
+  enabled: boolean; // 音声解放済みか（起動タップ後）
+  isTermActive: (term: ChimeEvent['term']) => boolean; // 稼働判定
+  onChime: (event: ChimeEvent) => void; // 発火時の副作用（playChime 等）
+  getNow: () => Date;
+}
+
+// 壁時計の :00/:50 等の境界でちょうど発火させる。setInterval は使わず、毎 tick
+// Date から次境界までの遅延を再計算する（ドリフトしない）。key で二重発火を防ぐ。
+export const useChimeScheduler = ({ enabled, isTermActive, onChime, getNow }: Args): void => {
+  const isActiveRef = useRef(isTermActive);
+  const onChimeRef = useRef(onChime);
+  const getNowRef = useRef(getNow);
+  isActiveRef.current = isTermActive;
+  onChimeRef.current = onChime;
+  getNowRef.current = getNow;
+
+  useEffect(() => {
+    if (!enabled) return;
+    const fired = new Set<string>();
+    let last = getNowRef.current().getTime();
+    let timer = 0;
+
+    const tick = (): void => {
+      const now = getNowRef.current().getTime();
+      const events = cycleChimeEventsForDay(new Date(now));
+      for (const e of events) {
+        const at = e.at.getTime();
+        if (at > last && at <= now && !fired.has(e.key)) {
+          fired.add(e.key);
+          if (isActiveRef.current(e.term)) onChimeRef.current(e);
+        }
+      }
+      last = now;
+      const nextAt = events
+        .map((e) => e.at.getTime())
+        .filter((t) => t > now)
+        .sort((a, b) => a - b)[0];
+      const delay = nextAt === undefined ? 1000 : Math.min(1000, Math.max(50, nextAt - now));
+      timer = window.setTimeout(tick, delay);
+    };
+
+    const onVisible = (): void => {
+      if (document.visibilityState === 'visible') {
+        window.clearTimeout(timer);
+        tick();
+      }
+    };
+
+    timer = window.setTimeout(tick, 0);
+    document.addEventListener('visibilitychange', onVisible);
+    return () => {
+      window.clearTimeout(timer);
+      document.removeEventListener('visibilitychange', onVisible);
+    };
+  }, [enabled]);
+};

From ca92f29056ae87eb889f8c53e5073446bd7c3870 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:53:36 +0900
Subject: [PATCH 11/36] feat(signage): poll /api/sessions/today and derive
 per-term counts

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/lib/use-signage-data.ts | 55 ++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 apps/signage/src/lib/use-signage-data.ts

diff --git a/apps/signage/src/lib/use-signage-data.ts b/apps/signage/src/lib/use-signage-data.ts
new file mode 100644
index 0000000..c6bdb1f
--- /dev/null
+++ b/apps/signage/src/lib/use-signage-data.ts
@@ -0,0 +1,55 @@
+'use client';
+
+import type { TodaySessionsResponse } from '@tecnova/shared/schemas';
+import type { TermId } from '@tecnova/shared/venue-schedule';
+import { apiJson } from '@tecnova/ui/lib/api-client';
+import { useEffect, useState } from 'react';
+
+export interface SignageData {
+  currentlyPresent: number;
+  totalCheckedIn: number;
+  termCounts: Record<TermId, number>;
+}
+
+const EMPTY: SignageData = {
+  currentlyPresent: 0,
+  totalCheckedIn: 0,
+  termCounts: { morning: 0, afternoon: 0, evening: 0 },
+};
+
+const POLL_MS = 20_000;
+
+// 認証付き /api/sessions/today を ~20秒間隔で取得。ターム別 checkedIn は
+// sessions[].term の件数（累計＝ターム終了まで sticky）。失敗時は直近値を保持。
+export const useSignageData = (): SignageData => {
+  const [data, setData] = useState<SignageData>(EMPTY);
+
+  useEffect(() => {
+    let active = true;
+    const load = async (): Promise<void> => {
+      try {
+        const res = await apiJson<TodaySessionsResponse>('/api/sessions/today');
+        if (!active) return;
+        const termCounts: Record<TermId, number> = { morning: 0, afternoon: 0, evening: 0 };
+        for (const s of res.sessions) {
+          if (s.term) termCounts[s.term] += 1;
+        }
+        setData({
+          currentlyPresent: res.summary.currentlyPresent,
+          totalCheckedIn: res.summary.totalCheckedIn,
+          termCounts,
+        });
+      } catch {
+        // ネットワーク不達時は直近値を維持（degrade）。
+      }
+    };
+    void load();
+    const id = window.setInterval(() => void load(), POLL_MS);
+    return () => {
+      active = false;
+      window.clearInterval(id);
+    };
+  }, []);
+
+  return data;
+};

From d271612b40ecd9286a5af4468f2ab4c8828576fb Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:55:14 +0900
Subject: [PATCH 12/36] feat(signage): YouTube IFrame self-queue player,
 playlist fetch, mute toggle

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/mute-toggle.tsx   |  22 +++
 .../signage/src/components/youtube-player.tsx |  28 +++
 apps/signage/src/config/playlist.ts           |   4 +
 apps/signage/src/lib/use-mute.ts              |  25 +++
 apps/signage/src/lib/use-playlist.ts          |  36 ++++
 apps/signage/src/lib/use-youtube-player.ts    | 164 ++++++++++++++++++
 6 files changed, 279 insertions(+)
 create mode 100644 apps/signage/src/components/mute-toggle.tsx
 create mode 100644 apps/signage/src/components/youtube-player.tsx
 create mode 100644 apps/signage/src/config/playlist.ts
 create mode 100644 apps/signage/src/lib/use-mute.ts
 create mode 100644 apps/signage/src/lib/use-playlist.ts
 create mode 100644 apps/signage/src/lib/use-youtube-player.ts

diff --git a/apps/signage/src/components/mute-toggle.tsx b/apps/signage/src/components/mute-toggle.tsx
new file mode 100644
index 0000000..5392a61
--- /dev/null
+++ b/apps/signage/src/components/mute-toggle.tsx
@@ -0,0 +1,22 @@
+'use client';
+
+import { IconVolume, IconVolumeOff } from '@tabler/icons-react';
+
+interface Props {
+  muted: boolean;
+  onToggle: () => void;
+}
+
+// 運用者向けの控えめな小コントロール（端末隅）。既定=無音。
+export function MuteToggle({ muted, onToggle }: Props) {
+  return (
+    <button
+      type="button"
+      onClick={onToggle}
+      aria-label={muted ? '動画の音声をオンにする' : '動画の音声をオフにする'}
+      className="absolute right-4 bottom-4 z-40 flex size-11 items-center justify-center rounded-full bg-slate-950/50 text-white/70 backdrop-blur transition hover:text-white"
+    >
+      {muted ? <IconVolumeOff className="size-5" /> : <IconVolume className="size-5" />}
+    </button>
+  );
+}
diff --git a/apps/signage/src/components/youtube-player.tsx b/apps/signage/src/components/youtube-player.tsx
new file mode 100644
index 0000000..4253aee
--- /dev/null
+++ b/apps/signage/src/components/youtube-player.tsx
@@ -0,0 +1,28 @@
+'use client';
+
+import { useYoutubePlayer } from '@/lib/use-youtube-player';
+
+const PLAYER_ELEMENT_ID = 'signage-youtube-player';
+
+interface Props {
+  videoIds: string[];
+  active: boolean;
+  muted: boolean;
+  started: boolean;
+}
+
+// IFrame は常時マウント（再読込フラッシュ防止）。未ロード時は背後のワードマークを見せ、
+// 動画ロード後に iframe を opacity:1 で前に出す（use-youtube-player が制御）。
+export function YoutubePlayer({ videoIds, active, muted, started }: Props) {
+  useYoutubePlayer({ elementId: PLAYER_ELEMENT_ID, videoIds, active, muted, started });
+
+  return (
+    <div className="absolute inset-0 overflow-hidden bg-slate-950">
+      <div className="absolute inset-0 flex items-center justify-center">
+        <span className="text-4xl font-black tracking-wide text-white/10">tec-nova Nagasaki</span>
+      </div>
+      {/* YT.Player がこの div を iframe に置換し、JS 側で全画面化＋可視制御する。 */}
+      <div id={PLAYER_ELEMENT_ID} />
+    </div>
+  );
+}
diff --git a/apps/signage/src/config/playlist.ts b/apps/signage/src/config/playlist.ts
new file mode 100644
index 0000000..0a0c9f7
--- /dev/null
+++ b/apps/signage/src/config/playlist.ts
@@ -0,0 +1,4 @@
+// API（/api/signage/playlist）が主ソース。取得失敗・空配列・ローカル開発時のみ
+// この配列を自前キューに流す（spec §5.4）。動画 URL ではなく YouTube の videoId を列挙する。
+// 例: 'dQw4w9WgXcQ'。空のままなら（API も空なら）動画レイヤ背後のワードマークが見える。
+export const FALLBACK_VIDEO_IDS: string[] = [];
diff --git a/apps/signage/src/lib/use-mute.ts b/apps/signage/src/lib/use-mute.ts
new file mode 100644
index 0000000..842aa5b
--- /dev/null
+++ b/apps/signage/src/lib/use-mute.ts
@@ -0,0 +1,25 @@
+'use client';
+
+import { useCallback, useEffect, useState } from 'react';
+
+// 無音/音ありトグル。既定=無音（true）。localStorage に永続（spec §5.5）。
+const STORAGE_KEY = 'signage:muted';
+
+export const useMute = (): { muted: boolean; toggle: () => void } => {
+  // SSR では localStorage が無いので既定=無音で初期化し、mount 後に読み出す。
+  const [muted, setMuted] = useState(true);
+
+  useEffect(() => {
+    if (window.localStorage.getItem(STORAGE_KEY) === 'false') setMuted(false);
+  }, []);
+
+  const toggle = useCallback(() => {
+    setMuted((prev) => {
+      const next = !prev;
+      window.localStorage.setItem(STORAGE_KEY, String(next));
+      return next;
+    });
+  }, []);
+
+  return { muted, toggle };
+};
diff --git a/apps/signage/src/lib/use-playlist.ts b/apps/signage/src/lib/use-playlist.ts
new file mode 100644
index 0000000..d8851aa
--- /dev/null
+++ b/apps/signage/src/lib/use-playlist.ts
@@ -0,0 +1,36 @@
+'use client';
+
+import type { SignagePlaylistResponse } from '@tecnova/shared/schemas';
+import { apiJson } from '@tecnova/ui/lib/api-client';
+import { useEffect, useState } from 'react';
+import { FALLBACK_VIDEO_IDS } from '@/config/playlist';
+
+// 起動時 + 数分間隔で /api/signage/playlist を取得し videoId[] を保持する。
+// 取得失敗 / 空配列のときは FALLBACK_VIDEO_IDS を採用（spec §5.1 / §5.4）。
+const POLL_MS = 5 * 60_000;
+
+export const usePlaylist = (): string[] => {
+  const [ids, setIds] = useState<string[]>(FALLBACK_VIDEO_IDS);
+
+  useEffect(() => {
+    let active = true;
+    const load = async (): Promise<void> => {
+      try {
+        const res = await apiJson<SignagePlaylistResponse>('/api/signage/playlist');
+        if (!active) return;
+        const next = res.items.map((i) => i.videoId);
+        setIds(next.length > 0 ? next : FALLBACK_VIDEO_IDS);
+      } catch {
+        // 取得失敗時は直近の状態を保持（degrade）。初回失敗なら FALLBACK のまま。
+      }
+    };
+    void load();
+    const id = window.setInterval(() => void load(), POLL_MS);
+    return () => {
+      active = false;
+      window.clearInterval(id);
+    };
+  }, []);
+
+  return ids;
+};
diff --git a/apps/signage/src/lib/use-youtube-player.ts b/apps/signage/src/lib/use-youtube-player.ts
new file mode 100644
index 0000000..f8e19bc
--- /dev/null
+++ b/apps/signage/src/lib/use-youtube-player.ts
@@ -0,0 +1,164 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+
+// IFrame Player API は @types/youtube がグローバル名前空間 YT を提供する。
+// window.YT / onYouTubeIframeAPIReady は型に無いので最小限で宣言する。
+declare global {
+  interface Window {
+    YT?: typeof YT;
+    onYouTubeIframeAPIReady?: () => void;
+  }
+}
+
+// IFrame Player API を一度だけ読み込むシングルトン。複数回呼んでも <script> は 1 回。
+let apiReadyPromise: Promise<typeof YT> | null = null;
+
+const loadYouTubeApi = (): Promise<typeof YT> => {
+  if (apiReadyPromise) return apiReadyPromise;
+  apiReadyPromise = new Promise((resolve) => {
+    if (window.YT?.Player) {
+      resolve(window.YT);
+      return;
+    }
+    // 既存ハンドラがあれば連鎖させる（多重ロード時の保険）。
+    const prev = window.onYouTubeIframeAPIReady;
+    window.onYouTubeIframeAPIReady = () => {
+      prev?.();
+      resolve(window.YT as typeof YT);
+    };
+    const tag = document.createElement('script');
+    tag.src = 'https://www.youtube.com/iframe_api';
+    document.head.appendChild(tag);
+  });
+  return apiReadyPromise;
+};
+
+interface Args {
+  elementId: string;
+  videoIds: string[];
+  active: boolean; // 活動フェーズ中のみ再生
+  muted: boolean; // 無音トグル
+  started: boolean; // 起動タップ後（unMute はジェスチャ後のみ）
+}
+
+// 生成済み iframe を全画面化し、再生中だけ可視にする（未ロード時は背後のロゴを見せる）。
+const styleIframe = (iframe: HTMLIFrameElement, visible: boolean): void => {
+  iframe.style.position = 'absolute';
+  iframe.style.inset = '0';
+  iframe.style.width = '100%';
+  iframe.style.height = '100%';
+  iframe.style.pointerEvents = 'none';
+  iframe.style.opacity = visible ? '1' : '0';
+};
+
+export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }: Args): void => {
+  const playerRef = useRef<YT.Player | null>(null);
+  const readyRef = useRef(false);
+  const indexRef = useRef(0);
+  const queueStartedRef = useRef(false); // 1本目を流し始めたか
+  // 最新の props を effect 外から参照するための ref。
+  const videoIdsRef = useRef(videoIds);
+  const activeRef = useRef(active);
+  const mutedRef = useRef(muted);
+  const startedRef = useRef(started);
+  videoIdsRef.current = videoIds;
+  activeRef.current = active;
+  mutedRef.current = muted;
+  startedRef.current = started;
+
+  // プレーヤー生成は一度だけ（依存は elementId のみ）。StrictMode の二重マウントは
+  // destroy で吸収する。active/muted/started/videoIds の変化は別 effect と ref で反映し、
+  // プレーヤーの再生成を避ける。
+  useEffect(() => {
+    let cancelled = false;
+
+    const loadNext = (): void => {
+      const ids = videoIdsRef.current;
+      const player = playerRef.current;
+      if (!player || ids.length === 0) return;
+      indexRef.current = (indexRef.current + 1) % ids.length;
+      const next = ids[indexRef.current];
+      if (next) player.loadVideoById(next);
+    };
+
+    const applyMute = (player: YT.Player): void => {
+      if (startedRef.current && !mutedRef.current) player.unMute();
+      else player.mute();
+    };
+
+    void loadYouTubeApi().then((YTApi) => {
+      if (cancelled || playerRef.current) return;
+      const first = videoIdsRef.current[0];
+      queueStartedRef.current = first !== undefined;
+      playerRef.current = new YTApi.Player(elementId, {
+        videoId: first,
+        // controls/fs/kb/関連UI を抑止。rel=0 は限定的だが残す。mute:1 でミュート自動再生を保証。
+        playerVars: {
+          controls: 0,
+          disablekb: 1,
+          fs: 0,
+          playsinline: 1,
+          iv_load_policy: 3,
+          autoplay: 1,
+          mute: 1,
+          rel: 0,
+        },
+        events: {
+          onReady: (e) => {
+            readyRef.current = true;
+            const player = e.target;
+            styleIframe(player.getIframe(), queueStartedRef.current);
+            if (activeRef.current) player.playVideo();
+            else player.pauseVideo();
+            applyMute(player);
+          },
+          // ENDED で次へ差し替え。プレーヤーを「終了状態」に長く留めないことで
+          // 関連グリッド/up-next を実質抑止する（spec §5.2）。
+          onStateChange: (e) => {
+            if (e.data === YTApi.PlayerState.ENDED) loadNext();
+          },
+          // 100=削除/非公開, 101/150=埋め込み禁止 → 次へ送ってキューを止めない。
+          onError: () => loadNext(),
+        },
+      });
+    });
+
+    return () => {
+      cancelled = true;
+      playerRef.current?.destroy();
+      playerRef.current = null;
+      readyRef.current = false;
+      queueStartedRef.current = false;
+      indexRef.current = 0;
+    };
+  }, [elementId]);
+
+  // 生成時に空だった場合の救済：プレイリストが初めて埋まったらキュー先頭から再生開始。
+  useEffect(() => {
+    const player = playerRef.current;
+    if (!player || !readyRef.current || queueStartedRef.current) return;
+    const first = videoIds[0];
+    if (first === undefined) return;
+    queueStartedRef.current = true;
+    indexRef.current = 0;
+    player.loadVideoById(first);
+    styleIframe(player.getIframe(), true);
+  }, [videoIds]);
+
+  // 活動フェーズで再生 / それ以外で一時停止。
+  useEffect(() => {
+    const player = playerRef.current;
+    if (!player || !readyRef.current) return;
+    if (active) player.playVideo();
+    else player.pauseVideo();
+  }, [active]);
+
+  // 起動タップ後・音ありモードのときだけ unMute。それ以外はミュート。
+  useEffect(() => {
+    const player = playerRef.current;
+    if (!player || !readyRef.current) return;
+    if (started && !muted) player.unMute();
+    else player.mute();
+  }, [started, muted]);
+};

From 0aae0183d3d0683d4b4e4039d868b668585d6c5a Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:55:51 +0900
Subject: [PATCH 13/36] feat(signage): info-bar, break/idle screens,
 tap-to-start overlay

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/break-screen.tsx | 30 ++++++++++++++++++++
 apps/signage/src/components/idle-screen.tsx  | 28 ++++++++++++++++++
 apps/signage/src/components/info-bar.tsx     | 28 ++++++++++++++++++
 apps/signage/src/components/tap-to-start.tsx | 19 +++++++++++++
 4 files changed, 105 insertions(+)
 create mode 100644 apps/signage/src/components/break-screen.tsx
 create mode 100644 apps/signage/src/components/idle-screen.tsx
 create mode 100644 apps/signage/src/components/info-bar.tsx
 create mode 100644 apps/signage/src/components/tap-to-start.tsx

diff --git a/apps/signage/src/components/break-screen.tsx b/apps/signage/src/components/break-screen.tsx
new file mode 100644
index 0000000..bb93445
--- /dev/null
+++ b/apps/signage/src/components/break-screen.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import { mmss } from '@/lib/time';
+
+interface Props {
+  show: boolean;
+  secondsToResume: number | null;
+  present: number;
+}
+
+// 動画レイヤの上に重ね、opacity でクロスフェード。動画は裏で pause（YouTube iframe は
+// アンマウントしない＝再読込フラッシュ防止）。prefers-reduced-motion 時は transition を無効化。
+export function BreakScreen({ show, secondsToResume, present }: Props) {
+  return (
+    <div
+      className={`absolute inset-0 z-20 flex flex-col items-center justify-center gap-6 bg-slate-950 text-white transition-opacity duration-500 motion-reduce:transition-none ${
+        show ? 'opacity-100' : 'pointer-events-none opacity-0'
+      }`}
+    >
+      <p className="text-3xl font-extrabold text-amber-300">休憩中</p>
+      <p className="text-[10rem] font-black leading-none tabular-nums">
+        {secondsToResume !== null ? mmss(secondsToResume) : '--:--'}
+      </p>
+      <p className="text-2xl text-slate-300">再開までの時間</p>
+      <p className="text-lg text-slate-400">
+        在館 <span className="font-extrabold text-slate-200">{present}</span> 人
+      </p>
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/idle-screen.tsx b/apps/signage/src/components/idle-screen.tsx
new file mode 100644
index 0000000..b8fd91e
--- /dev/null
+++ b/apps/signage/src/components/idle-screen.tsx
@@ -0,0 +1,28 @@
+'use client';
+
+import { jstHm } from '@/lib/time';
+
+interface Props {
+  show: boolean;
+  soon: boolean; // ターム内だが未稼働（初回チェックイン前）＝「まもなく開始」
+  now: Date;
+  nextStartAt: Date | null; // 次の活動開始（境界）。ターム外のときのみ算出。
+  present: number;
+}
+
+export function IdleScreen({ show, soon, now, nextStartAt, present }: Props) {
+  return (
+    <div
+      className={`absolute inset-0 z-20 flex flex-col items-center justify-center gap-6 bg-slate-950 text-white transition-opacity duration-500 motion-reduce:transition-none ${
+        show ? 'opacity-100' : 'pointer-events-none opacity-0'
+      }`}
+    >
+      <p className="text-5xl font-black tracking-wide">tec-nova Nagasaki</p>
+      <p className="text-6xl font-extrabold tabular-nums">{jstHm(now)}</p>
+      <p className="text-2xl text-slate-300">
+        {soon ? 'まもなく開始' : nextStartAt ? `次は ${jstHm(nextStartAt)} から` : '本日は終了しました'}
+      </p>
+      {present > 0 && <p className="text-lg text-slate-400">在館 {present} 人</p>}
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/info-bar.tsx b/apps/signage/src/components/info-bar.tsx
new file mode 100644
index 0000000..f0d9a92
--- /dev/null
+++ b/apps/signage/src/components/info-bar.tsx
@@ -0,0 +1,28 @@
+'use client';
+
+import { TERM_LABELS, type TermId } from '@tecnova/shared/venue-schedule';
+import { jstHm, mmss } from '@/lib/time';
+
+interface Props {
+  term: TermId;
+  now: Date;
+  present: number;
+  secondsToBreak: number | null;
+}
+
+export function InfoBar({ term, now, present, secondsToBreak }: Props) {
+  return (
+    <div className="absolute inset-x-0 top-0 z-10 flex items-center gap-4 bg-slate-950/55 px-6 py-3 text-white backdrop-blur">
+      <span className="rounded-full bg-amber-400 px-3 py-0.5 text-sm font-extrabold text-slate-900">
+        {TERM_LABELS[term]}の部
+      </span>
+      <span className="text-2xl font-extrabold tabular-nums">{jstHm(now)}</span>
+      {secondsToBreak !== null && (
+        <span className="text-base text-slate-200">休憩まで {mmss(secondsToBreak)}</span>
+      )}
+      <span className="ml-auto text-base text-slate-200">
+        在館 <span className="text-xl font-extrabold">{present}</span> 人
+      </span>
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/tap-to-start.tsx b/apps/signage/src/components/tap-to-start.tsx
new file mode 100644
index 0000000..32fa106
--- /dev/null
+++ b/apps/signage/src/components/tap-to-start.tsx
@@ -0,0 +1,19 @@
+'use client';
+
+interface Props {
+  onStart: () => void;
+}
+
+export function TapToStart({ onStart }: Props) {
+  return (
+    <button
+      type="button"
+      onClick={onStart}
+      className="absolute inset-0 z-30 flex flex-col items-center justify-center gap-4 bg-slate-950 text-white"
+    >
+      <span className="text-6xl">▶</span>
+      <span className="text-3xl font-extrabold">タップして開始</span>
+      <span className="text-base text-slate-400">チャイム・全画面表示を有効にします</span>
+    </button>
+  );
+}

From ece4737422c80f6acfb3237ef8dbf68babe6bcdd Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:57:36 +0900
Subject: [PATCH 14/36] feat(signage): wire phase state machine
 (YouTube/break/idle + chimes + mute)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/app/page.tsx | 119 +++++++++++++++++++++++++++++++++-
 1 file changed, 118 insertions(+), 1 deletion(-)

diff --git a/apps/signage/src/app/page.tsx b/apps/signage/src/app/page.tsx
index 5c64781..bab72f4 100644
--- a/apps/signage/src/app/page.tsx
+++ b/apps/signage/src/app/page.tsx
@@ -1,3 +1,120 @@
+'use client';
+
+import {
+  type ChimeEvent,
+  classifyCycleMoment,
+  msUntilNextBoundary,
+} from '@tecnova/shared/activity-cycle';
+import { useCallback, useEffect, useState } from 'react';
+import { BreakScreen } from '@/components/break-screen';
+import { IdleScreen } from '@/components/idle-screen';
+import { InfoBar } from '@/components/info-bar';
+import { MuteToggle } from '@/components/mute-toggle';
+import { TapToStart } from '@/components/tap-to-start';
+import { YoutubePlayer } from '@/components/youtube-player';
+import { ensureAudioRunning, playChime, resumeAudio } from '@/lib/chimes';
+import { getNow } from '@/lib/now';
+import { useChimeScheduler } from '@/lib/use-chime-scheduler';
+import { useMute } from '@/lib/use-mute';
+import { useNow } from '@/lib/use-now';
+import { usePlaylist } from '@/lib/use-playlist';
+import { useSignageData } from '@/lib/use-signage-data';
+import { useWakeLock } from '@/lib/use-wake-lock';
+
 export default function SignagePage() {
-  return <main className="flex min-h-svh items-center justify-center text-white">signage</main>;
+  const [started, setStarted] = useState(false);
+  const now = useNow(1000);
+  const data = useSignageData();
+  const videoIds = usePlaylist();
+  const { muted, toggle } = useMute();
+  const moment = classifyCycleMoment(now);
+
+  const isTermActive = useCallback(
+    (term: 'morning' | 'afternoon' | 'evening') => data.termCounts[term] > 0,
+    [data.termCounts],
+  );
+
+  // 現タームが稼働中（初回チェックイン済み）なら moment.phase、未稼働/ターム外は idle。
+  const active = moment.term !== null && isTermActive(moment.term);
+  const phase = active ? moment.phase : 'idle';
+
+  useWakeLock(started);
+
+  const onChime = useCallback((e: ChimeEvent) => {
+    playChime(e.kind);
+  }, []);
+  useChimeScheduler({ enabled: started, isTermActive, onChime, getNow });
+
+  // タブ復帰時に AudioContext が suspended に戻っていれば再開する（spec §6）。
+  useEffect(() => {
+    if (!started) return;
+    const onVisible = (): void => {
+      if (document.visibilityState === 'visible') void ensureAudioRunning();
+    };
+    document.addEventListener('visibilitychange', onVisible);
+    return () => document.removeEventListener('visibilitychange', onVisible);
+  }, [started]);
+
+  const handleStart = async (): Promise<void> => {
+    await resumeAudio();
+    try {
+      await document.documentElement.requestFullscreen?.();
+    } catch {
+      // 全画面はベストエフォート（dev では拒否されうる）。
+    }
+    setStarted(true);
+  };
+
+  // フェーズ終端までの秒（活動→休憩 / 休憩→再開）。
+  const phaseSecondsLeft =
+    moment.phaseEndsAt === null
+      ? null
+      : Math.ceil((moment.phaseEndsAt.getTime() - now.getTime()) / 1000);
+
+  // idle の理由を区別：ターム内・未稼働なら「まもなく開始」、ターム外なら次タームの開始時刻。
+  const inUnstartedTerm = moment.term !== null && !active;
+  // 次の活動開始（次境界＝次タームの resume）はターム外のときだけ算出する
+  // （ターム内・未稼働で算出すると次境界が break になり「次は HH:MM から」が誤表示になる）。
+  const msNext = moment.term === null ? msUntilNextBoundary(now) : null;
+  const nextStartAt = msNext === null ? null : new Date(now.getTime() + msNext);
+
+  return (
+    <main className="relative h-svh w-screen overflow-hidden bg-slate-950 text-white">
+      {/* 動画は活動フェーズで再生。起動タップ前でもミュート自動再生で映像は出る（spec §6）。 */}
+      <YoutubePlayer
+        videoIds={videoIds}
+        active={phase === 'activity'}
+        muted={muted}
+        started={started}
+      />
+
+      {phase === 'activity' && moment.term && (
+        <InfoBar
+          term={moment.term}
+          now={now}
+          present={data.currentlyPresent}
+          secondsToBreak={phaseSecondsLeft}
+        />
+      )}
+
+      <BreakScreen
+        show={phase === 'break'}
+        secondsToResume={phaseSecondsLeft}
+        present={data.currentlyPresent}
+      />
+
+      <IdleScreen
+        show={phase === 'idle'}
+        soon={inUnstartedTerm}
+        now={now}
+        nextStartAt={nextStartAt}
+        present={data.currentlyPresent}
+      />
+
+      {/* 無音トグルは起動後のみ表示（運用者向け）。既定は無音。 */}
+      {started && <MuteToggle muted={muted} onToggle={toggle} />}
+
+      {!started && <TapToStart onStart={handleStart} />}
+    </main>
+  );
 }

From 1b62414428f8fe612ab9d375db92027b0d318e8c Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:57:36 +0900
Subject: [PATCH 15/36] style(signage): apply biome formatting

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/idle-screen.tsx |  6 +++++-
 apps/signage/src/lib/chimes.ts              | 11 ++++++-----
 packages/shared/src/activity-cycle.test.ts  | 10 ++++------
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/apps/signage/src/components/idle-screen.tsx b/apps/signage/src/components/idle-screen.tsx
index b8fd91e..9c3d1c6 100644
--- a/apps/signage/src/components/idle-screen.tsx
+++ b/apps/signage/src/components/idle-screen.tsx
@@ -20,7 +20,11 @@ export function IdleScreen({ show, soon, now, nextStartAt, present }: Props) {
       <p className="text-5xl font-black tracking-wide">tec-nova Nagasaki</p>
       <p className="text-6xl font-extrabold tabular-nums">{jstHm(now)}</p>
       <p className="text-2xl text-slate-300">
-        {soon ? 'まもなく開始' : nextStartAt ? `次は ${jstHm(nextStartAt)} から` : '本日は終了しました'}
+        {soon
+          ? 'まもなく開始'
+          : nextStartAt
+            ? `次は ${jstHm(nextStartAt)} から`
+            : '本日は終了しました'}
       </p>
       {present > 0 && <p className="text-lg text-slate-400">在館 {present} 人</p>}
     </div>
diff --git a/apps/signage/src/lib/chimes.ts b/apps/signage/src/lib/chimes.ts
index 4d53cbf..716bf65 100644
--- a/apps/signage/src/lib/chimes.ts
+++ b/apps/signage/src/lib/chimes.ts
@@ -40,11 +40,12 @@ const tone = (
 };
 
 // 種別ごとに音色・音程を変える。
-const PATTERNS: Record<ChimeKind, { freqs: [number, number]; type: OscillatorType; dur: number }> = {
-  resume: { freqs: [784, 988], type: 'sine', dur: 0.7 }, // 上行＝再開
-  break: { freqs: [988, 784], type: 'sine', dur: 0.8 }, // 下行＝休憩（キンコン）
-  'term-end': { freqs: [880, 587], type: 'triangle', dur: 1.2 }, // 長め＝ターム終了
-};
+const PATTERNS: Record<ChimeKind, { freqs: [number, number]; type: OscillatorType; dur: number }> =
+  {
+    resume: { freqs: [784, 988], type: 'sine', dur: 0.7 }, // 上行＝再開
+    break: { freqs: [988, 784], type: 'sine', dur: 0.8 }, // 下行＝休憩（キンコン）
+    'term-end': { freqs: [880, 587], type: 'triangle', dur: 1.2 }, // 長め＝ターム終了
+  };
 
 export const playChime = (kind: ChimeKind): void => {
   const c = getCtx();
diff --git a/packages/shared/src/activity-cycle.test.ts b/packages/shared/src/activity-cycle.test.ts
index ea32609..8faf483 100644
--- a/packages/shared/src/activity-cycle.test.ts
+++ b/packages/shared/src/activity-cycle.test.ts
@@ -1,9 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import {
-  classifyCycleMoment,
-  cycleChimeEventsForDay,
-  msUntilNextBoundary,
-} from './activity-cycle';
+import { classifyCycleMoment, cycleChimeEventsForDay, msUntilNextBoundary } from './activity-cycle';
 
 // JST 指定の instant を作るヘルパ（Asia/Tokyo は固定 UTC+9）。
 const jst = (iso: string): Date => new Date(`${iso}+09:00`);
@@ -58,7 +54,9 @@ describe('cycleChimeEventsForDay', () => {
   });
 
   it('朝タームの最初の3イベントは resume@9:00 / break@9:50 / resume@10:00', () => {
-    const ev = cycleChimeEventsForDay(jst('2026-05-30T09:00:00')).filter((e) => e.term === 'morning');
+    const ev = cycleChimeEventsForDay(jst('2026-05-30T09:00:00')).filter(
+      (e) => e.term === 'morning',
+    );
     expect(ev[0]).toMatchObject({ kind: 'resume', at: jst('2026-05-30T09:00:00') });
     expect(ev[1]).toMatchObject({ kind: 'break', at: jst('2026-05-30T09:50:00') });
     expect(ev[2]).toMatchObject({ kind: 'resume', at: jst('2026-05-30T10:00:00') });

From e549253bf8bb8e110d2b38b127dec56b99d2f569 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 14:59:43 +0900
Subject: [PATCH 16/36] docs(signage): add app CLAUDE.md/AGENTS.md and
 architecture entry

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/AGENTS.md |  3 +++
 apps/signage/CLAUDE.md | 14 ++++++++++++++
 docs/architecture.md   | 25 +++++++++++++++++++++++--
 3 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 apps/signage/AGENTS.md
 create mode 100644 apps/signage/CLAUDE.md

diff --git a/apps/signage/AGENTS.md b/apps/signage/AGENTS.md
new file mode 100644
index 0000000..57b2268
--- /dev/null
+++ b/apps/signage/AGENTS.md
@@ -0,0 +1,3 @@
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
diff --git a/apps/signage/CLAUDE.md b/apps/signage/CLAUDE.md
new file mode 100644
index 0000000..a5e1c9a
--- /dev/null
+++ b/apps/signage/CLAUDE.md
@@ -0,0 +1,14 @@
+@AGENTS.md
+
+# signage（会場サイネージ / 大型モニター・キオスク）
+
+- **Next.js 16 / React 19**。App Router の API がトレーニングデータと乖離しているため、実装前に `node_modules/next/dist/docs/` を確認すること。
+- **dev ポート**: `3002`（`next dev --port 3002`）。api は `8787`、checkin は `3000`、admin は `3001`。
+- **認証あり**: checkin/admin と同じメンター・ホワイトリスト（`MeProvider`/`auth-client`）。運用は**テクノバ共有の管理用 Google アカウント**で1回ログイン（セッション既定7日）。`useMe` はツリー内に `MeProvider` 必須。
+- **データ**: 認証付き `GET /api/sessions/today` を再利用（稼働判定・在館数）。ターム別チェックイン数は `sessions[].term` から算出し、**現タームに当日チェックインが入った時点で稼働開始**（ターム終了まで sticky）。
+- **時刻ロジック**: `@tecnova/shared/activity-cycle`（50分活動/10分休憩・チャイム時刻）。表示の時刻上書きは `?now=ISO`（手動検証用）。
+- **動画**: YouTube IFrame Player API の自前キュー（`ENDED`/`onError` で次 videoId へ `loadVideoById`）。再生順は YouTube のプレイリストを `GET /api/signage/playlist`（YouTube Data API・Worker キャッシュ）が videoId 列にして返す。フォールバックは `src/config/playlist.ts` の `FALLBACK_VIDEO_IDS`。**広告は埋め込み側で消せない**（仕様 §5.3）。
+- **音声**: 無音/音ありのグローバルトグルのみ（既定=無音・localStorage）。BGM は **OS側 Spotify**（アプリ非統合）。チャイムは Web Audio 合成で独立。
+- **キオスク**: 横向き・フルスクリーン。起動「タップして開始」で**チャイム解放・全画面・wake lock**（＋音ありモード時のみ動画 unMute）。ミュート動画はタップ前から再生。本番は Chromium を `--kiosk` 等で起動。
+- **必須 env**: `NEXT_PUBLIC_API_URL`（未設定時 `http://localhost:8787`）。API 側 `TRUSTED_ORIGINS` にサイネージ origin（dev: `http://localhost:3002`、本番ドメイン）、`YOUTUBE_API_KEY`/`YOUTUBE_PLAYLIST_ID` を登録すること。
+- 新しい `@tecnova/*` パッケージを使うときは `next.config.ts` の `transpilePackages` に追加。
diff --git a/docs/architecture.md b/docs/architecture.md
index 430f663..00e8f03 100644
--- a/docs/architecture.md
+++ b/docs/architecture.md
@@ -30,11 +30,13 @@ flowchart LR
   subgraph devices["Operation Devices"]
     ipad["Reception iPad"]
     pc["Admin PC"]
+    monitor["Venue Large Monitor"]
   end
 
   subgraph frontend["Vercel Frontend"]
     checkin["Checkin PWA<br/>Next.js 16 / React 19<br/>ZXing QR Scan"]
     admin["Admin Dashboard<br/>Next.js 16 / React 19"]
+    signage["Signage Display<br/>Next.js 16 / React 19<br/>YouTube IFrame + Chime"]
     ui["Shared UI<br/>shadcn/ui / Tailwind CSS<br/>apiFetch / MeProvider"]
   end
 
@@ -67,10 +69,13 @@ flowchart LR
 
   ipad --> checkin
   pc --> admin
+  monitor --> signage
   checkin --> ui
   admin --> ui
+  signage --> ui
   checkin --> hono
   admin --> hono
+  signage --> hono
 
   hono --> betterAuth
   betterAuth --> oauth
@@ -88,11 +93,13 @@ flowchart LR
 
   workspace --> checkin
   workspace --> admin
+  workspace --> signage
   workspace --> hono
   workspace --> d1
   ci --> deploy
   deploy --> checkin
   deploy --> admin
+  deploy --> signage
   deploy --> hono
   deploy --> d1
 
@@ -103,8 +110,8 @@ flowchart LR
   classDef external fill:#fefce8,stroke:#ca8a04,color:#0f172a;
   classDef ops fill:#f5f3ff,stroke:#7c3aed,color:#0f172a;
 
-  class ipad,pc device;
-  class checkin,admin,ui frontend;
+  class ipad,pc,monitor device;
+  class checkin,admin,signage,ui frontend;
   class hono,betterAuth backend;
   class d1,participants,events,sessions,mentors,authTables db;
   class oauth,sheets,gas,drive external;
@@ -119,12 +126,14 @@ architecture-beta
   service child_kiosk(server)[Child And Reception iPad] in people
   service mentor_phone(server)[Mentor Smartphone Future] in people
   service admin_pc(server)[Admin PC Browser] in people
+  service signage_monitor(server)[Venue Large Monitor Current] in people
   service researcher_pc(server)[Researcher Analysis PC Future] in people
   service parent_browser(server)[Parent Browser Future] in people
 
   group frontend(cloud)[Vercel Frontend Apps]
   service checkin_app(server)[apps checkin Next PWA Current] in frontend
   service admin_app(server)[apps admin Next Web Current] in frontend
+  service signage_app(server)[apps signage Next Display Current] in frontend
   service mentor_app(server)[apps mentor Next PWA Future] in frontend
   service analytics_app(server)[Analytics Dashboard Future] in frontend
   service parent_app(server)[Parent View Future] in frontend
@@ -188,11 +197,13 @@ architecture-beta
   child_kiosk:R --> L:checkin_app
   mentor_phone:R --> L:mentor_app
   admin_pc:R --> L:admin_app
+  signage_monitor:R --> L:signage_app
   researcher_pc:R --> L:analytics_app
   parent_browser:R --> L:parent_app
 
   checkin_app:R --> L:worker
   admin_app:R --> L:worker
+  signage_app:R --> L:worker
   mentor_app:R --> L:worker
   analytics_app:R --> L:worker
   parent_app:R --> L:public_api
@@ -254,6 +265,7 @@ architecture-beta
   deploy_api:B --> T:migrations
   vercel_deploy:R --> L:checkin_app
   vercel_deploy:R --> L:admin_app
+  vercel_deploy:R --> L:signage_app
   vercel_deploy:R --> L:mentor_app
   secrets:T --> B:worker
   secrets:T --> B:checkin_app
@@ -270,6 +282,15 @@ architecture-beta
   MVP documentation.
 - `/api/*` and `/checkin/*` both pass through Better Auth and the `mentors`
   allowlist. Planned `/public/v1/*` traffic is separated behind API key auth.
+- `apps signage` is a venue large-monitor display that runs under the same
+  mentor allowlist (a shared admin Google account logs in once). It reuses the
+  authenticated `GET /api/sessions/today` for crowd/activity signals and adds a
+  single new endpoint, `GET /api/signage/playlist` (YouTube Data API, server-side
+  cached), for the ordered video queue. The 50-minute activity / 10-minute break
+  cadence and chime timings come from `@tecnova/shared/activity-cycle`. Future
+  sensitive content (nicknames, mentor intro slides) stays behind the same
+  allowlist under `/api/signage/*`; video BGM is handled OS-side (Spotify), not
+  by the app.
 - The private teacher-managed sheet remains outside the in-house database. The
   platform reads and writes only the student-facing sheet columns required for
   operations.

From 1bda4deb76f07fb373819836da7cdc660f7ca384 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 15:06:07 +0900
Subject: [PATCH 17/36] fix(signage): rescue YouTube queue when playlist
 arrives before onReady

- onReady now starts the first video if the playlist populated between player
  construction and onReady (the videoIds-change rescue effect bails while
  readyRef is still false, leaving the player invisible/stuck).
- Drop the unsafe `window.YT as typeof YT` cast in favor of a guard.
- Reuse shared SignagePlaylistResponse type in the API lib (drop dup interface).
- Remove pointless useCallback on isTermActive (dep is a fresh object each poll).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/api/src/lib/signage.ts                |  8 ++------
 apps/signage/src/app/page.tsx              |  7 +++----
 apps/signage/src/lib/use-youtube-player.ts | 11 ++++++++++-
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/apps/api/src/lib/signage.ts b/apps/api/src/lib/signage.ts
index e00c84e..25da77e 100644
--- a/apps/api/src/lib/signage.ts
+++ b/apps/api/src/lib/signage.ts
@@ -1,3 +1,4 @@
+import type { SignagePlaylistResponse } from '@tecnova/shared/schemas';
 import { fetchPlaylistVideos, type YouTubePlaylistVideo } from '@tecnova/shared/youtube';
 import type { Bindings } from '../types';
 
@@ -7,12 +8,7 @@ const CACHE_TTL_MS = 5 * 60_000;
 
 let cache: { items: YouTubePlaylistVideo[]; expiresAt: number } | null = null;
 
-export interface SignagePlaylist {
-  items: YouTubePlaylistVideo[];
-  refreshAt: string;
-}
-
-export const fetchSignagePlaylist = async (env: Bindings): Promise<SignagePlaylist> => {
+export const fetchSignagePlaylist = async (env: Bindings): Promise<SignagePlaylistResponse> => {
   const now = Date.now();
   if (!cache || cache.expiresAt <= now) {
     const items = await fetchPlaylistVideos(env.YOUTUBE_API_KEY, env.YOUTUBE_PLAYLIST_ID);
diff --git a/apps/signage/src/app/page.tsx b/apps/signage/src/app/page.tsx
index bab72f4..f77095f 100644
--- a/apps/signage/src/app/page.tsx
+++ b/apps/signage/src/app/page.tsx
@@ -29,10 +29,9 @@ export default function SignagePage() {
   const { muted, toggle } = useMute();
   const moment = classifyCycleMoment(now);
 
-  const isTermActive = useCallback(
-    (term: 'morning' | 'afternoon' | 'evening') => data.termCounts[term] > 0,
-    [data.termCounts],
-  );
+  // termCounts は毎ポーリングで作り直されるため useCallback による安定化は無意味
+  // （スケジューラ側も毎 tick で ref に取り直す）。素の関数で十分。
+  const isTermActive = (term: 'morning' | 'afternoon' | 'evening') => data.termCounts[term] > 0;
 
   // 現タームが稼働中（初回チェックイン済み）なら moment.phase、未稼働/ターム外は idle。
   const active = moment.term !== null && isTermActive(moment.term);
diff --git a/apps/signage/src/lib/use-youtube-player.ts b/apps/signage/src/lib/use-youtube-player.ts
index f8e19bc..1e0e008 100644
--- a/apps/signage/src/lib/use-youtube-player.ts
+++ b/apps/signage/src/lib/use-youtube-player.ts
@@ -25,7 +25,8 @@ const loadYouTubeApi = (): Promise<typeof YT> => {
     const prev = window.onYouTubeIframeAPIReady;
     window.onYouTubeIframeAPIReady = () => {
       prev?.();
-      resolve(window.YT as typeof YT);
+      // IFrame API はこのコールバック時点で window.YT を設定済みにする。
+      if (window.YT) resolve(window.YT);
     };
     const tag = document.createElement('script');
     tag.src = 'https://www.youtube.com/iframe_api';
@@ -108,6 +109,14 @@ export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }
           onReady: (e) => {
             readyRef.current = true;
             const player = e.target;
+            // 生成後〜onReady の間にプレイリストが届いていたら、ここで1本目を流す
+            // （生成時に空で queueStartedRef=false のまま onReady を迎えたケースの救済。
+            // readyRef がまだ false のため videoIds 変化時の救済 effect は素通りしている）。
+            if (!queueStartedRef.current && videoIdsRef.current.length > 0) {
+              queueStartedRef.current = true;
+              indexRef.current = 0;
+              player.loadVideoById(videoIdsRef.current[0]);
+            }
             styleIframe(player.getIframe(), queueStartedRef.current);
             if (activeRef.current) player.playVideo();
             else player.pauseVideo();

From 7940974d45f13feb5cafd4001110154ec8b9239e Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 15:41:29 +0900
Subject: [PATCH 18/36] feat(signage): add ?debug=1 preview mode (pseudo-clock,
 force-active, chimes)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A gated debug control bar lets a developer verify every state/transition/chime
without waiting for the real wall clock. Zero production impact: with no
?debug=1, debugEnabled stays false and every new branch short-circuits to the
prior behavior.

- now.ts: module-singleton debug store co-located with getNow. getNow priority
  is debug pseudo-clock (anchor + speed + play/pause, continuity-preserving
  reanchor) -> ?now anchor -> real clock. useSyncExternalStore snapshot.
- use-chime-scheduler.ts: jumpEpoch suppresses catch-up replay on forward jumps
  so a -5s landing fires exactly one boundary chime; backward re-jump replays it.
- debug-panel.tsx: ?debug=1-gated bottom bar — term select, force-active,
  preset '5s-before' jumps, x1/x30/x120 speed, play/pause, manual chimes,
  reset-to-real-clock, live readout (readout mirrors the screen's active gate).
- page.tsx wires the store (forced-active OR, jumpEpoch, conditional panel).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/CLAUDE.md                      |   3 +-
 apps/signage/src/app/page.tsx               |  48 +++-
 apps/signage/src/components/debug-panel.tsx | 263 ++++++++++++++++++++
 apps/signage/src/lib/chimes.ts              |   3 +
 apps/signage/src/lib/now.ts                 | 208 +++++++++++++++-
 apps/signage/src/lib/use-chime-scheduler.ts |  20 +-
 apps/signage/src/lib/use-now.ts             |  12 +-
 7 files changed, 541 insertions(+), 16 deletions(-)
 create mode 100644 apps/signage/src/components/debug-panel.tsx

diff --git a/apps/signage/CLAUDE.md b/apps/signage/CLAUDE.md
index a5e1c9a..ec5b68c 100644
--- a/apps/signage/CLAUDE.md
+++ b/apps/signage/CLAUDE.md
@@ -6,7 +6,8 @@
 - **dev ポート**: `3002`（`next dev --port 3002`）。api は `8787`、checkin は `3000`、admin は `3001`。
 - **認証あり**: checkin/admin と同じメンター・ホワイトリスト（`MeProvider`/`auth-client`）。運用は**テクノバ共有の管理用 Google アカウント**で1回ログイン（セッション既定7日）。`useMe` はツリー内に `MeProvider` 必須。
 - **データ**: 認証付き `GET /api/sessions/today` を再利用（稼働判定・在館数）。ターム別チェックイン数は `sessions[].term` から算出し、**現タームに当日チェックインが入った時点で稼働開始**（ターム終了まで sticky）。
-- **時刻ロジック**: `@tecnova/shared/activity-cycle`（50分活動/10分休憩・チャイム時刻）。表示の時刻上書きは `?now=ISO`（手動検証用）。
+- **時刻ロジック**: `@tecnova/shared/activity-cycle`（50分活動/10分休憩・チャイム時刻）。時刻ソースは `src/lib/now.ts` の `getNow()`（優先順位: デバッグ擬似時計 → `?now=ISO` アンカー → 実時刻）。
+- **プレビュー/デバッグ**: `?debug=1` を付けたときだけ画面下部に操作バー（`DebugPanel`）が出る。本番壁面は `?debug=1` 無しで起動するので影響ゼロ（`debugEnabled=false` で全分岐が短絡＝従来挙動と完全同値）。擬似時計（ジャンプ/一時停止/×1×30×120）・稼働強制（チェックインデータ無しで活動/休憩を再現）・手動チャイムで、実時刻を待たずに全状態と各遷移＋チャイムを検証できる。ストアは `now.ts` に同居し `useSyncExternalStore` で購読。チャイムスケジューラは `jumpEpoch` で前方ジャンプ時の過去チャイム一斉発火を抑止する。
 - **動画**: YouTube IFrame Player API の自前キュー（`ENDED`/`onError` で次 videoId へ `loadVideoById`）。再生順は YouTube のプレイリストを `GET /api/signage/playlist`（YouTube Data API・Worker キャッシュ）が videoId 列にして返す。フォールバックは `src/config/playlist.ts` の `FALLBACK_VIDEO_IDS`。**広告は埋め込み側で消せない**（仕様 §5.3）。
 - **音声**: 無音/音ありのグローバルトグルのみ（既定=無音・localStorage）。BGM は **OS側 Spotify**（アプリ非統合）。チャイムは Web Audio 合成で独立。
 - **キオスク**: 横向き・フルスクリーン。起動「タップして開始」で**チャイム解放・全画面・wake lock**（＋音ありモード時のみ動画 unMute）。ミュート動画はタップ前から再生。本番は Chromium を `--kiosk` 等で起動。
diff --git a/apps/signage/src/app/page.tsx b/apps/signage/src/app/page.tsx
index f77095f..d0f9724 100644
--- a/apps/signage/src/app/page.tsx
+++ b/apps/signage/src/app/page.tsx
@@ -5,15 +5,23 @@ import {
   classifyCycleMoment,
   msUntilNextBoundary,
 } from '@tecnova/shared/activity-cycle';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState, useSyncExternalStore } from 'react';
 import { BreakScreen } from '@/components/break-screen';
+import { DebugPanel } from '@/components/debug-panel';
 import { IdleScreen } from '@/components/idle-screen';
 import { InfoBar } from '@/components/info-bar';
 import { MuteToggle } from '@/components/mute-toggle';
 import { TapToStart } from '@/components/tap-to-start';
 import { YoutubePlayer } from '@/components/youtube-player';
 import { ensureAudioRunning, playChime, resumeAudio } from '@/lib/chimes';
-import { getNow } from '@/lib/now';
+import {
+  enableDebug,
+  getDebugServerSnapshot,
+  getDebugSnapshot,
+  getNow,
+  isDebugQueryEnabled,
+  subscribeDebug,
+} from '@/lib/now';
 import { useChimeScheduler } from '@/lib/use-chime-scheduler';
 import { useMute } from '@/lib/use-mute';
 import { useNow } from '@/lib/use-now';
@@ -23,15 +31,25 @@ import { useWakeLock } from '@/lib/use-wake-lock';
 
 export default function SignagePage() {
   const [started, setStarted] = useState(false);
-  const now = useNow(1000);
+  // ?debug=1 のときだけ有効なプレビュー用ストア。本番では全フィールド既定値のまま。
+  const debug = useSyncExternalStore(subscribeDebug, getDebugSnapshot, getDebugServerSnapshot);
+  const now = useNow(debug.debugEnabled ? 250 : 1000);
   const data = useSignageData();
   const videoIds = usePlaylist();
   const { muted, toggle } = useMute();
   const moment = classifyCycleMoment(now);
 
+  // ?debug=1 ならマウント後にデバッグストアを有効化する（SSR/hydration は素通り）。
+  useEffect(() => {
+    if (isDebugQueryEnabled()) enableDebug();
+  }, []);
+
   // termCounts は毎ポーリングで作り直されるため useCallback による安定化は無意味
   // （スケジューラ側も毎 tick で ref に取り直す）。素の関数で十分。
-  const isTermActive = (term: 'morning' | 'afternoon' | 'evening') => data.termCounts[term] > 0;
+  // デバッグ時は forcedActiveTerms を OR して、実チェックインデータ無しでも稼働を再現する
+  // （debugEnabled=false なら短絡し本番挙動と完全同値）。
+  const isTermActive = (term: 'morning' | 'afternoon' | 'evening') =>
+    (debug.debugEnabled && debug.forcedActiveTerms.includes(term)) || data.termCounts[term] > 0;
 
   // 現タームが稼働中（初回チェックイン済み）なら moment.phase、未稼働/ターム外は idle。
   const active = moment.term !== null && isTermActive(moment.term);
@@ -42,7 +60,13 @@ export default function SignagePage() {
   const onChime = useCallback((e: ChimeEvent) => {
     playChime(e.kind);
   }, []);
-  useChimeScheduler({ enabled: started, isTermActive, onChime, getNow });
+  useChimeScheduler({
+    enabled: started,
+    isTermActive,
+    onChime,
+    getNow,
+    jumpEpoch: debug.jumpEpoch,
+  });
 
   // タブ復帰時に AudioContext が suspended に戻っていれば再開する（spec §6）。
   useEffect(() => {
@@ -114,6 +138,20 @@ export default function SignagePage() {
       {started && <MuteToggle muted={muted} onToggle={toggle} />}
 
       {!started && <TapToStart onStart={handleStart} />}
+
+      {/* ?debug=1 のときだけプレビュー操作バーを出す（本番壁面では出ない）。 */}
+      {debug.debugEnabled && (
+        <DebugPanel
+          data={data}
+          videoIdCount={videoIds.length}
+          muted={muted}
+          started={started}
+          onEnableAudio={() => {
+            void resumeAudio();
+            setStarted(true);
+          }}
+        />
+      )}
     </main>
   );
 }
diff --git a/apps/signage/src/components/debug-panel.tsx b/apps/signage/src/components/debug-panel.tsx
new file mode 100644
index 0000000..f209520
--- /dev/null
+++ b/apps/signage/src/components/debug-panel.tsx
@@ -0,0 +1,263 @@
+'use client';
+
+import {
+  type ChimeKind,
+  classifyCycleMoment,
+  cycleChimeEventsForDay,
+  secondsUntilNextBoundary,
+} from '@tecnova/shared/activity-cycle';
+import { TERM_LABELS, type TermId } from '@tecnova/shared/venue-schedule';
+import { useState, useSyncExternalStore } from 'react';
+import { getAudioState, playChime, resumeAudio } from '@/lib/chimes';
+import {
+  type DebugSnapshot,
+  debugJumpTo,
+  debugPause,
+  debugPlay,
+  debugReset,
+  debugSetForcedActive,
+  debugSetSpeed,
+  debugToggleForcedActive,
+  getDebugServerSnapshot,
+  getDebugSnapshot,
+  getNow,
+  subscribeDebug,
+} from '@/lib/now';
+import { jstHm, mmss } from '@/lib/time';
+import { useNow } from '@/lib/use-now';
+import type { SignageData } from '@/lib/use-signage-data';
+
+interface Props {
+  data: SignageData;
+  videoIdCount: number;
+  muted: boolean;
+  started: boolean;
+  // 起動タップを踏まずに音声（チャイム）を解放しスケジューラを有効化する。
+  onEnableAudio: () => void;
+}
+
+const TERMS: TermId[] = ['morning', 'afternoon', 'evening'];
+const SPEEDS = [1, 30, 120];
+const KIND_JA: Record<ChimeKind, string> = {
+  resume: '再開',
+  break: '休憩',
+  'term-end': 'ターム終了',
+};
+
+const jstHms = new Intl.DateTimeFormat('en-GB', {
+  timeZone: 'Asia/Tokyo',
+  hour: '2-digit',
+  minute: '2-digit',
+  second: '2-digit',
+  hour12: false,
+});
+
+const useDebug = (): DebugSnapshot =>
+  useSyncExternalStore(subscribeDebug, getDebugSnapshot, getDebugServerSnapshot);
+
+// ?debug=1 のときだけ page からマウントされる。下部の操作バーで擬似時計・稼働強制・
+// 倍速・チャイムを制御し、待たずに全状態と各遷移＋チャイムを検証できるようにする。
+export function DebugPanel({ data, videoIdCount, muted, started, onEnableAudio }: Props) {
+  const snap = useDebug();
+  const now = useNow(snap.playing && snap.speed > 1 ? 250 : 1000);
+  const [open, setOpen] = useState(true);
+  const [term, setTerm] = useState<TermId>(() => classifyCycleMoment(getNow()).term ?? 'morning');
+
+  const moment = classifyCycleMoment(now);
+  const audio = getAudioState();
+  const audioReady = audio === 'running';
+  const secsToBoundary = secondsUntilNextBoundary(now);
+  const nextChime = cycleChimeEventsForDay(now)
+    .filter((e) => e.at.getTime() > now.getTime())
+    .sort((a, b) => a.at.getTime() - b.at.getTime())[0];
+
+  // page.tsx と同じ稼働判定。リードアウトを実際の画面表示／スケジューラ発火と一致させる。
+  const isActive = (t: TermId | null): boolean =>
+    t !== null &&
+    ((snap.debugEnabled && snap.forcedActiveTerms.includes(t)) || data.termCounts[t] > 0);
+  const effectivePhase =
+    moment.term === null ? 'idle(ターム外)' : isActive(moment.term) ? moment.phase : 'idle(未稼働)';
+
+  // 境界の 5 秒手前へジャンプ（着地後 5 秒で本来の速度のままクロスフェード＋チャイムが 1 回）。
+  const jumpBefore = (kind: ChimeKind): void => {
+    const matching = cycleChimeEventsForDay(getNow()).filter(
+      (e) => e.term === term && e.kind === kind,
+    );
+    // resume はターム頭（idle からの流入）を避け 2 本目以降を優先＝休憩→活動の遷移を見せる。
+    const target = kind === 'resume' ? (matching[1] ?? matching[0]) : matching[0];
+    if (!target) return;
+    debugSetForcedActive(term, true); // 活動/休憩を出すため稼働 ON
+    debugJumpTo(target.at.getTime() - 5000);
+  };
+
+  // ターム外 idle（昼休み）＝朝タームの term-end + 30 分。
+  const jumpLunchIdle = (): void => {
+    const end = cycleChimeEventsForDay(getNow()).find(
+      (e) => e.term === 'morning' && e.kind === 'term-end',
+    );
+    if (end) debugJumpTo(end.at.getTime() + 30 * 60_000);
+  };
+
+  // ターム内・未稼働 idle（まもなく開始）＝選択タームの開始直後＋稼働 OFF。
+  const jumpUnstartedIdle = (): void => {
+    const start = cycleChimeEventsForDay(getNow()).find(
+      (e) => e.term === term && e.kind === 'resume',
+    );
+    if (!start) return;
+    debugSetForcedActive(term, false);
+    debugJumpTo(start.at.getTime() + 30_000);
+  };
+
+  const manualChime = (kind: ChimeKind): void => {
+    void resumeAudio().then(() => playChime(kind));
+  };
+
+  const btn =
+    'rounded-md px-2.5 py-1 text-xs font-bold transition disabled:opacity-40 disabled:cursor-not-allowed';
+  const ghost = `${btn} bg-white/10 text-white hover:bg-white/20`;
+  const on = `${btn} bg-amber-400 text-slate-900`;
+
+  return (
+    <div className="pointer-events-auto fixed inset-x-0 bottom-0 z-50 max-h-[55svh] overflow-auto bg-slate-900/95 text-white shadow-[0_-8px_30px_rgba(0,0,0,0.5)] backdrop-blur">
+      <div className="mx-auto flex max-w-5xl flex-col gap-2 p-3">
+        {/* ヘッダ */}
+        <div className="flex items-center gap-2">
+          <span className="text-sm font-black">🛠 プレビュー</span>
+          <span
+            className={`rounded px-1.5 py-0.5 text-[10px] font-bold ${audioReady ? 'bg-emerald-500/30 text-emerald-200' : 'bg-rose-500/30 text-rose-200'}`}
+          >
+            音声: {audio}
+          </span>
+          <button type="button" className={`${ghost} ml-auto`} onClick={() => setOpen((v) => !v)}>
+            {open ? '折りたたむ' : '開く'}
+          </button>
+          <button type="button" className={ghost} onClick={debugReset}>
+            ⟲ 実時刻に戻す
+          </button>
+        </div>
+
+        {!audioReady && (
+          <div className="flex items-center gap-2 rounded-md bg-rose-500/20 px-2 py-1.5 text-xs text-rose-100">
+            <span>チャイムを鳴らすには先に音声を解放してください。</span>
+            <button type="button" className={`${on} ml-auto`} onClick={onEnableAudio}>
+              ▶ 音声を解放
+            </button>
+          </div>
+        )}
+
+        {open && (
+          <>
+            {/* ターム選択 */}
+            <div className="flex flex-wrap items-center gap-2">
+              <span className="text-xs text-slate-300">ターム</span>
+              {TERMS.map((t) => (
+                <button
+                  key={t}
+                  type="button"
+                  className={term === t ? on : ghost}
+                  onClick={() => setTerm(t)}
+                >
+                  {TERM_LABELS[t]}
+                </button>
+              ))}
+              <span className="ml-2 text-xs text-slate-300">稼働強制</span>
+              {TERMS.map((t) => (
+                <button
+                  key={t}
+                  type="button"
+                  className={snap.forcedActiveTerms.includes(t) ? on : ghost}
+                  onClick={() => debugToggleForcedActive(t)}
+                >
+                  {TERM_LABELS[t]} {snap.forcedActiveTerms.includes(t) ? 'ON' : 'OFF'}
+                </button>
+              ))}
+            </div>
+
+            {/* プリセット・ジャンプ（主役）＋ idle */}
+            <div className="flex flex-wrap items-center gap-2">
+              <span className="text-xs text-slate-300">5秒前へ</span>
+              <button type="button" className={ghost} onClick={() => jumpBefore('resume')}>
+                再開（活動へ）
+              </button>
+              <button type="button" className={ghost} onClick={() => jumpBefore('break')}>
+                休憩へ
+              </button>
+              <button type="button" className={ghost} onClick={() => jumpBefore('term-end')}>
+                ターム終了へ
+              </button>
+              <span className="ml-2 text-xs text-slate-300">待機</span>
+              <button type="button" className={ghost} onClick={jumpUnstartedIdle}>
+                まもなく開始
+              </button>
+              <button type="button" className={ghost} onClick={jumpLunchIdle}>
+                昼休み
+              </button>
+            </div>
+
+            {/* トランスポート */}
+            <div className="flex flex-wrap items-center gap-2">
+              <button
+                type="button"
+                className={snap.playing ? ghost : on}
+                onClick={snap.playing ? debugPause : debugPlay}
+              >
+                {snap.playing ? '⏸ 一時停止' : '▶ 再生'}
+              </button>
+              <span className="ml-1 text-xs text-slate-300">速度</span>
+              {SPEEDS.map((s) => (
+                <button
+                  key={s}
+                  type="button"
+                  className={snap.speed === s ? on : ghost}
+                  onClick={() => debugSetSpeed(s)}
+                >
+                  ×{s}
+                </button>
+              ))}
+              <span className="ml-2 text-xs text-slate-300">手動チャイム</span>
+              <button type="button" className={ghost} onClick={() => manualChime('resume')}>
+                再開
+              </button>
+              <button type="button" className={ghost} onClick={() => manualChime('break')}>
+                休憩
+              </button>
+              <button type="button" className={ghost} onClick={() => manualChime('term-end')}>
+                ターム終了
+              </button>
+            </div>
+
+            {/* 状態リードアウト */}
+            <div className="grid grid-cols-2 gap-x-4 gap-y-0.5 rounded-md bg-black/30 p-2 text-[11px] text-slate-200 sm:grid-cols-3">
+              <span>擬似時刻: {jstHms.format(now)}</span>
+              <span>phase: {effectivePhase}</span>
+              <span>
+                term: {moment.term ?? '—'} / cycle: {moment.cycleIndex ?? '—'}
+              </span>
+              <span>次境界まで: {secsToBoundary === null ? '—' : mmss(secsToBoundary)}</span>
+              <span>
+                次チャイム:{' '}
+                {nextChime
+                  ? `${KIND_JA[nextChime.kind]} @${jstHm(nextChime.at)}${
+                      isActive(nextChime.term) ? '' : '（未稼働で鳴りません）'
+                    }`
+                  : '—'}
+              </span>
+              <span>
+                速度: ×{snap.speed} / {snap.playing ? '再生中' : '停止'}
+              </span>
+              <span>
+                termCounts: 朝{data.termCounts.morning}/昼{data.termCounts.afternoon}/夕
+                {data.termCounts.evening}
+              </span>
+              <span>在館: {data.currentlyPresent}</span>
+              <span>
+                動画: {videoIdCount}本 / 音声{muted ? 'ミュート' : 'あり'} /{' '}
+                {started ? '起動済' : '未起動'}
+              </span>
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/apps/signage/src/lib/chimes.ts b/apps/signage/src/lib/chimes.ts
index 716bf65..c141785 100644
--- a/apps/signage/src/lib/chimes.ts
+++ b/apps/signage/src/lib/chimes.ts
@@ -19,6 +19,9 @@ export const ensureAudioRunning = async (): Promise<void> => {
   if (ctx && ctx.state !== 'running') await ctx.resume();
 };
 
+// デバッグパネルの状態表示用。未生成なら 'none'。
+export const getAudioState = (): AudioContextState | 'none' => ctx?.state ?? 'none';
+
 const tone = (
   c: AudioContext,
   freq: number,
diff --git a/apps/signage/src/lib/now.ts b/apps/signage/src/lib/now.ts
index 4d6bc40..8a279a1 100644
--- a/apps/signage/src/lib/now.ts
+++ b/apps/signage/src/lib/now.ts
@@ -1,8 +1,21 @@
-// 端末のローカル時計を返す。?now=ISO クエリがある場合のみ、その時刻を起点に
-// 実時間の経過分だけ進めた擬似時刻を返す（タイムベース挙動の手動検証用）。
-let anchor: { base: number; mountedAt: number } | null | undefined;
+import type { TermId } from '@tecnova/shared/venue-schedule';
 
-const readAnchor = (): { base: number; mountedAt: number } | null => {
+// ============================================================================
+// 時刻ソース
+// ============================================================================
+// 端末のローカル時計を返す。?now=ISO クエリ（実速進行）に加え、?debug=1 のときは
+// 下のデバッグストアによる擬似時計（倍速・一時停止・ジャンプ）で上書きできる。
+// getNow はレンダーに依存しない純粋な読み取りなので、useNow とチャイムスケジューラの
+// 双方が同じ時刻を引ける。
+
+interface Anchor {
+  base: number;
+  mountedAt: number;
+}
+
+let anchor: Anchor | null | undefined;
+
+const readAnchor = (): Anchor | null => {
   if (typeof window === 'undefined') return null;
   const raw = new URLSearchParams(window.location.search).get('now');
   if (!raw) return null;
@@ -11,8 +24,191 @@ const readAnchor = (): { base: number; mountedAt: number } | null => {
   return { base, mountedAt: Date.now() };
 };
 
+// ============================================================================
+// デバッグ（プレビュー）ストア
+// ============================================================================
+// React 外の module-singleton。?debug=1 のときだけ有効化し、擬似時計＋稼働強制を
+// 提供する。本番（?debug 無し）では debugEnabled=false のまま全分岐が短絡し、挙動は
+// 従来と完全に同一。UI 側は useSyncExternalStore で購読する。
+
+interface Override {
+  base: number; // 擬似now の基準（UTC ms）
+  mountedAt: number; // base を据えた実 Date.now()
+  speed: number; // 倍率（1=等速）
+  playing: boolean; // 進行中か
+}
+
+export interface DebugSnapshot {
+  debugEnabled: boolean;
+  hasOverride: boolean;
+  speed: number;
+  playing: boolean;
+  forcedActiveTerms: readonly TermId[];
+  jumpEpoch: number;
+}
+
+interface DebugInternal {
+  debugEnabled: boolean;
+  override: Override | null;
+  forcedActiveTerms: Set<TermId>;
+  jumpEpoch: number;
+}
+
+const internal: DebugInternal = {
+  debugEnabled: false,
+  override: null,
+  forcedActiveTerms: new Set(),
+  jumpEpoch: 0,
+};
+
+const listeners = new Set<() => void>();
+
+// useSyncExternalStore は getSnapshot の参照安定を要求するため、変化時のみ再生成する。
+const buildSnapshot = (): DebugSnapshot => ({
+  debugEnabled: internal.debugEnabled,
+  hasOverride: internal.override !== null,
+  speed: internal.override?.speed ?? 1,
+  playing: internal.override?.playing ?? true,
+  forcedActiveTerms: [...internal.forcedActiveTerms],
+  jumpEpoch: internal.jumpEpoch,
+});
+
+let snapshot: DebugSnapshot = buildSnapshot();
+
+// SSR と CSR 初回（hydration）で必ず一致する固定スナップショット。
+const SERVER_SNAPSHOT: DebugSnapshot = {
+  debugEnabled: false,
+  hasOverride: false,
+  speed: 1,
+  playing: true,
+  forcedActiveTerms: [],
+  jumpEpoch: 0,
+};
+
+const notify = (): void => {
+  snapshot = buildSnapshot();
+  for (const l of listeners) l();
+};
+
+export const subscribeDebug = (cb: () => void): (() => void) => {
+  listeners.add(cb);
+  return () => {
+    listeners.delete(cb);
+  };
+};
+
+export const getDebugSnapshot = (): DebugSnapshot => snapshot;
+export const getDebugServerSnapshot = (): DebugSnapshot => SERVER_SNAPSHOT;
+
+// 現在の擬似now（ms）。override 進行を含む。
+const debugNowMs = (): number => {
+  const o = internal.override;
+  if (!o) return Date.now();
+  return o.playing ? o.base + (Date.now() - o.mountedAt) * o.speed : o.base;
+};
+
+// speed / playing 変更前に現在の擬似now を base に確定する（連続性を保ち時刻を飛ばさない）。
+const reanchor = (): void => {
+  if (!internal.override) return;
+  internal.override = {
+    ...internal.override,
+    base: debugNowMs(),
+    mountedAt: Date.now(),
+  };
+};
+
+// ?debug=1 判定（クライアントのみ）。
+export const isDebugQueryEnabled = (): boolean => {
+  if (typeof window === 'undefined') return false;
+  const v = new URLSearchParams(window.location.search).get('debug');
+  return v !== null && v !== '0' && v !== 'false';
+};
+
+export const enableDebug = (): void => {
+  if (internal.debugEnabled) return;
+  internal.debugEnabled = true;
+  // ?now= が付いていれば、その時刻を擬似時計の初期 base にする。
+  if (anchor === undefined) anchor = readAnchor();
+  if (anchor !== null) {
+    internal.override = {
+      base: anchor.base + (Date.now() - anchor.mountedAt),
+      mountedAt: Date.now(),
+      speed: 1,
+      playing: true,
+    };
+  }
+  notify();
+};
+
+// 擬似now を ms へジャンプ（不連続）。speed=1・playing=true に揃え、世代を進める
+// （スケジューラはこの世代変化を見て過去境界の一斉発火を抑止する）。
+export const debugJumpTo = (ms: number): void => {
+  internal.override = { base: ms, mountedAt: Date.now(), speed: 1, playing: true };
+  internal.jumpEpoch += 1;
+  notify();
+};
+
+export const debugSetSpeed = (speed: number): void => {
+  if (!internal.override) {
+    internal.override = { base: Date.now(), mountedAt: Date.now(), speed, playing: true };
+  } else {
+    reanchor();
+    internal.override = { ...internal.override, speed };
+  }
+  notify();
+};
+
+export const debugPlay = (): void => {
+  if (!internal.override) return;
+  reanchor();
+  internal.override = { ...internal.override, playing: true };
+  notify();
+};
+
+export const debugPause = (): void => {
+  if (!internal.override) {
+    internal.override = { base: Date.now(), mountedAt: Date.now(), speed: 1, playing: false };
+  } else {
+    reanchor();
+    internal.override = { ...internal.override, playing: false };
+  }
+  notify();
+};
+
+export const debugSetForcedActive = (term: TermId, on: boolean): void => {
+  const next = new Set(internal.forcedActiveTerms);
+  if (on) next.add(term);
+  else next.delete(term);
+  internal.forcedActiveTerms = next;
+  notify();
+};
+
+export const debugToggleForcedActive = (term: TermId): void => {
+  debugSetForcedActive(term, !internal.forcedActiveTerms.has(term));
+};
+
+export const debugReset = (): void => {
+  internal.override = null;
+  internal.forcedActiveTerms = new Set();
+  internal.jumpEpoch += 1;
+  // 「実時刻に戻す」なので ?now アンカーも解除し、getNow を実時刻（分岐3）へ完全に戻す。
+  anchor = null;
+  notify();
+};
+
+// ============================================================================
+// getNow（優先順位: デバッグ擬似時計 → ?now アンカー → 実時刻）
+// ============================================================================
 export const getNow = (): Date => {
+  // (1) デバッグ擬似時計（?debug=1 + override）
+  if (internal.debugEnabled && internal.override) {
+    return new Date(debugNowMs());
+  }
+  // (2) ?now= アンカー（実速進行・従来動作）
   if (anchor === undefined) anchor = readAnchor();
-  if (anchor === null) return new Date();
-  return new Date(anchor.base + (Date.now() - anchor.mountedAt));
+  if (anchor !== null) {
+    return new Date(anchor.base + (Date.now() - anchor.mountedAt));
+  }
+  // (3) 実時刻
+  return new Date();
 };
diff --git a/apps/signage/src/lib/use-chime-scheduler.ts b/apps/signage/src/lib/use-chime-scheduler.ts
index fbe519c..3cf33b9 100644
--- a/apps/signage/src/lib/use-chime-scheduler.ts
+++ b/apps/signage/src/lib/use-chime-scheduler.ts
@@ -8,26 +8,44 @@ interface Args {
   isTermActive: (term: ChimeEvent['term']) => boolean; // 稼働判定
   onChime: (event: ChimeEvent) => void; // 発火時の副作用（playChime 等）
   getNow: () => Date;
+  // デバッグの不連続ジャンプ世代。本番では常に 0。変化を検知したら catch-up を抑止する。
+  jumpEpoch?: number;
 }
 
 // 壁時計の :00/:50 等の境界でちょうど発火させる。setInterval は使わず、毎 tick
 // Date から次境界までの遅延を再計算する（ドリフトしない）。key で二重発火を防ぐ。
-export const useChimeScheduler = ({ enabled, isTermActive, onChime, getNow }: Args): void => {
+export const useChimeScheduler = ({
+  enabled,
+  isTermActive,
+  onChime,
+  getNow,
+  jumpEpoch = 0,
+}: Args): void => {
   const isActiveRef = useRef(isTermActive);
   const onChimeRef = useRef(onChime);
   const getNowRef = useRef(getNow);
+  const jumpEpochRef = useRef(jumpEpoch);
   isActiveRef.current = isTermActive;
   onChimeRef.current = onChime;
   getNowRef.current = getNow;
+  jumpEpochRef.current = jumpEpoch;
 
   useEffect(() => {
     if (!enabled) return;
     const fired = new Set<string>();
     let last = getNowRef.current().getTime();
+    let seenEpoch = jumpEpochRef.current;
     let timer = 0;
 
     const tick = (): void => {
       const now = getNowRef.current().getTime();
+      // 不連続ジャンプ/リセット直後は窓 (last, now] を畳んで過去境界の一斉発火を抑止する
+      // （fired もクリアし、後方ジャンプで同じ境界を再現できるようにする）。
+      if (seenEpoch !== jumpEpochRef.current) {
+        seenEpoch = jumpEpochRef.current;
+        fired.clear();
+        last = now;
+      }
       const events = cycleChimeEventsForDay(new Date(now));
       for (const e of events) {
         const at = e.at.getTime();
diff --git a/apps/signage/src/lib/use-now.ts b/apps/signage/src/lib/use-now.ts
index 65ac6f1..d2b214d 100644
--- a/apps/signage/src/lib/use-now.ts
+++ b/apps/signage/src/lib/use-now.ts
@@ -1,14 +1,20 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { getNow } from './now';
+import { getNow, subscribeDebug } from './now';
 
 // 表示更新用に一定間隔で現在時刻を返す（チャイム発火は use-chime-scheduler が別途精密に行う）。
+// デバッグ操作（ジャンプ/一時停止/速度変更）は subscribeDebug で即時反映する。
 export const useNow = (intervalMs = 1000): Date => {
   const [now, setNow] = useState<Date>(() => getNow());
   useEffect(() => {
-    const id = window.setInterval(() => setNow(getNow()), intervalMs);
-    return () => window.clearInterval(id);
+    const tick = (): void => setNow(getNow());
+    const id = window.setInterval(tick, intervalMs);
+    const unsub = subscribeDebug(tick);
+    return () => {
+      window.clearInterval(id);
+      unsub();
+    };
   }, [intervalMs]);
   return now;
 };

From 590646b4dea96f6de5b58ff71df65b23f3c6cfd6 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 18:16:19 +0900
Subject: [PATCH 19/36] feat(shared): add attendance liveliness classifier
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

来場者数を quiet/steady/lively/crowded に分類する純粋ロジック。
サイネージのにぎわい・混雑表示に使う。しきい値は会場規模に合わせて
調整可能な暫定値。境界値のテストを vitest で追加。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 packages/shared/package.json                 |  1 +
 packages/shared/src/attendance-level.test.ts | 31 ++++++++++++++++++++
 packages/shared/src/attendance-level.ts      | 24 +++++++++++++++
 3 files changed, 56 insertions(+)
 create mode 100644 packages/shared/src/attendance-level.test.ts
 create mode 100644 packages/shared/src/attendance-level.ts

diff --git a/packages/shared/package.json b/packages/shared/package.json
index f47d950..9741f78 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -9,6 +9,7 @@
     "./schemas": "./src/schemas/index.ts",
     "./venue-schedule": "./src/venue-schedule.ts",
     "./activity-cycle": "./src/activity-cycle.ts",
+    "./attendance-level": "./src/attendance-level.ts",
     "./youtube": "./src/youtube.ts"
   },
   "scripts": {
diff --git a/packages/shared/src/attendance-level.test.ts b/packages/shared/src/attendance-level.test.ts
new file mode 100644
index 0000000..63dcc91
--- /dev/null
+++ b/packages/shared/src/attendance-level.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, it } from 'vitest';
+import { classifyAttendanceLevel } from './attendance-level';
+
+describe('classifyAttendanceLevel', () => {
+  it('0 人は quiet', () => {
+    expect(classifyAttendanceLevel(0)).toBe('quiet');
+  });
+
+  it('quiet→steady の境界は 8 人', () => {
+    expect(classifyAttendanceLevel(7)).toBe('quiet');
+    expect(classifyAttendanceLevel(8)).toBe('steady');
+  });
+
+  it('steady→lively の境界は 18 人', () => {
+    expect(classifyAttendanceLevel(17)).toBe('steady');
+    expect(classifyAttendanceLevel(18)).toBe('lively');
+  });
+
+  it('lively→crowded の境界は 30 人', () => {
+    expect(classifyAttendanceLevel(29)).toBe('lively');
+    expect(classifyAttendanceLevel(30)).toBe('crowded');
+  });
+
+  it('負値は 0 と同じ quiet 扱い', () => {
+    expect(classifyAttendanceLevel(-5)).toBe('quiet');
+  });
+
+  it('端数は切り捨てて判定（12.9→steady）', () => {
+    expect(classifyAttendanceLevel(12.9)).toBe('steady');
+  });
+});
diff --git a/packages/shared/src/attendance-level.ts b/packages/shared/src/attendance-level.ts
new file mode 100644
index 0000000..64d2c71
--- /dev/null
+++ b/packages/shared/src/attendance-level.ts
@@ -0,0 +1,24 @@
+// 来場者数から会場の「にぎわい」レベルを求める純粋ロジック。
+// サイネージのにぎわい表示や混雑案内に使う想定。venue-schedule と同じく Workers 安全。
+//
+// しきい値は実運用データが無いうちの暫定値。会場規模が分かったらこの配列だけ調整すればよい
+// （表示文言・配色は呼び出し側＝サイネージの presentation 層が担当する）。
+
+export type AttendanceLevel = 'quiet' | 'steady' | 'lively' | 'crowded';
+
+// 各レベルの下限人数（その人数“以上”でそのレベル）。降順に並べ、先に満たしたものを採用する。
+export const ATTENDANCE_LEVEL_THRESHOLDS: readonly { min: number; level: AttendanceLevel }[] = [
+  { min: 30, level: 'crowded' },
+  { min: 18, level: 'lively' },
+  { min: 8, level: 'steady' },
+  { min: 0, level: 'quiet' },
+];
+
+export const classifyAttendanceLevel = (present: number): AttendanceLevel => {
+  // 負値・端数は丸めて 0 以上の整数として扱う。
+  const n = Math.max(0, Math.floor(present));
+  for (const t of ATTENDANCE_LEVEL_THRESHOLDS) {
+    if (n >= t.min) return t.level;
+  }
+  return 'quiet';
+};

From 8325fd93d85fd52b4058003eb93482bf48dae815 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 18:18:19 +0900
Subject: [PATCH 20/36] feat(signage): carry video titles and current-track
 through playlist/player
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

usePlaylist が videoId だけでなくタイトル付き SignagePlaylistItem[] を返すように。
タイトルは API（YouTube Data API）由来で既にレスポンスに含まれていたがクライアントで
捨てていた。useYoutubePlayer に onVideoChange コールバックを追加し、いま再生中の
トラックを購読側へ通知できるようにする（ブロードキャスト下部インフォの動画タイトル表示用）。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/app/page.tsx                 |  3 ++-
 .../signage/src/components/youtube-player.tsx | 12 +++++++++--
 apps/signage/src/lib/use-playlist.ts          | 16 +++++++-------
 apps/signage/src/lib/use-youtube-player.ts    | 21 +++++++++++++++++--
 4 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/apps/signage/src/app/page.tsx b/apps/signage/src/app/page.tsx
index d0f9724..9b5c5cf 100644
--- a/apps/signage/src/app/page.tsx
+++ b/apps/signage/src/app/page.tsx
@@ -35,7 +35,8 @@ export default function SignagePage() {
   const debug = useSyncExternalStore(subscribeDebug, getDebugSnapshot, getDebugServerSnapshot);
   const now = useNow(debug.debugEnabled ? 250 : 1000);
   const data = useSignageData();
-  const videoIds = usePlaylist();
+  const tracks = usePlaylist();
+  const videoIds = tracks.map((t) => t.videoId);
   const { muted, toggle } = useMute();
   const moment = classifyCycleMoment(now);
 
diff --git a/apps/signage/src/components/youtube-player.tsx b/apps/signage/src/components/youtube-player.tsx
index 4253aee..23454ef 100644
--- a/apps/signage/src/components/youtube-player.tsx
+++ b/apps/signage/src/components/youtube-player.tsx
@@ -9,12 +9,20 @@ interface Props {
   active: boolean;
   muted: boolean;
   started: boolean;
+  onVideoChange?: (index: number) => void;
 }
 
 // IFrame は常時マウント（再読込フラッシュ防止）。未ロード時は背後のワードマークを見せ、
 // 動画ロード後に iframe を opacity:1 で前に出す（use-youtube-player が制御）。
-export function YoutubePlayer({ videoIds, active, muted, started }: Props) {
-  useYoutubePlayer({ elementId: PLAYER_ELEMENT_ID, videoIds, active, muted, started });
+export function YoutubePlayer({ videoIds, active, muted, started, onVideoChange }: Props) {
+  useYoutubePlayer({
+    elementId: PLAYER_ELEMENT_ID,
+    videoIds,
+    active,
+    muted,
+    started,
+    onVideoChange,
+  });
 
   return (
     <div className="absolute inset-0 overflow-hidden bg-slate-950">
diff --git a/apps/signage/src/lib/use-playlist.ts b/apps/signage/src/lib/use-playlist.ts
index d8851aa..a9367ff 100644
--- a/apps/signage/src/lib/use-playlist.ts
+++ b/apps/signage/src/lib/use-playlist.ts
@@ -1,16 +1,19 @@
 'use client';
 
-import type { SignagePlaylistResponse } from '@tecnova/shared/schemas';
+import type { SignagePlaylistItem, SignagePlaylistResponse } from '@tecnova/shared/schemas';
 import { apiJson } from '@tecnova/ui/lib/api-client';
 import { useEffect, useState } from 'react';
 import { FALLBACK_VIDEO_IDS } from '@/config/playlist';
 
-// 起動時 + 数分間隔で /api/signage/playlist を取得し videoId[] を保持する。
+// 起動時 + 数分間隔で /api/signage/playlist を取得し再生キュー（videoId + タイトル）を保持する。
 // 取得失敗 / 空配列のときは FALLBACK_VIDEO_IDS を採用（spec §5.1 / §5.4）。
+// タイトルは API（YouTube Data API）由来で、サイネージのインフォメーション表示に使う。
 const POLL_MS = 5 * 60_000;
 
-export const usePlaylist = (): string[] => {
-  const [ids, setIds] = useState<string[]>(FALLBACK_VIDEO_IDS);
+const FALLBACK_TRACKS: SignagePlaylistItem[] = FALLBACK_VIDEO_IDS.map((videoId) => ({ videoId }));
+
+export const usePlaylist = (): SignagePlaylistItem[] => {
+  const [tracks, setTracks] = useState<SignagePlaylistItem[]>(FALLBACK_TRACKS);
 
   useEffect(() => {
     let active = true;
@@ -18,8 +21,7 @@ export const usePlaylist = (): string[] => {
       try {
         const res = await apiJson<SignagePlaylistResponse>('/api/signage/playlist');
         if (!active) return;
-        const next = res.items.map((i) => i.videoId);
-        setIds(next.length > 0 ? next : FALLBACK_VIDEO_IDS);
+        setTracks(res.items.length > 0 ? res.items : FALLBACK_TRACKS);
       } catch {
         // 取得失敗時は直近の状態を保持（degrade）。初回失敗なら FALLBACK のまま。
       }
@@ -32,5 +34,5 @@ export const usePlaylist = (): string[] => {
     };
   }, []);
 
-  return ids;
+  return tracks;
 };
diff --git a/apps/signage/src/lib/use-youtube-player.ts b/apps/signage/src/lib/use-youtube-player.ts
index 1e0e008..e757676 100644
--- a/apps/signage/src/lib/use-youtube-player.ts
+++ b/apps/signage/src/lib/use-youtube-player.ts
@@ -41,6 +41,8 @@ interface Args {
   active: boolean; // 活動フェーズ中のみ再生
   muted: boolean; // 無音トグル
   started: boolean; // 起動タップ後（unMute はジェスチャ後のみ）
+  // いま再生中の videoId のインデックスが変わるたびに通知（インフォメーション表示用）。
+  onVideoChange?: (index: number) => void;
 }
 
 // 生成済み iframe を全画面化し、再生中だけ可視にする（未ロード時は背後のロゴを見せる）。
@@ -53,7 +55,14 @@ const styleIframe = (iframe: HTMLIFrameElement, visible: boolean): void => {
   iframe.style.opacity = visible ? '1' : '0';
 };
 
-export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }: Args): void => {
+export const useYoutubePlayer = ({
+  elementId,
+  videoIds,
+  active,
+  muted,
+  started,
+  onVideoChange,
+}: Args): void => {
   const playerRef = useRef<YT.Player | null>(null);
   const readyRef = useRef(false);
   const indexRef = useRef(0);
@@ -63,10 +72,12 @@ export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }
   const activeRef = useRef(active);
   const mutedRef = useRef(muted);
   const startedRef = useRef(started);
+  const onVideoChangeRef = useRef(onVideoChange);
   videoIdsRef.current = videoIds;
   activeRef.current = active;
   mutedRef.current = muted;
   startedRef.current = started;
+  onVideoChangeRef.current = onVideoChange;
 
   // プレーヤー生成は一度だけ（依存は elementId のみ）。StrictMode の二重マウントは
   // destroy で吸収する。active/muted/started/videoIds の変化は別 effect と ref で反映し、
@@ -80,7 +91,10 @@ export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }
       if (!player || ids.length === 0) return;
       indexRef.current = (indexRef.current + 1) % ids.length;
       const next = ids[indexRef.current];
-      if (next) player.loadVideoById(next);
+      if (next) {
+        player.loadVideoById(next);
+        onVideoChangeRef.current?.(indexRef.current);
+      }
     };
 
     const applyMute = (player: YT.Player): void => {
@@ -121,6 +135,8 @@ export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }
             if (activeRef.current) player.playVideo();
             else player.pauseVideo();
             applyMute(player);
+            // 1本目が確定したら現在トラックを通知（生成時 videoId 指定・救済どちらの経路も）。
+            if (queueStartedRef.current) onVideoChangeRef.current?.(indexRef.current);
           },
           // ENDED で次へ差し替え。プレーヤーを「終了状態」に長く留めないことで
           // 関連グリッド/up-next を実質抑止する（spec §5.2）。
@@ -153,6 +169,7 @@ export const useYoutubePlayer = ({ elementId, videoIds, active, muted, started }
     indexRef.current = 0;
     player.loadVideoById(first);
     styleIframe(player.getIframe(), true);
+    onVideoChangeRef.current?.(indexRef.current);
   }, [videoIds]);
 
   // 活動フェーズで再生 / それ以外で一時停止。

From c766a488776ced3e4c3740780f24c5a4fc6ddb01 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 18:28:26 +0900
Subject: [PATCH 21/36] feat(signage): redesign viewer screens as a broadcast
 layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

配信（ライブ配信）風レイアウトに刷新。checkin と同じ世界観（sky→white の地・
LINE Seed JP・emerald のライブ表現・motion + reduced-motion 尊重）で統一する。

- 動画を縮小したパネルに収め、休憩/待機はパネル上のスライドへクロスフェード
- 右レーン＝チャイムの役割を持つゾーン（ターム・次チャイムまでのカウントダウンリング・
  サイクル進捗、idle 時は本日のスケジュール）
- 下部 lower-third に巡回インフォメーション（動画タイトル・来場・にぎわい・主催/共催・
  tec-nova / tecnova-platform 紹介）。?debug=1 で手動送り
- ヘッダにワードマーク・ステータスバッジ・大きな JST 時計
- 起動ゲート・音声トグルも同じ世界観へ。旧 InfoBar/BreakScreen/IdleScreen を置換

長崎市ロゴはリポジトリに無いため、共催クレジットはテキスト表記（実ロゴ差し替え可）。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/public/logo_tecnova.png          | Bin 0 -> 109830 bytes
 apps/signage/src/app/page.tsx                 |  55 ++----
 apps/signage/src/components/break-overlay.tsx |  32 ++++
 apps/signage/src/components/break-screen.tsx  |  30 ----
 .../src/components/broadcast-frame.tsx        |  76 ++++++++
 apps/signage/src/components/chime-rail.tsx    | 167 ++++++++++++++++++
 .../signage/src/components/countdown-ring.tsx |  70 ++++++++
 apps/signage/src/components/idle-overlay.tsx  |  46 +++++
 apps/signage/src/components/idle-screen.tsx   |  32 ----
 apps/signage/src/components/info-bar.tsx      |  28 ---
 apps/signage/src/components/info-ticker.tsx   | 167 ++++++++++++++++++
 apps/signage/src/components/live-badge.tsx    |  33 ++++
 apps/signage/src/components/mute-toggle.tsx   |  17 +-
 apps/signage/src/components/reveal.tsx        |  29 +++
 apps/signage/src/components/stage-header.tsx  |  38 ++++
 apps/signage/src/components/tap-to-start.tsx  |  27 ++-
 apps/signage/src/components/video-stage.tsx   |  79 +++++++++
 apps/signage/src/lib/broadcast.ts             |  73 ++++++++
 apps/signage/src/lib/motion.ts                |  20 +++
 19 files changed, 874 insertions(+), 145 deletions(-)
 create mode 100644 apps/signage/public/logo_tecnova.png
 create mode 100644 apps/signage/src/components/break-overlay.tsx
 delete mode 100644 apps/signage/src/components/break-screen.tsx
 create mode 100644 apps/signage/src/components/broadcast-frame.tsx
 create mode 100644 apps/signage/src/components/chime-rail.tsx
 create mode 100644 apps/signage/src/components/countdown-ring.tsx
 create mode 100644 apps/signage/src/components/idle-overlay.tsx
 delete mode 100644 apps/signage/src/components/idle-screen.tsx
 delete mode 100644 apps/signage/src/components/info-bar.tsx
 create mode 100644 apps/signage/src/components/info-ticker.tsx
 create mode 100644 apps/signage/src/components/live-badge.tsx
 create mode 100644 apps/signage/src/components/reveal.tsx
 create mode 100644 apps/signage/src/components/stage-header.tsx
 create mode 100644 apps/signage/src/components/video-stage.tsx
 create mode 100644 apps/signage/src/lib/broadcast.ts
 create mode 100644 apps/signage/src/lib/motion.ts

diff --git a/apps/signage/public/logo_tecnova.png b/apps/signage/public/logo_tecnova.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1b768971c92efeba86caabc9cab0ad50bca1cbb
GIT binary patch
literal 109830
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
VYoDA983bIq+WJ~gPugAke*hOFS>pfz

literal 0
HcmV?d00001

diff --git a/apps/signage/src/app/page.tsx b/apps/signage/src/app/page.tsx
index 9b5c5cf..9998a22 100644
--- a/apps/signage/src/app/page.tsx
+++ b/apps/signage/src/app/page.tsx
@@ -6,13 +6,9 @@ import {
   msUntilNextBoundary,
 } from '@tecnova/shared/activity-cycle';
 import { useCallback, useEffect, useState, useSyncExternalStore } from 'react';
-import { BreakScreen } from '@/components/break-screen';
+import { BroadcastFrame } from '@/components/broadcast-frame';
 import { DebugPanel } from '@/components/debug-panel';
-import { IdleScreen } from '@/components/idle-screen';
-import { InfoBar } from '@/components/info-bar';
-import { MuteToggle } from '@/components/mute-toggle';
 import { TapToStart } from '@/components/tap-to-start';
-import { YoutubePlayer } from '@/components/youtube-player';
 import { ensureAudioRunning, playChime, resumeAudio } from '@/lib/chimes';
 import {
   enableDebug,
@@ -38,6 +34,9 @@ export default function SignagePage() {
   const tracks = usePlaylist();
   const videoIds = tracks.map((t) => t.videoId);
   const { muted, toggle } = useMute();
+  // いま再生中トラック（インフォメーションの動画タイトル表示用）。
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const currentTrack = tracks[currentIndex] ?? null;
   const moment = classifyCycleMoment(now);
 
   // ?debug=1 ならマウント後にデバッグストアを有効化する（SSR/hydration は素通り）。
@@ -45,8 +44,6 @@ export default function SignagePage() {
     if (isDebugQueryEnabled()) enableDebug();
   }, []);
 
-  // termCounts は毎ポーリングで作り直されるため useCallback による安定化は無意味
-  // （スケジューラ側も毎 tick で ref に取り直す）。素の関数で十分。
   // デバッグ時は forcedActiveTerms を OR して、実チェックインデータ無しでも稼働を再現する
   // （debugEnabled=false なら短絡し本番挙動と完全同値）。
   const isTermActive = (term: 'morning' | 'afternoon' | 'evening') =>
@@ -89,7 +86,7 @@ export default function SignagePage() {
     setStarted(true);
   };
 
-  // フェーズ終端までの秒（活動→休憩 / 休憩→再開）。
+  // フェーズ終端までの秒（活動→休憩 / 休憩→再開）。休憩スライドのカウントダウンに使う。
   const phaseSecondsLeft =
     moment.phaseEndsAt === null
       ? null
@@ -97,47 +94,29 @@ export default function SignagePage() {
 
   // idle の理由を区別：ターム内・未稼働なら「まもなく開始」、ターム外なら次タームの開始時刻。
   const inUnstartedTerm = moment.term !== null && !active;
-  // 次の活動開始（次境界＝次タームの resume）はターム外のときだけ算出する
-  // （ターム内・未稼働で算出すると次境界が break になり「次は HH:MM から」が誤表示になる）。
+  // 次の活動開始（次境界＝次タームの resume）はターム外のときだけ算出する。
   const msNext = moment.term === null ? msUntilNextBoundary(now) : null;
   const nextStartAt = msNext === null ? null : new Date(now.getTime() + msNext);
 
   return (
-    <main className="relative h-svh w-screen overflow-hidden bg-slate-950 text-white">
-      {/* 動画は活動フェーズで再生。起動タップ前でもミュート自動再生で映像は出る（spec §6）。 */}
-      <YoutubePlayer
+    <main className="relative h-svh w-screen overflow-hidden">
+      <BroadcastFrame
+        phase={phase}
+        moment={moment}
+        now={now}
+        data={data}
         videoIds={videoIds}
-        active={phase === 'activity'}
+        currentTrack={currentTrack}
         muted={muted}
         started={started}
-      />
-
-      {phase === 'activity' && moment.term && (
-        <InfoBar
-          term={moment.term}
-          now={now}
-          present={data.currentlyPresent}
-          secondsToBreak={phaseSecondsLeft}
-        />
-      )}
-
-      <BreakScreen
-        show={phase === 'break'}
-        secondsToResume={phaseSecondsLeft}
-        present={data.currentlyPresent}
-      />
-
-      <IdleScreen
-        show={phase === 'idle'}
+        onToggleMute={toggle}
+        onVideoChange={setCurrentIndex}
         soon={inUnstartedTerm}
-        now={now}
         nextStartAt={nextStartAt}
-        present={data.currentlyPresent}
+        phaseSecondsLeft={phaseSecondsLeft}
+        debug={debug.debugEnabled}
       />
 
-      {/* 無音トグルは起動後のみ表示（運用者向け）。既定は無音。 */}
-      {started && <MuteToggle muted={muted} onToggle={toggle} />}
-
       {!started && <TapToStart onStart={handleStart} />}
 
       {/* ?debug=1 のときだけプレビュー操作バーを出す（本番壁面では出ない）。 */}
diff --git a/apps/signage/src/components/break-overlay.tsx b/apps/signage/src/components/break-overlay.tsx
new file mode 100644
index 0000000..4046983
--- /dev/null
+++ b/apps/signage/src/components/break-overlay.tsx
@@ -0,0 +1,32 @@
+'use client';
+
+import { mmss } from '@/lib/time';
+
+// 休憩中に動画パネルへ重ねる明るいスライド（配信の「休憩カード」）。
+export function BreakOverlay({
+  secondsToResume,
+  present,
+}: {
+  secondsToResume: number | null;
+  present: number;
+}) {
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center gap-[clamp(0.6rem,1.8vh,1.5rem)] bg-gradient-to-b from-sky-50 to-white text-slate-900">
+      <span className="rounded-full bg-amber-100 px-[clamp(1rem,2vw,1.75rem)] py-[clamp(0.3rem,0.8vh,0.6rem)] text-[clamp(1.1rem,2.4vw,2rem)] font-black text-amber-800">
+        休憩中
+      </span>
+      <p className="text-[clamp(0.95rem,1.6vw,1.5rem)] font-bold text-slate-500">つぎの活動まで</p>
+      <p className="text-[clamp(4rem,13vw,10rem)] font-black leading-none text-slate-900 tabular-nums">
+        {secondsToResume !== null ? mmss(secondsToResume) : '--:--'}
+      </p>
+      <p className="text-[clamp(1rem,2vw,1.6rem)] font-bold text-slate-500">
+        すこし やすんで、また あそぼう！
+      </p>
+      {present > 0 && (
+        <p className="text-[clamp(0.9rem,1.5vw,1.25rem)] text-slate-400">
+          いま <span className="font-black text-slate-700">{present}</span> 人が さんかちゅう
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/break-screen.tsx b/apps/signage/src/components/break-screen.tsx
deleted file mode 100644
index bb93445..0000000
--- a/apps/signage/src/components/break-screen.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-'use client';
-
-import { mmss } from '@/lib/time';
-
-interface Props {
-  show: boolean;
-  secondsToResume: number | null;
-  present: number;
-}
-
-// 動画レイヤの上に重ね、opacity でクロスフェード。動画は裏で pause（YouTube iframe は
-// アンマウントしない＝再読込フラッシュ防止）。prefers-reduced-motion 時は transition を無効化。
-export function BreakScreen({ show, secondsToResume, present }: Props) {
-  return (
-    <div
-      className={`absolute inset-0 z-20 flex flex-col items-center justify-center gap-6 bg-slate-950 text-white transition-opacity duration-500 motion-reduce:transition-none ${
-        show ? 'opacity-100' : 'pointer-events-none opacity-0'
-      }`}
-    >
-      <p className="text-3xl font-extrabold text-amber-300">休憩中</p>
-      <p className="text-[10rem] font-black leading-none tabular-nums">
-        {secondsToResume !== null ? mmss(secondsToResume) : '--:--'}
-      </p>
-      <p className="text-2xl text-slate-300">再開までの時間</p>
-      <p className="text-lg text-slate-400">
-        在館 <span className="font-extrabold text-slate-200">{present}</span> 人
-      </p>
-    </div>
-  );
-}
diff --git a/apps/signage/src/components/broadcast-frame.tsx b/apps/signage/src/components/broadcast-frame.tsx
new file mode 100644
index 0000000..4d8f98d
--- /dev/null
+++ b/apps/signage/src/components/broadcast-frame.tsx
@@ -0,0 +1,76 @@
+'use client';
+
+import type { CycleMoment, CyclePhase } from '@tecnova/shared/activity-cycle';
+import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
+import { airStatus } from '@/lib/broadcast';
+import type { SignageData } from '@/lib/use-signage-data';
+import { ChimeRail } from './chime-rail';
+import { InfoTicker } from './info-ticker';
+import { StageHeader } from './stage-header';
+import { VideoStage } from './video-stage';
+
+interface Props {
+  phase: CyclePhase;
+  moment: CycleMoment;
+  now: Date;
+  data: SignageData;
+  videoIds: string[];
+  currentTrack: SignagePlaylistItem | null;
+  muted: boolean;
+  started: boolean;
+  onToggleMute: () => void;
+  onVideoChange: (index: number) => void;
+  soon: boolean;
+  nextStartAt: Date | null;
+  phaseSecondsLeft: number | null;
+  debug?: boolean;
+}
+
+// 配信レイアウト全体。上=ヘッダ、中=動画パネル＋チャイムレーン、下=巡回インフォメーション。
+export function BroadcastFrame({
+  phase,
+  moment,
+  now,
+  data,
+  videoIds,
+  currentTrack,
+  muted,
+  started,
+  onToggleMute,
+  onVideoChange,
+  soon,
+  nextStartAt,
+  phaseSecondsLeft,
+  debug,
+}: Props) {
+  const status = airStatus({ phase, soon, hasNext: nextStartAt !== null });
+  return (
+    <div className="grid h-full w-full grid-rows-[auto_1fr_auto] gap-[clamp(0.75rem,1.6vh,1.5rem)] bg-gradient-to-b from-sky-50 to-white p-[clamp(1rem,2vw,2rem)]">
+      <StageHeader now={now} status={status} />
+
+      <div className="grid min-h-0 grid-cols-[1fr_clamp(18rem,24vw,28rem)] gap-[clamp(0.75rem,1.6vw,1.5rem)]">
+        <VideoStage
+          phase={phase}
+          videoIds={videoIds}
+          muted={muted}
+          started={started}
+          onToggleMute={onToggleMute}
+          onVideoChange={onVideoChange}
+          secondsToPhaseEnd={phaseSecondsLeft}
+          now={now}
+          soon={soon}
+          nextStartAt={nextStartAt}
+          present={data.currentlyPresent}
+        />
+        <ChimeRail phase={phase} moment={moment} now={now} soon={soon} nextStartAt={nextStartAt} />
+      </div>
+
+      <InfoTicker
+        currentTrack={currentTrack}
+        present={data.currentlyPresent}
+        totalCheckedIn={data.totalCheckedIn}
+        debug={debug}
+      />
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/chime-rail.tsx b/apps/signage/src/components/chime-rail.tsx
new file mode 100644
index 0000000..eb6bbed
--- /dev/null
+++ b/apps/signage/src/components/chime-rail.tsx
@@ -0,0 +1,167 @@
+'use client';
+
+import {
+  ACTIVITY_MINUTES,
+  BREAK_MINUTES,
+  type ChimeKind,
+  type CycleMoment,
+  type CyclePhase,
+  cycleChimeEventsForDay,
+} from '@tecnova/shared/activity-cycle';
+import { TERM_LABELS, TERMS, type TermId } from '@tecnova/shared/venue-schedule';
+import { cn } from '@tecnova/ui/lib/utils';
+import type { ReactNode } from 'react';
+import { jstHm } from '@/lib/time';
+import { CountdownRing } from './countdown-ring';
+
+// ターム別アクセント（TermBadge と同系統の色）。
+const TERM_TONE: Record<TermId, { heading: string; range: string }> = {
+  morning: { heading: 'text-sky-700', range: 'text-sky-600' },
+  afternoon: { heading: 'text-amber-700', range: 'text-amber-600' },
+  evening: { heading: 'text-violet-700', range: 'text-violet-600' },
+};
+
+const KIND_LABEL: Record<ChimeKind, string> = {
+  resume: '活動再開',
+  break: '休憩',
+  'term-end': 'ターム終了',
+};
+
+function RailCard({ className, children }: { className?: string; children: ReactNode }) {
+  return (
+    <div
+      className={cn(
+        'rounded-2xl bg-white/90 p-[clamp(0.9rem,1.6vw,1.5rem)] shadow-sm ring-1 ring-foreground/10 backdrop-blur',
+        className,
+      )}
+    >
+      {children}
+    </div>
+  );
+}
+
+interface Props {
+  phase: CyclePhase;
+  moment: CycleMoment;
+  now: Date;
+  soon: boolean; // ターム内・未稼働（まもなく開始）
+  nextStartAt: Date | null; // 次タームの開始時刻（ターム外のみ）
+}
+
+// 右レーン＝チャイムの役割を持つゾーン。活動/休憩中は次チャイムまでのカウントダウン、
+// idle 中は本日のスケジュールを出す。
+export function ChimeRail({ phase, moment, now, soon, nextStartAt }: Props) {
+  const isRunning = phase === 'activity' || phase === 'break';
+
+  if (isRunning && moment.term) {
+    const def = TERMS.find((t) => t.id === moment.term);
+    const tone = TERM_TONE[moment.term];
+    const remaining = moment.phaseEndsAt
+      ? Math.ceil((moment.phaseEndsAt.getTime() - now.getTime()) / 1000)
+      : null;
+    const total = (phase === 'activity' ? ACTIVITY_MINUTES : BREAK_MINUTES) * 60;
+    const next = cycleChimeEventsForDay(now)
+      .filter((e) => e.at.getTime() > now.getTime())
+      .sort((a, b) => a.at.getTime() - b.at.getTime())[0];
+    const ringTone = phase === 'activity' ? 'emerald' : next?.kind === 'term-end' ? 'amber' : 'sky';
+    const ringLabel =
+      phase === 'activity'
+        ? 'つぎの休憩まで'
+        : next?.kind === 'term-end'
+          ? 'このタームの終わりまで'
+          : '再開まで';
+    const targetLabel = next ? `${jstHm(next.at)} に${KIND_LABEL[next.kind]}` : null;
+    const cycleIndex = moment.cycleIndex ?? 1;
+
+    return (
+      <div className="flex h-full min-h-0 flex-col gap-[clamp(0.75rem,1.4vh,1.25rem)]">
+        <RailCard>
+          <p className="text-[clamp(0.8rem,1.2vw,1rem)] font-bold text-slate-400">ただいまの部</p>
+          <p
+            className={cn('text-[clamp(1.6rem,3.4vw,3rem)] font-black leading-tight', tone.heading)}
+          >
+            {TERM_LABELS[moment.term]}の部
+          </p>
+          {def && (
+            <p
+              className={cn(
+                'text-[clamp(0.85rem,1.3vw,1.1rem)] font-bold tabular-nums',
+                tone.range,
+              )}
+            >
+              {def.start} – {def.end}
+            </p>
+          )}
+        </RailCard>
+
+        <RailCard className="flex flex-1 flex-col items-center justify-center gap-[clamp(0.75rem,1.4vh,1.25rem)]">
+          <CountdownRing
+            remaining={remaining}
+            total={total}
+            label={ringLabel}
+            targetLabel={targetLabel}
+            tone={ringTone}
+          />
+          <div className="flex items-center gap-3">
+            <span className="text-[clamp(0.75rem,1.1vw,0.95rem)] font-bold text-slate-400">
+              サイクル {cycleIndex} / 3
+            </span>
+            <span className="flex items-center gap-1.5">
+              {[1, 2, 3].map((n) => (
+                <span
+                  key={n}
+                  className={cn(
+                    'size-2.5 rounded-full',
+                    n <= cycleIndex ? 'bg-slate-800' : 'bg-slate-300',
+                  )}
+                />
+              ))}
+            </span>
+          </div>
+        </RailCard>
+      </div>
+    );
+  }
+
+  // idle（ターム外 / 未稼働）：ヘッドライン + 本日のスケジュール。
+  const headline = soon ? 'まもなく はじまるよ' : nextStartAt ? 'つぎの活動は' : '本日は おしまい';
+  return (
+    <div className="flex h-full min-h-0 flex-col gap-[clamp(0.75rem,1.4vh,1.25rem)]">
+      <RailCard className="flex flex-col gap-1">
+        <p className="text-[clamp(1.4rem,3vw,2.5rem)] font-black leading-tight text-slate-900">
+          {headline}
+        </p>
+        {!soon && nextStartAt && (
+          <p className="text-[clamp(1.75rem,4vw,3.25rem)] font-black tabular-nums text-sky-600">
+            {jstHm(nextStartAt)}
+            <span className="ml-1 text-[0.45em] font-bold text-slate-400">から</span>
+          </p>
+        )}
+      </RailCard>
+      <RailCard className="flex flex-1 flex-col gap-[clamp(0.5rem,1vh,0.9rem)]">
+        <p className="text-[clamp(0.8rem,1.2vw,1rem)] font-bold text-slate-400">
+          本日のスケジュール
+        </p>
+        {TERMS.map((t) => {
+          const isCurrent = moment.term === t.id;
+          return (
+            <div
+              key={t.id}
+              className={cn(
+                'flex items-center justify-between rounded-xl px-3 py-2',
+                isCurrent ? 'bg-slate-900 text-white' : 'bg-slate-50 text-slate-600',
+              )}
+            >
+              <span className="text-[clamp(0.9rem,1.5vw,1.25rem)] font-black">
+                {TERM_LABELS[t.id]}の部
+              </span>
+              <span className="text-[clamp(0.8rem,1.3vw,1.05rem)] font-bold tabular-nums">
+                {t.start}–{t.end}
+              </span>
+            </div>
+          );
+        })}
+      </RailCard>
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/countdown-ring.tsx b/apps/signage/src/components/countdown-ring.tsx
new file mode 100644
index 0000000..dc3ecbf
--- /dev/null
+++ b/apps/signage/src/components/countdown-ring.tsx
@@ -0,0 +1,70 @@
+'use client';
+
+import { cn } from '@tecnova/ui/lib/utils';
+import { mmss } from '@/lib/time';
+
+type Tone = 'emerald' | 'amber' | 'sky';
+
+const TONE_STROKE: Record<Tone, string> = {
+  emerald: 'text-emerald-500',
+  amber: 'text-amber-500',
+  sky: 'text-sky-500',
+};
+
+interface Props {
+  remaining: number | null; // 現フェーズの残り秒
+  total: number; // 現フェーズの全長（秒）
+  label: string; // 例: つぎの休憩まで
+  targetLabel: string | null; // 例: 12:50 に休憩
+  tone: Tone;
+}
+
+// 次のチャイムまでのカウントダウン。リングが減っていく＝「チャイムの役割」の視覚化。
+export function CountdownRing({ remaining, total, label, targetLabel, tone }: Props) {
+  const R = 46;
+  const C = 2 * Math.PI * R;
+  const frac = remaining === null || total <= 0 ? 0 : Math.max(0, Math.min(1, remaining / total));
+  const offset = C * (1 - frac);
+  return (
+    <div className="flex flex-col items-center gap-[clamp(0.4rem,0.8vh,0.75rem)]">
+      <p className="text-[clamp(0.85rem,1.3vw,1.05rem)] font-bold text-slate-500">{label}</p>
+      <div className="relative grid place-items-center">
+        <svg
+          viewBox="0 0 100 100"
+          className="size-[clamp(7.5rem,15vw,12rem)] -rotate-90"
+          role="img"
+          aria-label={remaining === null ? label : `${label} ${mmss(remaining)}`}
+        >
+          <circle
+            cx="50"
+            cy="50"
+            r={R}
+            fill="none"
+            strokeWidth="7"
+            className="stroke-current text-slate-200"
+          />
+          <circle
+            cx="50"
+            cy="50"
+            r={R}
+            fill="none"
+            strokeWidth="7"
+            strokeLinecap="round"
+            strokeDasharray={C}
+            strokeDashoffset={offset}
+            className={cn(
+              'stroke-current transition-[stroke-dashoffset] duration-500 ease-linear motion-reduce:transition-none',
+              TONE_STROKE[tone],
+            )}
+          />
+        </svg>
+        <span className="absolute text-[clamp(1.75rem,3.4vw,3rem)] font-black leading-none text-slate-900 tabular-nums">
+          {remaining === null ? '--:--' : mmss(remaining)}
+        </span>
+      </div>
+      {targetLabel && (
+        <p className="text-[clamp(0.75rem,1.1vw,0.95rem)] text-slate-500">{targetLabel}</p>
+      )}
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/idle-overlay.tsx b/apps/signage/src/components/idle-overlay.tsx
new file mode 100644
index 0000000..dde1ea0
--- /dev/null
+++ b/apps/signage/src/components/idle-overlay.tsx
@@ -0,0 +1,46 @@
+'use client';
+
+import Image from 'next/image';
+import { jstHm } from '@/lib/time';
+
+// 待機中（ターム外 / 開始前）に動画パネルへ重ねる明るいウェルカムスライド。
+export function IdleOverlay({
+  now,
+  soon,
+  nextStartAt,
+  present,
+}: {
+  now: Date;
+  soon: boolean;
+  nextStartAt: Date | null;
+  present: number;
+}) {
+  const message = soon
+    ? 'まもなく はじまるよ！'
+    : nextStartAt
+      ? `つぎは ${jstHm(nextStartAt)} から`
+      : '本日は おしまい。またね！';
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center gap-[clamp(0.9rem,2.6vh,2.25rem)] bg-gradient-to-b from-sky-50 to-white text-slate-900">
+      <Image
+        src="/logo_tecnova.png"
+        alt="tec-nova ながさき"
+        width={153}
+        height={40}
+        priority
+        className="h-[clamp(2.75rem,8vh,5.5rem)] w-auto"
+      />
+      <p className="text-[clamp(2rem,5vw,4.5rem)] font-black leading-tight text-slate-900">
+        {message}
+      </p>
+      <p className="text-[clamp(2rem,4.5vw,4rem)] font-black leading-none text-slate-400 tabular-nums">
+        {jstHm(now)}
+      </p>
+      {present > 0 && (
+        <p className="text-[clamp(0.95rem,1.6vw,1.4rem)] text-slate-400">
+          いま <span className="font-black text-slate-700">{present}</span> 人が さんかちゅう
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/idle-screen.tsx b/apps/signage/src/components/idle-screen.tsx
deleted file mode 100644
index 9c3d1c6..0000000
--- a/apps/signage/src/components/idle-screen.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-'use client';
-
-import { jstHm } from '@/lib/time';
-
-interface Props {
-  show: boolean;
-  soon: boolean; // ターム内だが未稼働（初回チェックイン前）＝「まもなく開始」
-  now: Date;
-  nextStartAt: Date | null; // 次の活動開始（境界）。ターム外のときのみ算出。
-  present: number;
-}
-
-export function IdleScreen({ show, soon, now, nextStartAt, present }: Props) {
-  return (
-    <div
-      className={`absolute inset-0 z-20 flex flex-col items-center justify-center gap-6 bg-slate-950 text-white transition-opacity duration-500 motion-reduce:transition-none ${
-        show ? 'opacity-100' : 'pointer-events-none opacity-0'
-      }`}
-    >
-      <p className="text-5xl font-black tracking-wide">tec-nova Nagasaki</p>
-      <p className="text-6xl font-extrabold tabular-nums">{jstHm(now)}</p>
-      <p className="text-2xl text-slate-300">
-        {soon
-          ? 'まもなく開始'
-          : nextStartAt
-            ? `次は ${jstHm(nextStartAt)} から`
-            : '本日は終了しました'}
-      </p>
-      {present > 0 && <p className="text-lg text-slate-400">在館 {present} 人</p>}
-    </div>
-  );
-}
diff --git a/apps/signage/src/components/info-bar.tsx b/apps/signage/src/components/info-bar.tsx
deleted file mode 100644
index f0d9a92..0000000
--- a/apps/signage/src/components/info-bar.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-'use client';
-
-import { TERM_LABELS, type TermId } from '@tecnova/shared/venue-schedule';
-import { jstHm, mmss } from '@/lib/time';
-
-interface Props {
-  term: TermId;
-  now: Date;
-  present: number;
-  secondsToBreak: number | null;
-}
-
-export function InfoBar({ term, now, present, secondsToBreak }: Props) {
-  return (
-    <div className="absolute inset-x-0 top-0 z-10 flex items-center gap-4 bg-slate-950/55 px-6 py-3 text-white backdrop-blur">
-      <span className="rounded-full bg-amber-400 px-3 py-0.5 text-sm font-extrabold text-slate-900">
-        {TERM_LABELS[term]}の部
-      </span>
-      <span className="text-2xl font-extrabold tabular-nums">{jstHm(now)}</span>
-      {secondsToBreak !== null && (
-        <span className="text-base text-slate-200">休憩まで {mmss(secondsToBreak)}</span>
-      )}
-      <span className="ml-auto text-base text-slate-200">
-        在館 <span className="text-xl font-extrabold">{present}</span> 人
-      </span>
-    </div>
-  );
-}
diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
new file mode 100644
index 0000000..911624f
--- /dev/null
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -0,0 +1,167 @@
+'use client';
+
+import {
+  IconBroadcast,
+  IconBulb,
+  IconHeartHandshake,
+  IconPlayerPlayFilled,
+  IconSparkles,
+  IconUsers,
+} from '@tabler/icons-react';
+import { classifyAttendanceLevel } from '@tecnova/shared/attendance-level';
+import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
+import { cn } from '@tecnova/ui/lib/utils';
+import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
+import { type ReactNode, useEffect, useState } from 'react';
+import { ATTENDANCE_META } from '@/lib/broadcast';
+import { slideAnimate, slideExit, slideInitial, slideTransition } from '@/lib/motion';
+
+// スライドの表示秒。
+const ROTATE_MS = 8000;
+
+interface Slide {
+  id: string;
+  icon: ReactNode;
+  chip: string;
+  label: string;
+  value: ReactNode;
+}
+
+interface Props {
+  currentTrack: SignagePlaylistItem | null;
+  present: number;
+  totalCheckedIn: number;
+  debug?: boolean; // ?debug=1 時に手動送りボタンを出す
+}
+
+// 配信下部の lower-third。動画タイトル・来場・にぎわい・主催/共催・テクノバ紹介を巡回表示する。
+export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Props) {
+  const reduced = useReducedMotion();
+  const [i, setI] = useState(0);
+
+  const level = classifyAttendanceLevel(present);
+  const liveliness = ATTENDANCE_META[level];
+
+  const slides: Slide[] = [];
+  if (currentTrack?.title) {
+    slides.push({
+      id: 'now-playing',
+      icon: <IconPlayerPlayFilled />,
+      chip: 'bg-sky-100 text-sky-700',
+      label: 'いま流れているどうが',
+      value: currentTrack.title,
+    });
+  }
+  slides.push({
+    id: 'attendance',
+    icon: <IconUsers />,
+    chip: 'bg-emerald-100 text-emerald-700',
+    label: 'いまの来場',
+    value: (
+      <>
+        <span className="tabular-nums">{present}</span> 人
+        <span className="ml-2 text-[0.6em] font-bold text-slate-400">本日 {totalCheckedIn} 人</span>
+      </>
+    ),
+  });
+  slides.push({
+    id: 'liveliness',
+    icon: <IconSparkles />,
+    chip: liveliness.chip,
+    label: 'かいじょうの にぎわい',
+    value: liveliness.label,
+  });
+  slides.push({
+    id: 'cohost',
+    icon: <IconHeartHandshake />,
+    chip: 'bg-violet-100 text-violet-700',
+    label: '主催・共催',
+    value: 'tec-nova ／ 長崎市 × 長崎大学',
+  });
+  slides.push({
+    id: 'about',
+    icon: <IconBulb />,
+    chip: 'bg-amber-100 text-amber-800',
+    label: 'tec-nova ながさき とは',
+    value: '子どもたちの「つくってみたい！」をかたちにする、ファブリケーション活動です。',
+  });
+  slides.push({
+    id: 'platform',
+    icon: <IconBroadcast />,
+    chip: 'bg-slate-100 text-slate-600',
+    label: 'tecnova-platform',
+    value: '受付からサイネージまで、運営を支えるオープンソースの基盤です。',
+  });
+
+  const count = slides.length;
+  useEffect(() => {
+    if (count <= 1) return;
+    const id = window.setInterval(() => setI((p) => (p + 1) % count), ROTATE_MS);
+    return () => window.clearInterval(id);
+  }, [count]);
+
+  const idx = i % count;
+  const active = slides[idx];
+
+  return (
+    <div className="flex items-center gap-[clamp(0.75rem,1.6vw,1.5rem)] rounded-2xl bg-white/90 px-[clamp(1rem,2vw,2rem)] py-[clamp(0.6rem,1.4vh,1.1rem)] shadow-sm ring-1 ring-foreground/10 backdrop-blur">
+      <span
+        className={cn(
+          'grid size-[clamp(2.5rem,4vw,3.5rem)] shrink-0 place-items-center rounded-xl [&>svg]:size-[55%]',
+          active.chip,
+        )}
+      >
+        {active.icon}
+      </span>
+      <div className="min-w-0 flex-1 overflow-hidden">
+        <AnimatePresence mode="wait">
+          <motion.div
+            key={active.id}
+            initial={reduced ? false : slideInitial}
+            animate={slideAnimate}
+            exit={reduced ? { opacity: 0 } : slideExit}
+            transition={reduced ? { duration: 0 } : slideTransition}
+          >
+            <p className="text-[clamp(0.7rem,1.1vw,0.95rem)] font-bold text-slate-400">
+              {active.label}
+            </p>
+            <p className="line-clamp-2 text-[clamp(1rem,2vw,1.7rem)] font-black text-slate-900">
+              {active.value}
+            </p>
+          </motion.div>
+        </AnimatePresence>
+      </div>
+      <div className="ml-auto flex shrink-0 items-center gap-[clamp(0.4rem,0.8vw,0.75rem)]">
+        {debug && (
+          <span className="mr-1 flex gap-1">
+            <button
+              type="button"
+              onClick={() => setI((p) => (p - 1 + count) % count)}
+              className="rounded-md bg-slate-100 px-2 py-0.5 text-xs font-bold text-slate-600"
+            >
+              ◀
+            </button>
+            <button
+              type="button"
+              onClick={() => setI((p) => (p + 1) % count)}
+              className="rounded-md bg-slate-100 px-2 py-0.5 text-xs font-bold text-slate-600"
+            >
+              ▶
+            </button>
+          </span>
+        )}
+        <span className="flex items-center gap-1.5">
+          {slides.map((s, n) => (
+            <span
+              key={s.id}
+              className={cn(
+                'size-2 rounded-full transition-colors',
+                n === idx ? 'bg-slate-800' : 'bg-slate-300',
+              )}
+            />
+          ))}
+        </span>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/live-badge.tsx b/apps/signage/src/components/live-badge.tsx
new file mode 100644
index 0000000..8d392ff
--- /dev/null
+++ b/apps/signage/src/components/live-badge.tsx
@@ -0,0 +1,33 @@
+'use client';
+
+import { cn } from '@tecnova/ui/lib/utils';
+import { motion, useReducedMotion } from 'motion/react';
+import { AIR_STATUS_META, type AirStatus } from '@/lib/broadcast';
+
+// ステータスを示すピル。オンエア/休憩/まもなくは点を脈動させる（reduced-motion 時は静止）。
+export function LiveBadge({ status, className }: { status: AirStatus; className?: string }) {
+  const reduced = useReducedMotion();
+  const meta = AIR_STATUS_META[status];
+  const animate = meta.pulse && !reduced;
+  return (
+    <span
+      className={cn(
+        'inline-flex items-center gap-2 rounded-full px-3 py-1 font-bold whitespace-nowrap',
+        meta.chip,
+        className,
+      )}
+    >
+      <span className="relative flex shrink-0">
+        <span className={cn('size-2.5 rounded-full', meta.dot)} />
+        {animate && (
+          <motion.span
+            className={cn('absolute inset-0 rounded-full', meta.dot)}
+            animate={{ scale: [1, 2.2], opacity: [0.6, 0] }}
+            transition={{ duration: 1.8, repeat: Number.POSITIVE_INFINITY, ease: 'easeOut' }}
+          />
+        )}
+      </span>
+      {meta.label}
+    </span>
+  );
+}
diff --git a/apps/signage/src/components/mute-toggle.tsx b/apps/signage/src/components/mute-toggle.tsx
index 5392a61..0d818bf 100644
--- a/apps/signage/src/components/mute-toggle.tsx
+++ b/apps/signage/src/components/mute-toggle.tsx
@@ -2,21 +2,20 @@
 
 import { IconVolume, IconVolumeOff } from '@tabler/icons-react';
 
-interface Props {
-  muted: boolean;
-  onToggle: () => void;
-}
-
-// 運用者向けの控えめな小コントロール（端末隅）。既定=無音。
-export function MuteToggle({ muted, onToggle }: Props) {
+// 動画パネル右上に置く控えめな音声トグル（運用者向け）。既定=無音。
+export function MuteToggle({ muted, onToggle }: { muted: boolean; onToggle: () => void }) {
   return (
     <button
       type="button"
       onClick={onToggle}
       aria-label={muted ? '動画の音声をオンにする' : '動画の音声をオフにする'}
-      className="absolute right-4 bottom-4 z-40 flex size-11 items-center justify-center rounded-full bg-slate-950/50 text-white/70 backdrop-blur transition hover:text-white"
+      className="absolute top-[1vw] right-[1vw] z-30 flex size-[clamp(2.5rem,3.4vw,3.25rem)] items-center justify-center rounded-full bg-black/35 text-white/80 backdrop-blur transition hover:bg-black/55 hover:text-white"
     >
-      {muted ? <IconVolumeOff className="size-5" /> : <IconVolume className="size-5" />}
+      {muted ? (
+        <IconVolumeOff className="size-[clamp(1.1rem,1.8vw,1.6rem)]" />
+      ) : (
+        <IconVolume className="size-[clamp(1.1rem,1.8vw,1.6rem)]" />
+      )}
     </button>
   );
 }
diff --git a/apps/signage/src/components/reveal.tsx b/apps/signage/src/components/reveal.tsx
new file mode 100644
index 0000000..9d03157
--- /dev/null
+++ b/apps/signage/src/components/reveal.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import { motion, useReducedMotion } from 'motion/react';
+import type { ReactNode } from 'react';
+import { revealAnimate, revealInitial, revealTransition } from '@/lib/motion';
+
+// 子をフェードアップで入場させる薄いラッパ（checkin の Reveal と同じ所作）。
+// index でスタッガーをずらす。prefers-reduced-motion 時は即表示する。
+export function Reveal({
+  index = 0,
+  className,
+  children,
+}: {
+  index?: number;
+  className?: string;
+  children: ReactNode;
+}) {
+  const prefersReduced = useReducedMotion();
+  return (
+    <motion.div
+      className={className}
+      initial={prefersReduced ? false : revealInitial}
+      animate={revealAnimate}
+      transition={prefersReduced ? undefined : revealTransition(index)}
+    >
+      {children}
+    </motion.div>
+  );
+}
diff --git a/apps/signage/src/components/stage-header.tsx b/apps/signage/src/components/stage-header.tsx
new file mode 100644
index 0000000..a4f8f24
--- /dev/null
+++ b/apps/signage/src/components/stage-header.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import Image from 'next/image';
+import type { AirStatus } from '@/lib/broadcast';
+import { jstHm } from '@/lib/time';
+import { LiveBadge } from './live-badge';
+
+const jstDate = new Intl.DateTimeFormat('ja-JP', {
+  timeZone: 'Asia/Tokyo',
+  month: 'long',
+  day: 'numeric',
+  weekday: 'short',
+});
+
+// 配信フレーム最上段。ワードマーク・ステータス・大きな時計（JST）。
+export function StageHeader({ now, status }: { now: Date; status: AirStatus }) {
+  return (
+    <header className="flex items-center gap-[clamp(0.75rem,1.6vw,1.5rem)]">
+      <Image
+        src="/logo_tecnova.png"
+        alt="tec-nova"
+        width={153}
+        height={40}
+        priority
+        className="h-[clamp(2rem,4.4vh,3.25rem)] w-auto shrink-0"
+      />
+      <LiveBadge status={status} className="text-[clamp(0.8rem,1.4vw,1.15rem)]" />
+      <div className="ml-auto flex items-baseline gap-[clamp(0.5rem,1vw,1rem)]">
+        <span className="text-[clamp(0.85rem,1.4vw,1.25rem)] font-bold text-slate-500">
+          {jstDate.format(now)}
+        </span>
+        <span className="text-[clamp(2rem,4vw,3.75rem)] font-black leading-none text-slate-900 tabular-nums">
+          {jstHm(now)}
+        </span>
+      </div>
+    </header>
+  );
+}
diff --git a/apps/signage/src/components/tap-to-start.tsx b/apps/signage/src/components/tap-to-start.tsx
index 32fa106..5e809ee 100644
--- a/apps/signage/src/components/tap-to-start.tsx
+++ b/apps/signage/src/components/tap-to-start.tsx
@@ -1,19 +1,30 @@
 'use client';
 
-interface Props {
-  onStart: () => void;
-}
+import Image from 'next/image';
 
-export function TapToStart({ onStart }: Props) {
+// キオスク起動ゲート。タップでチャイム解放・全画面・wake lock を有効化する。
+export function TapToStart({ onStart }: { onStart: () => void }) {
   return (
     <button
       type="button"
       onClick={onStart}
-      className="absolute inset-0 z-30 flex flex-col items-center justify-center gap-4 bg-slate-950 text-white"
+      className="absolute inset-0 z-40 flex flex-col items-center justify-center gap-[clamp(1rem,3vh,2.25rem)] bg-gradient-to-b from-sky-50 to-white text-slate-900"
     >
-      <span className="text-6xl">▶</span>
-      <span className="text-3xl font-extrabold">タップして開始</span>
-      <span className="text-base text-slate-400">チャイム・全画面表示を有効にします</span>
+      <Image
+        src="/logo_tecnova.png"
+        alt="tec-nova ながさき"
+        width={153}
+        height={40}
+        priority
+        className="h-[clamp(2.75rem,7vh,4.5rem)] w-auto"
+      />
+      <span className="grid size-[clamp(5rem,12vh,8rem)] place-items-center rounded-full bg-slate-900 text-[clamp(2rem,5vh,3.5rem)] text-white shadow-xl">
+        ▶
+      </span>
+      <span className="text-[clamp(1.5rem,4vw,2.75rem)] font-black">タップして はじめる</span>
+      <span className="text-[clamp(0.85rem,1.6vw,1.2rem)] font-bold text-slate-500">
+        チャイム・全画面表示を有効にします
+      </span>
     </button>
   );
 }
diff --git a/apps/signage/src/components/video-stage.tsx b/apps/signage/src/components/video-stage.tsx
new file mode 100644
index 0000000..162de4c
--- /dev/null
+++ b/apps/signage/src/components/video-stage.tsx
@@ -0,0 +1,79 @@
+'use client';
+
+import type { CyclePhase } from '@tecnova/shared/activity-cycle';
+import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
+import { BreakOverlay } from './break-overlay';
+import { IdleOverlay } from './idle-overlay';
+import { MuteToggle } from './mute-toggle';
+import { YoutubePlayer } from './youtube-player';
+
+interface Props {
+  phase: CyclePhase;
+  videoIds: string[];
+  muted: boolean;
+  started: boolean;
+  onToggleMute: () => void;
+  onVideoChange: (index: number) => void;
+  secondsToPhaseEnd: number | null; // 休憩中の残り秒
+  now: Date;
+  soon: boolean;
+  nextStartAt: Date | null;
+  present: number;
+}
+
+// 縮小した動画パネル。IFrame は常時マウントし、休憩/待機スライドを上にクロスフェードする。
+export function VideoStage({
+  phase,
+  videoIds,
+  muted,
+  started,
+  onToggleMute,
+  onVideoChange,
+  secondsToPhaseEnd,
+  now,
+  soon,
+  nextStartAt,
+  present,
+}: Props) {
+  const reduced = useReducedMotion();
+  return (
+    <div className="relative h-full min-h-0 overflow-hidden rounded-2xl bg-slate-950 shadow-xl ring-1 ring-foreground/10">
+      <YoutubePlayer
+        videoIds={videoIds}
+        active={phase === 'activity'}
+        muted={muted}
+        started={started}
+        onVideoChange={onVideoChange}
+      />
+
+      <AnimatePresence>
+        {phase === 'break' && (
+          <motion.div
+            key="break"
+            className="absolute inset-0 z-20"
+            initial={reduced ? false : { opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{ duration: reduced ? 0 : 0.5 }}
+          >
+            <BreakOverlay secondsToResume={secondsToPhaseEnd} present={present} />
+          </motion.div>
+        )}
+        {phase === 'idle' && (
+          <motion.div
+            key="idle"
+            className="absolute inset-0 z-20"
+            initial={reduced ? false : { opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{ duration: reduced ? 0 : 0.5 }}
+          >
+            <IdleOverlay now={now} soon={soon} nextStartAt={nextStartAt} present={present} />
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      {started && <MuteToggle muted={muted} onToggle={onToggleMute} />}
+    </div>
+  );
+}
diff --git a/apps/signage/src/lib/broadcast.ts b/apps/signage/src/lib/broadcast.ts
new file mode 100644
index 0000000..d70468c
--- /dev/null
+++ b/apps/signage/src/lib/broadcast.ts
@@ -0,0 +1,73 @@
+import type { CyclePhase } from '@tecnova/shared/activity-cycle';
+import type { AttendanceLevel } from '@tecnova/shared/attendance-level';
+
+// 配信（ブロードキャスト）画面のステータス。チャイムの役割を持つ右レーンとヘッダのバッジで使う。
+export type AirStatus = 'live' | 'break' | 'soon' | 'standby' | 'ended';
+
+export const airStatus = ({
+  phase,
+  soon,
+  hasNext,
+}: {
+  phase: CyclePhase;
+  soon: boolean; // ターム内・未稼働（まもなく開始）
+  hasNext: boolean; // この後にまだタームがある
+}): AirStatus => {
+  if (phase === 'activity') return 'live';
+  if (phase === 'break') return 'break';
+  if (soon) return 'soon';
+  return hasNext ? 'standby' : 'ended';
+};
+
+// ステータスごとの見た目。dot=点の色 / chip=ピル / pulse=点を脈動させるか。
+export const AIR_STATUS_META: Record<
+  AirStatus,
+  { label: string; dot: string; chip: string; pulse: boolean }
+> = {
+  live: {
+    label: 'オンエア',
+    dot: 'bg-emerald-500',
+    chip: 'bg-emerald-100 text-emerald-700',
+    pulse: true,
+  },
+  break: { label: '休憩中', dot: 'bg-amber-500', chip: 'bg-amber-100 text-amber-800', pulse: true },
+  soon: { label: 'まもなく開始', dot: 'bg-sky-500', chip: 'bg-sky-100 text-sky-700', pulse: true },
+  standby: {
+    label: '準備中',
+    dot: 'bg-slate-400',
+    chip: 'bg-slate-100 text-slate-600',
+    pulse: false,
+  },
+  ended: {
+    label: '本日終了',
+    dot: 'bg-slate-400',
+    chip: 'bg-slate-100 text-slate-600',
+    pulse: false,
+  },
+};
+
+// にぎわいレベルごとの見た目。fill=メーターの満たし割合（0..1）。
+export const ATTENDANCE_META: Record<
+  AttendanceLevel,
+  { label: string; chip: string; bar: string; fill: number }
+> = {
+  quiet: {
+    label: 'ゆったり',
+    chip: 'bg-slate-100 text-slate-600',
+    bar: 'bg-slate-400',
+    fill: 0.25,
+  },
+  steady: { label: 'ほどよい', chip: 'bg-sky-100 text-sky-700', bar: 'bg-sky-500', fill: 0.5 },
+  lively: {
+    label: 'にぎやか',
+    chip: 'bg-emerald-100 text-emerald-700',
+    bar: 'bg-emerald-500',
+    fill: 0.75,
+  },
+  crowded: {
+    label: '大にぎわい',
+    chip: 'bg-amber-100 text-amber-800',
+    bar: 'bg-amber-500',
+    fill: 1,
+  },
+};
diff --git a/apps/signage/src/lib/motion.ts b/apps/signage/src/lib/motion.ts
new file mode 100644
index 0000000..7c02b06
--- /dev/null
+++ b/apps/signage/src/lib/motion.ts
@@ -0,0 +1,20 @@
+import type { Transition } from 'motion/react';
+
+// checkin と同じ入場イージング・タイミングに揃え、プラットフォーム全体で一貫した所作にする。
+const EASE_OUT = 'easeOut' as const;
+
+// カード/セクションのフェードアップ入場。
+export const revealInitial = { opacity: 0, y: 12 } as const;
+export const revealAnimate = { opacity: 1, y: 0 } as const;
+export const REVEAL_STAGGER_STEP = 0.06;
+export const revealTransition = (index = 0): Transition => ({
+  duration: 0.4,
+  ease: EASE_OUT,
+  delay: index * REVEAL_STAGGER_STEP,
+});
+
+// 下部インフォメーションのスライド切替（lower-third のクロスフェード）。
+export const slideInitial = { opacity: 0, y: 10 } as const;
+export const slideAnimate = { opacity: 1, y: 0 } as const;
+export const slideExit = { opacity: 0, y: -10 } as const;
+export const slideTransition: Transition = { duration: 0.45, ease: EASE_OUT };

From 49c0379947da5732b7576211b0c77b978a20393d Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 18:31:14 +0900
Subject: [PATCH 22/36] feat(signage): align login + shell with broadcast
 theme; document layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ログイン画面・MeProvider のローディング/権限エラー・body・manifest/themeColor を
配信レイアウトの明るい地（sky→white）に統一。ログインにロゴと入場アニメを追加。
signage/CLAUDE.md と設計 spec にブロードキャスト UI への刷新を追記（doc 先行の原則）。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/CLAUDE.md                        |  5 +-
 apps/signage/src/app/layout.tsx               |  5 +-
 apps/signage/src/app/login/page.tsx           | 58 ++++++++++++-------
 apps/signage/src/app/manifest.ts              |  5 +-
 apps/signage/src/components/app-shell.tsx     |  6 +-
 .../specs/2026-05-29-signage-chime-design.md  |  1 +
 6 files changed, 49 insertions(+), 31 deletions(-)

diff --git a/apps/signage/CLAUDE.md b/apps/signage/CLAUDE.md
index ec5b68c..d2be720 100644
--- a/apps/signage/CLAUDE.md
+++ b/apps/signage/CLAUDE.md
@@ -6,9 +6,10 @@
 - **dev ポート**: `3002`（`next dev --port 3002`）。api は `8787`、checkin は `3000`、admin は `3001`。
 - **認証あり**: checkin/admin と同じメンター・ホワイトリスト（`MeProvider`/`auth-client`）。運用は**テクノバ共有の管理用 Google アカウント**で1回ログイン（セッション既定7日）。`useMe` はツリー内に `MeProvider` 必須。
 - **データ**: 認証付き `GET /api/sessions/today` を再利用（稼働判定・在館数）。ターム別チェックイン数は `sessions[].term` から算出し、**現タームに当日チェックインが入った時点で稼働開始**（ターム終了まで sticky）。
+- **レイアウト**: 配信（ブロードキャスト）風（`BroadcastFrame`）。上=`StageHeader`（ワードマーク・ステータス・JST時計）／中=`VideoStage`（縮小動画パネル。休憩・待機は `BreakOverlay`/`IdleOverlay` をパネル上にクロスフェード）＋右レーン `ChimeRail`（**チャイムの役割**＝次チャイムまでのカウントダウンリング・ターム・サイクル、idle 時は本日のスケジュール）／下=`InfoTicker`（動画タイトル・来場・にぎわい・主催/共催・tec-nova/tecnova-platform 紹介を巡回）。状態機械（activity/break/idle）と稼働判定は従来どおり `page.tsx` で算出し frame に渡すだけ。世界観は checkin に統一（`from-sky-50 to-white`・`motion` + `useReducedMotion`・`rounded-2xl`/`shadow-sm` カード）。にぎわいは `@tecnova/shared/attendance-level` の純粋ロジック由来。
 - **時刻ロジック**: `@tecnova/shared/activity-cycle`（50分活動/10分休憩・チャイム時刻）。時刻ソースは `src/lib/now.ts` の `getNow()`（優先順位: デバッグ擬似時計 → `?now=ISO` アンカー → 実時刻）。
-- **プレビュー/デバッグ**: `?debug=1` を付けたときだけ画面下部に操作バー（`DebugPanel`）が出る。本番壁面は `?debug=1` 無しで起動するので影響ゼロ（`debugEnabled=false` で全分岐が短絡＝従来挙動と完全同値）。擬似時計（ジャンプ/一時停止/×1×30×120）・稼働強制（チェックインデータ無しで活動/休憩を再現）・手動チャイムで、実時刻を待たずに全状態と各遷移＋チャイムを検証できる。ストアは `now.ts` に同居し `useSyncExternalStore` で購読。チャイムスケジューラは `jumpEpoch` で前方ジャンプ時の過去チャイム一斉発火を抑止する。
-- **動画**: YouTube IFrame Player API の自前キュー（`ENDED`/`onError` で次 videoId へ `loadVideoById`）。再生順は YouTube のプレイリストを `GET /api/signage/playlist`（YouTube Data API・Worker キャッシュ）が videoId 列にして返す。フォールバックは `src/config/playlist.ts` の `FALLBACK_VIDEO_IDS`。**広告は埋め込み側で消せない**（仕様 §5.3）。
+- **プレビュー/デバッグ**: `?debug=1` を付けたときだけ画面下部に操作バー（`DebugPanel`）が出る。本番壁面は `?debug=1` 無しで起動するので影響ゼロ（`debugEnabled=false` で全分岐が短絡＝従来挙動と完全同値）。擬似時計（ジャンプ/一時停止/×1×30×120）・稼働強制（チェックインデータ無しで活動/休憩を再現）・手動チャイムで、実時刻を待たずに全状態と各遷移＋チャイムを検証できる。下部インフォメーション（`InfoTicker`）には `?debug=1` のとき ◀▶ の手動送りが出る。ストアは `now.ts` に同居し `useSyncExternalStore` で購読。チャイムスケジューラは `jumpEpoch` で前方ジャンプ時の過去チャイム一斉発火を抑止する。
+- **動画**: 縮小した動画パネル（`VideoStage`）に YouTube IFrame Player API の自前キューを**常時マウント**（`ENDED`/`onError` で次 videoId へ `loadVideoById`、活動フェーズのみ再生・他は pause）。再生順は YouTube のプレイリストを `GET /api/signage/playlist`（YouTube Data API・Worker キャッシュ）が videoId＋タイトル列にして返し、`usePlaylist` が保持／`useYoutubePlayer` の `onVideoChange` で現在トラックを通知（下部インフォの動画タイトル用）。フォールバックは `src/config/playlist.ts` の `FALLBACK_VIDEO_IDS`。**広告は埋め込み側で消せない**（仕様 §5.3）。
 - **音声**: 無音/音ありのグローバルトグルのみ（既定=無音・localStorage）。BGM は **OS側 Spotify**（アプリ非統合）。チャイムは Web Audio 合成で独立。
 - **キオスク**: 横向き・フルスクリーン。起動「タップして開始」で**チャイム解放・全画面・wake lock**（＋音ありモード時のみ動画 unMute）。ミュート動画はタップ前から再生。本番は Chromium を `--kiosk` 等で起動。
 - **必須 env**: `NEXT_PUBLIC_API_URL`（未設定時 `http://localhost:8787`）。API 側 `TRUSTED_ORIGINS` にサイネージ origin（dev: `http://localhost:3002`、本番ドメイン）、`YOUTUBE_API_KEY`/`YOUTUBE_PLAYLIST_ID` を登録すること。
diff --git a/apps/signage/src/app/layout.tsx b/apps/signage/src/app/layout.tsx
index 31a8b81..8ce352d 100644
--- a/apps/signage/src/app/layout.tsx
+++ b/apps/signage/src/app/layout.tsx
@@ -18,7 +18,8 @@ export const metadata: Metadata = {
 };
 
 export const viewport: Viewport = {
-  themeColor: '#020617',
+  // 配信レイアウトの地（sky-50）に合わせる。
+  themeColor: '#f0f9ff',
   // 大型モニターのキオスク表示。ピンチズーム無効で誤操作を防ぐ。
   width: 'device-width',
   initialScale: 1,
@@ -29,7 +30,7 @@ export const viewport: Viewport = {
 export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang="ja" className={cn('h-full antialiased font-sans', fontSans.variable)}>
-      <body className="min-h-full bg-slate-950">
+      <body className="min-h-full bg-sky-50">
         <AppShell>{children}</AppShell>
       </body>
     </html>
diff --git a/apps/signage/src/app/login/page.tsx b/apps/signage/src/app/login/page.tsx
index dd7bee0..8b5b9ce 100644
--- a/apps/signage/src/app/login/page.tsx
+++ b/apps/signage/src/app/login/page.tsx
@@ -3,7 +3,9 @@
 import { Alert, AlertDescription, AlertTitle } from '@tecnova/ui/components/alert';
 import { Button } from '@tecnova/ui/components/button';
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@tecnova/ui/components/card';
+import Image from 'next/image';
 import { useState } from 'react';
+import { Reveal } from '@/components/reveal';
 import { authClient } from '@/lib/auth-client';
 
 export default function LoginPage() {
@@ -28,28 +30,40 @@ export default function LoginPage() {
   };
 
   return (
-    <main className="flex min-h-svh items-center justify-center bg-slate-950 p-8">
-      <Card className="w-full max-w-md">
-        <CardHeader>
-          <CardTitle className="text-2xl">テクノバ サイネージ</CardTitle>
-        </CardHeader>
-        {error && (
-          <CardContent>
-            <Alert variant="destructive">
-              <AlertTitle>ログインエラー</AlertTitle>
-              <AlertDescription>{error}</AlertDescription>
-            </Alert>
-          </CardContent>
-        )}
-        <CardFooter className="flex-col gap-3">
-          <Button type="button" size="lg" onClick={signIn} disabled={busy} className="w-full">
-            {busy ? 'リダイレクト中...' : 'Google でログイン（共有アカウント）'}
-          </Button>
-          <p className="text-center text-sm text-muted-foreground">
-            許可リストに登録されたアカウントのみ利用できます
-          </p>
-        </CardFooter>
-      </Card>
+    <main className="flex min-h-svh items-center justify-center bg-gradient-to-b from-sky-50 to-white p-8">
+      <Reveal className="w-full max-w-md">
+        <Card>
+          <CardHeader>
+            <div className="flex flex-col items-center gap-3 text-center">
+              <Image
+                src="/logo_tecnova.png"
+                alt="tec-nova ながさき"
+                width={153}
+                height={40}
+                priority
+                className="h-10 w-auto"
+              />
+              <CardTitle className="text-2xl">サイネージ表示</CardTitle>
+            </div>
+          </CardHeader>
+          {error && (
+            <CardContent>
+              <Alert variant="destructive">
+                <AlertTitle>ログインエラー</AlertTitle>
+                <AlertDescription>{error}</AlertDescription>
+              </Alert>
+            </CardContent>
+          )}
+          <CardFooter className="flex-col gap-3">
+            <Button type="button" size="lg" onClick={signIn} disabled={busy} className="w-full">
+              {busy ? 'リダイレクト中...' : 'Google でログイン（共有アカウント）'}
+            </Button>
+            <p className="text-center text-sm text-muted-foreground">
+              許可リストに登録されたアカウントのみ利用できます
+            </p>
+          </CardFooter>
+        </Card>
+      </Reveal>
     </main>
   );
 }
diff --git a/apps/signage/src/app/manifest.ts b/apps/signage/src/app/manifest.ts
index 0f158d1..9b800dd 100644
--- a/apps/signage/src/app/manifest.ts
+++ b/apps/signage/src/app/manifest.ts
@@ -10,8 +10,9 @@ export default function manifest(): MetadataRoute.Manifest {
     start_url: '/',
     display: 'fullscreen',
     orientation: 'landscape',
-    background_color: '#020617',
-    theme_color: '#2563eb',
+    // 配信レイアウトの明るい地に合わせる（スプラッシュ＝sky-50、テーマ＝sky-500）。
+    background_color: '#f0f9ff',
+    theme_color: '#0ea5e9',
     lang: 'ja',
   };
 }
diff --git a/apps/signage/src/components/app-shell.tsx b/apps/signage/src/components/app-shell.tsx
index 0f18c97..5400399 100644
--- a/apps/signage/src/components/app-shell.tsx
+++ b/apps/signage/src/components/app-shell.tsx
@@ -13,9 +13,9 @@ export function AppShell({ children }: { children: React.ReactNode }) {
   return (
     <MeProvider
       forbiddenMessage="サイネージの利用権限がありません"
-      loadingClassName="flex min-h-svh items-center justify-center bg-slate-950 text-slate-300"
-      forbiddenClassName="flex min-h-svh flex-col items-center justify-center gap-4 bg-slate-950 p-8 text-center text-slate-300"
-      errorClassName="flex min-h-svh flex-col items-center justify-center gap-4 bg-slate-950 p-8 text-center text-slate-300"
+      loadingClassName="flex min-h-svh items-center justify-center bg-gradient-to-b from-sky-50 to-white text-slate-500"
+      forbiddenClassName="flex min-h-svh flex-col items-center justify-center gap-4 bg-gradient-to-b from-sky-50 to-white p-8 text-center text-slate-600"
+      errorClassName="flex min-h-svh flex-col items-center justify-center gap-4 bg-gradient-to-b from-sky-50 to-white p-8 text-center text-slate-600"
     >
       {children}
     </MeProvider>
diff --git a/docs/superpowers/specs/2026-05-29-signage-chime-design.md b/docs/superpowers/specs/2026-05-29-signage-chime-design.md
index 8e021c2..6f1a9c2 100644
--- a/docs/superpowers/specs/2026-05-29-signage-chime-design.md
+++ b/docs/superpowers/specs/2026-05-29-signage-chime-design.md
@@ -2,6 +2,7 @@
 
 - 作成日: 2026-05-29
 - 改訂: 2026-05-30 — 動画レイヤを self-host HTML5 `<video>` から **YouTube（IFrame Player API 自前キュー ＋ YouTube Data API）** に変更。BGMは **無音トグル ＋ OS側 Spotify**（アプリ非統合）。チャイム／サイクル／認証／`/api/sessions/today` ポーリングは不変。
+- 改訂: 2026-05-30 — **L2レイアウトを「配信（ブロードキャスト）風」に刷新**。「全画面動画＋上部情報バー」から、**縮小した動画パネル＋右レーン（チャイムの役割＝次チャイムまでのカウントダウン）＋下部の巡回インフォメーション（lower-third）**へ。休憩/待機はパネル上にスライドをクロスフェード。世界観は checkin に統一（sky→white・LINE Seed JP・motion + reduced-motion 尊重）。**状態機械・チャイム・サイクル・稼働判定・データ経路は不変**（§2の状態機械は同じ／画面の見せ方のみ変更）。にぎわい表示は `packages/shared/src/attendance-level.ts` の純粋ロジックで来場者数から算出。
 - ステータス: 設計合意済み（実装計画はこの後に更新）
 - 関連: `docs/architecture.md`（拡張ロードマップに本アプリを追記予定）
 

From 9840b841ba1a56bff98ed3336fe409cdbaceb9ce Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 19:17:07 +0900
Subject: [PATCH 23/36] feat(shared): calibrate liveliness to a 25-person
 same-time capacity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

一番混んでいる状態を同時滞在25人と定義（ATTENDANCE_CAPACITY）。にぎわいレベルの
しきい値を 7/13/19 に再設定し、25人で crowded（満員）に到達。メーター用の
occupancyRatio（0..1・上限クランプ）を追加。境界値・クランプのテストを更新。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 packages/shared/src/attendance-level.test.ts | 41 +++++++++++++++-----
 packages/shared/src/attendance-level.ts      | 24 ++++++++----
 2 files changed, 48 insertions(+), 17 deletions(-)

diff --git a/packages/shared/src/attendance-level.test.ts b/packages/shared/src/attendance-level.test.ts
index 63dcc91..709abb1 100644
--- a/packages/shared/src/attendance-level.test.ts
+++ b/packages/shared/src/attendance-level.test.ts
@@ -1,24 +1,28 @@
 import { describe, expect, it } from 'vitest';
-import { classifyAttendanceLevel } from './attendance-level';
+import { ATTENDANCE_CAPACITY, classifyAttendanceLevel, occupancyRatio } from './attendance-level';
 
 describe('classifyAttendanceLevel', () => {
   it('0 人は quiet', () => {
     expect(classifyAttendanceLevel(0)).toBe('quiet');
   });
 
-  it('quiet→steady の境界は 8 人', () => {
-    expect(classifyAttendanceLevel(7)).toBe('quiet');
-    expect(classifyAttendanceLevel(8)).toBe('steady');
+  it('quiet→steady の境界は 7 人', () => {
+    expect(classifyAttendanceLevel(6)).toBe('quiet');
+    expect(classifyAttendanceLevel(7)).toBe('steady');
   });
 
-  it('steady→lively の境界は 18 人', () => {
-    expect(classifyAttendanceLevel(17)).toBe('steady');
+  it('steady→lively の境界は 13 人', () => {
+    expect(classifyAttendanceLevel(12)).toBe('steady');
+    expect(classifyAttendanceLevel(13)).toBe('lively');
+  });
+
+  it('lively→crowded の境界は 19 人', () => {
     expect(classifyAttendanceLevel(18)).toBe('lively');
+    expect(classifyAttendanceLevel(19)).toBe('crowded');
   });
 
-  it('lively→crowded の境界は 30 人', () => {
-    expect(classifyAttendanceLevel(29)).toBe('lively');
-    expect(classifyAttendanceLevel(30)).toBe('crowded');
+  it('想定上限の 25 人は crowded', () => {
+    expect(classifyAttendanceLevel(25)).toBe('crowded');
   });
 
   it('負値は 0 と同じ quiet 扱い', () => {
@@ -29,3 +33,22 @@ describe('classifyAttendanceLevel', () => {
     expect(classifyAttendanceLevel(12.9)).toBe('steady');
   });
 });
+
+describe('occupancyRatio', () => {
+  it('想定上限 25 人で 1（満員）', () => {
+    expect(occupancyRatio(25)).toBe(1);
+    expect(ATTENDANCE_CAPACITY).toBe(25);
+  });
+
+  it('上限を超えても 1 でクランプ', () => {
+    expect(occupancyRatio(40)).toBe(1);
+  });
+
+  it('0 人で 0', () => {
+    expect(occupancyRatio(0)).toBe(0);
+  });
+
+  it('半分（約12〜13人）で 0.5 前後', () => {
+    expect(occupancyRatio(12.5)).toBeCloseTo(0.5, 5);
+  });
+});
diff --git a/packages/shared/src/attendance-level.ts b/packages/shared/src/attendance-level.ts
index 64d2c71..1dba212 100644
--- a/packages/shared/src/attendance-level.ts
+++ b/packages/shared/src/attendance-level.ts
@@ -1,16 +1,18 @@
-// 来場者数から会場の「にぎわい」レベルを求める純粋ロジック。
+// 来場者数（同時滞在数）から会場の「にぎわい」レベルを求める純粋ロジック。
 // サイネージのにぎわい表示や混雑案内に使う想定。venue-schedule と同じく Workers 安全。
-//
-// しきい値は実運用データが無いうちの暫定値。会場規模が分かったらこの配列だけ調整すればよい
-// （表示文言・配色は呼び出し側＝サイネージの presentation 層が担当する）。
+
+// 同時滞在の想定上限（＝一番混んでいる状態）。にぎわいメーターはこの値を満員=1 とする。
+// 運用実測で会場規模が変わったらこの定数を直せばよい。
+export const ATTENDANCE_CAPACITY = 25;
 
 export type AttendanceLevel = 'quiet' | 'steady' | 'lively' | 'crowded';
 
-// 各レベルの下限人数（その人数“以上”でそのレベル）。降順に並べ、先に満たしたものを採用する。
+// 想定上限 25 をおよそ四分割したしきい値（各レベルの下限人数＝その人数“以上”でそのレベル）。
+// 降順に並べ、先に満たしたものを採用する。25 人で crowded（満員）に達する。
 export const ATTENDANCE_LEVEL_THRESHOLDS: readonly { min: number; level: AttendanceLevel }[] = [
-  { min: 30, level: 'crowded' },
-  { min: 18, level: 'lively' },
-  { min: 8, level: 'steady' },
+  { min: 19, level: 'crowded' }, // 75%〜
+  { min: 13, level: 'lively' }, // 50%〜
+  { min: 7, level: 'steady' }, // 25%〜
   { min: 0, level: 'quiet' },
 ];
 
@@ -22,3 +24,9 @@ export const classifyAttendanceLevel = (present: number): AttendanceLevel => {
   }
   return 'quiet';
 };
+
+// 想定上限に対する充足率（0..1）。にぎわいメーターのバー長などに使う。
+export const occupancyRatio = (present: number): number => {
+  const n = Math.max(0, present);
+  return Math.min(1, n / ATTENDANCE_CAPACITY);
+};

From aded081cffd82f3e0fb18faa7bc18c48369fa979 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 19:38:31 +0900
Subject: [PATCH 24/36] feat(signage): animate countdown digits with an
 odometer roll
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

数字のカウントダウンを桁単位の縦ロール（odometer）でアニメーション。
新規 <AnimatedTime> を countdown-ring 中央と break-overlay 巨大表示にドロップイン。
毎秒は一の位だけ静かに動き、reduced-motion / 値なしは素の文字で副作用ゼロ。
休憩スライドの文言も子ども向けに（さんかちゅう→あそびちゅう）。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/animated-time.tsx | 72 +++++++++++++++++++
 apps/signage/src/components/break-overlay.tsx | 11 +--
 .../signage/src/components/countdown-ring.tsx | 10 +--
 3 files changed, 84 insertions(+), 9 deletions(-)
 create mode 100644 apps/signage/src/components/animated-time.tsx

diff --git a/apps/signage/src/components/animated-time.tsx b/apps/signage/src/components/animated-time.tsx
new file mode 100644
index 0000000..8476c15
--- /dev/null
+++ b/apps/signage/src/components/animated-time.tsx
@@ -0,0 +1,72 @@
+'use client';
+
+import { cn } from '@tecnova/ui/lib/utils';
+import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
+import { mmss } from '@/lib/time';
+
+// 桁単位の縦ロール（odometer）。秒は減る方向なので、新字が上から入り旧字が下へ抜ける。
+// transform/opacity のみで GPU 合成に乗せ、reduced-motion / value=null では素の文字を返す。
+// フリップ（3D回転）は大型壁面で派手・安っぽくなるため採らず、reveal/live-dot と同じ
+// 「静かに動く」所作に揃える。
+const ROLL_DURATION = 0.28;
+
+// 1桁ぶんのスロット。tabular-nums 前提なので 1ch 幅で安定する。key=値 なので
+// 「同じ数字のあいだ」は再アニメせず静止＝視線が落ち着く（毎秒は一の位だけ動く）。
+function RollDigit({ char }: { char: string }) {
+  if (char === ':') {
+    return <span className="inline-block text-center">:</span>;
+  }
+  return (
+    <span
+      className="relative inline-block overflow-hidden text-center"
+      style={{ width: '1ch', height: '1em', lineHeight: 1 }}
+    >
+      <AnimatePresence initial={false} mode="popLayout">
+        <motion.span
+          key={char}
+          className="inline-block"
+          initial={{ y: '-100%', opacity: 0 }}
+          animate={{ y: '0%', opacity: 1 }}
+          exit={{ y: '100%', opacity: 0 }}
+          transition={{ duration: ROLL_DURATION, ease: 'easeOut' }}
+        >
+          {char}
+        </motion.span>
+      </AnimatePresence>
+    </span>
+  );
+}
+
+interface Props {
+  value: number | null; // 残り秒。内部で mmss して M:SS を桁スロットへ分解。
+  className?: string;
+  placeholder?: string;
+}
+
+// <AnimatedTime value={secondsLeft} /> — countdown-ring / break-overlay 共用のドロップイン。
+export function AnimatedTime({ value, className, placeholder = '--:--' }: Props) {
+  const reduced = useReducedMotion();
+  const text = value === null ? placeholder : mmss(value);
+
+  // reduced-motion / 値なし → 現行挙動と完全等価（アニメなし）。
+  if (reduced || value === null) {
+    return <span className={cn('tabular-nums', className)}>{text}</span>;
+  }
+
+  // 'M:SS' を1文字ずつスロット化。右詰めの『種別+位置』を key にすることで、
+  // 可変長（9:59↔10:00・分のロールオーバー）でも桁数増減に追従する。
+  const [mm, ss] = text.split(':');
+  const slots = [
+    ...mm.split('').map((c, i) => ({ id: `m${mm.length - i}`, char: c })),
+    { id: 'colon', char: ':' },
+    ...ss.split('').map((c, i) => ({ id: `s${i}`, char: c })),
+  ];
+
+  return (
+    <span className={cn('inline-flex tabular-nums', className)} role="img" aria-label={text}>
+      {slots.map((slot) => (
+        <RollDigit key={slot.id} char={slot.char} />
+      ))}
+    </span>
+  );
+}
diff --git a/apps/signage/src/components/break-overlay.tsx b/apps/signage/src/components/break-overlay.tsx
index 4046983..d25b269 100644
--- a/apps/signage/src/components/break-overlay.tsx
+++ b/apps/signage/src/components/break-overlay.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { mmss } from '@/lib/time';
+import { AnimatedTime } from './animated-time';
 
 // 休憩中に動画パネルへ重ねる明るいスライド（配信の「休憩カード」）。
 export function BreakOverlay({
@@ -16,15 +16,16 @@ export function BreakOverlay({
         休憩中
       </span>
       <p className="text-[clamp(0.95rem,1.6vw,1.5rem)] font-bold text-slate-500">つぎの活動まで</p>
-      <p className="text-[clamp(4rem,13vw,10rem)] font-black leading-none text-slate-900 tabular-nums">
-        {secondsToResume !== null ? mmss(secondsToResume) : '--:--'}
-      </p>
+      <AnimatedTime
+        value={secondsToResume}
+        className="text-[clamp(4rem,13vw,10rem)] font-black leading-none text-slate-900"
+      />
       <p className="text-[clamp(1rem,2vw,1.6rem)] font-bold text-slate-500">
         すこし やすんで、また あそぼう！
       </p>
       {present > 0 && (
         <p className="text-[clamp(0.9rem,1.5vw,1.25rem)] text-slate-400">
-          いま <span className="font-black text-slate-700">{present}</span> 人が さんかちゅう
+          いま <span className="font-black text-slate-700">{present}</span> 人が あそびちゅう
         </p>
       )}
     </div>
diff --git a/apps/signage/src/components/countdown-ring.tsx b/apps/signage/src/components/countdown-ring.tsx
index dc3ecbf..b52c48f 100644
--- a/apps/signage/src/components/countdown-ring.tsx
+++ b/apps/signage/src/components/countdown-ring.tsx
@@ -2,6 +2,7 @@
 
 import { cn } from '@tecnova/ui/lib/utils';
 import { mmss } from '@/lib/time';
+import { AnimatedTime } from './animated-time';
 
 type Tone = 'emerald' | 'amber' | 'sky';
 
@@ -31,7 +32,7 @@ export function CountdownRing({ remaining, total, label, targetLabel, tone }: Pr
       <div className="relative grid place-items-center">
         <svg
           viewBox="0 0 100 100"
-          className="size-[clamp(7.5rem,15vw,12rem)] -rotate-90"
+          className="size-[clamp(6rem,13vw,12rem)] -rotate-90"
           role="img"
           aria-label={remaining === null ? label : `${label} ${mmss(remaining)}`}
         >
@@ -58,9 +59,10 @@ export function CountdownRing({ remaining, total, label, targetLabel, tone }: Pr
             )}
           />
         </svg>
-        <span className="absolute text-[clamp(1.75rem,3.4vw,3rem)] font-black leading-none text-slate-900 tabular-nums">
-          {remaining === null ? '--:--' : mmss(remaining)}
-        </span>
+        <AnimatedTime
+          value={remaining}
+          className="absolute text-[clamp(1.75rem,3.4vw,3rem)] font-black leading-none text-slate-900"
+        />
       </div>
       {targetLabel && (
         <p className="text-[clamp(0.75rem,1.1vw,0.95rem)] text-slate-500">{targetLabel}</p>

From 192202f090ac1656c0789faebc67b0b19b90d6bf Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 19:38:46 +0900
Subject: [PATCH 25/36] feat(signage): modernize the info ticker (stories
 progress, clipped slides)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

巡回の時間源を単一 AnimationFrame に一本化。進行バーはストーリーズ風（通過済み満タン/
active が満ちる）にし、満ち＝送りに同期。スライドはクリップ内スライドアップ＋ラベル→値
スタッガー、アイコンは key 切替時のみ spring。進行バーの満ちは MotionValue 駆動で本体を
毎フレーム再レンダしない（StoryProgress は animate 時のみマウント＝reduced/単一時は RAF 不要）。

スライド内容を更新：にぎわいは上限25人のメーター、現在人数は『いま会場にいる人』。
コンセプト/主催・共催スライドを廃し、公式 Instagram と『前回のテクノバ』（config 設定時）を追加。
プラットフォーム紹介は GitHub 表記をやめ『テクノバを支える基盤システム。チーフメンターの
たくやが開発・運用しています。』に。静的スライドは src/config/info-slides.ts で運用者が編集可。
動画タイトルは末尾に置きインデックスずれを防止。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/info-ticker.tsx   | 201 +++++++++++-------
 apps/signage/src/components/story-bars.tsx    |  25 +++
 .../signage/src/components/story-progress.tsx |  74 +++++++
 apps/signage/src/config/info-slides.ts        |   9 +
 apps/signage/src/lib/motion.ts                |  23 +-
 apps/signage/src/lib/use-story-rotation.ts    |  37 ++++
 6 files changed, 285 insertions(+), 84 deletions(-)
 create mode 100644 apps/signage/src/components/story-bars.tsx
 create mode 100644 apps/signage/src/components/story-progress.tsx
 create mode 100644 apps/signage/src/config/info-slides.ts
 create mode 100644 apps/signage/src/lib/use-story-rotation.ts

diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
index 911624f..c942291 100644
--- a/apps/signage/src/components/info-ticker.tsx
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -1,23 +1,30 @@
 'use client';
 
 import {
-  IconBroadcast,
-  IconBulb,
-  IconHeartHandshake,
+  IconBrandInstagram,
+  IconHistory,
   IconPlayerPlayFilled,
+  IconServer,
   IconSparkles,
   IconUsers,
 } from '@tabler/icons-react';
-import { classifyAttendanceLevel } from '@tecnova/shared/attendance-level';
+import { classifyAttendanceLevel, occupancyRatio } from '@tecnova/shared/attendance-level';
 import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
 import { cn } from '@tecnova/ui/lib/utils';
 import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
-import { type ReactNode, useEffect, useState } from 'react';
+import type { ReactNode } from 'react';
+import { INSTAGRAM_HANDLE, PREVIOUS_EVENT_NOTE } from '@/config/info-slides';
 import { ATTENDANCE_META } from '@/lib/broadcast';
-import { slideAnimate, slideExit, slideInitial, slideTransition } from '@/lib/motion';
-
-// スライドの表示秒。
-const ROTATE_MS = 8000;
+import {
+  tickerLineTransition,
+  tickerSlideAnimate,
+  tickerSlideExit,
+  tickerSlideInitial,
+  tickerSlideTransition,
+} from '@/lib/motion';
+import { useStoryRotation } from '@/lib/use-story-rotation';
+import { StoryBars } from './story-bars';
+import { StoryProgress } from './story-progress';
 
 interface Slide {
   id: string;
@@ -34,33 +41,26 @@ interface Props {
   debug?: boolean; // ?debug=1 時に手動送りボタンを出す
 }
 
-// 配信下部の lower-third。動画タイトル・来場・にぎわい・主催/共催・テクノバ紹介を巡回表示する。
+// 配信下部の lower-third。動画タイトル・来場・にぎわい・コンセプト・OSS・主催/共催を巡回。
+// 巡回の時間源は useStoryRotation（AnimationFrame）に一本化し、進行バーの満ち＝送りとする。
 export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Props) {
   const reduced = useReducedMotion();
-  const [i, setI] = useState(0);
-
   const level = classifyAttendanceLevel(present);
   const liveliness = ATTENDANCE_META[level];
+  const occ = occupancyRatio(present);
 
   const slides: Slide[] = [];
-  if (currentTrack?.title) {
-    slides.push({
-      id: 'now-playing',
-      icon: <IconPlayerPlayFilled />,
-      chip: 'bg-sky-100 text-sky-700',
-      label: 'いま流れているどうが',
-      value: currentTrack.title,
-    });
-  }
   slides.push({
     id: 'attendance',
     icon: <IconUsers />,
     chip: 'bg-emerald-100 text-emerald-700',
-    label: 'いまの来場',
+    label: 'いま 会場にいる人',
     value: (
       <>
         <span className="tabular-nums">{present}</span> 人
-        <span className="ml-2 text-[0.6em] font-bold text-slate-400">本日 {totalCheckedIn} 人</span>
+        <span className="ml-2 text-[0.62em] font-bold text-slate-400">
+          本日 {totalCheckedIn} 人
+        </span>
       </>
     ),
   });
@@ -69,98 +69,141 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
     icon: <IconSparkles />,
     chip: liveliness.chip,
     label: 'かいじょうの にぎわい',
-    value: liveliness.label,
-  });
-  slides.push({
-    id: 'cohost',
-    icon: <IconHeartHandshake />,
-    chip: 'bg-violet-100 text-violet-700',
-    label: '主催・共催',
-    value: 'tec-nova ／ 長崎市 × 長崎大学',
-  });
-  slides.push({
-    id: 'about',
-    icon: <IconBulb />,
-    chip: 'bg-amber-100 text-amber-800',
-    label: 'tec-nova ながさき とは',
-    value: '子どもたちの「つくってみたい！」をかたちにする、ファブリケーション活動です。',
+    value: (
+      <span className="inline-flex items-center gap-3 align-middle">
+        {liveliness.label}
+        <span className="inline-block h-[clamp(0.45rem,0.9vw,0.7rem)] w-[clamp(4rem,11vw,10rem)] overflow-hidden rounded-full bg-slate-200 align-middle">
+          <span
+            className={cn(
+              'block h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none',
+              liveliness.bar,
+            )}
+            style={{ width: `${occ * 100}%` }}
+          />
+        </span>
+      </span>
+    ),
   });
   slides.push({
     id: 'platform',
-    icon: <IconBroadcast />,
+    icon: <IconServer />,
     chip: 'bg-slate-100 text-slate-600',
-    label: 'tecnova-platform',
-    value: '受付からサイネージまで、運営を支えるオープンソースの基盤です。',
+    label: 'テクノバながさきプラットフォーム',
+    value: 'テクノバを支える基盤システム。\nチーフメンターのたくやが開発・運用しています。',
+  });
+  slides.push({
+    id: 'instagram',
+    icon: <IconBrandInstagram />,
+    chip: 'bg-pink-100 text-pink-700',
+    label: '公式インスタグラム',
+    value: (
+      <>
+        @{INSTAGRAM_HANDLE}
+        <span className="ml-2 text-[0.62em] font-bold text-slate-400">さいしんの活動はこちら</span>
+      </>
+    ),
   });
+  // 前回のテクノバ情報（config に設定があるときだけ）。
+  if (PREVIOUS_EVENT_NOTE) {
+    slides.push({
+      id: 'previous-info',
+      icon: <IconHistory />,
+      chip: 'bg-violet-100 text-violet-700',
+      label: '前回のテクノバ',
+      value: PREVIOUS_EVENT_NOTE,
+    });
+  }
+  // いま流れている動画タイトルは末尾に追加する。タイトルは後着なので、先頭挿入だと
+  // 既存スライドの index がずれて表示が飛ぶ（末尾追加なら他スライドの位置は不変）。
+  if (currentTrack?.title) {
+    slides.push({
+      id: 'now-playing',
+      icon: <IconPlayerPlayFilled />,
+      chip: 'bg-sky-100 text-sky-700',
+      label: 'いま流れているどうが',
+      value: currentTrack.title,
+    });
+  }
 
   const count = slides.length;
-  useEffect(() => {
-    if (count <= 1) return;
-    const id = window.setInterval(() => setI((p) => (p + 1) % count), ROTATE_MS);
-    return () => window.clearInterval(id);
-  }, [count]);
-
-  const idx = i % count;
-  const active = slides[idx];
+  const { index, goTo, advance, animate } = useStoryRotation(count);
+  const active = slides[index];
 
   return (
     <div className="flex items-center gap-[clamp(0.75rem,1.6vw,1.5rem)] rounded-2xl bg-white/90 px-[clamp(1rem,2vw,2rem)] py-[clamp(0.6rem,1.4vh,1.1rem)] shadow-sm ring-1 ring-foreground/10 backdrop-blur">
-      <span
-        className={cn(
-          'grid size-[clamp(2.5rem,4vw,3.5rem)] shrink-0 place-items-center rounded-xl [&>svg]:size-[55%]',
-          active.chip,
-        )}
-      >
-        {active.icon}
-      </span>
-      <div className="min-w-0 flex-1 overflow-hidden">
+      {/* アイコンチップ：key 切替時だけ scale + ごく僅かな傾きを1回（spring）。 */}
+      <AnimatePresence mode="wait" initial={false}>
+        <motion.span
+          key={active.id}
+          initial={reduced ? false : { scale: 0.9, rotate: -4, opacity: 0 }}
+          animate={{ scale: 1, rotate: 0, opacity: 1 }}
+          exit={reduced ? { opacity: 0 } : { scale: 0.95, opacity: 0 }}
+          transition={
+            reduced ? { duration: 0 } : { type: 'spring', stiffness: 420, damping: 26, mass: 0.6 }
+          }
+          className={cn(
+            'grid size-[clamp(2.5rem,4vw,3.5rem)] shrink-0 place-items-center rounded-xl [&>svg]:size-[55%]',
+            active.chip,
+          )}
+        >
+          {active.icon}
+        </motion.span>
+      </AnimatePresence>
+
+      {/* テキスト：クリップ内スライドアップ + ラベル→値スタッガー。 */}
+      <div className="relative min-w-0 flex-1 overflow-hidden">
         <AnimatePresence mode="wait">
           <motion.div
             key={active.id}
-            initial={reduced ? false : slideInitial}
-            animate={slideAnimate}
-            exit={reduced ? { opacity: 0 } : slideExit}
-            transition={reduced ? { duration: 0 } : slideTransition}
+            initial={reduced ? false : tickerSlideInitial}
+            animate={tickerSlideAnimate}
+            exit={reduced ? { opacity: 0 } : tickerSlideExit}
+            transition={reduced ? { duration: 0 } : tickerSlideTransition}
           >
-            <p className="text-[clamp(0.7rem,1.1vw,0.95rem)] font-bold text-slate-400">
+            <motion.p
+              initial={reduced ? false : { opacity: 0, y: 6 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={reduced ? { duration: 0 } : tickerLineTransition(0)}
+              className="text-[clamp(0.7rem,1.1vw,0.95rem)] font-bold text-slate-400"
+            >
               {active.label}
-            </p>
-            <p className="line-clamp-2 text-[clamp(1rem,2vw,1.7rem)] font-black text-slate-900">
+            </motion.p>
+            <motion.p
+              initial={reduced ? false : { opacity: 0, y: 8 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={reduced ? { duration: 0 } : tickerLineTransition(1)}
+              className="line-clamp-2 whitespace-pre-line text-[clamp(1rem,2vw,1.7rem)] font-black leading-snug text-slate-900"
+            >
               {active.value}
-            </p>
+            </motion.p>
           </motion.div>
         </AnimatePresence>
       </div>
+
       <div className="ml-auto flex shrink-0 items-center gap-[clamp(0.4rem,0.8vw,0.75rem)]">
         {debug && (
           <span className="mr-1 flex gap-1">
             <button
               type="button"
-              onClick={() => setI((p) => (p - 1 + count) % count)}
+              onClick={() => goTo(index - 1)}
               className="rounded-md bg-slate-100 px-2 py-0.5 text-xs font-bold text-slate-600"
             >
               ◀
             </button>
             <button
               type="button"
-              onClick={() => setI((p) => (p + 1) % count)}
+              onClick={() => goTo(index + 1)}
               className="rounded-md bg-slate-100 px-2 py-0.5 text-xs font-bold text-slate-600"
             >
               ▶
             </button>
           </span>
         )}
-        <span className="flex items-center gap-1.5">
-          {slides.map((s, n) => (
-            <span
-              key={s.id}
-              className={cn(
-                'size-2 rounded-full transition-colors',
-                n === idx ? 'bg-slate-800' : 'bg-slate-300',
-              )}
-            />
-          ))}
-        </span>
+        {animate ? (
+          <StoryProgress count={count} index={index} onAdvance={advance} />
+        ) : (
+          <StoryBars count={count} index={index} />
+        )}
       </div>
     </div>
   );
diff --git a/apps/signage/src/components/story-bars.tsx b/apps/signage/src/components/story-bars.tsx
new file mode 100644
index 0000000..7a01e82
--- /dev/null
+++ b/apps/signage/src/components/story-bars.tsx
@@ -0,0 +1,25 @@
+'use client';
+
+// 静的な進行バー（reduced-motion / 単一スライド時のフォールバック）。アニメは無く、
+// 現在地までを満タンで示すだけ。アニメ版は StoryProgress（MotionValue 駆動）。
+export function StoryBars({ count, index }: { count: number; index: number }) {
+  const segments = Array.from({ length: count }, (_, n) => ({
+    id: `seg-${n}`,
+    fill: n <= index ? 1 : 0,
+  }));
+  return (
+    <span className="flex items-center gap-1.5" aria-hidden>
+      {segments.map((s) => (
+        <span
+          key={s.id}
+          className="h-1.5 w-[clamp(0.9rem,1.6vw,1.6rem)] overflow-hidden rounded-full bg-slate-200"
+        >
+          <span
+            className="block h-full rounded-full bg-slate-800"
+            style={{ width: `${s.fill * 100}%` }}
+          />
+        </span>
+      ))}
+    </span>
+  );
+}
diff --git a/apps/signage/src/components/story-progress.tsx b/apps/signage/src/components/story-progress.tsx
new file mode 100644
index 0000000..32fbded
--- /dev/null
+++ b/apps/signage/src/components/story-progress.tsx
@@ -0,0 +1,74 @@
+'use client';
+
+import { motion, useAnimationFrame, useMotionValue, useTransform } from 'motion/react';
+import { useRef } from 'react';
+import { STORY_DURATION_MS } from '@/lib/motion';
+
+// アニメーションする進行バー（active のみ MotionValue で満ちる）。本コンポーネントは
+// animate=true のときだけマウントされるので、reduced-motion / 単一スライド時は RAF を回さない。
+// progress は MotionValue＝毎フレーム更新でも React 再レンダを起こさない（バー幅を直接更新）。
+export function StoryProgress({
+  count,
+  index,
+  onAdvance,
+}: {
+  count: number;
+  index: number;
+  onAdvance: () => void;
+}) {
+  const progress = useMotionValue(0);
+  const widthPct = useTransform(progress, (p) => `${Math.max(0, Math.min(1, p)) * 100}%`);
+  const startRef = useRef<number | null>(null);
+  // 最新 index と「いまバーが満ちている対象 index」をフレームループから参照する。
+  const indexRef = useRef(index);
+  const barIndexRef = useRef(index);
+  const onAdvanceRef = useRef(onAdvance);
+  indexRef.current = index;
+  onAdvanceRef.current = onAdvance;
+
+  useAnimationFrame((t) => {
+    // index が変わったら（自動送り・debug の手動送り両方）バーを 0 から満ち直す。
+    if (barIndexRef.current !== indexRef.current) {
+      barIndexRef.current = indexRef.current;
+      startRef.current = t;
+      progress.set(0);
+    }
+    if (startRef.current === null) startRef.current = t;
+    const p = (t - startRef.current) / STORY_DURATION_MS;
+    if (p >= 1) {
+      startRef.current = t;
+      progress.set(0);
+      onAdvanceRef.current();
+      return;
+    }
+    progress.set(p);
+  });
+
+  const segments = Array.from({ length: count }, (_, n) => ({
+    id: `seg-${n}`,
+    state: n < index ? 'done' : n === index ? 'active' : 'todo',
+  }));
+
+  return (
+    <span className="flex items-center gap-1.5" aria-hidden>
+      {segments.map((s) => (
+        <span
+          key={s.id}
+          className="h-1.5 w-[clamp(0.9rem,1.6vw,1.6rem)] overflow-hidden rounded-full bg-slate-200"
+        >
+          {s.state === 'active' ? (
+            <motion.span
+              className="block h-full rounded-full bg-slate-800 will-change-[width]"
+              style={{ width: widthPct }}
+            />
+          ) : (
+            <span
+              className="block h-full rounded-full bg-slate-800"
+              style={{ width: s.state === 'done' ? '100%' : '0%' }}
+            />
+          )}
+        </span>
+      ))}
+    </span>
+  );
+}
diff --git a/apps/signage/src/config/info-slides.ts b/apps/signage/src/config/info-slides.ts
new file mode 100644
index 0000000..cf94bec
--- /dev/null
+++ b/apps/signage/src/config/info-slides.ts
@@ -0,0 +1,9 @@
+// 会場/開催回ごとに運用者が編集する想定の静的インフォメーション（巡回スライド用）。
+// データ駆動ではないので、ここを書き換えるだけで掲示内容を差し替えられる。
+
+// 前回のテクノバの情報（前回の来場数・トピック・写真の案内など、自由文）。
+// 改行は \n で。空文字のあいだは該当スライドを出さない。
+export const PREVIOUS_EVENT_NOTE = '';
+
+// 公式 Instagram のハンドル（先頭の @ は付けない）。
+export const INSTAGRAM_HANDLE = 'tecnovanagasaki';
diff --git a/apps/signage/src/lib/motion.ts b/apps/signage/src/lib/motion.ts
index 7c02b06..9de0759 100644
--- a/apps/signage/src/lib/motion.ts
+++ b/apps/signage/src/lib/motion.ts
@@ -13,8 +13,21 @@ export const revealTransition = (index = 0): Transition => ({
   delay: index * REVEAL_STAGGER_STEP,
 });
 
-// 下部インフォメーションのスライド切替（lower-third のクロスフェード）。
-export const slideInitial = { opacity: 0, y: 10 } as const;
-export const slideAnimate = { opacity: 1, y: 0 } as const;
-export const slideExit = { opacity: 0, y: -10 } as const;
-export const slideTransition: Transition = { duration: 0.45, ease: EASE_OUT };
+// ============================================================================
+// 下部インフォメーション（lower-third）の所作
+// ============================================================================
+// ストーリーズ進行バー1本の寿命（ms）。スライド巡回間隔と一致させる（時間源を一本化）。
+export const STORY_DURATION_MS = 8000;
+
+// クリップ内のスライドアップ。親の overflow-hidden 前提で 100% 単位に動かす。
+export const tickerSlideInitial = { y: '100%', opacity: 0 } as const;
+export const tickerSlideAnimate = { y: '0%', opacity: 1 } as const;
+export const tickerSlideExit = { y: '-100%', opacity: 0 } as const;
+export const tickerSlideTransition: Transition = { duration: 0.5, ease: EASE_OUT };
+
+// ラベル→値のスタッガー（REVEAL_STAGGER_STEP と同刻み）。
+export const tickerLineTransition = (index = 0): Transition => ({
+  duration: 0.4,
+  ease: EASE_OUT,
+  delay: 0.12 + index * REVEAL_STAGGER_STEP,
+});
diff --git a/apps/signage/src/lib/use-story-rotation.ts b/apps/signage/src/lib/use-story-rotation.ts
new file mode 100644
index 0000000..6916ab9
--- /dev/null
+++ b/apps/signage/src/lib/use-story-rotation.ts
@@ -0,0 +1,37 @@
+'use client';
+
+import { useReducedMotion } from 'motion/react';
+import { useCallback, useEffect, useState } from 'react';
+import { STORY_DURATION_MS } from '@/lib/motion';
+
+// 下部インフォの巡回管理。index（現在スライド）と送り操作だけを React state で持ち、
+// 進行バーの満ち（毎フレーム）は StoryProgress 側の MotionValue が担う（本体を毎フレーム
+// 再レンダしないため）。巡回は実時間固定で、?debug の擬似時計・倍速には追従しない
+// （チャイムの活動時計とは独立した情報表示のため）。
+export function useStoryRotation(count: number) {
+  const reduced = useReducedMotion();
+  const [index, setIndex] = useState(0);
+
+  const advance = useCallback(() => {
+    setIndex((p) => (count > 0 ? (p + 1) % count : 0));
+  }, [count]);
+
+  const goTo = useCallback(
+    (next: number) => {
+      setIndex(count > 0 ? ((next % count) + count) % count : 0);
+    },
+    [count],
+  );
+
+  // reduced-motion 時は進行バーを動かさず、一定間隔で送りだけ続ける（情報は一巡する）。
+  useEffect(() => {
+    if (!reduced || count <= 1) return;
+    const id = window.setInterval(advance, STORY_DURATION_MS);
+    return () => window.clearInterval(id);
+  }, [reduced, count, advance]);
+
+  // animate=true のときだけ RAF 駆動の StoryProgress をマウントする（不要時は RAF を回さない）。
+  const animate = !reduced && count > 1;
+
+  return { index: count > 0 ? index % count : 0, goTo, advance, animate };
+}

From 3e05d2f91d4e7d1de5b9092696de50f4c4688ea7 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 19:39:07 +0900
Subject: [PATCH 26/36] feat(signage): enrich the chime rail and refine the
 video panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

右レーンの間延びを解消：リング→次の予定(UpNext・次2件のチャイム)→ターム進行タイムライン
(3サイクル×活動/休憩の6セグメント＋現在位置マーカー)の4階層に再構成し、冗長な
『サイクルN/3＋3ドット』を撤去。低い縦解像度向けに overflow ガードとリング下限を調整。
動画パネルの shadow-xl を微細リング＋拡散の弱い影＋トップハイライトに差し替え（安っぽさ解消）。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/chime-rail.tsx    |  47 ++++----
 apps/signage/src/components/term-timeline.tsx | 102 ++++++++++++++++++
 apps/signage/src/components/up-next.tsx       |  48 +++++++++
 apps/signage/src/components/video-stage.tsx   |   2 +-
 4 files changed, 172 insertions(+), 27 deletions(-)
 create mode 100644 apps/signage/src/components/term-timeline.tsx
 create mode 100644 apps/signage/src/components/up-next.tsx

diff --git a/apps/signage/src/components/chime-rail.tsx b/apps/signage/src/components/chime-rail.tsx
index eb6bbed..a2170e3 100644
--- a/apps/signage/src/components/chime-rail.tsx
+++ b/apps/signage/src/components/chime-rail.tsx
@@ -13,6 +13,8 @@ import { cn } from '@tecnova/ui/lib/utils';
 import type { ReactNode } from 'react';
 import { jstHm } from '@/lib/time';
 import { CountdownRing } from './countdown-ring';
+import { TermTimeline } from './term-timeline';
+import { UpNext } from './up-next';
 
 // ターム別アクセント（TermBadge と同系統の色）。
 const TERM_TONE: Record<TermId, { heading: string; range: string }> = {
@@ -27,6 +29,12 @@ const KIND_LABEL: Record<ChimeKind, string> = {
   'term-end': 'ターム終了',
 };
 
+const MARKER_CLASS: Record<'emerald' | 'amber' | 'sky', string> = {
+  emerald: 'bg-emerald-500',
+  amber: 'bg-amber-500',
+  sky: 'bg-sky-500',
+};
+
 function RailCard({ className, children }: { className?: string; children: ReactNode }) {
   return (
     <div
@@ -48,8 +56,8 @@ interface Props {
   nextStartAt: Date | null; // 次タームの開始時刻（ターム外のみ）
 }
 
-// 右レーン＝チャイムの役割を持つゾーン。活動/休憩中は次チャイムまでのカウントダウン、
-// idle 中は本日のスケジュールを出す。
+// 右レーン＝チャイムの役割を持つゾーン。活動/休憩中は次チャイムまでのカウントダウン＋
+// 次の予定＋ターム進行タイムライン、idle 中は本日のスケジュールを出す。
 export function ChimeRail({ phase, moment, now, soon, nextStartAt }: Props) {
   const isRunning = phase === 'activity' || phase === 'break';
 
@@ -71,7 +79,6 @@ export function ChimeRail({ phase, moment, now, soon, nextStartAt }: Props) {
           ? 'このタームの終わりまで'
           : '再開まで';
     const targetLabel = next ? `${jstHm(next.at)} に${KIND_LABEL[next.kind]}` : null;
-    const cycleIndex = moment.cycleIndex ?? 1;
 
     return (
       <div className="flex h-full min-h-0 flex-col gap-[clamp(0.75rem,1.4vh,1.25rem)]">
@@ -94,30 +101,18 @@ export function ChimeRail({ phase, moment, now, soon, nextStartAt }: Props) {
           )}
         </RailCard>
 
-        <RailCard className="flex flex-1 flex-col items-center justify-center gap-[clamp(0.75rem,1.4vh,1.25rem)]">
-          <CountdownRing
-            remaining={remaining}
-            total={total}
-            label={ringLabel}
-            targetLabel={targetLabel}
-            tone={ringTone}
-          />
-          <div className="flex items-center gap-3">
-            <span className="text-[clamp(0.75rem,1.1vw,0.95rem)] font-bold text-slate-400">
-              サイクル {cycleIndex} / 3
-            </span>
-            <span className="flex items-center gap-1.5">
-              {[1, 2, 3].map((n) => (
-                <span
-                  key={n}
-                  className={cn(
-                    'size-2.5 rounded-full',
-                    n <= cycleIndex ? 'bg-slate-800' : 'bg-slate-300',
-                  )}
-                />
-              ))}
-            </span>
+        <RailCard className="flex min-h-0 flex-1 flex-col justify-between gap-[clamp(0.75rem,1.6vh,1.4rem)] overflow-hidden">
+          <div className="flex flex-col items-center gap-[clamp(0.6rem,1.3vh,1.1rem)]">
+            <CountdownRing
+              remaining={remaining}
+              total={total}
+              label={ringLabel}
+              targetLabel={targetLabel}
+              tone={ringTone}
+            />
+            <UpNext now={now} />
           </div>
+          <TermTimeline term={moment.term} now={now} markerClass={MARKER_CLASS[ringTone]} />
         </RailCard>
       </div>
     );
diff --git a/apps/signage/src/components/term-timeline.tsx b/apps/signage/src/components/term-timeline.tsx
new file mode 100644
index 0000000..d6d27c8
--- /dev/null
+++ b/apps/signage/src/components/term-timeline.tsx
@@ -0,0 +1,102 @@
+'use client';
+
+import { ACTIVITY_MINUTES, BREAK_MINUTES } from '@tecnova/shared/activity-cycle';
+import { TERMS, type TermId } from '@tecnova/shared/venue-schedule';
+import { cn } from '@tecnova/ui/lib/utils';
+
+const CYCLE_MINUTES = ACTIVITY_MINUTES + BREAK_MINUTES; // 60
+
+// 'HH:mm' → 通算分（venue-schedule のヘルパは非公開のため再宣言）。
+const toMin = (hhmm: string): number =>
+  Number.parseInt(hhmm.slice(0, 2), 10) * 60 + Number.parseInt(hhmm.slice(3, 5), 10);
+
+// now を JST 通算分に（activity-cycle 内部と同手法。Asia/Tokyo は固定 UTC+9）。
+const jstMinFmt = new Intl.DateTimeFormat('en-GB', {
+  timeZone: 'Asia/Tokyo',
+  hour: '2-digit',
+  minute: '2-digit',
+  hour12: false,
+});
+const nowJstMin = (d: Date): number => {
+  const [h, m] = jstMinFmt.format(d).split(':');
+  return Number.parseInt(h, 10) * 60 + Number.parseInt(m, 10);
+};
+
+// タームを 3サイクル×（活動50/休憩10）の6セグメント帯にし、現在位置をマーカーで示す。
+// 冗長だった「サイクル N/3 ＋ 3ドット」をこの帯へ統合する。
+export function TermTimeline({
+  term,
+  now,
+  markerClass,
+}: {
+  term: TermId;
+  now: Date;
+  markerClass: string; // 現フェーズ色（bg-emerald-500 など）
+}) {
+  const def = TERMS.find((t) => t.id === term);
+  if (!def) return null;
+  const start = toMin(def.start);
+  const end = toMin(def.end);
+  const cycles = Math.round((end - start) / CYCLE_MINUTES);
+  const cur = Math.max(start, Math.min(end, nowJstMin(now)));
+  const progress = (cur - start) / (end - start); // ターム全体での 0..1
+
+  // 6セグメント（3サイクル × 活動/休憩）を先に組み立てる（key はサイクル種別で安定）。
+  const segments: { id: string; grow: number; lit: boolean; now: boolean; isBreak: boolean }[] = [];
+  for (let c = 0; c < cycles; c += 1) {
+    const segStart = start + c * CYCLE_MINUTES;
+    segments.push({
+      id: `a${c}`,
+      grow: ACTIVITY_MINUTES,
+      lit: cur >= segStart,
+      now: cur >= segStart && cur < segStart + ACTIVITY_MINUTES,
+      isBreak: false,
+    });
+    segments.push({
+      id: `b${c}`,
+      grow: BREAK_MINUTES,
+      lit: cur >= segStart + ACTIVITY_MINUTES,
+      now: cur >= segStart + ACTIVITY_MINUTES && cur < segStart + CYCLE_MINUTES,
+      isBreak: true,
+    });
+  }
+
+  return (
+    <div className="flex flex-col gap-[clamp(0.3rem,0.7vh,0.55rem)]">
+      <div className="flex items-center justify-between text-[clamp(0.62rem,0.95vw,0.78rem)] font-bold text-slate-400 tabular-nums">
+        <span>{def.start}</span>
+        <span className="text-slate-500">このタームの進み</span>
+        <span>{def.end}</span>
+      </div>
+      <div className="relative">
+        <div className="flex h-[clamp(0.5rem,1vh,0.7rem)] gap-[2px] overflow-hidden rounded-full">
+          {segments.map((s) => (
+            <span
+              key={s.id}
+              style={{ flexGrow: s.grow }}
+              className={cn(
+                'rounded-[3px] transition-colors motion-reduce:transition-none',
+                s.isBreak
+                  ? s.lit
+                    ? 'bg-amber-300'
+                    : 'bg-slate-100'
+                  : s.lit
+                    ? 'bg-emerald-400'
+                    : 'bg-slate-200',
+                s.now && 'ring-1 ring-white/60 ring-inset',
+              )}
+            />
+          ))}
+        </div>
+        {/* 現在位置マーカー。CSS transition のみ → reduced-motion 尊重。 */}
+        <span
+          className={cn(
+            'pointer-events-none absolute top-1/2 size-[clamp(0.7rem,1.4vw,1rem)] -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-sm transition-[left] duration-500 ease-linear motion-reduce:transition-none',
+            markerClass,
+          )}
+          style={{ left: `${progress * 100}%` }}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/up-next.tsx b/apps/signage/src/components/up-next.tsx
new file mode 100644
index 0000000..de41c79
--- /dev/null
+++ b/apps/signage/src/components/up-next.tsx
@@ -0,0 +1,48 @@
+'use client';
+
+import { type ChimeKind, cycleChimeEventsForDay } from '@tecnova/shared/activity-cycle';
+import { cn } from '@tecnova/ui/lib/utils';
+import { jstHm } from '@/lib/time';
+
+const KIND_LABEL: Record<ChimeKind, string> = {
+  resume: '活動再開',
+  break: '休憩',
+  'term-end': 'ターム終了',
+};
+const KIND_DOT: Record<ChimeKind, string> = {
+  resume: 'bg-emerald-500',
+  break: 'bg-amber-500',
+  'term-end': 'bg-violet-500',
+};
+
+// 次2件のチャイムを薄いリストで。リング直下の死に空間を「つぎ なに・いつ」で埋める。
+// 直近1件だけ淡く強調し、2件目は地に沈めて優先度を示す。
+export function UpNext({ now }: { now: Date }) {
+  const upcoming = cycleChimeEventsForDay(now)
+    .filter((e) => e.at.getTime() > now.getTime())
+    .sort((a, b) => a.at.getTime() - b.at.getTime())
+    .slice(0, 2);
+  if (upcoming.length === 0) return null;
+  return (
+    <div className="flex w-full flex-col gap-[clamp(0.25rem,0.6vh,0.5rem)]">
+      <p className="text-[clamp(0.66rem,1vw,0.82rem)] font-bold text-slate-400">つぎの あいず</p>
+      {upcoming.map((e, idx) => (
+        <div
+          key={e.key}
+          className={cn(
+            'flex items-center gap-2.5 rounded-xl px-[clamp(0.55rem,1vw,0.85rem)] py-[clamp(0.3rem,0.7vh,0.5rem)]',
+            idx === 0 ? 'bg-slate-50 ring-1 ring-slate-900/5' : 'bg-transparent',
+          )}
+        >
+          <span className={cn('size-2 shrink-0 rounded-full', KIND_DOT[e.kind])} />
+          <span className="text-[clamp(0.9rem,1.5vw,1.2rem)] font-black text-slate-900 tabular-nums">
+            {jstHm(e.at)}
+          </span>
+          <span className="text-[clamp(0.78rem,1.2vw,1rem)] font-bold text-slate-500">
+            {KIND_LABEL[e.kind]}
+          </span>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/apps/signage/src/components/video-stage.tsx b/apps/signage/src/components/video-stage.tsx
index 162de4c..641b0c2 100644
--- a/apps/signage/src/components/video-stage.tsx
+++ b/apps/signage/src/components/video-stage.tsx
@@ -37,7 +37,7 @@ export function VideoStage({
 }: Props) {
   const reduced = useReducedMotion();
   return (
-    <div className="relative h-full min-h-0 overflow-hidden rounded-2xl bg-slate-950 shadow-xl ring-1 ring-foreground/10">
+    <div className="relative h-full min-h-0 overflow-hidden rounded-2xl bg-slate-950 ring-1 ring-slate-900/10 shadow-[0_18px_50px_-28px_rgba(15,23,42,0.40)] after:pointer-events-none after:absolute after:inset-0 after:rounded-2xl after:ring-1 after:ring-inset after:ring-white/10">
       <YoutubePlayer
         videoIds={videoIds}
         active={phase === 'activity'}

From 09ff83b4846239c9b37fb152cfacc8bc1f40a2b0 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 19:39:16 +0900
Subject: [PATCH 27/36] refactor(signage): reword status, soften copy, add
 entrance motion
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ユーザー指定の文言修正：放送を連想する『オンアエア』を避け活動中ステータスは『活動中』に、
公開面の人数表現は『在館』を避け『あそびちゅう』系に。配信フレームに staggered な入場
アニメ（Reveal）を追加。にぎわいメーター移行で不要になった ATTENDANCE_META.fill を削除。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../src/components/broadcast-frame.tsx        | 26 +++++++++++------
 apps/signage/src/components/idle-overlay.tsx  |  2 +-
 apps/signage/src/components/live-badge.tsx    |  2 +-
 apps/signage/src/lib/broadcast.ts             | 29 +++++--------------
 4 files changed, 26 insertions(+), 33 deletions(-)

diff --git a/apps/signage/src/components/broadcast-frame.tsx b/apps/signage/src/components/broadcast-frame.tsx
index 4d8f98d..27bb085 100644
--- a/apps/signage/src/components/broadcast-frame.tsx
+++ b/apps/signage/src/components/broadcast-frame.tsx
@@ -6,6 +6,7 @@ import { airStatus } from '@/lib/broadcast';
 import type { SignageData } from '@/lib/use-signage-data';
 import { ChimeRail } from './chime-rail';
 import { InfoTicker } from './info-ticker';
+import { Reveal } from './reveal';
 import { StageHeader } from './stage-header';
 import { VideoStage } from './video-stage';
 
@@ -46,9 +47,14 @@ export function BroadcastFrame({
   const status = airStatus({ phase, soon, hasNext: nextStartAt !== null });
   return (
     <div className="grid h-full w-full grid-rows-[auto_1fr_auto] gap-[clamp(0.75rem,1.6vh,1.5rem)] bg-gradient-to-b from-sky-50 to-white p-[clamp(1rem,2vw,2rem)]">
-      <StageHeader now={now} status={status} />
+      <Reveal index={0}>
+        <StageHeader now={now} status={status} />
+      </Reveal>
 
-      <div className="grid min-h-0 grid-cols-[1fr_clamp(18rem,24vw,28rem)] gap-[clamp(0.75rem,1.6vw,1.5rem)]">
+      <Reveal
+        index={1}
+        className="grid min-h-0 grid-cols-[1fr_clamp(18rem,24vw,28rem)] gap-[clamp(0.75rem,1.6vw,1.5rem)]"
+      >
         <VideoStage
           phase={phase}
           videoIds={videoIds}
@@ -63,14 +69,16 @@ export function BroadcastFrame({
           present={data.currentlyPresent}
         />
         <ChimeRail phase={phase} moment={moment} now={now} soon={soon} nextStartAt={nextStartAt} />
-      </div>
+      </Reveal>
 
-      <InfoTicker
-        currentTrack={currentTrack}
-        present={data.currentlyPresent}
-        totalCheckedIn={data.totalCheckedIn}
-        debug={debug}
-      />
+      <Reveal index={2}>
+        <InfoTicker
+          currentTrack={currentTrack}
+          present={data.currentlyPresent}
+          totalCheckedIn={data.totalCheckedIn}
+          debug={debug}
+        />
+      </Reveal>
     </div>
   );
 }
diff --git a/apps/signage/src/components/idle-overlay.tsx b/apps/signage/src/components/idle-overlay.tsx
index dde1ea0..25c8457 100644
--- a/apps/signage/src/components/idle-overlay.tsx
+++ b/apps/signage/src/components/idle-overlay.tsx
@@ -38,7 +38,7 @@ export function IdleOverlay({
       </p>
       {present > 0 && (
         <p className="text-[clamp(0.95rem,1.6vw,1.4rem)] text-slate-400">
-          いま <span className="font-black text-slate-700">{present}</span> 人が さんかちゅう
+          いま <span className="font-black text-slate-700">{present}</span> 人が あそびちゅう
         </p>
       )}
     </div>
diff --git a/apps/signage/src/components/live-badge.tsx b/apps/signage/src/components/live-badge.tsx
index 8d392ff..700fc1e 100644
--- a/apps/signage/src/components/live-badge.tsx
+++ b/apps/signage/src/components/live-badge.tsx
@@ -4,7 +4,7 @@ import { cn } from '@tecnova/ui/lib/utils';
 import { motion, useReducedMotion } from 'motion/react';
 import { AIR_STATUS_META, type AirStatus } from '@/lib/broadcast';
 
-// ステータスを示すピル。オンエア/休憩/まもなくは点を脈動させる（reduced-motion 時は静止）。
+// ステータスを示すピル。活動中/休憩/まもなくは点を脈動させる（reduced-motion 時は静止）。
 export function LiveBadge({ status, className }: { status: AirStatus; className?: string }) {
   const reduced = useReducedMotion();
   const meta = AIR_STATUS_META[status];
diff --git a/apps/signage/src/lib/broadcast.ts b/apps/signage/src/lib/broadcast.ts
index d70468c..0eec217 100644
--- a/apps/signage/src/lib/broadcast.ts
+++ b/apps/signage/src/lib/broadcast.ts
@@ -25,7 +25,7 @@ export const AIR_STATUS_META: Record<
   { label: string; dot: string; chip: string; pulse: boolean }
 > = {
   live: {
-    label: 'オンエア',
+    label: '活動中',
     dot: 'bg-emerald-500',
     chip: 'bg-emerald-100 text-emerald-700',
     pulse: true,
@@ -46,28 +46,13 @@ export const AIR_STATUS_META: Record<
   },
 };
 
-// にぎわいレベルごとの見た目。fill=メーターの満たし割合（0..1）。
+// にぎわいレベルごとの見た目。実際のメーター長は occupancyRatio(present)（上限25人）で出す。
 export const ATTENDANCE_META: Record<
   AttendanceLevel,
-  { label: string; chip: string; bar: string; fill: number }
+  { label: string; chip: string; bar: string }
 > = {
-  quiet: {
-    label: 'ゆったり',
-    chip: 'bg-slate-100 text-slate-600',
-    bar: 'bg-slate-400',
-    fill: 0.25,
-  },
-  steady: { label: 'ほどよい', chip: 'bg-sky-100 text-sky-700', bar: 'bg-sky-500', fill: 0.5 },
-  lively: {
-    label: 'にぎやか',
-    chip: 'bg-emerald-100 text-emerald-700',
-    bar: 'bg-emerald-500',
-    fill: 0.75,
-  },
-  crowded: {
-    label: '大にぎわい',
-    chip: 'bg-amber-100 text-amber-800',
-    bar: 'bg-amber-500',
-    fill: 1,
-  },
+  quiet: { label: 'ゆったり', chip: 'bg-slate-100 text-slate-600', bar: 'bg-slate-400' },
+  steady: { label: 'ほどよい', chip: 'bg-sky-100 text-sky-700', bar: 'bg-sky-500' },
+  lively: { label: 'にぎやか', chip: 'bg-emerald-100 text-emerald-700', bar: 'bg-emerald-500' },
+  crowded: { label: '大にぎわい', chip: 'bg-amber-100 text-amber-800', bar: 'bg-amber-500' },
 };

From 4fa641e27adba0aafebd4bab8f2bc5e6c8ee1f72 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:09:21 +0900
Subject: [PATCH 28/36] feat(shared): summarize previous-event stays by unique
 participant
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

来場セッションから「ユニーク来場者数」と「1人あたり平均滞在（分）」を集計する純粋ロジック。
sessions は (participantId, eventId) に一意制約が無く、退館→再入館で同一人物が複数行に
なる（週末の昼休み運用）。人数はユニーク参加者で数え、平均滞在は同一人物の複数区間を
合算してから平均する。境界値を vitest でカバー。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 packages/shared/package.json              |  1 +
 packages/shared/src/visit-summary.test.ts | 42 +++++++++++++++++++++++
 packages/shared/src/visit-summary.ts      | 36 +++++++++++++++++++
 3 files changed, 79 insertions(+)
 create mode 100644 packages/shared/src/visit-summary.test.ts
 create mode 100644 packages/shared/src/visit-summary.ts

diff --git a/packages/shared/package.json b/packages/shared/package.json
index 9741f78..4107632 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -10,6 +10,7 @@
     "./venue-schedule": "./src/venue-schedule.ts",
     "./activity-cycle": "./src/activity-cycle.ts",
     "./attendance-level": "./src/attendance-level.ts",
+    "./visit-summary": "./src/visit-summary.ts",
     "./youtube": "./src/youtube.ts"
   },
   "scripts": {
diff --git a/packages/shared/src/visit-summary.test.ts b/packages/shared/src/visit-summary.test.ts
new file mode 100644
index 0000000..f1b0281
--- /dev/null
+++ b/packages/shared/src/visit-summary.test.ts
@@ -0,0 +1,42 @@
+import { describe, expect, it } from 'vitest';
+import { summarizeStays } from './visit-summary';
+
+const min = 60_000;
+const stay = (participantId: string, inMin: number, outMin: number | null) => ({
+  participantId,
+  checkedInAt: inMin * min,
+  checkedOutAt: outMin === null ? null : outMin * min,
+});
+
+describe('summarizeStays', () => {
+  it('空配列は count 0・平均 null', () => {
+    expect(summarizeStays([])).toEqual({ count: 0, averageStayMinutes: null });
+  });
+
+  it('count はユニーク参加者数（同一人物の複数セッションは1人）', () => {
+    // 退館→再入館で2行になっても1人。
+    const r = summarizeStays([stay('p1', 0, 30), stay('p1', 60, 90), stay('p2', 0, 30)]);
+    expect(r.count).toBe(2);
+  });
+
+  it('平均滞在は1人あたり（同一人物の複数区間は合算してから平均）', () => {
+    // p1: 30+30=60分, p2: 20分 → (60+20)/2 = 40
+    const r = summarizeStays([stay('p1', 0, 30), stay('p1', 60, 90), stay('p2', 0, 20)]);
+    expect(r.averageStayMinutes).toBe(40);
+  });
+
+  it('未退館は人数に数えるが滞在平均には含めない', () => {
+    expect(summarizeStays([stay('p1', 0, null)])).toEqual({ count: 1, averageStayMinutes: null });
+  });
+
+  it('退館 < 入館 の不正区間は滞在から除外（人数には数える）', () => {
+    const r = summarizeStays([stay('p1', 100, 50), stay('p2', 0, 40)]);
+    expect(r.count).toBe(2);
+    expect(r.averageStayMinutes).toBe(40);
+  });
+
+  it('平均は分に四捨五入', () => {
+    const r = summarizeStays([{ participantId: 'p1', checkedInAt: 0, checkedOutAt: 90_000 }]);
+    expect(r.averageStayMinutes).toBe(2);
+  });
+});
diff --git a/packages/shared/src/visit-summary.ts b/packages/shared/src/visit-summary.ts
new file mode 100644
index 0000000..b50c028
--- /dev/null
+++ b/packages/shared/src/visit-summary.ts
@@ -0,0 +1,36 @@
+// 来場セッションの「人数」と「滞在時間」を集計する純粋ロジック。サイネージの「前回のテクノバ」
+// 表示に使う。Workers 安全（時刻は呼び出し側が epoch ms で渡す前提で、Date/Intl にも依存しない）。
+//
+// 重要: sessions は (participantId, eventId) に一意制約が無く、退館→再入館で同一人物が
+// 同イベントに複数行を持つ（週末の昼休み運用など）。来場「人数」はユニーク参加者で数え、
+// 平均滞在は同一人物の複数区間を合算してから1人あたりで平均する。
+
+export interface Stay {
+  participantId: string;
+  checkedInAt: number; // epoch ms
+  checkedOutAt: number | null; // epoch ms（未退館は null）
+}
+
+export interface VisitSummary {
+  count: number; // ユニーク来場者数（人）
+  averageStayMinutes: number | null; // 退館済み区間がある人の、1人あたり平均滞在（分・四捨五入）
+}
+
+export const summarizeStays = (stays: Stay[]): VisitSummary => {
+  const participants = new Set<string>();
+  // participantId → 合計滞在 ms（退館済み かつ 退館>=入館 の区間のみ合算）。
+  const totalByParticipant = new Map<string, number>();
+
+  for (const s of stays) {
+    participants.add(s.participantId);
+    if (s.checkedOutAt !== null && s.checkedOutAt >= s.checkedInAt) {
+      const prev = totalByParticipant.get(s.participantId) ?? 0;
+      totalByParticipant.set(s.participantId, prev + (s.checkedOutAt - s.checkedInAt));
+    }
+  }
+
+  const totals = [...totalByParticipant.values()];
+  if (totals.length === 0) return { count: participants.size, averageStayMinutes: null };
+  const avgMs = totals.reduce((sum, d) => sum + d, 0) / totals.length;
+  return { count: participants.size, averageStayMinutes: Math.round(avgMs / 60_000) };
+};

From 5e709b78697123e459af7585343ddcd98e23a064 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:09:30 +0900
Subject: [PATCH 29/36] feat(api): add signage previous-summary and health
 endpoints
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

GET /api/signage/previous-summary：JST の今日より前で最新の開催日を辞書順で引き、
そのセッションを集計して来場人数・平均滞在を返す（集計のみ・PII なし）。
GET /api/signage/health：基盤システムの稼働確認（D1 への軽量クエリ）。公開 /health は
CORS 対象外で別オリジンのサイネージから叩けないため、CORS 済みの /api 配下に置く。
DB スキーマ変更なし（migration 不要）。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/api/src/lib/signage.ts            | 54 +++++++++++++++++++++++++-
 apps/api/src/routes/signage.ts         | 20 +++++++++-
 packages/shared/src/schemas/signage.ts | 19 +++++++++
 3 files changed, 91 insertions(+), 2 deletions(-)

diff --git a/apps/api/src/lib/signage.ts b/apps/api/src/lib/signage.ts
index 25da77e..d9aacab 100644
--- a/apps/api/src/lib/signage.ts
+++ b/apps/api/src/lib/signage.ts
@@ -1,7 +1,18 @@
-import type { SignagePlaylistResponse } from '@tecnova/shared/schemas';
+import type * as schema from '@tecnova/db';
+import { events, sessions } from '@tecnova/db';
+import type {
+  SignagePlaylistResponse,
+  SignagePreviousSummaryResponse,
+} from '@tecnova/shared/schemas';
+import { toJstDateString } from '@tecnova/shared/venue-schedule';
+import { summarizeStays } from '@tecnova/shared/visit-summary';
 import { fetchPlaylistVideos, type YouTubePlaylistVideo } from '@tecnova/shared/youtube';
+import { desc, eq, lt } from 'drizzle-orm';
+import type { DrizzleD1Database } from 'drizzle-orm/d1';
 import type { Bindings } from '../types';
 
+type Db = DrizzleD1Database<typeof schema>;
+
 // プレイリストはサーバ側で数分キャッシュする。Data API のクォータ節約と、プレイリスト
 // 更新の反映遅延（数分）は許容（spec §5.1）。Workers がリサイクルされたら自然に再取得。
 const CACHE_TTL_MS = 5 * 60_000;
@@ -16,3 +27,44 @@ export const fetchSignagePlaylist = async (env: Bindings): Promise<SignagePlayli
   }
   return { items: cache.items, refreshAt: new Date(cache.expiresAt).toISOString() };
 };
+
+// 前回開催日（JST の今日より前で最新の event）の来場・滞在データを集計して返す。
+// events.date は TEXT 'YYYY-MM-DD' なので辞書順比較＝日付順で「今日より前の最新」を取れる。
+// 返すのは集計値のみ（PII なし）。前回開催が無ければ previous=null。
+export const fetchPreviousEventSummary = async (
+  db: Db,
+): Promise<SignagePreviousSummaryResponse> => {
+  const today = toJstDateString(new Date());
+  const [event] = await db
+    .select({ id: events.id, date: events.date })
+    .from(events)
+    .where(lt(events.date, today))
+    .orderBy(desc(events.date))
+    .limit(1);
+  if (!event) return { previous: null };
+
+  const rows = await db
+    .select({
+      participantId: sessions.participantId,
+      checkedInAt: sessions.checkedInAt,
+      checkedOutAt: sessions.checkedOutAt,
+    })
+    .from(sessions)
+    .where(eq(sessions.eventId, event.id));
+
+  // 退館→再入館で同一人物が複数行になるため、participantId を渡してユニーク人数で集計する。
+  const summary = summarizeStays(
+    rows.map((r) => ({
+      participantId: r.participantId,
+      checkedInAt: r.checkedInAt.getTime(),
+      checkedOutAt: r.checkedOutAt ? r.checkedOutAt.getTime() : null,
+    })),
+  );
+  return {
+    previous: {
+      date: event.date,
+      participantCount: summary.count,
+      averageStayMinutes: summary.averageStayMinutes,
+    },
+  };
+};
diff --git a/apps/api/src/routes/signage.ts b/apps/api/src/routes/signage.ts
index 3005a3c..862cec1 100644
--- a/apps/api/src/routes/signage.ts
+++ b/apps/api/src/routes/signage.ts
@@ -1,5 +1,8 @@
+import { events } from '@tecnova/db';
+import { count } from 'drizzle-orm';
 import { Hono } from 'hono';
-import { fetchSignagePlaylist } from '../lib/signage';
+import { fetchPreviousEventSummary, fetchSignagePlaylist } from '../lib/signage';
+import { createDb } from '../middleware/auth';
 import type { AppEnv } from '../types';
 
 // サイネージ用エンドポイント。requireAuthenticatedMentor は index.ts で /api/* に適用済み
@@ -9,3 +12,18 @@ export const signageRoute = new Hono<AppEnv>();
 // 動画プレイリスト（順序付き videoId 列）。取得失敗（APIキー未設定・YouTube エラー等）は
 // throw され apiErrorHandler が 500 化し、クライアントは §5.4 のフォールバック videoId に倒れる。
 signageRoute.get('/playlist', async (c) => c.json(await fetchSignagePlaylist(c.env)));
+
+// 前回開催日の来場・滞在データ（集計のみ・PII なし）。
+signageRoute.get('/previous-summary', async (c) =>
+  c.json(await fetchPreviousEventSummary(createDb(c.env))),
+);
+
+// 基盤システムの稼働確認。軽量な DB 到達クエリを1本投げ、成功なら ok を返す
+// （失敗時は apiErrorHandler が 500 化し、サイネージ側で「障害」表示に倒れる）。
+// /health（公開・root マウント）は CORS 対象外で別オリジンのサイネージから叩けないため、
+// CORS 済みの /api 配下に置く。
+signageRoute.get('/health', async (c) => {
+  const db = createDb(c.env);
+  await db.select({ n: count() }).from(events).limit(1);
+  return c.json({ status: 'ok', time: new Date().toISOString() });
+});
diff --git a/packages/shared/src/schemas/signage.ts b/packages/shared/src/schemas/signage.ts
index 7d0456b..735cc89 100644
--- a/packages/shared/src/schemas/signage.ts
+++ b/packages/shared/src/schemas/signage.ts
@@ -14,3 +14,22 @@ export const signagePlaylistResponseSchema = z.object({
 
 export type SignagePlaylistItem = z.infer<typeof signagePlaylistItemSchema>;
 export type SignagePlaylistResponse = z.infer<typeof signagePlaylistResponseSchema>;
+
+// `GET /api/signage/previous-summary` — 前回開催日の来場・滞在データ（PII なし）。
+export const signagePreviousSummarySchema = z.object({
+  previous: z
+    .object({
+      date: z.string(), // 'YYYY-MM-DD'（JST）
+      participantCount: z.number(),
+      averageStayMinutes: z.number().nullable(), // 退館済みが無ければ null
+    })
+    .nullable(), // 前回開催が無ければ null
+});
+export type SignagePreviousSummaryResponse = z.infer<typeof signagePreviousSummarySchema>;
+
+// `GET /api/signage/health` — 基盤システムの稼働確認（DB 到達性）。
+export const signageHealthSchema = z.object({
+  status: z.literal('ok'),
+  time: z.string(), // ISO 8601 UTC
+});
+export type SignageHealthResponse = z.infer<typeof signageHealthSchema>;

From 3bcc4ca6e16757fdb969036e759119ae5c351934 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:09:45 +0900
Subject: [PATCH 30/36] feat(signage): ticker shows previous-event stats,
 system health, and a QR call-out
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

下部インフォを更新：
- 「前回のテクノバ」= 前回開催の来場人数・平均滞在（/api/signage/previous-summary）
- プラットフォーム枠を“紹介”から“稼働状況”へ（/api/signage/health を ping し 稼働中/障害表示）
- 公式 Instagram は QR を細い帯に小さく載せず、スライド中だけ白カードでティッカー上へ
  大きくせり出すコールアウトに（qrcode.react 追加）
- 値の font-black をやめ font-bold に（Black 過多の見た目を緩和）
- ティッカーを固定高さ＋中央寄せにし、スライド切替で高さが動かないように
静的設定（Instagram ハンドル）は src/config/info-slides.ts。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/package.json                    |  1 +
 apps/signage/src/components/info-ticker.tsx  | 78 ++++++++++++++++----
 apps/signage/src/config/info-slides.ts       | 10 +--
 apps/signage/src/lib/use-previous-summary.ts | 35 +++++++++
 apps/signage/src/lib/use-system-health.ts    | 34 +++++++++
 pnpm-lock.yaml                               | 12 +++
 6 files changed, 150 insertions(+), 20 deletions(-)
 create mode 100644 apps/signage/src/lib/use-previous-summary.ts
 create mode 100644 apps/signage/src/lib/use-system-health.ts

diff --git a/apps/signage/package.json b/apps/signage/package.json
index cdd2a85..595ab91 100644
--- a/apps/signage/package.json
+++ b/apps/signage/package.json
@@ -15,6 +15,7 @@
     "better-auth": "^1.6.9",
     "motion": "^12.40.0",
     "next": "16.2.4",
+    "qrcode.react": "^4.2.0",
     "react": "19.2.4",
     "react-dom": "19.2.4"
   },
diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
index c942291..dc94fe3 100644
--- a/apps/signage/src/components/info-ticker.tsx
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -12,8 +12,9 @@ import { classifyAttendanceLevel, occupancyRatio } from '@tecnova/shared/attenda
 import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
 import { cn } from '@tecnova/ui/lib/utils';
 import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
+import { QRCodeSVG } from 'qrcode.react';
 import type { ReactNode } from 'react';
-import { INSTAGRAM_HANDLE, PREVIOUS_EVENT_NOTE } from '@/config/info-slides';
+import { INSTAGRAM_HANDLE, INSTAGRAM_URL } from '@/config/info-slides';
 import { ATTENDANCE_META } from '@/lib/broadcast';
 import {
   tickerLineTransition,
@@ -22,7 +23,9 @@ import {
   tickerSlideInitial,
   tickerSlideTransition,
 } from '@/lib/motion';
+import { usePreviousSummary } from '@/lib/use-previous-summary';
 import { useStoryRotation } from '@/lib/use-story-rotation';
+import { type HealthStatus, useSystemHealth } from '@/lib/use-system-health';
 import { StoryBars } from './story-bars';
 import { StoryProgress } from './story-progress';
 
@@ -41,13 +44,28 @@ interface Props {
   debug?: boolean; // ?debug=1 時に手動送りボタンを出す
 }
 
-// 配信下部の lower-third。動画タイトル・来場・にぎわい・コンセプト・OSS・主催/共催を巡回。
+const HEALTH_META: Record<HealthStatus, { label: string; dot: string }> = {
+  ok: { label: '稼働中', dot: 'bg-emerald-500' },
+  checking: { label: '接続を確認中…', dot: 'bg-slate-400' },
+  down: { label: '接続できません', dot: 'bg-rose-500' },
+};
+
+const prevDateFmt = new Intl.DateTimeFormat('ja-JP', {
+  timeZone: 'Asia/Tokyo',
+  month: 'numeric',
+  day: 'numeric',
+  weekday: 'short',
+});
+
+// 配信下部の lower-third。来場・にぎわい・稼働状況・公式 Instagram・前回の情報・動画タイトルを巡回。
 // 巡回の時間源は useStoryRotation（AnimationFrame）に一本化し、進行バーの満ち＝送りとする。
 export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Props) {
   const reduced = useReducedMotion();
   const level = classifyAttendanceLevel(present);
   const liveliness = ATTENDANCE_META[level];
   const occ = occupancyRatio(present);
+  const health = useSystemHealth();
+  const previous = usePreviousSummary();
 
   const slides: Slide[] = [];
   slides.push({
@@ -85,11 +103,17 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
     ),
   });
   slides.push({
-    id: 'platform',
+    id: 'health',
     icon: <IconServer />,
     chip: 'bg-slate-100 text-slate-600',
     label: 'テクノバながさきプラットフォーム',
-    value: 'テクノバを支える基盤システム。\nチーフメンターのたくやが開発・運用しています。',
+    value: (
+      <span className="inline-flex items-center gap-2.5 align-middle">
+        <span className={cn('size-2.5 rounded-full', HEALTH_META[health].dot)} />
+        {HEALTH_META[health].label}
+        <span className="text-[0.6em] font-bold text-slate-400">テクノバを支える基盤システム</span>
+      </span>
+    ),
   });
   slides.push({
     id: 'instagram',
@@ -99,22 +123,25 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
     value: (
       <>
         @{INSTAGRAM_HANDLE}
-        <span className="ml-2 text-[0.62em] font-bold text-slate-400">さいしんの活動はこちら</span>
+        <span className="ml-2 text-[0.62em] font-bold text-slate-400">
+          QR をスマホで読みとってね
+        </span>
       </>
     ),
   });
-  // 前回のテクノバ情報（config に設定があるときだけ）。
-  if (PREVIOUS_EVENT_NOTE) {
+  // 前回開催のデータがあるときだけ（後着なので末尾寄りに置きインデックスずれを防ぐ）。
+  if (previous) {
+    const stay =
+      previous.averageStayMinutes !== null ? `・平均滞在 ${previous.averageStayMinutes}分` : '';
     slides.push({
-      id: 'previous-info',
+      id: 'previous',
       icon: <IconHistory />,
       chip: 'bg-violet-100 text-violet-700',
       label: '前回のテクノバ',
-      value: PREVIOUS_EVENT_NOTE,
+      value: `${prevDateFmt.format(new Date(`${previous.date}T00:00:00+09:00`))}｜${previous.participantCount}人が来場${stay}`,
     });
   }
-  // いま流れている動画タイトルは末尾に追加する。タイトルは後着なので、先頭挿入だと
-  // 既存スライドの index がずれて表示が飛ぶ（末尾追加なら他スライドの位置は不変）。
+  // いま流れている動画タイトルは末尾に追加（先頭挿入だと既存スライドの index がずれる）。
   if (currentTrack?.title) {
     slides.push({
       id: 'now-playing',
@@ -130,7 +157,7 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
   const active = slides[index];
 
   return (
-    <div className="flex items-center gap-[clamp(0.75rem,1.6vw,1.5rem)] rounded-2xl bg-white/90 px-[clamp(1rem,2vw,2rem)] py-[clamp(0.6rem,1.4vh,1.1rem)] shadow-sm ring-1 ring-foreground/10 backdrop-blur">
+    <div className="relative flex h-[clamp(4.75rem,9.5vh,7rem)] items-center gap-[clamp(0.75rem,1.6vw,1.5rem)] rounded-2xl bg-white/90 px-[clamp(1rem,2vw,2rem)] shadow-sm ring-1 ring-foreground/10 backdrop-blur">
       {/* アイコンチップ：key 切替時だけ scale + ごく僅かな傾きを1回（spring）。 */}
       <AnimatePresence mode="wait" initial={false}>
         <motion.span
@@ -172,7 +199,7 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
               initial={reduced ? false : { opacity: 0, y: 8 }}
               animate={{ opacity: 1, y: 0 }}
               transition={reduced ? { duration: 0 } : tickerLineTransition(1)}
-              className="line-clamp-2 whitespace-pre-line text-[clamp(1rem,2vw,1.7rem)] font-black leading-snug text-slate-900"
+              className="line-clamp-2 whitespace-pre-line text-[clamp(1rem,2vw,1.65rem)] font-bold leading-snug text-slate-800"
             >
               {active.value}
             </motion.p>
@@ -180,7 +207,30 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
         </AnimatePresence>
       </div>
 
-      <div className="ml-auto flex shrink-0 items-center gap-[clamp(0.4rem,0.8vw,0.75rem)]">
+      {/* Instagram スライド中だけ、QR をティッカー上へ大きくせり出して見せる
+          （細い帯に小さく収めると読みづらいため、白カードのコールアウトにする）。 */}
+      <AnimatePresence>
+        {active.id === 'instagram' && (
+          <motion.div
+            className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.5rem,1.5vh,1.25rem)] flex flex-col items-center gap-[clamp(0.3rem,0.8vh,0.6rem)] rounded-2xl bg-white p-[clamp(0.6rem,1.2vw,1rem)] shadow-[0_18px_50px_-28px_rgba(15,23,42,0.45)] ring-1 ring-slate-900/10"
+            initial={reduced ? false : { opacity: 0, y: 14, scale: 0.96 }}
+            animate={{ opacity: 1, y: 0, scale: 1 }}
+            exit={reduced ? { opacity: 0 } : { opacity: 0, y: 14, scale: 0.96 }}
+            transition={reduced ? { duration: 0 } : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }}
+          >
+            <QRCodeSVG
+              value={INSTAGRAM_URL}
+              marginSize={2}
+              className="size-[clamp(6.5rem,13vh,10rem)]"
+            />
+            <span className="text-[clamp(0.72rem,1.1vw,0.95rem)] font-bold text-slate-600">
+              フォローしてね @{INSTAGRAM_HANDLE}
+            </span>
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      <div className="flex shrink-0 items-center gap-[clamp(0.4rem,0.8vw,0.75rem)]">
         {debug && (
           <span className="mr-1 flex gap-1">
             <button
diff --git a/apps/signage/src/config/info-slides.ts b/apps/signage/src/config/info-slides.ts
index cf94bec..655558a 100644
--- a/apps/signage/src/config/info-slides.ts
+++ b/apps/signage/src/config/info-slides.ts
@@ -1,9 +1,7 @@
-// 会場/開催回ごとに運用者が編集する想定の静的インフォメーション（巡回スライド用）。
-// データ駆動ではないので、ここを書き換えるだけで掲示内容を差し替えられる。
-
-// 前回のテクノバの情報（前回の来場数・トピック・写真の案内など、自由文）。
-// 改行は \n で。空文字のあいだは該当スライドを出さない。
-export const PREVIOUS_EVENT_NOTE = '';
+// 巡回スライド用の静的設定。データ駆動でない値だけをここに置く。
 
 // 公式 Instagram のハンドル（先頭の @ は付けない）。
 export const INSTAGRAM_HANDLE = 'tecnovanagasaki';
+
+// 上記から組み立てる公式 Instagram の URL（QR・リンク用）。
+export const INSTAGRAM_URL = `https://www.instagram.com/${INSTAGRAM_HANDLE}/`;
diff --git a/apps/signage/src/lib/use-previous-summary.ts b/apps/signage/src/lib/use-previous-summary.ts
new file mode 100644
index 0000000..574c408
--- /dev/null
+++ b/apps/signage/src/lib/use-previous-summary.ts
@@ -0,0 +1,35 @@
+'use client';
+
+import type { SignagePreviousSummaryResponse } from '@tecnova/shared/schemas';
+import { apiJson } from '@tecnova/ui/lib/api-client';
+import { useEffect, useState } from 'react';
+
+type Previous = SignagePreviousSummaryResponse['previous'];
+
+// 前回開催の来場・滞在データ（集計のみ）。日付をまたぐ可能性に備え1時間ごとに再取得。
+// 失敗時は直近値を保持（degrade）。前回開催が無ければ null。
+const POLL_MS = 60 * 60_000;
+
+export const usePreviousSummary = (): Previous => {
+  const [previous, setPrevious] = useState<Previous>(null);
+
+  useEffect(() => {
+    let active = true;
+    const load = async (): Promise<void> => {
+      try {
+        const res = await apiJson<SignagePreviousSummaryResponse>('/api/signage/previous-summary');
+        if (active) setPrevious(res.previous);
+      } catch {
+        // 直近値を保持。
+      }
+    };
+    void load();
+    const id = window.setInterval(() => void load(), POLL_MS);
+    return () => {
+      active = false;
+      window.clearInterval(id);
+    };
+  }, []);
+
+  return previous;
+};
diff --git a/apps/signage/src/lib/use-system-health.ts b/apps/signage/src/lib/use-system-health.ts
new file mode 100644
index 0000000..6a80485
--- /dev/null
+++ b/apps/signage/src/lib/use-system-health.ts
@@ -0,0 +1,34 @@
+'use client';
+
+import type { SignageHealthResponse } from '@tecnova/shared/schemas';
+import { apiJson } from '@tecnova/ui/lib/api-client';
+import { useEffect, useState } from 'react';
+
+export type HealthStatus = 'checking' | 'ok' | 'down';
+
+// 基盤システムの稼働確認。/api/signage/health を定期 ping し、成功=ok / 失敗=down。
+const POLL_MS = 30_000;
+
+export const useSystemHealth = (): HealthStatus => {
+  const [status, setStatus] = useState<HealthStatus>('checking');
+
+  useEffect(() => {
+    let active = true;
+    const ping = async (): Promise<void> => {
+      try {
+        const res = await apiJson<SignageHealthResponse>('/api/signage/health');
+        if (active) setStatus(res.status === 'ok' ? 'ok' : 'down');
+      } catch {
+        if (active) setStatus('down');
+      }
+    };
+    void ping();
+    const id = window.setInterval(() => void ping(), POLL_MS);
+    return () => {
+      active = false;
+      window.clearInterval(id);
+    };
+  }, []);
+
+  return status;
+};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7f3ec6d..ddd597f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -158,6 +158,9 @@ importers:
       next:
         specifier: 16.2.4
         version: 16.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      qrcode.react:
+        specifier: ^4.2.0
+        version: 4.2.0(react@19.2.4)
       react:
         specifier: 19.2.4
         version: 19.2.4
@@ -2881,6 +2884,11 @@ packages:
     resolution: {integrity: sha512-qif0+jGGZoLWdHey3UFHHWP0H7Gbmsk8T5VEqyYFbWqPr1XqvLGBbk/sl8V5exGmcYJklJOhOQq1pV9IcsiFag==}
     engines: {node: ^10 || ^12 || >=14}
 
+  qrcode.react@4.2.0:
+    resolution: {integrity: sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   radix-ui@1.4.3:
     resolution: {integrity: sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==}
     peerDependencies:
@@ -5241,6 +5249,10 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  qrcode.react@4.2.0(react@19.2.4):
+    dependencies:
+      react: 19.2.4
+
   radix-ui@1.4.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       '@radix-ui/primitive': 1.1.3

From 70890f9f78d2b48af814ec02e46781cc50d6cb63 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:09:58 +0900
Subject: [PATCH 31/36] refactor(signage): drop the status badge ripple (sonar)
 animation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ヘッダのステータスバッジの脈動（ソナー）アニメは描画が安定せず途切れて見えるため廃止し、
静的な点＋ラベルにする。未使用になった AIR_STATUS_META.pulse も削除。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/live-badge.tsx | 16 ++---------
 apps/signage/src/lib/broadcast.ts          | 32 +++++-----------------
 2 files changed, 9 insertions(+), 39 deletions(-)

diff --git a/apps/signage/src/components/live-badge.tsx b/apps/signage/src/components/live-badge.tsx
index 700fc1e..8da5aeb 100644
--- a/apps/signage/src/components/live-badge.tsx
+++ b/apps/signage/src/components/live-badge.tsx
@@ -1,14 +1,11 @@
 'use client';
 
 import { cn } from '@tecnova/ui/lib/utils';
-import { motion, useReducedMotion } from 'motion/react';
 import { AIR_STATUS_META, type AirStatus } from '@/lib/broadcast';
 
-// ステータスを示すピル。活動中/休憩/まもなくは点を脈動させる（reduced-motion 時は静止）。
+// ステータスを示すピル（点＋ラベル）。脈動（ソナー）アニメは見え方が安定しないため廃止し静的にする。
 export function LiveBadge({ status, className }: { status: AirStatus; className?: string }) {
-  const reduced = useReducedMotion();
   const meta = AIR_STATUS_META[status];
-  const animate = meta.pulse && !reduced;
   return (
     <span
       className={cn(
@@ -17,16 +14,7 @@ export function LiveBadge({ status, className }: { status: AirStatus; className?
         className,
       )}
     >
-      <span className="relative flex shrink-0">
-        <span className={cn('size-2.5 rounded-full', meta.dot)} />
-        {animate && (
-          <motion.span
-            className={cn('absolute inset-0 rounded-full', meta.dot)}
-            animate={{ scale: [1, 2.2], opacity: [0.6, 0] }}
-            transition={{ duration: 1.8, repeat: Number.POSITIVE_INFINITY, ease: 'easeOut' }}
-          />
-        )}
-      </span>
+      <span className={cn('size-2.5 shrink-0 rounded-full', meta.dot)} />
       {meta.label}
     </span>
   );
diff --git a/apps/signage/src/lib/broadcast.ts b/apps/signage/src/lib/broadcast.ts
index 0eec217..aac16f9 100644
--- a/apps/signage/src/lib/broadcast.ts
+++ b/apps/signage/src/lib/broadcast.ts
@@ -19,31 +19,13 @@ export const airStatus = ({
   return hasNext ? 'standby' : 'ended';
 };
 
-// ステータスごとの見た目。dot=点の色 / chip=ピル / pulse=点を脈動させるか。
-export const AIR_STATUS_META: Record<
-  AirStatus,
-  { label: string; dot: string; chip: string; pulse: boolean }
-> = {
-  live: {
-    label: '活動中',
-    dot: 'bg-emerald-500',
-    chip: 'bg-emerald-100 text-emerald-700',
-    pulse: true,
-  },
-  break: { label: '休憩中', dot: 'bg-amber-500', chip: 'bg-amber-100 text-amber-800', pulse: true },
-  soon: { label: 'まもなく開始', dot: 'bg-sky-500', chip: 'bg-sky-100 text-sky-700', pulse: true },
-  standby: {
-    label: '準備中',
-    dot: 'bg-slate-400',
-    chip: 'bg-slate-100 text-slate-600',
-    pulse: false,
-  },
-  ended: {
-    label: '本日終了',
-    dot: 'bg-slate-400',
-    chip: 'bg-slate-100 text-slate-600',
-    pulse: false,
-  },
+// ステータスごとの見た目。dot=点の色 / chip=ピル。
+export const AIR_STATUS_META: Record<AirStatus, { label: string; dot: string; chip: string }> = {
+  live: { label: '活動中', dot: 'bg-emerald-500', chip: 'bg-emerald-100 text-emerald-700' },
+  break: { label: '休憩中', dot: 'bg-amber-500', chip: 'bg-amber-100 text-amber-800' },
+  soon: { label: 'まもなく開始', dot: 'bg-sky-500', chip: 'bg-sky-100 text-sky-700' },
+  standby: { label: '準備中', dot: 'bg-slate-400', chip: 'bg-slate-100 text-slate-600' },
+  ended: { label: '本日終了', dot: 'bg-slate-400', chip: 'bg-slate-100 text-slate-600' },
 };
 
 // にぎわいレベルごとの見た目。実際のメーター長は occupancyRatio(present)（上限25人）で出す。

From 1a9bfe53c8ec143351155d12059a6569512175b1 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:12:22 +0900
Subject: [PATCH 32/36] feat(signage): style the follow call-out as an
 Instagram card with avatar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

QR コールアウトを Instagram ブランドグラデのフォローカードに。アバター（円形）＋ハンドル＋
『フォローしてね』のヘッダ＋白地の QR。実プロフィール画像は public に置いて config の
INSTAGRAM_AVATAR にパス設定で差し替え可。未設定時はブランドアイコンで代用。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/info-ticker.tsx | 46 ++++++++++++++++-----
 apps/signage/src/config/info-slides.ts      |  4 ++
 2 files changed, 40 insertions(+), 10 deletions(-)

diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
index dc94fe3..9648ab8 100644
--- a/apps/signage/src/components/info-ticker.tsx
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -12,9 +12,10 @@ import { classifyAttendanceLevel, occupancyRatio } from '@tecnova/shared/attenda
 import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
 import { cn } from '@tecnova/ui/lib/utils';
 import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
+import Image from 'next/image';
 import { QRCodeSVG } from 'qrcode.react';
 import type { ReactNode } from 'react';
-import { INSTAGRAM_HANDLE, INSTAGRAM_URL } from '@/config/info-slides';
+import { INSTAGRAM_AVATAR, INSTAGRAM_HANDLE, INSTAGRAM_URL } from '@/config/info-slides';
 import { ATTENDANCE_META } from '@/lib/broadcast';
 import {
   tickerLineTransition,
@@ -212,20 +213,45 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
       <AnimatePresence>
         {active.id === 'instagram' && (
           <motion.div
-            className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.5rem,1.5vh,1.25rem)] flex flex-col items-center gap-[clamp(0.3rem,0.8vh,0.6rem)] rounded-2xl bg-white p-[clamp(0.6rem,1.2vw,1rem)] shadow-[0_18px_50px_-28px_rgba(15,23,42,0.45)] ring-1 ring-slate-900/10"
+            className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.5rem,1.5vh,1.25rem)] w-[clamp(8.5rem,17vh,12rem)] overflow-hidden rounded-2xl bg-white shadow-[0_18px_50px_-28px_rgba(15,23,42,0.45)] ring-1 ring-slate-900/10"
             initial={reduced ? false : { opacity: 0, y: 14, scale: 0.96 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={reduced ? { opacity: 0 } : { opacity: 0, y: 14, scale: 0.96 }}
             transition={reduced ? { duration: 0 } : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }}
           >
-            <QRCodeSVG
-              value={INSTAGRAM_URL}
-              marginSize={2}
-              className="size-[clamp(6.5rem,13vh,10rem)]"
-            />
-            <span className="text-[clamp(0.72rem,1.1vw,0.95rem)] font-bold text-slate-600">
-              フォローしてね @{INSTAGRAM_HANDLE}
-            </span>
+            {/* Instagram ブランドグラデのヘッダ：アバター＋ハンドル＋フォロー誘導。 */}
+            <div className="flex flex-col items-center gap-[clamp(0.2rem,0.6vh,0.45rem)] bg-[linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] px-3 py-[clamp(0.5rem,1.2vh,0.85rem)] text-white">
+              <span className="grid size-[clamp(2.25rem,4.5vh,3.25rem)] place-items-center rounded-full bg-white p-[2px]">
+                {INSTAGRAM_AVATAR ? (
+                  <Image
+                    src={INSTAGRAM_AVATAR}
+                    alt=""
+                    width={64}
+                    height={64}
+                    className="size-full rounded-full object-cover"
+                  />
+                ) : (
+                  <span className="grid size-full place-items-center rounded-full bg-[linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] text-white">
+                    <IconBrandInstagram className="size-[58%]" />
+                  </span>
+                )}
+              </span>
+              <span className="text-[clamp(0.78rem,1.15vw,1rem)] font-black leading-none">
+                @{INSTAGRAM_HANDLE}
+              </span>
+              <span className="inline-flex items-center gap-1 text-[clamp(0.6rem,0.9vw,0.78rem)] font-bold opacity-95">
+                <IconBrandInstagram className="size-[1.1em]" />
+                フォローしてね
+              </span>
+            </div>
+            {/* QR は白地に置いて読み取りやすく。 */}
+            <div className="flex justify-center bg-white p-[clamp(0.5rem,1vw,0.85rem)]">
+              <QRCodeSVG
+                value={INSTAGRAM_URL}
+                marginSize={1}
+                className="size-[clamp(6rem,12vh,9rem)]"
+              />
+            </div>
           </motion.div>
         )}
       </AnimatePresence>
diff --git a/apps/signage/src/config/info-slides.ts b/apps/signage/src/config/info-slides.ts
index 655558a..7af9b7f 100644
--- a/apps/signage/src/config/info-slides.ts
+++ b/apps/signage/src/config/info-slides.ts
@@ -5,3 +5,7 @@ export const INSTAGRAM_HANDLE = 'tecnovanagasaki';
 
 // 上記から組み立てる公式 Instagram の URL（QR・リンク用）。
 export const INSTAGRAM_URL = `https://www.instagram.com/${INSTAGRAM_HANDLE}/`;
+
+// プロフィールアイコン（正方形画像）を public に置いてパスを設定すると、フォローカードの
+// アバターに使われる（例: '/instagram-avatar.png'）。null のときはブランドアイコンで代用。
+export const INSTAGRAM_AVATAR: string | null = null;

From c31db7886d148eb6c028c518892e11f8c88e159e Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:15:52 +0900
Subject: [PATCH 33/36] fix(signage): widen Instagram follow card so the handle
 no longer clips
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

カードが狭く @tecnovanagasaki がはみ出して切れていたのを修正。幅を広げ、ハンドルを
nowrap＋tracking-tight で少し詰めて収め、QR も大きく、余白・角丸・影を整える。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/info-ticker.tsx | 22 ++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
index 9648ab8..f6ca4a6 100644
--- a/apps/signage/src/components/info-ticker.tsx
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -213,15 +213,15 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
       <AnimatePresence>
         {active.id === 'instagram' && (
           <motion.div
-            className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.5rem,1.5vh,1.25rem)] w-[clamp(8.5rem,17vh,12rem)] overflow-hidden rounded-2xl bg-white shadow-[0_18px_50px_-28px_rgba(15,23,42,0.45)] ring-1 ring-slate-900/10"
+            className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.6rem,1.8vh,1.5rem)] w-[clamp(11rem,24vh,15rem)] overflow-hidden rounded-[1.25rem] bg-white shadow-[0_22px_60px_-28px_rgba(15,23,42,0.5)] ring-1 ring-slate-900/10"
             initial={reduced ? false : { opacity: 0, y: 14, scale: 0.96 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={reduced ? { opacity: 0 } : { opacity: 0, y: 14, scale: 0.96 }}
             transition={reduced ? { duration: 0 } : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }}
           >
             {/* Instagram ブランドグラデのヘッダ：アバター＋ハンドル＋フォロー誘導。 */}
-            <div className="flex flex-col items-center gap-[clamp(0.2rem,0.6vh,0.45rem)] bg-[linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] px-3 py-[clamp(0.5rem,1.2vh,0.85rem)] text-white">
-              <span className="grid size-[clamp(2.25rem,4.5vh,3.25rem)] place-items-center rounded-full bg-white p-[2px]">
+            <div className="flex flex-col items-center gap-[clamp(0.25rem,0.7vh,0.5rem)] bg-[linear-gradient(115deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] px-[clamp(0.75rem,1.6vw,1.25rem)] py-[clamp(0.6rem,1.4vh,1rem)] text-white">
+              <span className="grid size-[clamp(2.4rem,5vh,3.5rem)] place-items-center rounded-full bg-white p-[2.5px] shadow-sm">
                 {INSTAGRAM_AVATAR ? (
                   <Image
                     src={INSTAGRAM_AVATAR}
@@ -231,25 +231,25 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
                     className="size-full rounded-full object-cover"
                   />
                 ) : (
-                  <span className="grid size-full place-items-center rounded-full bg-[linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] text-white">
-                    <IconBrandInstagram className="size-[58%]" />
+                  <span className="grid size-full place-items-center rounded-full bg-[linear-gradient(115deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] text-white">
+                    <IconBrandInstagram className="size-[56%]" />
                   </span>
                 )}
               </span>
-              <span className="text-[clamp(0.78rem,1.15vw,1rem)] font-black leading-none">
+              <span className="max-w-full whitespace-nowrap text-[clamp(0.7rem,1.05vw,0.92rem)] font-black leading-none tracking-tight">
                 @{INSTAGRAM_HANDLE}
               </span>
-              <span className="inline-flex items-center gap-1 text-[clamp(0.6rem,0.9vw,0.78rem)] font-bold opacity-95">
-                <IconBrandInstagram className="size-[1.1em]" />
+              <span className="inline-flex items-center gap-1 text-[clamp(0.6rem,0.92vw,0.8rem)] font-bold opacity-95">
+                <IconBrandInstagram className="size-[1.15em]" />
                 フォローしてね
               </span>
             </div>
-            {/* QR は白地に置いて読み取りやすく。 */}
-            <div className="flex justify-center bg-white p-[clamp(0.5rem,1vw,0.85rem)]">
+            {/* QR は白地に大きく置いて読み取りやすく。 */}
+            <div className="flex justify-center bg-white px-[clamp(0.6rem,1.2vw,1rem)] pt-[clamp(0.5rem,1vh,0.85rem)] pb-[clamp(0.6rem,1.2vh,1rem)]">
               <QRCodeSVG
                 value={INSTAGRAM_URL}
                 marginSize={1}
-                className="size-[clamp(6rem,12vh,9rem)]"
+                className="size-[clamp(7rem,14vh,11rem)]"
               />
             </div>
           </motion.div>

From 6123156b026100e5be29331e7f13f297a386c32a Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:18:14 +0900
Subject: [PATCH 34/36] revert(signage): restore the simple Instagram follow
 card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Instagram ブランド装飾（グラデヘッダ＋アバター）とカード幅広げをやめ、従来のシンプルな
白カード（QR ＋『フォローしてね @handle』）に戻す。INSTAGRAM_AVATAR 設定も撤去。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/signage/src/components/info-ticker.tsx | 46 +++++----------------
 apps/signage/src/config/info-slides.ts      |  4 --
 2 files changed, 10 insertions(+), 40 deletions(-)

diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
index f6ca4a6..dc94fe3 100644
--- a/apps/signage/src/components/info-ticker.tsx
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -12,10 +12,9 @@ import { classifyAttendanceLevel, occupancyRatio } from '@tecnova/shared/attenda
 import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
 import { cn } from '@tecnova/ui/lib/utils';
 import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
-import Image from 'next/image';
 import { QRCodeSVG } from 'qrcode.react';
 import type { ReactNode } from 'react';
-import { INSTAGRAM_AVATAR, INSTAGRAM_HANDLE, INSTAGRAM_URL } from '@/config/info-slides';
+import { INSTAGRAM_HANDLE, INSTAGRAM_URL } from '@/config/info-slides';
 import { ATTENDANCE_META } from '@/lib/broadcast';
 import {
   tickerLineTransition,
@@ -213,45 +212,20 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
       <AnimatePresence>
         {active.id === 'instagram' && (
           <motion.div
-            className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.6rem,1.8vh,1.5rem)] w-[clamp(11rem,24vh,15rem)] overflow-hidden rounded-[1.25rem] bg-white shadow-[0_22px_60px_-28px_rgba(15,23,42,0.5)] ring-1 ring-slate-900/10"
+            className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.5rem,1.5vh,1.25rem)] flex flex-col items-center gap-[clamp(0.3rem,0.8vh,0.6rem)] rounded-2xl bg-white p-[clamp(0.6rem,1.2vw,1rem)] shadow-[0_18px_50px_-28px_rgba(15,23,42,0.45)] ring-1 ring-slate-900/10"
             initial={reduced ? false : { opacity: 0, y: 14, scale: 0.96 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={reduced ? { opacity: 0 } : { opacity: 0, y: 14, scale: 0.96 }}
             transition={reduced ? { duration: 0 } : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }}
           >
-            {/* Instagram ブランドグラデのヘッダ：アバター＋ハンドル＋フォロー誘導。 */}
-            <div className="flex flex-col items-center gap-[clamp(0.25rem,0.7vh,0.5rem)] bg-[linear-gradient(115deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] px-[clamp(0.75rem,1.6vw,1.25rem)] py-[clamp(0.6rem,1.4vh,1rem)] text-white">
-              <span className="grid size-[clamp(2.4rem,5vh,3.5rem)] place-items-center rounded-full bg-white p-[2.5px] shadow-sm">
-                {INSTAGRAM_AVATAR ? (
-                  <Image
-                    src={INSTAGRAM_AVATAR}
-                    alt=""
-                    width={64}
-                    height={64}
-                    className="size-full rounded-full object-cover"
-                  />
-                ) : (
-                  <span className="grid size-full place-items-center rounded-full bg-[linear-gradient(115deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)] text-white">
-                    <IconBrandInstagram className="size-[56%]" />
-                  </span>
-                )}
-              </span>
-              <span className="max-w-full whitespace-nowrap text-[clamp(0.7rem,1.05vw,0.92rem)] font-black leading-none tracking-tight">
-                @{INSTAGRAM_HANDLE}
-              </span>
-              <span className="inline-flex items-center gap-1 text-[clamp(0.6rem,0.92vw,0.8rem)] font-bold opacity-95">
-                <IconBrandInstagram className="size-[1.15em]" />
-                フォローしてね
-              </span>
-            </div>
-            {/* QR は白地に大きく置いて読み取りやすく。 */}
-            <div className="flex justify-center bg-white px-[clamp(0.6rem,1.2vw,1rem)] pt-[clamp(0.5rem,1vh,0.85rem)] pb-[clamp(0.6rem,1.2vh,1rem)]">
-              <QRCodeSVG
-                value={INSTAGRAM_URL}
-                marginSize={1}
-                className="size-[clamp(7rem,14vh,11rem)]"
-              />
-            </div>
+            <QRCodeSVG
+              value={INSTAGRAM_URL}
+              marginSize={2}
+              className="size-[clamp(6.5rem,13vh,10rem)]"
+            />
+            <span className="text-[clamp(0.72rem,1.1vw,0.95rem)] font-bold text-slate-600">
+              フォローしてね @{INSTAGRAM_HANDLE}
+            </span>
           </motion.div>
         )}
       </AnimatePresence>
diff --git a/apps/signage/src/config/info-slides.ts b/apps/signage/src/config/info-slides.ts
index 7af9b7f..655558a 100644
--- a/apps/signage/src/config/info-slides.ts
+++ b/apps/signage/src/config/info-slides.ts
@@ -5,7 +5,3 @@ export const INSTAGRAM_HANDLE = 'tecnovanagasaki';
 
 // 上記から組み立てる公式 Instagram の URL（QR・リンク用）。
 export const INSTAGRAM_URL = `https://www.instagram.com/${INSTAGRAM_HANDLE}/`;
-
-// プロフィールアイコン（正方形画像）を public に置いてパスを設定すると、フォローカードの
-// アバターに使われる（例: '/instagram-avatar.png'）。null のときはブランドアイコンで代用。
-export const INSTAGRAM_AVATAR: string | null = null;

From e4d2e5936c439d88777778760e7d34bd557c8dc3 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:23:55 +0900
Subject: [PATCH 35/36] chore(signage): add comment

---
 apps/signage/src/components/info-ticker.tsx | 120 ++++++++++++--------
 1 file changed, 70 insertions(+), 50 deletions(-)

diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
index dc94fe3..ce795cd 100644
--- a/apps/signage/src/components/info-ticker.tsx
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import {
   IconBrandInstagram,
@@ -7,27 +7,30 @@ import {
   IconServer,
   IconSparkles,
   IconUsers,
-} from '@tabler/icons-react';
-import { classifyAttendanceLevel, occupancyRatio } from '@tecnova/shared/attendance-level';
-import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
-import { cn } from '@tecnova/ui/lib/utils';
-import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
-import { QRCodeSVG } from 'qrcode.react';
-import type { ReactNode } from 'react';
-import { INSTAGRAM_HANDLE, INSTAGRAM_URL } from '@/config/info-slides';
-import { ATTENDANCE_META } from '@/lib/broadcast';
+} from "@tabler/icons-react";
+import {
+  classifyAttendanceLevel,
+  occupancyRatio,
+} from "@tecnova/shared/attendance-level";
+import type { SignagePlaylistItem } from "@tecnova/shared/schemas";
+import { cn } from "@tecnova/ui/lib/utils";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { QRCodeSVG } from "qrcode.react";
+import type { ReactNode } from "react";
+import { INSTAGRAM_HANDLE, INSTAGRAM_URL } from "@/config/info-slides";
+import { ATTENDANCE_META } from "@/lib/broadcast";
 import {
   tickerLineTransition,
   tickerSlideAnimate,
   tickerSlideExit,
   tickerSlideInitial,
   tickerSlideTransition,
-} from '@/lib/motion';
-import { usePreviousSummary } from '@/lib/use-previous-summary';
-import { useStoryRotation } from '@/lib/use-story-rotation';
-import { type HealthStatus, useSystemHealth } from '@/lib/use-system-health';
-import { StoryBars } from './story-bars';
-import { StoryProgress } from './story-progress';
+} from "@/lib/motion";
+import { usePreviousSummary } from "@/lib/use-previous-summary";
+import { useStoryRotation } from "@/lib/use-story-rotation";
+import { type HealthStatus, useSystemHealth } from "@/lib/use-system-health";
+import { StoryBars } from "./story-bars";
+import { StoryProgress } from "./story-progress";
 
 interface Slide {
   id: string;
@@ -45,21 +48,26 @@ interface Props {
 }
 
 const HEALTH_META: Record<HealthStatus, { label: string; dot: string }> = {
-  ok: { label: '稼働中', dot: 'bg-emerald-500' },
-  checking: { label: '接続を確認中…', dot: 'bg-slate-400' },
-  down: { label: '接続できません', dot: 'bg-rose-500' },
+  ok: { label: "稼働中", dot: "bg-emerald-500" },
+  checking: { label: "接続を確認中…", dot: "bg-slate-400" },
+  down: { label: "接続できません", dot: "bg-rose-500" },
 };
 
-const prevDateFmt = new Intl.DateTimeFormat('ja-JP', {
-  timeZone: 'Asia/Tokyo',
-  month: 'numeric',
-  day: 'numeric',
-  weekday: 'short',
+const prevDateFmt = new Intl.DateTimeFormat("ja-JP", {
+  timeZone: "Asia/Tokyo",
+  month: "numeric",
+  day: "numeric",
+  weekday: "short",
 });
 
 // 配信下部の lower-third。来場・にぎわい・稼働状況・公式 Instagram・前回の情報・動画タイトルを巡回。
 // 巡回の時間源は useStoryRotation（AnimationFrame）に一本化し、進行バーの満ち＝送りとする。
-export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Props) {
+export function InfoTicker({
+  currentTrack,
+  present,
+  totalCheckedIn,
+  debug,
+}: Props) {
   const reduced = useReducedMotion();
   const level = classifyAttendanceLevel(present);
   const liveliness = ATTENDANCE_META[level];
@@ -69,10 +77,10 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
 
   const slides: Slide[] = [];
   slides.push({
-    id: 'attendance',
+    id: "attendance",
     icon: <IconUsers />,
-    chip: 'bg-emerald-100 text-emerald-700',
-    label: 'いま 会場にいる人',
+    chip: "bg-emerald-100 text-emerald-700",
+    label: "いま 会場にいる人",
     value: (
       <>
         <span className="tabular-nums">{present}</span> 人
@@ -83,17 +91,17 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
     ),
   });
   slides.push({
-    id: 'liveliness',
+    id: "liveliness",
     icon: <IconSparkles />,
     chip: liveliness.chip,
-    label: 'かいじょうの にぎわい',
+    label: "かいじょうの にぎわい",
     value: (
       <span className="inline-flex items-center gap-3 align-middle">
         {liveliness.label}
         <span className="inline-block h-[clamp(0.45rem,0.9vw,0.7rem)] w-[clamp(4rem,11vw,10rem)] overflow-hidden rounded-full bg-slate-200 align-middle">
           <span
             className={cn(
-              'block h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none',
+              "block h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none",
               liveliness.bar,
             )}
             style={{ width: `${occ * 100}%` }}
@@ -103,23 +111,27 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
     ),
   });
   slides.push({
-    id: 'health',
+    id: "health",
     icon: <IconServer />,
-    chip: 'bg-slate-100 text-slate-600',
-    label: 'テクノバながさきプラットフォーム',
+    chip: "bg-slate-100 text-slate-600",
+    label: "テクノバながさきプラットフォーム",
     value: (
       <span className="inline-flex items-center gap-2.5 align-middle">
-        <span className={cn('size-2.5 rounded-full', HEALTH_META[health].dot)} />
+        <span
+          className={cn("size-2.5 rounded-full", HEALTH_META[health].dot)}
+        />
         {HEALTH_META[health].label}
-        <span className="text-[0.6em] font-bold text-slate-400">テクノバを支える基盤システム</span>
+        <span className="text-[0.6em] font-bold text-slate-400">
+          テクノバを支える基盤システム（実は大学生が1人で開発・運用しているよ）
+        </span>
       </span>
     ),
   });
   slides.push({
-    id: 'instagram',
+    id: "instagram",
     icon: <IconBrandInstagram />,
-    chip: 'bg-pink-100 text-pink-700',
-    label: '公式インスタグラム',
+    chip: "bg-pink-100 text-pink-700",
+    label: "公式インスタグラム",
     value: (
       <>
         @{INSTAGRAM_HANDLE}
@@ -132,22 +144,24 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
   // 前回開催のデータがあるときだけ（後着なので末尾寄りに置きインデックスずれを防ぐ）。
   if (previous) {
     const stay =
-      previous.averageStayMinutes !== null ? `・平均滞在 ${previous.averageStayMinutes}分` : '';
+      previous.averageStayMinutes !== null
+        ? `・平均滞在 ${previous.averageStayMinutes}分`
+        : "";
     slides.push({
-      id: 'previous',
+      id: "previous",
       icon: <IconHistory />,
-      chip: 'bg-violet-100 text-violet-700',
-      label: '前回のテクノバ',
+      chip: "bg-violet-100 text-violet-700",
+      label: "前回のテクノバ",
       value: `${prevDateFmt.format(new Date(`${previous.date}T00:00:00+09:00`))}｜${previous.participantCount}人が来場${stay}`,
     });
   }
   // いま流れている動画タイトルは末尾に追加（先頭挿入だと既存スライドの index がずれる）。
   if (currentTrack?.title) {
     slides.push({
-      id: 'now-playing',
+      id: "now-playing",
       icon: <IconPlayerPlayFilled />,
-      chip: 'bg-sky-100 text-sky-700',
-      label: 'いま流れているどうが',
+      chip: "bg-sky-100 text-sky-700",
+      label: "いま流れているどうが",
       value: currentTrack.title,
     });
   }
@@ -166,10 +180,12 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
           animate={{ scale: 1, rotate: 0, opacity: 1 }}
           exit={reduced ? { opacity: 0 } : { scale: 0.95, opacity: 0 }}
           transition={
-            reduced ? { duration: 0 } : { type: 'spring', stiffness: 420, damping: 26, mass: 0.6 }
+            reduced
+              ? { duration: 0 }
+              : { type: "spring", stiffness: 420, damping: 26, mass: 0.6 }
           }
           className={cn(
-            'grid size-[clamp(2.5rem,4vw,3.5rem)] shrink-0 place-items-center rounded-xl [&>svg]:size-[55%]',
+            "grid size-[clamp(2.5rem,4vw,3.5rem)] shrink-0 place-items-center rounded-xl [&>svg]:size-[55%]",
             active.chip,
           )}
         >
@@ -210,13 +226,17 @@ export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Pro
       {/* Instagram スライド中だけ、QR をティッカー上へ大きくせり出して見せる
           （細い帯に小さく収めると読みづらいため、白カードのコールアウトにする）。 */}
       <AnimatePresence>
-        {active.id === 'instagram' && (
+        {active.id === "instagram" && (
           <motion.div
             className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.5rem,1.5vh,1.25rem)] flex flex-col items-center gap-[clamp(0.3rem,0.8vh,0.6rem)] rounded-2xl bg-white p-[clamp(0.6rem,1.2vw,1rem)] shadow-[0_18px_50px_-28px_rgba(15,23,42,0.45)] ring-1 ring-slate-900/10"
             initial={reduced ? false : { opacity: 0, y: 14, scale: 0.96 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={reduced ? { opacity: 0 } : { opacity: 0, y: 14, scale: 0.96 }}
-            transition={reduced ? { duration: 0 } : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }}
+            transition={
+              reduced
+                ? { duration: 0 }
+                : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }
+            }
           >
             <QRCodeSVG
               value={INSTAGRAM_URL}

From adeded12c63ca49727ba40408df1ee578f1545c2 Mon Sep 17 00:00:00 2001
From: tmba <ut42.nu@gmail.com>
Date: Sat, 30 May 2026 20:32:38 +0900
Subject: [PATCH 36/36] fix(signage): address code-review findings
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- チャイムスケジューラ: 同一インスタントに重なるイベント（隣接タームの term-end@16:00 と
  resume@16:00 が両方稼働中など）を稼働中1件だけ鳴らし、音の重なりを防止（通常運用は排他で従来同値）
- visit-summary: 一部のみ退館・同一人物の開/閉混在の境界テストを追加
- /api/signage/health: count() に冗長な limit を除去
- info-ticker: デバッグ送りボタンと QR にアクセシブル名（aria-label/title）を付与
- page: videoIds を useMemo で安定化（プレーヤー救済 effect の毎レンダ実行を回避）
- spec に previous-summary/health エンドポイントと visit-summary を追記（ドキュメント先行）

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/api/src/routes/signage.ts                |   3 +-
 apps/signage/src/app/page.tsx                 |   5 +-
 apps/signage/src/components/info-ticker.tsx   | 119 ++++++++----------
 apps/signage/src/lib/use-chime-scheduler.ts   |  11 +-
 .../specs/2026-05-29-signage-chime-design.md  |   1 +
 packages/shared/src/visit-summary.test.ts     |  13 ++
 6 files changed, 80 insertions(+), 72 deletions(-)

diff --git a/apps/api/src/routes/signage.ts b/apps/api/src/routes/signage.ts
index 862cec1..d0cac3e 100644
--- a/apps/api/src/routes/signage.ts
+++ b/apps/api/src/routes/signage.ts
@@ -24,6 +24,7 @@ signageRoute.get('/previous-summary', async (c) =>
 // CORS 済みの /api 配下に置く。
 signageRoute.get('/health', async (c) => {
   const db = createDb(c.env);
-  await db.select({ n: count() }).from(events).limit(1);
+  // count() は1行に畳まれるので limit は不要。到達できれば ok。
+  await db.select({ n: count() }).from(events);
   return c.json({ status: 'ok', time: new Date().toISOString() });
 });
diff --git a/apps/signage/src/app/page.tsx b/apps/signage/src/app/page.tsx
index 9998a22..9309ad8 100644
--- a/apps/signage/src/app/page.tsx
+++ b/apps/signage/src/app/page.tsx
@@ -5,7 +5,7 @@ import {
   classifyCycleMoment,
   msUntilNextBoundary,
 } from '@tecnova/shared/activity-cycle';
-import { useCallback, useEffect, useState, useSyncExternalStore } from 'react';
+import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from 'react';
 import { BroadcastFrame } from '@/components/broadcast-frame';
 import { DebugPanel } from '@/components/debug-panel';
 import { TapToStart } from '@/components/tap-to-start';
@@ -32,7 +32,8 @@ export default function SignagePage() {
   const now = useNow(debug.debugEnabled ? 250 : 1000);
   const data = useSignageData();
   const tracks = usePlaylist();
-  const videoIds = tracks.map((t) => t.videoId);
+  // identity を安定させ、プレーヤーの救済 effect（deps: videoIds）が毎レンダ走るのを避ける。
+  const videoIds = useMemo(() => tracks.map((t) => t.videoId), [tracks]);
   const { muted, toggle } = useMute();
   // いま再生中トラック（インフォメーションの動画タイトル表示用）。
   const [currentIndex, setCurrentIndex] = useState(0);
diff --git a/apps/signage/src/components/info-ticker.tsx b/apps/signage/src/components/info-ticker.tsx
index ce795cd..06876ea 100644
--- a/apps/signage/src/components/info-ticker.tsx
+++ b/apps/signage/src/components/info-ticker.tsx
@@ -1,4 +1,4 @@
-"use client";
+'use client';
 
 import {
   IconBrandInstagram,
@@ -7,30 +7,27 @@ import {
   IconServer,
   IconSparkles,
   IconUsers,
-} from "@tabler/icons-react";
-import {
-  classifyAttendanceLevel,
-  occupancyRatio,
-} from "@tecnova/shared/attendance-level";
-import type { SignagePlaylistItem } from "@tecnova/shared/schemas";
-import { cn } from "@tecnova/ui/lib/utils";
-import { AnimatePresence, motion, useReducedMotion } from "motion/react";
-import { QRCodeSVG } from "qrcode.react";
-import type { ReactNode } from "react";
-import { INSTAGRAM_HANDLE, INSTAGRAM_URL } from "@/config/info-slides";
-import { ATTENDANCE_META } from "@/lib/broadcast";
+} from '@tabler/icons-react';
+import { classifyAttendanceLevel, occupancyRatio } from '@tecnova/shared/attendance-level';
+import type { SignagePlaylistItem } from '@tecnova/shared/schemas';
+import { cn } from '@tecnova/ui/lib/utils';
+import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
+import { QRCodeSVG } from 'qrcode.react';
+import type { ReactNode } from 'react';
+import { INSTAGRAM_HANDLE, INSTAGRAM_URL } from '@/config/info-slides';
+import { ATTENDANCE_META } from '@/lib/broadcast';
 import {
   tickerLineTransition,
   tickerSlideAnimate,
   tickerSlideExit,
   tickerSlideInitial,
   tickerSlideTransition,
-} from "@/lib/motion";
-import { usePreviousSummary } from "@/lib/use-previous-summary";
-import { useStoryRotation } from "@/lib/use-story-rotation";
-import { type HealthStatus, useSystemHealth } from "@/lib/use-system-health";
-import { StoryBars } from "./story-bars";
-import { StoryProgress } from "./story-progress";
+} from '@/lib/motion';
+import { usePreviousSummary } from '@/lib/use-previous-summary';
+import { useStoryRotation } from '@/lib/use-story-rotation';
+import { type HealthStatus, useSystemHealth } from '@/lib/use-system-health';
+import { StoryBars } from './story-bars';
+import { StoryProgress } from './story-progress';
 
 interface Slide {
   id: string;
@@ -48,26 +45,21 @@ interface Props {
 }
 
 const HEALTH_META: Record<HealthStatus, { label: string; dot: string }> = {
-  ok: { label: "稼働中", dot: "bg-emerald-500" },
-  checking: { label: "接続を確認中…", dot: "bg-slate-400" },
-  down: { label: "接続できません", dot: "bg-rose-500" },
+  ok: { label: '稼働中', dot: 'bg-emerald-500' },
+  checking: { label: '接続を確認中…', dot: 'bg-slate-400' },
+  down: { label: '接続できません', dot: 'bg-rose-500' },
 };
 
-const prevDateFmt = new Intl.DateTimeFormat("ja-JP", {
-  timeZone: "Asia/Tokyo",
-  month: "numeric",
-  day: "numeric",
-  weekday: "short",
+const prevDateFmt = new Intl.DateTimeFormat('ja-JP', {
+  timeZone: 'Asia/Tokyo',
+  month: 'numeric',
+  day: 'numeric',
+  weekday: 'short',
 });
 
 // 配信下部の lower-third。来場・にぎわい・稼働状況・公式 Instagram・前回の情報・動画タイトルを巡回。
 // 巡回の時間源は useStoryRotation（AnimationFrame）に一本化し、進行バーの満ち＝送りとする。
-export function InfoTicker({
-  currentTrack,
-  present,
-  totalCheckedIn,
-  debug,
-}: Props) {
+export function InfoTicker({ currentTrack, present, totalCheckedIn, debug }: Props) {
   const reduced = useReducedMotion();
   const level = classifyAttendanceLevel(present);
   const liveliness = ATTENDANCE_META[level];
@@ -77,10 +69,10 @@ export function InfoTicker({
 
   const slides: Slide[] = [];
   slides.push({
-    id: "attendance",
+    id: 'attendance',
     icon: <IconUsers />,
-    chip: "bg-emerald-100 text-emerald-700",
-    label: "いま 会場にいる人",
+    chip: 'bg-emerald-100 text-emerald-700',
+    label: 'いま 会場にいる人',
     value: (
       <>
         <span className="tabular-nums">{present}</span> 人
@@ -91,17 +83,17 @@ export function InfoTicker({
     ),
   });
   slides.push({
-    id: "liveliness",
+    id: 'liveliness',
     icon: <IconSparkles />,
     chip: liveliness.chip,
-    label: "かいじょうの にぎわい",
+    label: 'かいじょうの にぎわい',
     value: (
       <span className="inline-flex items-center gap-3 align-middle">
         {liveliness.label}
         <span className="inline-block h-[clamp(0.45rem,0.9vw,0.7rem)] w-[clamp(4rem,11vw,10rem)] overflow-hidden rounded-full bg-slate-200 align-middle">
           <span
             className={cn(
-              "block h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none",
+              'block h-full rounded-full transition-[width] duration-700 ease-out motion-reduce:transition-none',
               liveliness.bar,
             )}
             style={{ width: `${occ * 100}%` }}
@@ -111,15 +103,13 @@ export function InfoTicker({
     ),
   });
   slides.push({
-    id: "health",
+    id: 'health',
     icon: <IconServer />,
-    chip: "bg-slate-100 text-slate-600",
-    label: "テクノバながさきプラットフォーム",
+    chip: 'bg-slate-100 text-slate-600',
+    label: 'テクノバながさきプラットフォーム',
     value: (
       <span className="inline-flex items-center gap-2.5 align-middle">
-        <span
-          className={cn("size-2.5 rounded-full", HEALTH_META[health].dot)}
-        />
+        <span className={cn('size-2.5 rounded-full', HEALTH_META[health].dot)} />
         {HEALTH_META[health].label}
         <span className="text-[0.6em] font-bold text-slate-400">
           テクノバを支える基盤システム（実は大学生が1人で開発・運用しているよ）
@@ -128,10 +118,10 @@ export function InfoTicker({
     ),
   });
   slides.push({
-    id: "instagram",
+    id: 'instagram',
     icon: <IconBrandInstagram />,
-    chip: "bg-pink-100 text-pink-700",
-    label: "公式インスタグラム",
+    chip: 'bg-pink-100 text-pink-700',
+    label: '公式インスタグラム',
     value: (
       <>
         @{INSTAGRAM_HANDLE}
@@ -144,24 +134,22 @@ export function InfoTicker({
   // 前回開催のデータがあるときだけ（後着なので末尾寄りに置きインデックスずれを防ぐ）。
   if (previous) {
     const stay =
-      previous.averageStayMinutes !== null
-        ? `・平均滞在 ${previous.averageStayMinutes}分`
-        : "";
+      previous.averageStayMinutes !== null ? `・平均滞在 ${previous.averageStayMinutes}分` : '';
     slides.push({
-      id: "previous",
+      id: 'previous',
       icon: <IconHistory />,
-      chip: "bg-violet-100 text-violet-700",
-      label: "前回のテクノバ",
+      chip: 'bg-violet-100 text-violet-700',
+      label: '前回のテクノバ',
       value: `${prevDateFmt.format(new Date(`${previous.date}T00:00:00+09:00`))}｜${previous.participantCount}人が来場${stay}`,
     });
   }
   // いま流れている動画タイトルは末尾に追加（先頭挿入だと既存スライドの index がずれる）。
   if (currentTrack?.title) {
     slides.push({
-      id: "now-playing",
+      id: 'now-playing',
       icon: <IconPlayerPlayFilled />,
-      chip: "bg-sky-100 text-sky-700",
-      label: "いま流れているどうが",
+      chip: 'bg-sky-100 text-sky-700',
+      label: 'いま流れているどうが',
       value: currentTrack.title,
     });
   }
@@ -180,12 +168,10 @@ export function InfoTicker({
           animate={{ scale: 1, rotate: 0, opacity: 1 }}
           exit={reduced ? { opacity: 0 } : { scale: 0.95, opacity: 0 }}
           transition={
-            reduced
-              ? { duration: 0 }
-              : { type: "spring", stiffness: 420, damping: 26, mass: 0.6 }
+            reduced ? { duration: 0 } : { type: 'spring', stiffness: 420, damping: 26, mass: 0.6 }
           }
           className={cn(
-            "grid size-[clamp(2.5rem,4vw,3.5rem)] shrink-0 place-items-center rounded-xl [&>svg]:size-[55%]",
+            'grid size-[clamp(2.5rem,4vw,3.5rem)] shrink-0 place-items-center rounded-xl [&>svg]:size-[55%]',
             active.chip,
           )}
         >
@@ -226,20 +212,17 @@ export function InfoTicker({
       {/* Instagram スライド中だけ、QR をティッカー上へ大きくせり出して見せる
           （細い帯に小さく収めると読みづらいため、白カードのコールアウトにする）。 */}
       <AnimatePresence>
-        {active.id === "instagram" && (
+        {active.id === 'instagram' && (
           <motion.div
             className="absolute right-[clamp(0.75rem,2vw,2.5rem)] bottom-full z-20 mb-[clamp(0.5rem,1.5vh,1.25rem)] flex flex-col items-center gap-[clamp(0.3rem,0.8vh,0.6rem)] rounded-2xl bg-white p-[clamp(0.6rem,1.2vw,1rem)] shadow-[0_18px_50px_-28px_rgba(15,23,42,0.45)] ring-1 ring-slate-900/10"
             initial={reduced ? false : { opacity: 0, y: 14, scale: 0.96 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={reduced ? { opacity: 0 } : { opacity: 0, y: 14, scale: 0.96 }}
-            transition={
-              reduced
-                ? { duration: 0 }
-                : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }
-            }
+            transition={reduced ? { duration: 0 } : { duration: 0.45, ease: [0.22, 1, 0.36, 1] }}
           >
             <QRCodeSVG
               value={INSTAGRAM_URL}
+              title="公式Instagram QRコード"
               marginSize={2}
               className="size-[clamp(6.5rem,13vh,10rem)]"
             />
@@ -255,6 +238,7 @@ export function InfoTicker({
           <span className="mr-1 flex gap-1">
             <button
               type="button"
+              aria-label="前のスライド"
               onClick={() => goTo(index - 1)}
               className="rounded-md bg-slate-100 px-2 py-0.5 text-xs font-bold text-slate-600"
             >
@@ -262,6 +246,7 @@ export function InfoTicker({
             </button>
             <button
               type="button"
+              aria-label="次のスライド"
               onClick={() => goTo(index + 1)}
               className="rounded-md bg-slate-100 px-2 py-0.5 text-xs font-bold text-slate-600"
             >
diff --git a/apps/signage/src/lib/use-chime-scheduler.ts b/apps/signage/src/lib/use-chime-scheduler.ts
index 3cf33b9..cd41721 100644
--- a/apps/signage/src/lib/use-chime-scheduler.ts
+++ b/apps/signage/src/lib/use-chime-scheduler.ts
@@ -47,11 +47,18 @@ export const useChimeScheduler = ({
         last = now;
       }
       const events = cycleChimeEventsForDay(new Date(now));
+      // 同一インスタントに複数イベントが重なる場合（例: 隣接タームの term-end@16:00 と
+      // resume@16:00 が両方稼働中のとき）、チャイム音が重ならないよう稼働中の1件だけ鳴らす。
+      // 通常運用ではタームは日替わりで排他なので衝突は起きず、従来挙動と完全同値。
+      const firedAt = new Set<number>();
       for (const e of events) {
         const at = e.at.getTime();
         if (at > last && at <= now && !fired.has(e.key)) {
-          fired.add(e.key);
-          if (isActiveRef.current(e.term)) onChimeRef.current(e);
+          fired.add(e.key); // key 単位の二重発火防止（tick をまたいで）は全件に効かせる
+          if (isActiveRef.current(e.term) && !firedAt.has(at)) {
+            firedAt.add(at);
+            onChimeRef.current(e);
+          }
         }
       }
       last = now;
diff --git a/docs/superpowers/specs/2026-05-29-signage-chime-design.md b/docs/superpowers/specs/2026-05-29-signage-chime-design.md
index 6f1a9c2..7f43fac 100644
--- a/docs/superpowers/specs/2026-05-29-signage-chime-design.md
+++ b/docs/superpowers/specs/2026-05-29-signage-chime-design.md
@@ -3,6 +3,7 @@
 - 作成日: 2026-05-29
 - 改訂: 2026-05-30 — 動画レイヤを self-host HTML5 `<video>` から **YouTube（IFrame Player API 自前キュー ＋ YouTube Data API）** に変更。BGMは **無音トグル ＋ OS側 Spotify**（アプリ非統合）。チャイム／サイクル／認証／`/api/sessions/today` ポーリングは不変。
 - 改訂: 2026-05-30 — **L2レイアウトを「配信（ブロードキャスト）風」に刷新**。「全画面動画＋上部情報バー」から、**縮小した動画パネル＋右レーン（チャイムの役割＝次チャイムまでのカウントダウン）＋下部の巡回インフォメーション（lower-third）**へ。休憩/待機はパネル上にスライドをクロスフェード。世界観は checkin に統一（sky→white・LINE Seed JP・motion + reduced-motion 尊重）。**状態機械・チャイム・サイクル・稼働判定・データ経路は不変**（§2の状態機械は同じ／画面の見せ方のみ変更）。にぎわい表示は `packages/shared/src/attendance-level.ts` の純粋ロジックで来場者数から算出。
+- 改訂: 2026-05-30 — 下部インフォメーションのデータ拡充に伴い**サイネージ用 API を2本追加**：`GET /api/signage/previous-summary`（前回開催日の**来場人数・平均滞在**＝集計のみ・PII なし）と `GET /api/signage/health`（基盤システムの稼働確認＝D1 到達クエリ。公開 `/health` は CORS 対象外のため別オリジンのサイネージ用に `/api` 配下へ）。集計は `packages/shared/src/visit-summary.ts`（`sessions` は (participantId, eventId) 一意でなく退館→再入館で複数行になるため、**来場はユニーク参加者で数え**、平均滞在は同一人物の区間を合算してから平均）。**DB スキーマ変更なし（migration 不要）**。Instagram フォロー誘導（QR）も下部に追加（`src/config/info-slides.ts`）。
 - ステータス: 設計合意済み（実装計画はこの後に更新）
 - 関連: `docs/architecture.md`（拡張ロードマップに本アプリを追記予定）
 
diff --git a/packages/shared/src/visit-summary.test.ts b/packages/shared/src/visit-summary.test.ts
index f1b0281..2d6e48b 100644
--- a/packages/shared/src/visit-summary.test.ts
+++ b/packages/shared/src/visit-summary.test.ts
@@ -35,6 +35,19 @@ describe('summarizeStays', () => {
     expect(r.averageStayMinutes).toBe(40);
   });
 
+  it('一部のみ退館済み：来場は全員数え、平均は退館済みの人だけ（分母に注意）', () => {
+    // p2 は未退館 → 人数には数えるが平均の分母には入れない。
+    const r = summarizeStays([stay('p1', 0, 30), stay('p2', 0, null)]);
+    expect(r.count).toBe(2);
+    expect(r.averageStayMinutes).toBe(30);
+  });
+
+  it('同一人物の開＋閉が混在：閉区間のみ算入し、人は1回だけ数える', () => {
+    const r = summarizeStays([stay('p1', 0, 30), stay('p1', 60, null)]);
+    expect(r.count).toBe(1);
+    expect(r.averageStayMinutes).toBe(30);
+  });
+
   it('平均は分に四捨五入', () => {
     const r = summarizeStays([{ participantId: 'p1', checkedInAt: 0, checkedOutAt: 90_000 }]);
     expect(r.averageStayMinutes).toBe(2);