Function connect

client-next/src/app/logs/page.tsx:29–52

()

  useEffect(() => {
    let active = true;
    const connect = async () => {
      try {
        const base = await getApiBaseUrl();
        if (!active) return;
        const source = new EventSource(`${base}/logs/stream`);
        eventSourceRef.current = source;

        source.onmessage = (event) => {
          if (paused) return;
          try {
            const entry = JSON.parse(event.data) as LogEntry;
            setLogs((prev) => [...prev.slice(-500), entry]);
          } catch {
            // ignore parse errors
          }
        };

        source.onerror = () => {
          toast.error("Log stream disconnected");
        };
      } catch (err: any) {
        toast.error(err?.message || "Failed to connect to logs");
      }
    };

    connect();
    return () => {