Function AntModelSwitchCallout

src/components/AntModelSwitchCallout.tsx:19–112

({
  onDone,
}: AntModelSwitchCalloutProps)

}

export function AntModelSwitchCallout({
  onDone,
}: AntModelSwitchCalloutProps): React.ReactNode {
  const switchCallout = getSwitchCalloutConfig()

  // Record this appearance so repeat surfacing is throttled and version-aware.
  useEffect(() => {
    if (!switchCallout) {
      return
    }

    const shownAt = Date.now()
    saveGlobalConfig(current => ({
      ...current,
      modelSwitchCalloutLastShown: shownAt,
      modelSwitchCalloutVersion: switchCallout.version,
    }))
  }, [switchCallout])

  useEffect(() => {
    if (!switchCallout) {
      onDone('dismiss')
    }
  }, [switchCallout, onDone])

  const handleSelect = useCallback(
    (value: string): void => {
      if (value === 'never') {
        saveGlobalConfig(current => {
          if (current.modelSwitchCalloutDismissed) {
            return current
          }
          return {
            ...current,
            modelSwitchCalloutDismissed: true,
          }
        })
        onDone('dismiss')
        return
      }

      if (value === 'switch' && switchCallout?.modelAlias) {
        onDone('switch', switchCallout.modelAlias)
        return
      }

      onDone('dismiss')
    },
    [onDone, switchCallout],
  )

  const options = useMemo<OptionWithDescription<string>[]>(() => {
    const base: OptionWithDescription<string>[] = [
      {
        label: 'Not now',
        description: 'Keep your current model for now.',
        value: 'dismiss',
      },