Function DataLoadingChat

src/views/DataLoadingChat.tsx:609–1096

({
    initialPrompt,
    initialImages,
    autoSendInitialPrompt,
})

}

export const DataLoadingChat: React.FC<DataLoadingChatProps> = ({
    initialPrompt,
    initialImages,
    autoSendInitialPrompt,
}) => {
    const theme = useTheme();
    const { t } = useTranslation();
    const dispatch = useDispatch<AppDispatch>();

    const chatMessages = useSelector((state: DataFormulatorState) => state.dataLoadingChatMessages);
    const chatInProgress = useSelector((state: DataFormulatorState) => state.dataLoadingChatInProgress);
    // External reset signal — bumped by `clearChatMessages` (manual reset
    // button, new menu-level query, full session reset). When it changes
    // we abort any in-flight stream, drop partial UI state, and re-seed
    // from props if the parent provided a new prompt/images. Without
    // this, an in-flight stream's eventual dispatches would leak into
    // the freshly-cleared thread.
    const chatResetCounter = useSelector((state: DataFormulatorState) => state.dataLoadingChatResetCounter ?? 0);
    const existingTables = useSelector((state: DataFormulatorState) => state.tables);
    const activeModel = useSelector(dfSelectors.getActiveModel);
    const frontendRowLimit = useSelector((state: DataFormulatorState) => state.config?.frontendRowLimit ?? 2_000_000);
    const existingNames = new Set(existingTables.map(tbl => tbl.id));

    const [prompt, setPrompt] = useState('');
    const [userImages, setUserImages] = useState<string[]>([]);
    const [userAttachments, setUserAttachments] = useState<string[]>([]);
    const [streamingContent, setStreamingContent] = useState('');
    const [streamingToolSteps, setStreamingToolSteps] = useState<ToolStep[]>([]);
    const [debugEvents, setDebugEvents] = useState<any[]>([]);
    const [showDebugPanel] = useState(false);
    const abortControllerRef = useRef<AbortController | null>(null);
    // Monotonic session token. Bumped on every external reset; the
    // currently-running `sendMessage` captures the value at the time
    // it started and discards any state/dispatch updates if the token
    // has moved on (i.e. the user reset / restarted the chat mid-stream).
    const sessionRef = useRef(0);
    const lastResetRef = useRef(chatResetCounter);
    const messagesEndRef = useRef<HTMLDivElement>(null);
    const inputRef = useRef<HTMLTextAreaElement>(null);

    // Auto-scroll to bottom
    useEffect(() => {
        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
    }, [chatMessages, streamingContent]);

    // Auto-focus input
    useEffect(() => { inputRef.current?.focus(); }, []);

    // ---- External initial prompt handling -------------------------------
    // Pre-fill the input (and optionally auto-send) when `initialPrompt`
    // is provided. Used by external surfaces (e.g. landing-page quick chat
    // box) to hand off text to the agent. Auto-send only fires for a
    // fresh conversation — we never auto-resend on remount mid-chat.
    const hasExistingMessages = chatMessages.length > 0;
    const [pendingAutoSend, setPendingAutoSend] = useState(false);
    useEffect(() => {
        // Detect external reset: abort, invalidate in-flight session,
        // and clear all local UI state before re-seeding. Including