import { useEffect, useRef } from "react";
import { useBackendHealth } from "@app/hooks/useBackendHealth";
import { useAppConfig } from "@app/contexts/AppConfigContext";

/**
 * Desktop-only bridge that refetches the app config once the bundled backend
 * becomes healthy (and whenever it restarts). Keeps the UI responsive by using
 * default config until the real config is available.
 */
export function DesktopConfigSync() {
  const { status } = useBackendHealth();
  const { refetch } = useAppConfig();
  const previousStatus = useRef(status);

  useEffect(() => {
    if (status === "healthy" && previousStatus.current !== "healthy") {
      refetch();
    }
    previousStatus.current = status;
  }, [status, refetch]);

  return null;
}