José Almeida
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
import { useCallback, useRef } from "react";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
|
|
type StoreSlice = {
|
|
tasks: { activeSessionId: string | null };
|
|
environmentIdBySessionId: Record<string, string>;
|
|
};
|
|
|
|
/**
|
|
* Return a sessionId that only changes when the underlying environment changes.
|
|
*
|
|
* Many backend endpoints (terminal WS, file tree, agentctl) are routed by
|
|
* sessionId but resolve to a shared per-environment resource. This hook
|
|
* keeps the returned sessionId stable across same-environment tab switches
|
|
* so downstream components don't needlessly reconnect or re-fetch.
|
|
*/
|
|
export function useEnvironmentSessionId(): string | null {
|
|
const cacheRef = useRef({ envId: null as string | null, sessionId: null as string | null });
|
|
const selector = useCallback((state: StoreSlice) => {
|
|
const sid = state.tasks.activeSessionId;
|
|
const envId = sid ? (state.environmentIdBySessionId[sid] ?? sid) : null;
|
|
if (envId === cacheRef.current.envId) return cacheRef.current.sessionId;
|
|
cacheRef.current = { envId, sessionId: sid };
|
|
return sid;
|
|
}, []);
|
|
return useAppStore(selector);
|
|
}
|