"use client";

/**
 * QuerySettingsTab.tsx
 *
 * 데이터 연결 탭 — 기존 QueryManager를 모달 탭 안에서 렌더링한다.
 *
 * [사용처]
 * - ComponentSettingsModal의 "데이터 연결" 탭
 * - QueryManager는 Context에서 직접 queries/setQueries를 구독하므로
 *   별도 props 없이 그대로 mount하면 동작한다.
 *
 * [설계 결정]
 * - 외부 DB 연결 목록은 QueryManager 내부 useEffect로 로드되므로
 *   탭을 열 때마다 재조회된다. 빈번한 재마운트를 최소화하려면
 *   Context로 올리는 방향을 검토할 수 있으나, 현재는 단순성 우선.
 */

import { ScrollArea } from "@/components/ui/scroll-area";
import { QueryManager } from "../QueryManager";

export function QuerySettingsTab() {
  return (
    <ScrollArea className="h-full">
      <div className="p-2">
        <QueryManager />
      </div>
    </ScrollArea>
  );
}