Function ProviderSelectionFlow

src/components/ProviderPicker.tsx:154–286

({
  onComplete,
  onCancel,
  isStandaloneCommand,
}: ProviderSelectionFlowProps)

}

export function ProviderSelectionFlow({
  onComplete,
  onCancel,
  isStandaloneCommand,
}: ProviderSelectionFlowProps) {
  const mainLoopModel = useAppState(state => state.mainLoopModel)
  const mainLoopModelForSession = useAppState(
    state => state.mainLoopModelForSession,
  )
  const fastMode = useAppState(state => state.fastMode)
  const setAppState = useSetAppState()
  const [initialStoredProviderId] = useState(() => getStoredProviderId() ?? 'firstParty')
  const [pendingProviderId, setPendingProviderId] = useState<string | null>(null)
  const [pendingModel, setPendingModel] = useState<ModelSetting>(null)

  const envOverrideId = getEnvironmentProviderOverrideId()

  const finishSelection = React.useCallback(
    (providerId: string, model: string | null, savedOnly: boolean) => {
      const providerName = getProviderConfigById(providerId).name
      const providerChanged =
        normalizeProviderSettingValue(initialStoredProviderId) !==
        normalizeProviderSettingValue(providerId)
      const modelChanged =
        !savedOnly &&
        (mainLoopModel !== model || mainLoopModelForSession !== null)

      let wasFastModeDisabled = false
      if (!savedOnly) {
        setAppState(prev => {
          wasFastModeDisabled =
            isFastModeEnabled() &&
            !isFastModeSupportedByModel(model) &&
            !!prev.fastMode

          return {
            ...prev,
            mainLoopModel: model,
            mainLoopModelForSession: null,
            ...(wasFastModeDisabled ? { fastMode: false } : {}),
          }
        })
      }

      onComplete({
        providerId,
        providerName,
        model,
        changed: providerChanged || modelChanged,
        savedOnly,
        wasFastModeDisabled,
        ...(envOverrideId
          ? {
              envOverrideId,
              envOverrideName: getProviderConfigById(envOverrideId).name,
            }
          : {}),
      })