Function fetchModels

app/src/components/GenerateAgentModal.tsx:61–89

()

  useEffect(() => {
    if (isOpen) {
      const fetchModels = async () => {
        setLoadingModels(true);
        setModelsError(null);
        try {
          const result = listModels();
          if (result.error) {
            throw new Error(result.error);
          }
          setAvailableModels(result.models);
          // If default model is in list, keep it, else pick first or keep default
          if (!result.models.find(m => m.name === DEFAULT_MODEL) && result.models.length > 0) {
            setSelectedModel(result.models[0].name);
          } else if (result.models.length === 0 && DEFAULT_MODEL) {
            // No models fetched, but we have a hardcoded default
            setSelectedModel(DEFAULT_MODEL);
          } else if (result.models.length === 0 && !DEFAULT_MODEL) {
            setModelsError("No models available and no default set.");
            setSelectedModel(''); // No model can be selected
          }
        } catch (e) {
          const errorMsg = e instanceof Error ? e.message : String(e);
          console.error('Failed to fetch models:', errorMsg);
          setModelsError(`Failed to load models: ${errorMsg}. Using default: ${DEFAULT_MODEL}.`);
          setAvailableModels([]); // Clear available models on error
          setSelectedModel(DEFAULT_MODEL); // Fallback to default on error
        } finally {
          setLoadingModels(false);
        }
      };
      fetchModels();
    }
  }, [isOpen]);