Function Report

web/src/pages/Report.tsx:16–336

()

}

const Report = () => {
  const [report, setReport] = useState<string | null>(null);
  const [isLoading, setIsLoading] = useState(true);
  const [error, setError] = useState<string | null>(null);
  const [presets, setPresets] = useState<Preset[]>([]);
  const [selectedPreset, setSelectedPreset] = useState<string>("");
  const [isPresetLoaded, setIsPresetLoaded] = useState(false);
  const [isStreaming, setIsStreaming] = useState(false);
  const [statusMessage, setStatusMessage] = useState<string | null>(null);
  const [errorMessage, setErrorMessage] = useState<string | null>(null);
  const navigate = useNavigate();
  const location = useLocation();

  // Parse preset from URL query parameter
  useEffect(() => {
    const queryParams = new URLSearchParams(location.search);
    const presetParam = queryParams.get("preset");
    if (presetParam) {
      setSelectedPreset(presetParam);
    }
    setIsPresetLoaded(true);
  }, [location.search]);

  // Fetch presets
  useEffect(() => {
    const fetchPresets = async () => {
      try {
        const response = await fetch("/api/presets");
        if (response.ok) {
          const data = await response.json();
          setPresets(data.presets || []);
        }
      } catch (err) {
        console.error("Error fetching presets:", err);
      }
    };

    fetchPresets();
  }, []);

  // Fetch report with the selected preset
  useEffect(() => {
    // Only fetch the report once preset information is loaded from URL
    if (!isPresetLoaded) return;

    const fetchReport = async () => {
      try {
        setIsLoading(true);
        setError(null);
        setReport("");
        setStatusMessage("准备生成报告...");

        const url = selectedPreset
          ? `/api/report?preset=${encodeURIComponent(selectedPreset)}`
          : "/api/report";

        setIsStreaming(true);