Function SetupWizard

ai-code-studio/src/components/SetupWizard.tsx:75–644

({
  open,
  config,
  setConfig,
  setupChecklist,
  connectionReport,
  isTestingConnection,
  onSaveConfig,
  onTestConnection,
  onClose,
  onComplete,
}: SetupWizardProps)

}

export function SetupWizard({
  open,
  config,
  setConfig,
  setupChecklist,
  connectionReport,
  isTestingConnection,
  onSaveConfig,
  onTestConnection,
  onClose,
  onComplete,
}: SetupWizardProps) {
  const [step, setStep] = useState<WizardStep>('welcome');

  const stepIndex = wizardSteps.indexOf(step);
  const allReady = setupChecklist.every(item => item.ready);
  const canFinish = allReady && Boolean(connectionReport?.ok);
  const providerReady = Boolean(config.upstreamBaseUrl && config.upstreamModel);
  const workspaceReady = Boolean(config.workspaceDir && config.clawProjectDir);
  const runtimeReady =
    config.runner === 'binary' ? Boolean(config.clawBinaryPath) : Boolean(config.clawProjectDir);

  const completedSteps = useMemo(
    () => ({
      welcome: false,
      provider: providerReady,
      workspace: workspaceReady,
      runtime: runtimeReady,
      verify: canFinish,
    }),
    [providerReady, workspaceReady, runtimeReady, canFinish],
  );

  if (!open) {
    return null;
  }

  async function pickDirectory(target: 'workspaceDir' | 'clawProjectDir') {
    const nextPath = await window.clawDesktop?.pickDirectory?.();
    if (nextPath) {
      setConfig(current => ({
        ...current,
        [target]: nextPath,
      }));
    }
  }

  async function pickBinaryPath() {
    const nextPath = await window.clawDesktop?.pickFile?.([
      { name: 'Executable', extensions: ['exe', 'bin', 'cmd'] },
      { name: 'All Files', extensions: ['*'] },
    ]);
    if (nextPath) {
      setConfig(current => ({
        ...current,
        clawBinaryPath: nextPath,
      }));
    }