@aiquants/daily-report 0.7.0 → 0.8.0

package/src/client/components/daily-report-page.tsx

@@ -1,54 +1,30 @@
 /**
- * Top-level daily-report page content (chrome-agnostic).
- * アプリのレイアウトに依存しない日報ページ本体コンポーネント。
+ * Top-level daily-report page content (chrome-agnostic, stream-driven).
+ * アプリのレイアウトに依存しない日報ページ本体コンポーネント (ストリーム駆動)。
  *
- * アプリ側のルートは本コンポーネントを自前のレイアウト (Main 等) で包み、
- * `config` でヘッダー描画・パス・ラベル名を注入する。
+ * ID 一覧はモジュール常駐の NDJSON ストリームセッションから購読し、最初の
+ * チャンク到着と同時に一覧を描画する (全件解決を待つ Await ゲートは廃止)。
+ * 再訪時はセッションに残る受信済みデータで即座に復元し、鮮度はバックグラウンド
+ * 再検証 (SWR) と SSE が担う。アプリ側のルートは本コンポーネントを自前の
+ * レイアウトで包み、`config` でヘッダー描画・パス・ラベル名を注入する。
  */
-import { Suspense, useCallback, useEffect, useState } from "react"
-import { Await, useRevalidator } from "react-router"
-import type { DailyReportItem, DailyReportUser } from "../../shared/types"
+import { useEffect } from "react"
+import type { DailyReportUser } from "../../shared/types"
 import { type DailyReportClientConfigInput, DailyReportConfigProvider, useDailyReportConfig } from "../config-context"
 import { DailyReportActionProvider } from "../contexts/daily-report-action-context"
+import { ensureDailyReportIdsStreamSession, reloadDocument, retryDailyReportIdsStream, useDailyReportIdsStream } from "../streaming/daily-report-ids-stream-session"
 import { DAILY_REPORT_FETCH_DEBOUNCE_MS } from "../utils/constants"
+import { DailyReportIdsStreamStatus } from "./daily-report-ids-stream-status"
 import { DailyReportResolvedContent } from "./daily-report-resolved-content"
 
 /**
- * Synchronizes resolved daily report ids into the action context provider state.
- * Also renders the resolved content after synchronization trigger is set.
+ * Error display when the ids stream terminally failed before any data arrived.
+ * データ未受信のまま ID ストリームが力尽きたときのエラー表示コンポーネント。
  *
- * 解決済みの日報 ID を Action Context 側へ同期し、解決済みコンテンツを描画するコンポーネント。
- */
-const DailyReportResolvedSync = ({ dailyReportItems, userId, onResolved }: { dailyReportItems: DailyReportItem[]; userId?: string | null; onResolved: (items: DailyReportItem[]) => void }) => {
-    /**
-     * Notifies parent when resolved items change.
-     * Dependencies:
-     * - dailyReportItems: latest resolved list from Await.
-     * - onResolved: parent synchronization callback.
-     * Cleanup:
-     * - None (pure synchronization side effect).
-     *
-     * 解決済み items が変化したときに親へ通知します。
-     * 依存配列:
-     * - dailyReportItems: Await で解決された最新リスト
-     * - onResolved: 親への同期コールバック
-     * クリーンアップ:
-     * - なし（同期のみの副作用）
-     */
-    useEffect(() => {
-        onResolved(dailyReportItems)
-    }, [dailyReportItems, onResolved])
-
-    return <DailyReportResolvedContent dailyReportItems={dailyReportItems} userId={userId} />
-}
-
-/**
- * Error display component for daily report data fetch failures.
- * 日報データの取得失敗時に表示するエラーコンポーネント。
+ * 再試行はストリームセッションの retry へ直結する (受信済みカーソルから再開)。
  */
 export const DailyReportLoadError = () => {
     const { title, renderHeader } = useDailyReportConfig()
-    const { revalidate } = useRevalidator()
     return (
         <>
             {renderHeader({ title, annotation: <span className="font-bold text-red-500">Error</span> })}
@@ -56,7 +32,11 @@ export const DailyReportLoadError = () => {
                 <div className="mx-auto flex h-full w-full max-w-6xl flex-1 flex-col gap-6">
                     <div className="flex h-full flex-1 flex-col items-center justify-center gap-4 rounded-lg border border-red-200 bg-white p-4 text-slate-500 shadow-sm dark:border-red-900 dark:bg-slate-900/70 dark:text-slate-400">
                         <p className="font-medium text-red-600">日報データの読み込みに失敗しました。</p>
-                        <button type="button" onClick={() => revalidate()} className="rounded bg-slate-100 px-4 py-2 text-slate-700 text-sm hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-300 dark:hover:bg-slate-700">
+                        <button
+                            type="button"
+                            data-testid="daily-report-load-error-retry"
+                            onClick={() => retryDailyReportIdsStream()}
+                            className="rounded bg-slate-100 px-4 py-2 text-slate-700 text-sm hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-300 dark:hover:bg-slate-700">
                             再読み込み
                         </button>
                     </div>
@@ -67,8 +47,8 @@ export const DailyReportLoadError = () => {
 }
 
 /**
- * Suspense fallback while daily report identifiers resolve.
- * 日報 ID 解決中のサスペンスフォールバック。
+ * Loading screen shown only until the first stream chunk arrives.
+ * 最初のストリームチャンクが届くまでの間だけ表示するローディング画面。
  */
 export const DailyReportLoading = () => {
     const { title, renderHeader } = useDailyReportConfig()
@@ -77,7 +57,8 @@ export const DailyReportLoading = () => {
             {renderHeader({
                 title,
                 annotation: (
-                    <div className="flex flex-wrap gap-2 leading-none">
+                    <div className="flex flex-wrap items-center gap-2 leading-none">
+                        <DailyReportIdsStreamStatus />
                         <span>総件数: 読み込み中...</span>
                         <span>デバウンス: {DAILY_REPORT_FETCH_DEBOUNCE_MS} ms</span>
                     </div>
@@ -97,41 +78,48 @@ export type DailyReportPageProps = {
     user?: DailyReportUser
     /** 難読化済みの内部ユーザー ID (未登録ユーザーは null)。 */
     userId?: string | null
-    /** clientLoader で defer した日報 ID 一覧 (Promise) または解決済み配列。 */
-    dailyReportIds?: Promise<DailyReportItem[]> | DailyReportItem[] | null
     /** クライアント設定の部分上書き (ヘッダー描画・パス・ラベル名・フィールドラベルなど)。 */
     config?: DailyReportClientConfigInput
 }
 
 /**
- * Daily report page content rendering provider, suspense boundary, and resolved views.
- * プロバイダー・サスペンス境界・解決済みビューを描画する日報ページ本体。
+ * Stream-driven page body: session bootstrap, phase gating, and provider wiring.
+ * ストリーム駆動のページ本体。セッション確立・局面ゲーティング・プロバイダー結線を担う。
  */
-const DailyReportPageInner = ({ user, userId, dailyReportIds }: Omit<DailyReportPageProps, "config">) => {
-    const [resolvedInitialItems, setResolvedInitialItems] = useState<DailyReportItem[]>([])
+const DailyReportPageInner = ({ user, userId }: Omit<DailyReportPageProps, "config">) => {
+    const { apiBasePath } = useDailyReportConfig()
+    const stream = useDailyReportIdsStream()
 
-    const handleResolvedItems = useCallback((items: DailyReportItem[]) => {
-        setResolvedInitialItems(items)
-    }, [])
+    /**
+     * ストリームセッション確立の保険。
+     * 通常は clientLoader が先に確立するが、clientLoader を経ないマウントや
+     * ユーザー切替 (userKey 不一致でセッション再生成) をここで拾う。
+     * 依存配列: apiBasePath / userId (いずれかの変化で再確認)。
+     * クリーンアップ: なし (セッションはモジュール常駐で、アンマウント後も生存させる)。
+     */
+    useEffect(() => {
+        ensureDailyReportIdsStreamSession({ apiBasePath, userKey: userId ?? null })
+    }, [apiBasePath, userId])
+
+    /**
+     * 認証切れ (ストリームが 401/403) はドキュメントのフルリロードへ倒し、
+     * サーバー loader のログインリダイレクトに委譲する。
+     * 依存配列: stream.phase。クリーンアップ: なし。
+     */
+    useEffect(() => {
+        if (stream.phase === "auth-required") {
+            reloadDocument()
+        }
+    }, [stream.phase])
 
+    // 1 件でも届いたら (または空リストで完走したら) 本体を描画する
+    const showContent = stream.items.length > 0 || stream.phase === "complete"
     return (
-        <DailyReportActionProvider user={user} initialItems={resolvedInitialItems} userId={userId}>
-            <Suspense fallback={<DailyReportLoading />}>
-                {/* Resolve で非同期取得済み ID を確定表示 */}
-                {dailyReportIds ? (
-                    <Await resolve={dailyReportIds} errorElement={<DailyReportLoadError />}>
-                        {(resolvedItems) => {
-                            if (!resolvedItems) {
-                                throw new Error("Daily report ids resolve must not be null")
-                            }
-                            // 非 null を保証して以降の処理で利用
-                            return <DailyReportResolvedSync dailyReportItems={resolvedItems as DailyReportItem[]} userId={userId} onResolved={handleResolvedItems} />
-                        }}
-                    </Await>
-                ) : (
-                    <DailyReportLoading />
-                )}
-            </Suspense>
+        // key でユーザーごとにプロバイダーをリマウントする。リロード無しのユーザー切替
+        // (再ログイン・成り代わり) で items / removedIds / 保留キュー等の状態が旧ユーザーの
+        // まま残ると、render-phase マージが旧ユーザーの行を新ユーザーの一覧へ持ち越す
+        <DailyReportActionProvider key={userId ?? "anonymous"} user={user} initialItems={stream.items} userId={userId}>
+            {showContent ? <DailyReportResolvedContent userId={userId} /> : stream.phase === "failed" ? <DailyReportLoadError /> : <DailyReportLoading />}
         </DailyReportActionProvider>
     )
 }

package/src/client/components/daily-report-resolved-content.tsx

@@ -2,35 +2,40 @@ import { Plus, RefreshCw, RotateCw } from "lucide-react"
 import type { ReactNode } from "react"
 import { useCallback, useEffect, useMemo, useRef, useState } from "react"
 import { useSearchParams } from "react-router"
-import type { DailyReportItem } from "../../shared/types"
 import { useDailyReportConfig } from "../config-context"
 import { useDailyReportActionContext } from "../contexts/daily-report-action-context"
+import { useAnimatedNumber } from "../hooks/use-animated-number"
 import { Button } from "../ui/button"
 import { Label } from "../ui/label"
 import { Switch } from "../ui/switch"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs"
 import { DAILY_REPORT_FETCH_DEBOUNCE_MS } from "../utils/constants"
 import { DailyReportDetailList } from "./daily-report-detail-list"
+import { DailyReportIdsStreamStatus } from "./daily-report-ids-stream-status"
 import { DailyReportList } from "./daily-report-list"
 
 const tabTriggerClass = "min-w-24 p-2 font-medium text-slate-600 text-xs transition-colors data-[state=active]:bg-white data-[state=active]:text-slate-900 sm:min-w-36 sm:text-sm dark:text-slate-300 dark:data-[state=active]:bg-slate-800 dark:data-[state=active]:text-slate-100"
 
 type DailyReportResolvedContentProps = {
-    dailyReportItems: DailyReportItem[]
     userId?: string | null
 }
 
 /**
- * Displays fetched daily reports with layout and tabbed virtual scroll views.
- * レイアウトとタブ付き仮想スクロールで取得済み日報を表示するコンポーネント。
+ * Displays streamed daily reports with layout and tabbed virtual scroll views.
+ * レイアウトとタブ付き仮想スクロールでストリーム受信済み日報を表示するコンポーネント。
+ *
+ * アイテムは Action Context (ストリームチャンクをマージ済み) から読む。
  */
-export const DailyReportResolvedContent = ({ dailyReportItems: _initialItems, userId }: DailyReportResolvedContentProps) => {
+export const DailyReportResolvedContent = ({ userId }: DailyReportResolvedContentProps) => {
     // 自動既読設定
     const [autoMarkRead, setAutoMarkRead] = useState(false)
     const { title, renderHeader, showDevControls } = useDailyReportConfig()
     const { isSseEnabled, toggleSse, createReport, items: dailyReportItems, refetchData, clearCacheAndRefetch } = useDailyReportActionContext()
     const [searchParams] = useSearchParams()
 
+    // 総件数の表示値 (チャンク到着ごとの跳びをイーズアウトで滑らかにする)
+    const animatedItemCount = useAnimatedNumber(dailyReportItems.length)
+
     // 各タブのスクロール位置をアンマウント後も保持する Ref
     const listScrollOffsetRef = useRef<number>(0)
     const detailListScrollOffsetRef = useRef<number>(0)
@@ -49,6 +54,24 @@ export const DailyReportResolvedContent = ({ dailyReportItems: _initialItems, us
         return dailyReportItems[0].reportHubId
     })
 
+    // 初回の自動選択を一度きりにするフラグ (ユーザーの明示的な選択解除を上書きしない)
+    const hasAutoSelectedRef = useRef(false)
+
+    /**
+     * 最初のアイテム到着時に先頭日報を一度だけ自動選択する副作用。
+     * useState 初期化子はマウント時点で context の items がまだ空のため実質機能せず、
+     * ストリーミングでは最初のチャンク到着後に選択を確定させる必要がある。
+     * モバイルのオーバーレイは isMobileDetailOpen (明示タップ) でのみ開くため、
+     * プログラム選択でオーバーレイが開くことはない。
+     * 依存配列: dailyReportItems (チャンク到着ごと)。クリーンアップ: なし。
+     */
+    useEffect(() => {
+        if (!hasAutoSelectedRef.current && dailyReportItems.length > 0) {
+            hasAutoSelectedRef.current = true
+            setSelectedItemId((prev) => prev ?? dailyReportItems[0].reportHubId)
+        }
+    }, [dailyReportItems])
+
     const handleReload = async () => {
         await refetchData()
     }
@@ -123,8 +146,9 @@ export const DailyReportResolvedContent = ({ dailyReportItems: _initialItems, us
             {renderHeader({
                 title,
                 annotation: (
-                    <div className="flex flex-wrap gap-2 leading-1">
-                        <span>総件数: {dailyReportItems.length.toLocaleString()} 件</span>
+                    <div className="flex flex-wrap items-center gap-2 leading-1">
+                        <DailyReportIdsStreamStatus />
+                        <span className="tabular-nums">総件数: {animatedItemCount.toLocaleString()} 件</span>
                         <span>デバウンス: {DAILY_REPORT_FETCH_DEBOUNCE_MS} ms</span>
                     </div>
                 ),

package/src/client/contexts/daily-report-action-context.spec.tsx

@@ -0,0 +1,262 @@
+/**
+ * Stale-continuation gating tests for the action provider's deferred mutations.
+ * アクションプロバイダーの遅延ミューテーション継続に対する門番テスト。
+ *
+ * ここで固定する不変条件:
+ *
+ * - **POST /action の待機中にリロード無しのユーザー切替が起きた場合、解決した継続は
+ *   モジュール常駐状態 (常駐ストリームセッション・DailyReportCache) へ書き込まない。**
+ *   門番を欠くと、旧ユーザーの日報行が新ユーザーの一覧へ注入され (観測集合に刻まれて
+ *   完走剪定も免れる)、切替時に破棄した詳細キャッシュへ旧ユーザーの下書き本文が
+ *   再シードされる (第 6 ラウンド敵対的レビューで実測再現された漏洩)。
+ * - **同一ユーザーのまま解決した継続は従来どおり反映される** (門番が正常経路を壊さない)。
+ *
+ * セッション・キャッシュはモジュール常駐シングルトンのため、テスト間で明示的に
+ * リセットする (このファイル内で直列実行)。
+ */
+import { act, render, renderHook, waitFor } from "@testing-library/react"
+import { useEffect } from "react"
+import { afterEach, describe, expect, it, vi } from "vitest"
+import type { DailyReportActionContextType } from "./daily-report-action-context"
+
+// SSE 接続は EventSource を jsdom に持ち込まず、onMessage を横取りしてテストから直接叩けるようにする
+const capturedOnMessage: { current: ((payload: unknown) => void) | null } = { current: null }
+vi.mock("../hooks/use-daily-report-sse-connection", () => ({
+    useDailyReportSseConnection: ({ onMessage }: { onMessage: (payload: unknown) => void }) => {
+        capturedOnMessage.current = onMessage
+    },
+}))
+
+import { clearDailyReportCache, getCachedReport } from "../hooks/use-daily-report"
+import { ensureDailyReportIdsStreamSession, resetDailyReportIdsStreamSessionForTesting, useDailyReportIdsStream } from "../streaming/daily-report-ids-stream-session"
+import { DailyReportActionProvider, useDailyReportActionContext } from "./daily-report-action-context"
+
+/** NDJSON 1 行の ids-stream 応答を組み立てる。 */
+const idsStreamResponse = (reportHubIds: number[]): Response => {
+    const line = JSON.stringify({
+        items: reportHubIds.map((reportHubId) => ({ reportHubId, businessDate: "2026-08-01", sourceType: "Internal" })),
+        nextCursor: null,
+        isLast: true,
+        total: reportHubIds.length,
+    })
+    return new Response(`${line}\n`, { status: 200, headers: { "Content-Type": "application/x-ndjson" } })
+}
+
+/** /action 応答 (create 成功) を組み立てる。clientTempId は要求からエコーする。 */
+const createActionResponse = (clientTempId: string, newId: number): Response =>
+    new Response(
+        JSON.stringify({
+            status: "OK",
+            reportHubId: newId,
+            clientTempId,
+            report: {
+                reportHubId: newId,
+                date: "2026-08-05",
+                createdAt: "2026-08-05 10:00:00",
+                author: "User A",
+                userId: "ENC_A",
+                sourceType: "Internal",
+                employeeName: null,
+                updatedBy: "User A",
+                updatedAt: "2026-08-05 10:00:00",
+                category: null,
+                creationCategory: null,
+                visitTimeFrom: null,
+                visitTimeTo: null,
+                customerName: null,
+                interviewers: [],
+                subject: "USER_A confidential draft subject",
+                content: "secret",
+                comments: [],
+                isRead: true,
+                isStarred: false,
+                labels: [],
+                commentItems: [],
+                attachments: [],
+            },
+        }),
+        { status: 200, headers: { "Content-Type": "application/json" } },
+    )
+
+/** コンテキストを外へ取り出すだけの消費者。 */
+const contextRef: { current: DailyReportActionContextType | null } = { current: null }
+const ContextProbe = () => {
+    const ctx = useDailyReportActionContext()
+    /**
+     * コンテキスト参照の同期副作用。
+     * 依存配列: ctx (プロバイダー再レンダーごと)。クリーンアップ: なし。
+     */
+    useEffect(() => {
+        contextRef.current = ctx
+    }, [ctx])
+    return null
+}
+
+/**
+ * fetch スタブ: ids-stream は即時応答、/action は解放関数で遅延解決する。
+ * 解放時の clientTempId エコーのため要求 FormData を記録する。
+ */
+const installFetchStub = () => {
+    let releaseAction: ((newId: number) => void) | null = null
+    const fetchMock = vi.fn(async (input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {
+        const url = String(input)
+        if (url.includes("/ids-stream")) {
+            // A のセッションは [101]、B のセッションも [101] を正とする (999 は誰の全量にも無い)
+            return idsStreamResponse([101])
+        }
+        if (url.includes("/action")) {
+            const clientTempId = String((init?.body as FormData).get("clientTempId"))
+            return new Promise<Response>((resolve) => {
+                releaseAction = (newId: number) => resolve(createActionResponse(clientTempId, newId))
+            })
+        }
+        throw new Error(`unexpected fetch: ${url}`)
+    })
+    vi.stubGlobal("fetch", fetchMock)
+    return { release: (newId: number) => releaseAction?.(newId) }
+}
+
+afterEach(() => {
+    resetDailyReportIdsStreamSessionForTesting()
+    clearDailyReportCache()
+    contextRef.current = null
+    capturedOnMessage.current = null
+    vi.unstubAllGlobals()
+})
+
+describe("遅延ミューテーション継続の門番 (ユーザー切替汚染防止)", () => {
+    it("切替後に解決した createReport はセッションにもキャッシュにも書き込まない", async () => {
+        const stub = installFetchStub()
+
+        // ユーザー A のセッション確立 + プロバイダー描画
+        act(() => {
+            ensureDailyReportIdsStreamSession({ userKey: "ENC_A" })
+        })
+        const { unmount } = render(
+            <DailyReportActionProvider user={{ id: "a", displayName: "User A" }} userId="ENC_A" initialItems={[]}>
+                <ContextProbe />
+            </DailyReportActionProvider>,
+        )
+        await waitFor(() => expect(contextRef.current).not.toBeNull())
+
+        // A が作成を発行 (POST は保留)
+        let createPromise: Promise<number> | undefined
+        act(() => {
+            createPromise = contextRef.current?.createReport("2026-08-05")
+        })
+        createPromise?.catch(() => {})
+
+        // リロード無しのユーザー切替: プロバイダー破棄 + セッション B へ
+        unmount()
+        act(() => {
+            ensureDailyReportIdsStreamSession({ userKey: "ENC_B" })
+        })
+
+        // B のストリーム完走を待ってから A の POST を解決させる
+        const { result: streamResult } = renderHook(() => useDailyReportIdsStream())
+        await waitFor(() => expect(streamResult.current.phase).toBe("complete"))
+        act(() => {
+            stub.release(999)
+        })
+        await expect(createPromise).rejects.toThrow()
+
+        // B のセッションに A の新規日報 999 が注入されていない
+        await waitFor(() => {
+            expect(streamResult.current.items.map((item) => item.reportHubId)).toEqual([101])
+        })
+        // 切替時に破棄した詳細キャッシュへ A の下書きが再シードされていない
+        expect(getCachedReport(999, { ignoreExpiry: true })).toBeFalsy()
+    })
+
+    it("切替〜アンマウント間の隙間で届いた旧ユーザーの SSE report-create はセッションにもキャッシュにも書き込まない", async () => {
+        installFetchStub()
+
+        // ユーザー A のセッション + プロバイダー (SSE onMessage を横取り)
+        act(() => {
+            ensureDailyReportIdsStreamSession({ userKey: "ENC_A" })
+        })
+        render(
+            <DailyReportActionProvider user={{ id: "a", displayName: "User A" }} userId="ENC_A" initialItems={[]}>
+                <ContextProbe />
+            </DailyReportActionProvider>,
+        )
+        await waitFor(() => expect(capturedOnMessage.current).not.toBeNull())
+
+        // 隙間状態の再現: A のプロバイダー (EventSource) はマウントされたまま、
+        // モジュールセッションだけが B へ差し替わる
+        act(() => {
+            ensureDailyReportIdsStreamSession({ userKey: "ENC_B" })
+        })
+        const { result: streamResult } = renderHook(() => useDailyReportIdsStream())
+        await waitFor(() => expect(streamResult.current.phase).toBe("complete"))
+
+        // A 宛の下書き report-create が旧接続へ届く
+        act(() => {
+            capturedOnMessage.current?.({
+                type: "report-create",
+                clientTempId: "other-tab-op",
+                report: {
+                    reportHubId: 999,
+                    date: "2026-08-05",
+                    createdAt: "2026-08-05 10:00:00",
+                    author: "User A",
+                    userId: "ENC_A",
+                    sourceType: "Internal",
+                    employeeName: null,
+                    updatedBy: "User A",
+                    updatedAt: "2026-08-05 10:00:00",
+                    category: null,
+                    creationCategory: null,
+                    visitTimeFrom: null,
+                    visitTimeTo: null,
+                    customerName: null,
+                    interviewers: [],
+                    subject: "USER_A private draft via SSE",
+                    content: "secret",
+                    comments: [],
+                    isRead: false,
+                    isStarred: false,
+                    labels: [],
+                    commentItems: [],
+                    attachments: [],
+                },
+            })
+        })
+
+        // B のセッションに 999 が注入されず、破棄済みキャッシュにも再シードされない
+        expect(streamResult.current.items.map((item) => item.reportHubId)).toEqual([101])
+        expect(getCachedReport(999, { ignoreExpiry: true })).toBeFalsy()
+    })
+
+    it("同一ユーザーのまま解決した createReport は従来どおりセッションとキャッシュへ反映される", async () => {
+        const stub = installFetchStub()
+
+        act(() => {
+            ensureDailyReportIdsStreamSession({ userKey: "ENC_A" })
+        })
+        render(
+            <DailyReportActionProvider user={{ id: "a", displayName: "User A" }} userId="ENC_A" initialItems={[]}>
+                <ContextProbe />
+            </DailyReportActionProvider>,
+        )
+        await waitFor(() => expect(contextRef.current).not.toBeNull())
+
+        const { result: streamResult } = renderHook(() => useDailyReportIdsStream())
+        await waitFor(() => expect(streamResult.current.phase).toBe("complete"))
+
+        let createPromise: Promise<number> | undefined
+        act(() => {
+            createPromise = contextRef.current?.createReport("2026-08-05")
+        })
+        act(() => {
+            stub.release(999)
+        })
+        await expect(createPromise).resolves.toBe(999)
+
+        // 門番が正常経路を壊していない: 常駐セッションへ 999 が中継され、キャッシュも温まる
+        await waitFor(() => {
+            expect(streamResult.current.items.map((item) => item.reportHubId)).toContain(999)
+        })
+        expect(getCachedReport(999, { ignoreExpiry: true })?.subject).toBe("USER_A confidential draft subject")
+    })
+})