Function ChatPanel

frontend/src/plugins/ai/react/ChatPanel.tsx:49–237

()

 *     provider stashes a `pendingSendChat` payload.
 */
export function ChatPanel() {
  const currentTab = useCurrentSQLEditorTab();
  const store = useConversationStore();
  const hasCurrentTab = currentTab != null;

  const context = useAIContext();
  const {
    aiSetting,
    chat,
    setShowHistoryDialog,
    pendingSendChat,
    setPendingSendChat,
    events,
  } = context;
  const { list: conversationList, ready, selected } = chat;

  const [loading, setLoading] = useState(false);

  // Tab/connection signal so we can hide history on (instance,
  // database) change — a stable string key the effect can depend on.
  const connectionKey = currentTab
    ? `${currentTab.connection.instance}|${currentTab.connection.database}`
    : "";
  useEffect(() => {
    setShowHistoryDialog(false);
  }, [connectionKey, setShowHistoryDialog]);

  // Pull the latest `requestAI` into a ref so the pending-send-chat
  // effect doesn't need to depend on its identity (the callback closes
  // over `selected`, `aiSetting`, etc. — wiring those as effect deps
  // would re-run the effect on every conversation tweak).
  const requestAIRef = useRef<(query: string) => Promise<void>>(async () => {});

  const requestAI = useCallback(
    async (query: string) => {
      const conversation = selected;
      if (!conversation) return;
      const tab = getCurrentSQLEditorTab();
      if (!tab) return;

      const { messageList } = conversation;
      if (messageList.length === 0) {
        const engine = context.engine;
        const databaseMetadata = context.databaseMetadata;
        const schema = context.schema;
        const prompts: string[] = [
          promptUtils.declaration(databaseMetadata, engine, schema),
          query,
        ];
        const prompt = prompts.join("\n");
        await store.createMessage({
          conversation_id: conversation.id,
          content: query,
          prompt,
          author: "USER",
          error: "",
          status: "DONE",
        });