Function QueryWindow

src/components/gui/tabs/query-tab.tsx:67–485

({
  initialCode,
  initialName,
  initialSavedKey,
  initialNamespace,
}: QueryWindowProps)

}

export default function QueryWindow({
  initialCode,
  initialName,
  initialSavedKey,
  initialNamespace,
}: QueryWindowProps) {
  const { databaseDriver, docDriver, agentDriver } = useStudioContext();
  const { refresh: refreshSchema, autoCompleteSchema } = useSchema();
  const [code, setCode] = useState(initialCode ?? "");
  const editorRef = useRef<ReactCodeMirrorRef>(null);

  const [fontSize, setFontSize] = useState(0.875);
  const [lineNumber, setLineNumber] = useState(0);
  const [columnNumber, setColumnNumber] = useState(0);

  const [queryTabIndex, setQueryTabIndex] = useState(0);
  const [progress, setProgress] = useState<MultipleQueryProgress>();
  const [data, setData] = useState<MultipleQueryResult[]>();
  const [name, setName] = useState(initialName);
  const { changeCurrentTab } = useTabsContext();

  const [namespaceName, setNamespaceName] = useState(
    initialNamespace ?? "Unsaved Query"
  );
  const [savedKey, setSavedKey] = useState<string | undefined>(initialSavedKey);
  const [placeholders, setPlaceholders] = useState<Record<string, string>>({});
  const { schema } = useSchema();

  useEffect(() => {
    const timer = setTimeout(() => {
      setPlaceholders((prev) => {
        const newPlaceholders: Record<string, string> = {};
        const token = tokenizeSql(code, databaseDriver.getFlags().dialect);

        const foundPlaceholders = token
          .filter((t) => t.type === "PLACEHOLDER")
          .map((t) => t.value.slice(1));

        for (const foundPlaceholder of foundPlaceholders) {
          newPlaceholders[foundPlaceholder] = prev[foundPlaceholder] ?? "";
        }

        return newPlaceholders;
      });
    }, 1000);

    return () => clearTimeout(timer);
  }, [code, databaseDriver]);

  const onFormatClicked = () => {
    try {
      setCode(
        format(code, {
          language: "sqlite",
          tabWidth: 2,
        })
      );
    } catch (e) {