[Raing5Days]

Problem

In usePermissionRequests, the hook previously subscribed to the whole liveSessionInteractionStore snapshot via a coarse useSyncExternalStore:

const liveMailbox = useSyncExternalStore(
  liveSessionInteractionStore.subscribe,
  liveSessionInteractionStore.getActiveSnapshot,
  liveSessionInteractionStore.getActiveSnapshot,
);

Because liveSessionInteractionStore.getActiveSnapshot() yields a new object whenever any unrelated mailbox field churns (such as draft text updates, reading anchor movements, or resolution flags in other sessions), Object.is comparison failed on every store publication. This forced usePermissionRequests consumers to repeatedly re-render and recompute permission projections even when surfaceId and requests were completely unchanged.

Solution

Narrowed the external store subscriptions into two focused, zero-argument slice projections:

• getLiveSurfaceId: extracts only surfaceId.
• getLiveRequests: extracts only requests.

Both slices are derived directly from the store's immutable state and subscribed independently via useSyncExternalStore. React now bails out re-renders via Object.is whenever unrelated mailbox fields update, while strictly preserving snapshot immutability (no in-place mutations or fragile ad-hoc caches).

Verification

• Unit tests: pnpm --filter @openbitfun/web-ui test -- usePermissionRequests (7/7 tests passed).
• Repository hygiene: node scripts/check-repo-hygiene.mjs passed.
• Reference stability: Microbenchmarks confirm 100% reference stability on unaffected cycles without missed UI updates.