Function ChatView

ai/ai-react-app/src/views/ChatView.tsx:65–549

({
  onUsageMetadataChange,
  currentParams,
  aiInstance,
  activeMode,
})

};

const ChatView: React.FC<ChatViewProps> = ({
  onUsageMetadataChange,
  currentParams,
  aiInstance,
  activeMode,
}) => {
  const [chatHistory, setChatHistory] = useState<Content[]>([]);
  const [currentInput, setCurrentInput] = useState("");
  const [selectedFile, setSelectedFile] = useState<File | null>(null);
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const [lastResponseParsedJson, setLastResponseParsedJson] = useState<
    object | null
  >(null);
  const [lastGroundingMetadata, setLastGroundingMetadata] =
    useState<GroundingMetadata | null>(null);

  const chatContainerRef = useRef<HTMLDivElement>(null);
  const chatSessionRef = useRef<ChatSession | null>(null);
  const sessionParamsRef = useRef<ModelParams | null>(null);

  const initializeChatSession = useCallback(
    (params: ModelParams) => {
      try {
        console.log(
          "[ChatView] Initializing new chat session with params:",
          params,
        );
        const model = getGenerativeModel(aiInstance, params);
        const newSession = model.startChat({
          history: [],
          safetySettings: params.safetySettings,
          generationConfig: params.generationConfig,
          tools: params.tools,
          toolConfig: params.toolConfig,
          systemInstruction: params.systemInstruction,
        });
        chatSessionRef.current = newSession;
        // Store a deep copy of the params used for this session
        sessionParamsRef.current = JSON.parse(JSON.stringify(params));
        setChatHistory([]);
        setError(null);
        onUsageMetadataChange(null);
        setLastGroundingMetadata(null);
        console.log("[ChatView] New chat session initialized successfully.");
      } catch (initError: unknown) {
        console.error("[ChatView] Error initializing chat session:", initError);
        setError(`Failed to initialize chat session`);
        chatSessionRef.current = null;
        sessionParamsRef.current = null;
      }
    },
    [onUsageMetadataChange, aiInstance],
  );

  useEffect(() => {
    if (aiInstance) {
      initializeChatSession(currentParams);