Function ChatPanelBody

frontend/src/components/chat/chat-panel.tsx:481–850

()

};

const ChatPanelBody = () => {
  const setChatState = useSetAtom(chatStateAtom);
  const [activeChat, setActiveChat] = useAtom(activeChatAtom);
  const [input, setInput] = useState("");
  const [newThreadInput, setNewThreadInput] = useState("");
  const { files, addFiles, clearFiles, removeFile } = useFileState();
  const newThreadInputRef = useRef<ReactCodeMirrorRef>(null);
  const newMessageInputRef = useRef<ReactCodeMirrorRef>(null);
  const scrollContainerRef = useRef<HTMLDivElement>(null);
  const fileInputRef = useRef<HTMLInputElement>(null);
  const messagesEndRef = useRef<HTMLDivElement>(null);
  const runtimeManager = useRuntimeManager();
  const { invokeAiTool, sendRun } = useRequestClient();
  const { openModal, closeModal } = useImperativeModal();

  const activeChatId = activeChat?.id;
  const store = useStore();

  const { addStagedCell } = useStagedAICellsActions();
  const { createNewCell, prepareForRun } = useCellActions();
  const toolContext: ToolNotebookContext = {
    addStagedCell,
    createNewCell,
    prepareForRun,
    sendRun,
    store,
  };

  const {
    messages,
    sendMessage,
    error,
    status,
    regenerate,
    stop,
    addToolOutput,
    addToolApprovalResponse,
    id: chatId,
  } = useChat({
    id: activeChatId,
    sendAutomaticallyWhen: ({ messages }) => hasPendingToolCalls(messages),
    messages: activeChat?.messages || [], // initial messages
    transport: new DefaultChatTransport({
      api: runtimeManager.getAiURL("chat").toString(),
      headers: () => runtimeManager.headers(),
      prepareSendMessagesRequest: async (options) => {
        // Canary: flag outgoing messages that don't match the AI SDK's own
        // schema. The server-side sanitizer in `_pydantic_ai_utils.py` corrects these before validation;
        // this log surfaces drift early without affecting the request.
        const validation = await safeValidateUIMessages({
          messages: options.messages,
        });
        if (!validation.success) {
          Logger.debug(
            "Outgoing chat messages failed AI SDK schema validation",
            validation.error,
          );
        }