Sessions API

// 1. Start session
const response = await fetch('/api/sessions', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    target: { url: 'https://myapp.com' },
    categories: ['security', 'code-quality']
  })
});
const { sessionId } = await response.json();

// 2. Poll for progress (lightweight)
const poll = async () => {
  const res = await fetch(`/api/sessions/${sessionId}?progress=true`);
  const { status, progress } = await res.json();

  console.log(`${progress.completed}/${progress.total} (${progress.percentage}%)`);

  if (status !== 'completed') {
    setTimeout(poll, 2000);
  }
};
poll();

let lastPoll = new Date().toISOString();
const allReports = [];

const pollForNewReports = async (sessionId) => {
  const res = await fetch(
    `/api/sessions/${sessionId}?since=${encodeURIComponent(lastPoll)}`
  );
  const { newReports, status } = await res.json();

  // Add new reports to our list
  allReports.push(...newReports);
  lastPoll = new Date().toISOString();

  // Show new reports
  newReports.forEach(report => {
    console.log(`✓ ${report.toolName}: ${report.findingsCount} findings`);
  });

  if (status !== 'completed') {
    setTimeout(() => pollForNewReports(sessionId), 2000);
  }
};

import { useState, useEffect, useCallback } from 'react';

export function useSessionPolling(options = {}) {
  const { pollInterval = 2000, autoStart = false } = options;

  const [sessionId, setSessionId] = useState(null);
  const [session, setSession] = useState(null);
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState(null);

  const startSession = useCallback(async (target) => {
    setIsLoading(true);
    try {
      const res = await fetch('/api/sessions', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ target })
      });
      const data = await res.json();
      setSessionId(data.sessionId);
    } catch (err) {
      setError(err);
    }
  }, []);

  useEffect(() => {
    if (!sessionId) return;

    const poll = async () => {
      const res = await fetch(`/api/sessions/${sessionId}`);
      const data = await res.json();
      setSession(data);
      setIsLoading(false);

      if (data.status !== 'completed') {
        setTimeout(poll, pollInterval);
      }
    };
    poll();
  }, [sessionId, pollInterval]);

  return {
    session,
    progress: session?.progress,
    isComplete: session?.status === 'completed',
    isLoading,
    error,
    startSession
  };
}