Function RuntimeRoot

ui/src/RemoteRuntime.tsx:386–497

()

}

export function RuntimeRoot() {
  useSyncExternalStore(subscribeWorkspace, getWorkspaceGeneration);
  useEffect(() => subscribeWorkspace(() => {
    resetGlobalWorkspace();
    clearProjectWorkspaceCache();
  }), []);
  const launchPlaceholder = useLocation({ select: (location) => location.pathname === "/remote-launch" });
  const [runtime, setRuntime] = useState<RuntimeInfo | null>(null);
  const [error, setError] = useState<string | null>(null);
  const everConnected = useRef(false);
  const workspaceMounted = useRef(false);
  const preferencesApplied = useRef(false);
  const previousWorkspace = useRef<string | null>(null);
  const [retriedInteractiveError, setRetriedInteractiveError] = useState<string | null>(null);

  const runtimeQuery = useQuery({
    ...getRuntimeQuery(),
    enabled: !launchPlaceholder,
    refetchInterval: (query) => query.state.status === "error" || query.state.data?.kind === "ssh" ? 2_000 : false,
    refetchIntervalInBackground: true,
  });
  useEffect(() => {
    if (launchPlaceholder) return;
    const next = runtimeQuery.data;
    if (!next) {
      setError(runtimeQuery.error?.message ?? null);
      return;
    }
    const nextWorkspace = workspaceKey(next);
    activateWorkspace(nextWorkspace);
    if (previousWorkspace.current !== null && previousWorkspace.current !== nextWorkspace) {
      everConnected.current = false;
      workspaceMounted.current = false;
      preferencesApplied.current = false;
    }
    previousWorkspace.current = nextWorkspace;
    if (next.kind === "ssh") {
      if (!preferencesApplied.current) {
        preferencesApplied.current = true;
        applyRemotePreferences(next);
      }
      if (next.session.status === "connected") {
        everConnected.current = true;
        workspaceMounted.current = true;
        setRetriedInteractiveError(null);
      } else if (next.session.status === "disconnected" && next.session.error === null) {
        workspaceMounted.current = false;
      }
    }
    setRuntime(next);
    setError(runtimeQuery.error?.message ?? null);
  }, [launchPlaceholder, runtimeQuery.data, runtimeQuery.error]);

  useEffect(() => {
    const remote = runtime?.kind === "ssh";
    setFavicon(remote);
    if (remote && (!everConnected.current || (runtime.session.status === "disconnected" && !runtime.session.error))) {
      document.title = "OpenResearch";