db-player 0.0.0-stage → 0.5.0

package/dist/server/assets/router-DJFCq-RN.js

@@ -0,0 +1,4140 @@
+import { A as workspaceQuery, B as regenerateMcpToken, C as databasesQuery, D as schemaQuery, E as rowsQuery, F as deleteFolder, G as testConnection, H as runQuery, I as deleteRows, J as updateRow, K as updateConnection, L as insertRow, M as createConnection, N as createFolder, O as sqlSchemaQuery, P as deleteConnection, R as moveConnection, S as connectionsQuery, T as mcpTokenQuery, U as setActiveTab, V as reorderTabs, W as setTabDatabase, X as createSsrRpc, Y as updateTabDraft, _ as Refresh, a as ChevronRight, b as Terminal, c as Database, d as EyeOff, f as FolderPlus, g as Plus, h as Play, i as ChevronLeft, j as closeTabs, k as tablesQuery, l as Dots, m as PanelLeft, n as ArrowDown, o as Close, p as Key, q as updateFolder, r as ArrowUp, s as Copy, t as EmptyState, u as Eye, v as Settings, w as foldersQuery, x as Trash, y as Table, z as openTab } from "./EmptyState-D1iyQsG1.js";
+import { t as createServerFn } from "../server.js";
+import { C as DB_KIND_INFO, D as folderInputSchema, E as connectionInputSchema, S as DB_KINDS, T as FOLDER_COLOR_NAMES, l as listConnections, s as getMcpToken, u as listFolders, w as FOLDER_COLORS, x as drivers } from "./store-Bb9KDsJx.js";
+import { Activity, Suspense, createContext, use, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { CatchBoundary, HeadContent, Link, Outlet, Scripts, createFileRoute, createRootRouteWithContext, createRouter, getRouteApi, lazyRouteComponent, redirect, useNavigate, useParams, useRouter, useRouterState } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+import { QueryClient, keepPreviousData, useIsFetching, useMutation, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { setupRouterSsrQueryIntegration } from "@tanstack/react-router-ssr-query";
+import * as stylex from "@stylexjs/stylex";
+import { useHotkey, useHotkeys } from "@tanstack/react-hotkeys";
+import { Button } from "@base-ui/react/button";
+import { Dialog } from "@base-ui/react/dialog";
+import { useForm } from "@tanstack/react-form";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Input } from "@base-ui/react/input";
+import { Select } from "@base-ui/react/select";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { ContextMenu } from "@base-ui/react/context-menu";
+import { Menu } from "@base-ui/react/menu";
+import { Tooltip } from "@base-ui/react/tooltip";
+import { useDebouncedValue, useDebouncer } from "@tanstack/react-pacer";
+import { columnResizingFeature, columnSizingFeature, createColumnHelper, tableFeatures, useTable } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { autocompletion, closeBrackets, closeBracketsKeymap } from "@codemirror/autocomplete";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+import { HighlightStyle, bracketMatching, indentOnInput, syntaxHighlighting } from "@codemirror/language";
+import { highlightSelectionMatches, searchKeymap } from "@codemirror/search";
+import { Compartment, EditorState, Prec } from "@codemirror/state";
+import { EditorView, drawSelection, keymap, placeholder } from "@codemirror/view";
+import { MySQL, SQLDialect, sql } from "@codemirror/lang-sql";
+import { tags } from "@lezer/highlight";
+import { Tabs } from "@base-ui/react/tabs";
+import { createHash, timingSafeEqual } from "node:crypto";
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { WebStandardStreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/webStandardStreamableHttp.js";
+// \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+// src/tokens.stylex.ts
+var color = {
+	bg: "var(--x1bd2iaf)",
+	surface: "var(--xgiwmlq)",
+	raised: "var(--x1sj141n)",
+	hover: "var(--x55kj9k)",
+	active: "var(--x1ko5s2s)",
+	border: "var(--x1ljawrx)",
+	borderStrong: "var(--x1wmecsq)",
+	logoTile: "var(--xxepf88)",
+	primary: "var(--x1b1m92g)",
+	primaryHover: "var(--x1djyeca)",
+	onPrimary: "var(--xz3jkde)",
+	text: "var(--xh1mtfv)",
+	muted: "var(--x1eegxt8)",
+	faint: "var(--x1y3jqnt)",
+	danger: "var(--x1rsrbe2)",
+	dangerBg: "var(--xzklvxa)",
+	success: "var(--x56xjt1)",
+	selection: "var(--x3itj7)",
+	synKeyword: "var(--x1oxlabo)",
+	synString: "var(--x54wwie)",
+	synNumber: "var(--x1j22127)",
+	synComment: "var(--x1jyogra)",
+	synFunction: "var(--x1ab7c27)",
+	synType: "var(--x1sy0dl7)",
+	tintRest: "var(--x189l5c3)",
+	tintHover: "var(--xcqutt3)",
+	tintActive: "var(--x2arnpg)",
+	backdrop: "var(--x1hemmdd)",
+	shadow: "var(--x1f48itt)",
+	__varGroupHash__: "x3qmmre"
+};
+var lightTheme = {
+	x3qmmre: "xl10l8c x3qmmre",
+	$$css: true
+};
+var darkTheme = {
+	x3qmmre: "xak9gdq x3qmmre",
+	$$css: true
+};
+var radius = {
+	sm: "var(--x1mekqhl)",
+	md: "var(--xt4ypks)",
+	lg: "var(--xgb9uqg)",
+	xl: "var(--xhrzkwl)",
+	full: "var(--x16stf2z)",
+	__varGroupHash__: "x1x9b9mp"
+};
+var fontSize = {
+	xs: "var(--x79uhsr)",
+	sm: "var(--xt6hdbs)",
+	md: "var(--x1bjvsbq)",
+	__varGroupHash__: "xe1lwr3"
+};
+var font = {
+	sans: "var(--x1q1zo9x)",
+	mono: "var(--x1p6nkrd)",
+	__varGroupHash__: "x1aipckl"
+};
+// src/components/PendingPane.tsx
+function PendingPane() {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "status",
+		"aria-label": "Loading",
+		className: "x98rzlu x78zum5 xdt5ytf x883omv x1tamke2",
+		children: [
+			/* @__PURE__ */ jsx("div", { className: "xn7wf0q x14fh20 x1tbzl01 x1sbju2s x4hg4is xa4qsjk x16grhtn xmix8c7" }),
+			/* @__PURE__ */ jsx("div", { className: "x1v9usgg xn7wf0q x14fh20 x1tbzl01 x1sbju2s x4hg4is xa4qsjk xh8yej3" }),
+			/* @__PURE__ */ jsx("div", { className: "x1v9usgg xn7wf0q x14fh20 x1tbzl01 x1sbju2s x4hg4is xa4qsjk xh8yej3" }),
+			/* @__PURE__ */ jsx("div", { className: "x1v9usgg xn7wf0q x14fh20 x1tbzl01 x1sbju2s x4hg4is xa4qsjk x65xoit" }),
+			/* @__PURE__ */ jsx("div", { className: "x1v9usgg xn7wf0q x14fh20 x1tbzl01 x1sbju2s x4hg4is xa4qsjk xinu3np" })
+		]
+	});
+}
+// src/lib/workspace.ts
+var EMPTY = {
+	tabs: [],
+	activeTabId: null,
+	revision: 0
+};
+function useWorkspace() {
+	return useQuery(workspaceQuery()).data ?? EMPTY;
+}
+/** The tab the URL points at. It is `null` on `/`, on a connection-only view, or for a stale id. */
+function useActiveTab() {
+	const { tabId } = useParams({ strict: false });
+	return useWorkspace().tabs.find((t) => t.id === tabId) ?? null;
+}
+/** The Explorer follows the active tab and falls back to the connection in the URL. */
+function useExplorerConnectionId() {
+	const { connectionId } = useParams({ strict: false });
+	return useActiveTab()?.target.connectionId ?? connectionId ?? null;
+}
+function useWorkspaceActions() {
+	const qc = useQueryClient();
+	const navigate = useNavigate();
+	const { tabId: urlTabId } = useParams({ strict: false });
+	const publish = (workspace) => qc.setQueryData(workspaceQuery().queryKey, workspace);
+	const edit = (change) => qc.setQueryData(workspaceQuery().queryKey, (w) => w ? change(w) : w);
+	/** An optimistic write that fails refetches the workspace, so the cache returns to the server's state. */
+	const settle = async (write) => {
+		try {
+			await write();
+		} catch {
+			await qc.invalidateQueries({ queryKey: workspaceQuery().queryKey });
+		}
+	};
+	const open = async (target, extra = {}) => {
+		const { workspace, tabId } = await openTab({ data: {
+			target,
+			...extra
+		} });
+		publish(workspace);
+		await navigate({
+			to: "/t/$tabId",
+			params: { tabId }
+		});
+	};
+	return {
+		activate: (tabId) => navigate({
+			to: "/t/$tabId",
+			params: { tabId }
+		}),
+		openTable: (connectionId, database, table) => open({
+			kind: "table",
+			connectionId,
+			database,
+			table
+		}),
+		openSql: (connectionId) => open({
+			kind: "sql",
+			connectionId,
+			database: null
+		}),
+		duplicate: (tab) => open({
+			kind: "sql",
+			connectionId: tab.target.connectionId,
+			database: tab.target.database
+		}, {
+			sql: tab.sql,
+			after: tab.id
+		}),
+		close: async (ids, prefer) => {
+			const workspace = await closeTabs({ data: {
+				ids,
+				prefer
+			} });
+			publish(workspace);
+			if (urlTabId !== void 0 && !workspace.tabs.some((t) => t.id === urlTabId)) await navigate(workspace.activeTabId ? {
+				to: "/t/$tabId",
+				params: { tabId: workspace.activeTabId }
+			} : { to: "/" });
+		},
+		reorder: async (ids) => {
+			const order = new Map(ids.map((id, i) => [id, i]));
+			edit((w) => ({
+				...w,
+				tabs: w.tabs.map((t) => ({
+					...t,
+					position: order.get(t.id) ?? t.position
+				})).toSorted((a, b) => a.position - b.position)
+			}));
+			await settle(async () => publish(await reorderTabs({ data: { ids } })));
+		},
+		setDatabase: async (id, database) => {
+			edit((w) => ({
+				...w,
+				tabs: w.tabs.map((t) => t.id === id && t.target.kind === "sql" ? {
+					...t,
+					target: {
+						...t.target,
+						database
+					}
+				} : t)
+			}));
+			await settle(() => setTabDatabase({ data: {
+				id,
+				database
+			} }));
+		},
+		saveDraft: async (id, sql) => {
+			edit((w) => ({
+				...w,
+				tabs: w.tabs.map((t) => t.id === id ? {
+					...t,
+					sql
+				} : t)
+			}));
+			await settle(() => updateTabDraft({ data: {
+				id,
+				sql
+			} }));
+		},
+		markActive: async (id) => {
+			edit((w) => ({
+				...w,
+				activeTabId: id
+			}));
+			await settle(() => setActiveTab({ data: { id } }));
+		}
+	};
+}
+var DEFAULT_LAYOUT = {
+	sidebarOpen: true,
+	sidebarWidth: 264,
+	explorerWidth: 248
+};
+var COOKIE = "dbp-layout";
+var getLayout = createServerFn({ method: "GET" }).handler(createSsrRpc("767e3c79a7a604bea062fbfee2e3cdeed9ee8c108dce8db65bf989a96985f89a"));
+function writeCookie(layout) {
+	document.cookie = `${COOKIE}=${encodeURIComponent(JSON.stringify(layout))}; path=/; max-age=31536000; samesite=lax`;
+}
+var LayoutContext = createContext(null);
+function LayoutProvider({ initial, children }) {
+	const [layout, setLayout] = useState(initial);
+	const update = (patch, persist = true) => {
+		const next = {
+			...layout,
+			...patch
+		};
+		setLayout(next);
+		if (persist) writeCookie(next);
+	};
+	return /* @__PURE__ */ jsx(LayoutContext, {
+		value: {
+			layout,
+			update
+		},
+		children
+	});
+}
+function useLayout() {
+	const ctx = use(LayoutContext);
+	if (!ctx) throw new Error("useLayout needs a LayoutProvider");
+	return ctx;
+}
+// src/lib/mutations.ts
+function useSidebarMutations() {
+	const qc = useQueryClient();
+	const refresh = () => Promise.all([qc.invalidateQueries({ queryKey: ["folders"] }), qc.invalidateQueries({ queryKey: ["connections"] })]);
+	return {
+		createFolder: useMutation({
+			mutationFn: createFolder,
+			onSuccess: refresh
+		}),
+		updateFolder: useMutation({
+			mutationFn: updateFolder,
+			onSuccess: refresh
+		}),
+		deleteFolder: useMutation({
+			mutationFn: deleteFolder,
+			onSuccess: refresh
+		}),
+		createConnection: useMutation({
+			mutationFn: createConnection,
+			onSuccess: refresh
+		}),
+		updateConnection: useMutation({
+			mutationFn: updateConnection,
+			onSuccess: async (_d, vars) => {
+				await refresh();
+				await qc.invalidateQueries({ queryKey: ["databases", vars.data.id] });
+				await qc.invalidateQueries({ queryKey: ["tables", vars.data.id] });
+				await qc.invalidateQueries({ queryKey: ["sqlSchema", vars.data.id] });
+				await qc.invalidateQueries({ queryKey: ["schema", vars.data.id] });
+				await qc.invalidateQueries({ queryKey: ["rows", vars.data.id] });
+			}
+		}),
+		moveConnection: useMutation({
+			mutationFn: moveConnection,
+			onSuccess: refresh
+		}),
+		deleteConnection: useMutation({
+			mutationFn: deleteConnection,
+			onSuccess: async (_workspace, vars) => {
+				qc.removeQueries({ queryKey: ["databases", vars.data.id] });
+				await Promise.all([refresh(), qc.invalidateQueries({ queryKey: workspaceQuery().queryKey })]);
+			}
+		}),
+		testConnection: useMutation({ mutationFn: testConnection })
+	};
+}
+// src/lib/format.ts
+function formatCell(value) {
+	if (value === null || value === void 0) return "NULL";
+	if (typeof value === "object") return JSON.stringify(value);
+	return String(value);
+}
+function errorMessage(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+// src/components/ui/Button.tsx
+var styles$8 = {
+	base: {
+		k1xSpc: "x3nfvp2",
+		kGNEyG: "x6s0dn4",
+		kjj79g: "xl56j7k",
+		kOIVth: "x17d4w8g",
+		kZKoxP: "x1jgo0hl",
+		kg3NbH: "x1awh872",
+		kMv6JI: "x134rb1s",
+		kGuDYH: "xqtwvag",
+		k63SB2: "xk50ysn",
+		kaIpWk: "xvjf9rd",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kkrTdU: "x1ypdohk xtgyt42",
+		khDVqt: "xuxw1ft",
+		kfSwDN: "x87ps6o",
+		k1ekBW: "xv65o4f",
+		kIyJzY: "x1qfwjxi",
+		kAMwcw: "x6setmy",
+		k3aq6I: "x1c071of x15qbw3q",
+		kI3sdo: "x1a2a7pz xn0s4wz",
+		kInvED: "x1y3gkto",
+		kSiTet: "x1hc1fzr x1t5pwa4",
+		$$css: true
+	},
+	primary: {
+		kWkggS: "xq83s4c xds5qq0",
+		kVAM5u: "xxuvl4d",
+		kMwMTN: "x18x1ra",
+		$$css: true
+	},
+	secondary: {
+		kWkggS: "x14fh20 x17ec2s3",
+		kVAM5u: "x4s12hp",
+		kMwMTN: "x122w267",
+		$$css: true
+	},
+	ghost: {
+		kWkggS: "xjbqb8w x1ncw40y xgb2fgl",
+		kVAM5u: "x9r1u3d",
+		kMwMTN: "x122w267",
+		$$css: true
+	},
+	danger: {
+		kWkggS: "x185or1n x1am0jh4",
+		kVAM5u: "xb1jnos",
+		kMwMTN: "xb0vdwp",
+		$$css: true
+	},
+	icon: {
+		kzqmXN: "x1a5d0zf",
+		kg3NbH: "xnjsko4",
+		$$css: true
+	},
+	small: {
+		kZKoxP: "x11cxg1j",
+		kg3NbH: "xdqyycr",
+		$$css: true
+	},
+	smallIcon: {
+		kzqmXN: "x5tfkcl",
+		kg3NbH: "xnjsko4",
+		$$css: true
+	},
+	fill: {
+		kzqmXN: "xh8yej3",
+		$$css: true
+	}
+};
+function Button$1({ variant = "secondary", icon, small, fill, ...rest }) {
+	return /* @__PURE__ */ jsx(Button, {
+		...rest,
+		...stylex.props(styles$8.base, styles$8[variant], small && styles$8.small, icon && (small ? styles$8.smallIcon : styles$8.icon), fill && styles$8.fill)
+	});
+}
+// src/components/ui/Dialog.tsx
+function Dialog$1({ open, onOpenChange, title, wide, children }) {
+	const [closing, setClosing] = useState(false);
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: open && !closing,
+		onOpenChange: (next) => next ? onOpenChange(true) : setClosing(true),
+		onOpenChangeComplete: (isOpen) => {
+			if (!isOpen && closing) onOpenChange(false);
+		},
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { className: "xixxii4 x10a8y8t xa9119d x1spjluv x1hc1fzr x1hw7zpd xiyypsa x19991ni xv3hhg7 x1ya1k7h x6setmy" }), /* @__PURE__ */ jsxs(Dialog.Popup, {
+			...{
+				0: { className: "xixxii4 x10a8y8t x1bpp3o7 xg7h5cd xfa8aoj xsjcku0 x1xoggjn x1odjw0f x1qhigcl x14fh20 xbg4agz xmkeg23 x1y0btm7 x4s12hp x125ndz9 x1a2a7pz x1g0ag68 x1hc1fzr x1hw7zpd xiyypsa xvvkyix xy54nku x1hoy9cc x6o7n8i xv3hhg7 x1ya1k7h x6setmy" },
+				1: { className: "xixxii4 x10a8y8t x1bpp3o7 xg7h5cd xfa8aoj x1xoggjn x1odjw0f x1qhigcl x14fh20 xbg4agz xmkeg23 x1y0btm7 x4s12hp x125ndz9 x1a2a7pz x1g0ag68 x1hc1fzr x1hw7zpd xiyypsa xvvkyix xy54nku x1hoy9cc x6o7n8i xv3hhg7 x1ya1k7h x6setmy xpn72k7" }
+			}[!!wide << 0],
+			children: [/* @__PURE__ */ jsx(Dialog.Title, {
+				className: "x1ghz6dp x1yztbdb x19u1y1h x1s688f",
+				children: title
+			}), children]
+		})] })
+	});
+}
+function DialogFooter({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "x78zum5 x13a6bvl x167g77z x1sy10c2",
+		children
+	});
+}
+// src/components/ConfirmDialog.tsx
+function ConfirmDialog({ title, message, confirmLabel, busy, onConfirm, onCancel }) {
+	const [error, setError] = useState(null);
+	const confirm = async () => {
+		setError(null);
+		try {
+			await onConfirm();
+		} catch (e) {
+			setError(errorMessage(e));
+		}
+	};
+	return /* @__PURE__ */ jsxs(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => !open && onCancel(),
+		title,
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "x1ghz6dp xfifm61 x1evy7pa",
+				children: message
+			}),
+			error ? /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "x1jp4ehj xfifm61 xb0vdwp x13faqbe",
+				children: error
+			}) : null,
+			/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+				onClick: onCancel,
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button$1, {
+				variant: "danger",
+				disabled: busy,
+				onClick: () => void confirm(),
+				children: confirmLabel
+			})] })
+		]
+	});
+}
+// src/components/ui/Checkbox.tsx
+function Checkbox$1({ checked, onCheckedChange, label, ariaLabel }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: "x3nfvp2 x6s0dn4 x167g77z xfifm61 x1ypdohk",
+		children: [/* @__PURE__ */ jsx(Checkbox.Root, {
+			checked,
+			onCheckedChange,
+			"aria-label": ariaLabel ?? label,
+			className: "x3nfvp2 x6s0dn4 xl56j7k x1kky2od xlup9mm x1717udv xgwgzc4 xn7wf0q xmkeg23 x1y0btm7 xxuvl4d x7d8hld x1ypdohk",
+			children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 10 10",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				children: /* @__PURE__ */ jsx("path", { d: "M2 5.2 4.2 7.4 8 2.8" })
+			}) })
+		}), label]
+	});
+}
+// src/components/ui/Field.tsx
+function Field({ label, error, children }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: "x78zum5 xdt5ytf x1jnr06f xeuugli",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "x1j6dyjg x1tviuuy",
+				children: label
+			}),
+			children,
+			error ? /* @__PURE__ */ jsx("span", {
+				className: "x1j6dyjg xb0vdwp",
+				children: error
+			}) : null
+		]
+	});
+}
+// src/components/ui/Input.tsx
+function Input$1({ mono, inputRef, ...rest }) {
+	return /* @__PURE__ */ jsx(Input, {
+		ref: inputRef,
+		...rest,
+		...{
+			0: { className: "xh8yej3 x1jgo0hl xdqyycr x134rb1s xqtwvag xgwgzc4 x122w267 xvjf9rd xmkeg23 x1y0btm7 x4s12hp x4mu1xn x1a2a7pz xq90yva x1qfwjxi x6setmy x1g6wmp5" },
+			1: { className: "xh8yej3 x1jgo0hl xdqyycr xqtwvag xgwgzc4 x122w267 xvjf9rd xmkeg23 x1y0btm7 x4s12hp x4mu1xn x1a2a7pz xq90yva x1qfwjxi x6setmy x1g6wmp5 xxb57xf xss6m8b" }
+		}[!!mono << 0]
+	});
+}
+// src/components/ui/popupStyles.ts
+var popup = {
+	positioner: {
+		kY2c9j: "x1aciyhk",
+		$$css: true
+	},
+	surface: {
+		kmVPX3: "xfawy5m",
+		kWkggS: "x14fh20",
+		kaIpWk: "xr11lhz",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x4s12hp",
+		kGVxlE: "x165p7zc",
+		kI3sdo: "x1a2a7pz",
+		k3nNDw: "xctpfpq",
+		kSiTet: "x1hc1fzr x1hw7zpd xiyypsa",
+		k3aq6I: "x3oybdh x1qdyiyv x14up28i",
+		k1ekBW: "x6o7n8i",
+		kIyJzY: "x19jr8i9 x1ya1k7h",
+		kAMwcw: "x6setmy",
+		$$css: true
+	}
+};
+// src/components/ui/Select.tsx
+var styles$7 = { popup: {
+	k7Eaqz: "x80t9vs",
+	kskxy: "xq3t0pi",
+	kORKVm: "x1odjw0f",
+	$$css: true
+} };
+function Select$1({ value, onValueChange, options, ariaLabel }) {
+	return /* @__PURE__ */ jsxs(Select.Root, {
+		value,
+		onValueChange: (v) => {
+			if (v !== null) onValueChange(v);
+		},
+		items: options,
+		children: [/* @__PURE__ */ jsxs(Select.Trigger, {
+			"aria-label": ariaLabel,
+			className: "x78zum5 x6s0dn4 x1qughib x167g77z xh8yej3 x1jgo0hl xdqyycr x134rb1s xqtwvag xgwgzc4 x122w267 xvjf9rd xmkeg23 x1y0btm7 x4s12hp x1ckbk5l x1a2a7pz x1ypdohk xshfolx x1qfwjxi x6setmy",
+			children: [/* @__PURE__ */ jsx(Select.Value, {}), /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 10 10",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.4",
+				children: /* @__PURE__ */ jsx("path", { d: "m2 3.5 3 3 3-3" })
+			}) })]
+		}), /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+			sideOffset: 4,
+			...stylex.props(popup.positioner),
+			children: /* @__PURE__ */ jsx(Select.Popup, {
+				...stylex.props(popup.surface, styles$7.popup),
+				children: options.map((o) => /* @__PURE__ */ jsx(Select.Item, {
+					value: o.value,
+					className: "x78zum5 x6s0dn4 x1jgo0hl xdqyycr xqtwvag xn7wf0q xt0e3qv x1a2a7pz xjbqb8w x1gjw99y",
+					children: /* @__PURE__ */ jsx(Select.ItemText, { children: o.label })
+				}, o.value))
+			})
+		}) })]
+	});
+}
+// src/components/ConnectionDialog.tsx
+var UNGROUPED = "__ungrouped__";
+function ConnectionDialog({ connection, folderId, folders, onClose }) {
+	const m = useSidebarMutations();
+	const [test, setTest] = useState(null);
+	const [submitError, setSubmitError] = useState(null);
+	const defaults = connection ? {
+		...connection,
+		password: ""
+	} : {
+		folderId: folderId ?? null,
+		name: "",
+		kind: "mysql",
+		host: "127.0.0.1",
+		port: DB_KIND_INFO.mysql.defaultPort,
+		user: "",
+		password: "",
+		database: null,
+		secure: false
+	};
+	const form = useForm({
+		defaultValues: defaults,
+		validators: { onChange: connectionInputSchema },
+		onSubmit: async ({ value }) => {
+			setSubmitError(null);
+			try {
+				if (connection) await m.updateConnection.mutateAsync({ data: {
+					id: connection.id,
+					input: value
+				} });
+				else await m.createConnection.mutateAsync({ data: value });
+				onClose();
+			} catch (error) {
+				setSubmitError(errorMessage(error));
+			}
+		}
+	});
+	const runTest = async () => {
+		setTest({
+			ok: true,
+			message: "Testing..."
+		});
+		try {
+			const { version } = await m.testConnection.mutateAsync({ data: {
+				id: connection?.id ?? null,
+				input: form.state.values
+			} });
+			setTest({
+				ok: true,
+				message: `Connected. Server version ${version}`
+			});
+		} catch (error) {
+			setTest({
+				ok: false,
+				message: errorMessage(error)
+			});
+		}
+	};
+	const err = (meta) => meta.isTouched ? meta.errors[0]?.message : void 0;
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		title: connection ? "Edit connection" : "New connection",
+		children: /* @__PURE__ */ jsxs("form", {
+			onSubmit: (e) => {
+				e.preventDefault();
+				form.handleSubmit();
+			},
+			className: "x78zum5 xdt5ytf x1v2ro7d",
+			children: [
+				/* @__PURE__ */ jsx(form.Field, {
+					name: "name",
+					children: (f) => /* @__PURE__ */ jsx(Field, {
+						label: "Name",
+						error: err(f.state.meta),
+						children: /* @__PURE__ */ jsx(Input$1, {
+							autoFocus: true,
+							name: "name",
+							value: f.state.value,
+							onBlur: f.handleBlur,
+							onChange: (e) => f.handleChange(e.target.value)
+						})
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "xrvj5dj x1o61qjw x1v2ro7d",
+					children: [/* @__PURE__ */ jsx(form.Field, {
+						name: "kind",
+						children: (f) => /* @__PURE__ */ jsx(Field, {
+							label: "Type",
+							children: /* @__PURE__ */ jsx(Select$1, {
+								ariaLabel: "Type",
+								value: f.state.value,
+								options: DB_KINDS.map((k) => ({
+									value: k,
+									label: DB_KIND_INFO[k].label
+								})),
+								onValueChange: (kind) => {
+									const previousDefault = DB_KIND_INFO[f.state.value].defaultPort;
+									f.handleChange(kind);
+									if (form.getFieldValue("port") === previousDefault) form.setFieldValue("port", DB_KIND_INFO[kind].defaultPort);
+								}
+							})
+						})
+					}), /* @__PURE__ */ jsx(form.Field, {
+						name: "folderId",
+						children: (f) => /* @__PURE__ */ jsx(Field, {
+							label: "Folder",
+							children: /* @__PURE__ */ jsx(Select$1, {
+								ariaLabel: "Folder",
+								value: f.state.value ?? UNGROUPED,
+								options: [{
+									value: UNGROUPED,
+									label: "Ungrouped"
+								}, ...folders.map((x) => ({
+									value: x.id,
+									label: x.name
+								}))],
+								onValueChange: (v) => f.handleChange(v === UNGROUPED ? null : v)
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "xrvj5dj x9flyx0 x1v2ro7d",
+					children: [/* @__PURE__ */ jsx(form.Field, {
+						name: "host",
+						children: (f) => /* @__PURE__ */ jsx(Field, {
+							label: "Host",
+							error: err(f.state.meta),
+							children: /* @__PURE__ */ jsx(Input$1, {
+								name: "host",
+								value: f.state.value,
+								onBlur: f.handleBlur,
+								onChange: (e) => f.handleChange(e.target.value)
+							})
+						})
+					}), /* @__PURE__ */ jsx(form.Field, {
+						name: "port",
+						children: (f) => /* @__PURE__ */ jsx(Field, {
+							label: "Port",
+							error: err(f.state.meta),
+							children: /* @__PURE__ */ jsx(Input$1, {
+								name: "port",
+								mono: true,
+								inputMode: "numeric",
+								value: String(f.state.value),
+								onBlur: f.handleBlur,
+								onChange: (e) => f.handleChange(Number(e.target.value.replace(/\D/g, "")))
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "xrvj5dj x1o61qjw x1v2ro7d",
+					children: [/* @__PURE__ */ jsx(form.Field, {
+						name: "user",
+						children: (f) => /* @__PURE__ */ jsx(Field, {
+							label: "User",
+							error: err(f.state.meta),
+							children: /* @__PURE__ */ jsx(Input$1, {
+								name: "user",
+								value: f.state.value,
+								onBlur: f.handleBlur,
+								onChange: (e) => f.handleChange(e.target.value)
+							})
+						})
+					}), /* @__PURE__ */ jsx(form.Field, {
+						name: "password",
+						children: (f) => /* @__PURE__ */ jsx(Field, {
+							label: "Password",
+							children: /* @__PURE__ */ jsx(Input$1, {
+								name: "password",
+								type: "password",
+								autoComplete: "new-password",
+								placeholder: connection?.hasPassword ? "Unchanged" : "",
+								value: f.state.value,
+								onBlur: f.handleBlur,
+								onChange: (e) => f.handleChange(e.target.value)
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsx(form.Field, {
+					name: "database",
+					children: (f) => /* @__PURE__ */ jsx(Field, {
+						label: "Default database (optional)",
+						children: /* @__PURE__ */ jsx(Input$1, {
+							name: "database",
+							value: f.state.value ?? "",
+							onBlur: f.handleBlur,
+							onChange: (e) => f.handleChange(e.target.value || null)
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(form.Field, {
+					name: "secure",
+					children: (f) => /* @__PURE__ */ jsx(Checkbox$1, {
+						label: "Use TLS",
+						checked: f.state.value,
+						onCheckedChange: f.handleChange
+					})
+				}),
+				test ? /* @__PURE__ */ jsx("div", {
+					role: "status",
+					...{
+						0: { className: "xfifm61 xxb57xf x13faqbe xb0vdwp" },
+						1: { className: "xfifm61 xxb57xf x13faqbe x1n8ird4" }
+					}[!!test.ok << 0],
+					children: test.message
+				}) : null,
+				submitError ? /* @__PURE__ */ jsx("div", {
+					className: "xfifm61 xxb57xf x13faqbe xb0vdwp",
+					children: submitError
+				}) : null,
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [
+					/* @__PURE__ */ jsx(Button$1, {
+						type: "button",
+						onClick: runTest,
+						disabled: m.testConnection.isPending,
+						children: "Test connection"
+					}),
+					/* @__PURE__ */ jsx("div", { className: "x98rzlu" }),
+					/* @__PURE__ */ jsx(Button$1, {
+						type: "button",
+						onClick: onClose,
+						children: "Cancel"
+					}),
+					/* @__PURE__ */ jsx(form.Subscribe, {
+						selector: (s) => s.canSubmit && !s.isSubmitting,
+						children: (ok) => /* @__PURE__ */ jsx(Button$1, {
+							type: "submit",
+							variant: "primary",
+							disabled: !ok,
+							children: connection ? "Save" : "Create connection"
+						})
+					})
+				] })
+			]
+		})
+	});
+}
+// src/components/ui/ColorSwatchPicker.tsx
+var _temp$4 = {
+	kzqmXN: "x17z2i9w",
+	kZKoxP: "x17rw0jw",
+	kmVPX3: "x1717udv",
+	kaIpWk: "x16rqkct",
+	kMzoRj: "xdh2fpr",
+	ksu8eU: "x1y0btm7",
+	kVAM5u: "x9r1u3d",
+	kkrTdU: "x1ypdohk",
+	kI3sdo: "x1a2a7pz",
+	"$$css": true
+};
+var styles$6 = {
+	swatch: (bg) => [
+		_temp$4,
+		{
+			kWkggS: bg != null ? "xl8spv7" : bg,
+			$$css: true
+		},
+		{ "--x-backgroundColor": bg != null ? bg : void 0 }
+	],
+	checked: {
+		kVAM5u: "x1b7y1cz",
+		$$css: true
+	}
+};
+function ColorSwatchPicker({ value, onValueChange }) {
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		value,
+		onValueChange: (v) => onValueChange(v),
+		"aria-label": "Folder color",
+		className: "x78zum5 x167g77z x1a02dak",
+		children: FOLDER_COLOR_NAMES.map((name) => /* @__PURE__ */ jsx(Radio.Root, {
+			value: name,
+			"aria-label": name,
+			title: name,
+			...stylex.props(styles$6.swatch(FOLDER_COLORS[name]), value === name && styles$6.checked)
+		}, name))
+	});
+}
+// src/components/FolderDialog.tsx
+function FolderDialog({ folder, onClose }) {
+	const m = useSidebarMutations();
+	const [submitError, setSubmitError] = useState(null);
+	const form = useForm({
+		defaultValues: {
+			name: folder?.name ?? "",
+			color: folder?.color ?? "blue"
+		},
+		validators: { onChange: folderInputSchema },
+		onSubmit: async ({ value }) => {
+			setSubmitError(null);
+			try {
+				if (folder) await m.updateFolder.mutateAsync({ data: {
+					id: folder.id,
+					input: value
+				} });
+				else await m.createFolder.mutateAsync({ data: value });
+				onClose();
+			} catch (error) {
+				setSubmitError(errorMessage(error));
+			}
+		}
+	});
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		title: folder ? "Edit folder" : "New folder",
+		children: /* @__PURE__ */ jsxs("form", {
+			onSubmit: (e) => {
+				e.preventDefault();
+				form.handleSubmit();
+			},
+			className: "x78zum5 xdt5ytf x1af02g3",
+			children: [
+				/* @__PURE__ */ jsx(form.Field, {
+					name: "name",
+					children: (field) => /* @__PURE__ */ jsx(Field, {
+						label: "Name",
+						error: field.state.meta.isTouched ? field.state.meta.errors[0]?.message : void 0,
+						children: /* @__PURE__ */ jsx(Input$1, {
+							autoFocus: true,
+							name: "name",
+							value: field.state.value,
+							onBlur: field.handleBlur,
+							onChange: (e) => field.handleChange(e.target.value)
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(form.Field, {
+					name: "color",
+					children: (field) => /* @__PURE__ */ jsx(Field, {
+						label: "Color",
+						children: /* @__PURE__ */ jsx(ColorSwatchPicker, {
+							value: field.state.value,
+							onValueChange: field.handleChange
+						})
+					})
+				}),
+				submitError ? /* @__PURE__ */ jsx("div", {
+					role: "alert",
+					className: "xfifm61 xb0vdwp x13faqbe",
+					children: submitError
+				}) : null,
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+					type: "button",
+					onClick: onClose,
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(form.Subscribe, {
+					selector: (s) => s.canSubmit && !s.isSubmitting,
+					children: (ok) => /* @__PURE__ */ jsx(Button$1, {
+						type: "submit",
+						variant: "primary",
+						disabled: !ok,
+						children: folder ? "Save" : "Create folder"
+					})
+				})] })
+			]
+		})
+	});
+}
+// src/lib/theme.ts
+var THEMES = [
+	"system",
+	"light",
+	"dark"
+];
+var themeSchema = z.enum(THEMES);
+var getTheme = createServerFn({ method: "GET" }).handler(createSsrRpc("71c8991fc9c515da010713bdaa6b8c785cb3e21a16557175130babcfd659f0d8"));
+var setTheme = createServerFn({ method: "POST" }).validator(themeSchema).handler(createSsrRpc("08e380ba074146180cab5cf970c6269c0fa27aca786f3aa0c9288cb27cccefbf"));
+// src/components/McpSettings.tsx
+var MASK = "•".repeat(43);
+var COPY_CAPTION = {
+	idle: (caption) => caption,
+	copied: () => "Copied",
+	failed: () => "Copy failed"
+};
+function CopyButton({ text, label, noun, caption, announce }) {
+	const [state, setState] = useState("idle");
+	const copy = async () => {
+		try {
+			await navigator.clipboard.writeText(text);
+			setState("copied");
+			announce(`${noun} copied`);
+		} catch {
+			setState("failed");
+			announce(`${noun} copy failed`);
+		}
+		setTimeout(() => setState("idle"), 1500);
+	};
+	return /* @__PURE__ */ jsxs(Button$1, {
+		small: true,
+		icon: !caption,
+		"aria-label": state === "failed" ? `${label} failed` : label,
+		onClick: () => void copy(),
+		children: [/* @__PURE__ */ jsx(Copy, {}), caption ? COPY_CAPTION[state](caption) : null]
+	});
+}
+function McpSettings() {
+	const queryClient = useQueryClient();
+	const tokenQuery = useQuery(mcpTokenQuery());
+	const token = tokenQuery.data;
+	const [announcement, setAnnouncement] = useState("");
+	const announce = (message) => {
+		setAnnouncement(message);
+		setTimeout(() => setAnnouncement(""), 1500);
+	};
+	const [revealed, setRevealed] = useState(false);
+	const [confirming, setConfirming] = useState(false);
+	const regenerate = useMutation({
+		mutationFn: () => regenerateMcpToken(),
+		onSuccess: (next) => queryClient.setQueryData(mcpTokenQuery().queryKey, next)
+	});
+	const url = typeof window === "undefined" ? "/mcp" : `${window.location.origin}/mcp`;
+	const command = (secret) => `claude mcp add --transport http db-player ${url} --header "Authorization: Bearer ${secret}"`;
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-labelledby": "mcp",
+		className: "x78zum5 xdt5ytf x1n8io78 x6mll90",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				id: "mcp",
+				className: "x1ghz6dp xvj2dgp x1s688f",
+				children: "Agent access (MCP)"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				role: "status",
+				"aria-live": "polite",
+				className: "x10l6tqk x1i1rx1s xjm9jq1 xb3r6kr x1hyvwdk xuxw1ft",
+				children: announcement
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "x1ghz6dp x9otpla xqtwvag x1tviuuy x1evy7pa",
+				children: "Lets AI agents list your connections and run read-only queries. Writes, DDL and multiple statements are refused. For production, use a connection whose database user is read-only."
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 xdt5ytf x1mbf7id",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "xqtwvag x1tviuuy",
+					children: "URL"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "x78zum5 x1cy8zhl xbbb4fa",
+					children: [/* @__PURE__ */ jsx("code", {
+						"data-testid": "mcp-url",
+						className: "x98rzlu xeuugli xifx94n xu7byfh xxb57xf xqtwvag x1evy7pa xgwgzc4 x122w267 xvjf9rd xmkeg23 x1y0btm7 xpa2s8g xj0a0fe x126k92a xvrbanz",
+						children: url
+					}), /* @__PURE__ */ jsx(CopyButton, {
+						text: url,
+						label: "Copy URL",
+						noun: "URL",
+						announce
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 xdt5ytf x1mbf7id",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "xqtwvag x1tviuuy",
+					children: "Token"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "x78zum5 x1cy8zhl xbbb4fa",
+					children: [
+						/* @__PURE__ */ jsx("code", {
+							"data-testid": "mcp-token",
+							className: "x98rzlu xeuugli xifx94n xu7byfh xxb57xf xqtwvag x1evy7pa xgwgzc4 x122w267 xvjf9rd xmkeg23 x1y0btm7 xpa2s8g xj0a0fe x126k92a xvrbanz",
+							children: token ? revealed ? token : MASK : tokenQuery.isError ? "Token unavailable" : "Loading…"
+						}),
+						!token && tokenQuery.isError ? /* @__PURE__ */ jsx(Button$1, {
+							small: true,
+							onClick: () => void tokenQuery.refetch(),
+							disabled: tokenQuery.isFetching,
+							children: "Retry"
+						}) : null,
+						/* @__PURE__ */ jsx(Button$1, {
+							small: true,
+							icon: true,
+							"aria-label": revealed ? "Hide token" : "Show token",
+							disabled: !token,
+							onClick: () => setRevealed(!revealed),
+							children: revealed ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {})
+						}),
+						token ? /* @__PURE__ */ jsx(CopyButton, {
+							text: token,
+							label: "Copy token",
+							noun: "Token",
+							announce
+						}) : null
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 xdt5ytf x1mbf7id",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "xqtwvag x1tviuuy",
+						children: "Add to Claude Code"
+					}),
+					/* @__PURE__ */ jsx("code", {
+						"data-testid": "mcp-command",
+						className: "x98rzlu xeuugli xifx94n xu7byfh xxb57xf xqtwvag x1evy7pa xgwgzc4 x122w267 xvjf9rd xmkeg23 x1y0btm7 xpa2s8g xj0a0fe x126k92a xvrbanz",
+						children: token ? command(revealed ? token : MASK).replace(" --header", " \\\n  --header") : tokenQuery.isError ? "Token unavailable" : "Loading…"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "x78zum5 xbbb4fa",
+						children: [token ? /* @__PURE__ */ jsx(CopyButton, {
+							text: command(token),
+							label: "Copy command",
+							noun: "Command",
+							caption: "Copy command",
+							announce
+						}) : null, /* @__PURE__ */ jsx(Button$1, {
+							small: true,
+							variant: "danger",
+							onClick: () => setConfirming(true),
+							children: "Regenerate token"
+						})]
+					})
+				]
+			}),
+			confirming ? /* @__PURE__ */ jsx(ConfirmDialog, {
+				title: "Regenerate token?",
+				message: "Every existing client stops working until you give it the new token.",
+				confirmLabel: "Regenerate",
+				busy: regenerate.isPending,
+				onCancel: () => setConfirming(false),
+				onConfirm: async () => {
+					await regenerate.mutateAsync();
+					setConfirming(false);
+				}
+			}) : null
+		]
+	});
+}
+// src/components/SettingsDialog.tsx
+var rootRoute = getRouteApi("__root__");
+var LABELS = {
+	system: "System",
+	light: "Light",
+	dark: "Dark"
+};
+var _temp$3 = {
+	kZKoxP: "x1ycjhwn",
+	kaIpWk: "x18zih8k",
+	kWkggS: "x1ezoecf",
+	"$$css": true
+};
+var styles$5 = {
+	preview: {
+		kVAEAm: "x1n2onr6",
+		kZKoxP: "x1peatla",
+		kVQacm: "xb3r6kr",
+		kaIpWk: "xvjf9rd",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "xpa2s8g",
+		kWkggS: "x185or1n",
+		$$css: true
+	},
+	half: {
+		kVAEAm: "x10l6tqk",
+		kpwlN0: "x10a8y8t",
+		$$css: true
+	},
+	left: {
+		kz4h6p: "x1otnbfm",
+		$$css: true
+	},
+	right: {
+		kz4h6p: "xfh1k12",
+		$$css: true
+	},
+	bar: (w) => [
+		_temp$3,
+		{
+			kzqmXN: w != null ? "x5lhr3w" : w,
+			$$css: true
+		},
+		{ "--x-width": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(w) }
+	],
+	barStrong: {
+		kWkggS: "x152q98y",
+		$$css: true
+	}
+};
+function Mini() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "x78zum5 x5yr21d x185or1n",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "xdqdh73 xgwgzc4 xs1s249 x32b0ac xl7466b x1vvogim x1xijbu4 x78zum5 xdt5ytf x1jnr06f",
+			children: [
+				/* @__PURE__ */ jsx("div", { ...stylex.props(styles$5.bar("80%"), styles$5.barStrong) }),
+				/* @__PURE__ */ jsx("div", { ...stylex.props(styles$5.bar("60%")) }),
+				/* @__PURE__ */ jsx("div", { ...stylex.props(styles$5.bar("70%")) })
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "x98rzlu xe8ttls x78zum5 xdt5ytf x1nejdyq",
+			children: [
+				/* @__PURE__ */ jsx("div", { ...stylex.props(styles$5.bar("50%"), styles$5.barStrong) }),
+				/* @__PURE__ */ jsx("div", { ...stylex.props(styles$5.bar("90%")) }),
+				/* @__PURE__ */ jsx("div", { ...stylex.props(styles$5.bar("75%")) }),
+				/* @__PURE__ */ jsx("div", { className: "xdk7pt xgd8bvy x18zih8k xq83s4c xr1yuqi" })
+			]
+		})]
+	});
+}
+function Preview({ mode }) {
+	if (mode === "system") return /* @__PURE__ */ jsxs("div", {
+		className: "x1n2onr6 x1peatla xb3r6kr xvjf9rd xmkeg23 x1y0btm7 xpa2s8g x185or1n",
+		children: [/* @__PURE__ */ jsx("div", {
+			...stylex.props(styles$5.half, styles$5.left, lightTheme),
+			children: /* @__PURE__ */ jsx(Mini, {})
+		}), /* @__PURE__ */ jsx("div", {
+			...stylex.props(styles$5.half, styles$5.right, darkTheme),
+			children: /* @__PURE__ */ jsx(Mini, {})
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles$5.preview, mode === "light" ? lightTheme : darkTheme),
+		children: /* @__PURE__ */ jsx(Mini, {})
+	});
+}
+function SettingsDialog({ onClose }) {
+	const { theme } = rootRoute.useLoaderData();
+	const router = useRouter();
+	const choose = async (next) => {
+		await setTheme({ data: next });
+		await router.invalidate();
+	};
+	return /* @__PURE__ */ jsxs(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		title: "Settings",
+		wide: true,
+		children: [
+			/* @__PURE__ */ jsxs("section", {
+				"aria-labelledby": "appearance",
+				className: "x78zum5 xdt5ytf x1n8io78",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						id: "appearance",
+						className: "x1ghz6dp xvj2dgp x1s688f",
+						children: "Appearance"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "x1ghz6dp x9otpla xqtwvag x1tviuuy",
+						children: "Choose how db-player looks. System follows your OS."
+					}),
+					/* @__PURE__ */ jsx(RadioGroup, {
+						value: theme,
+						onValueChange: (v) => void choose(v),
+						"aria-label": "Theme",
+						className: "xrvj5dj x1wlfl8j x1n8io78",
+						children: THEMES.map((t) => /* @__PURE__ */ jsxs(Radio.Root, {
+							value: t,
+							"aria-label": LABELS[t],
+							className: "x78zum5 xdt5ytf xbbb4fa x1ruevkc x1o95cbt xgwgzc4 x122w267 xr11lhz xmkeg23 x1y0btm7 x4s12hp x1632hs x1cej5sy x1gnnqk1 xot0yp x1ypdohk x1a2a7pz x12lrzb7 x1hl8ikr x9vp5wv x1qfwjxi x6setmy x1c071of xk4oym4",
+							children: [/* @__PURE__ */ jsx(Preview, { mode: t }), /* @__PURE__ */ jsx("span", {
+								className: "xqtwvag xk50ysn x2b8uid",
+								children: LABELS[t]
+							})]
+						}, t))
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(McpSettings, {}),
+			/* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button$1, {
+				onClick: onClose,
+				children: "Done"
+			}) })
+		]
+	});
+}
+// src/components/ui/Kbd.tsx
+function Kbd({ children }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		className: "x3nfvp2 x6s0dn4 xlup9mm xfn1xvj x134rb1s x1j6dyjg xk50ysn x1tviuuy xn7wf0q xmkeg23 x1y0btm7 x4s12hp",
+		children
+	});
+}
+// src/components/ui/Menu.tsx
+var styles$4 = { surface: {
+	k7Eaqz: "x57cstt",
+	$$css: true
+} };
+function Entries({ entries, parts }) {
+	return entries.map((entry, i) => {
+		if (entry.type === "separator") return /* @__PURE__ */ jsx(parts.Separator, { className: "xjm9jq1 xg9jes1 xr6ywxm x14i5uus" }, i);
+		if (entry.type === "submenu") return /* @__PURE__ */ jsxs(parts.SubmenuRoot, { children: [/* @__PURE__ */ jsxs(parts.SubmenuTrigger, {
+			className: "x78zum5 x6s0dn4 x1qughib x1v2ro7d x1jgo0hl xdqyycr xqtwvag x122w267 xn7wf0q xt0e3qv x1a2a7pz x87ps6o xjbqb8w x1gjw99y x2e3pq1",
+			children: [entry.label, /* @__PURE__ */ jsx("span", {
+				className: "x1tviuuy x78zum5",
+				children: /* @__PURE__ */ jsx(ChevronRight, {})
+			})]
+		}), /* @__PURE__ */ jsx(parts.Portal, { children: /* @__PURE__ */ jsx(parts.Positioner, {
+			sideOffset: 4,
+			...stylex.props(popup.positioner),
+			children: /* @__PURE__ */ jsx(parts.Popup, {
+				...stylex.props(popup.surface, styles$4.surface),
+				children: /* @__PURE__ */ jsx(Entries, {
+					entries: entry.entries,
+					parts
+				})
+			})
+		}) })] }, `${i}:${entry.label}`);
+		return /* @__PURE__ */ jsxs(parts.Item, {
+			onClick: entry.onSelect,
+			...{
+				0: { className: "x78zum5 x6s0dn4 x1qughib x1v2ro7d x1jgo0hl xdqyycr xqtwvag x122w267 xn7wf0q xt0e3qv x1a2a7pz x87ps6o xjbqb8w x1gjw99y x2e3pq1" },
+				1: { className: "x78zum5 x6s0dn4 x1qughib x1v2ro7d x1jgo0hl xdqyycr xqtwvag xn7wf0q xt0e3qv x1a2a7pz x87ps6o xjbqb8w x1gjw99y x2e3pq1 xb0vdwp" }
+			}[!!entry.danger << 0],
+			children: [entry.label, entry.hint ? /* @__PURE__ */ jsx("span", {
+				className: "x1tviuuy",
+				children: entry.hint
+			}) : null]
+		}, `${i}:${entry.label}`);
+	});
+}
+function DropdownMenu({ trigger, entries }) {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(Menu.Trigger, { render: trigger }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		align: "start",
+		sideOffset: 4,
+		...stylex.props(popup.positioner),
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			...stylex.props(popup.surface, styles$4.surface),
+			children: /* @__PURE__ */ jsx(Entries, {
+				entries,
+				parts: Menu
+			})
+		})
+	}) })] });
+}
+function ContextMenuArea({ entries, children }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.Root, { children: [/* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		className: "xjp7ctv",
+		children
+	}), /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		...stylex.props(popup.positioner),
+		children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
+			...stylex.props(popup.surface, styles$4.surface),
+			children: /* @__PURE__ */ jsx(Entries, {
+				entries,
+				parts: ContextMenu
+			})
+		})
+	}) })] });
+}
+// src/components/ui/ResizeHandle.tsx
+var KEY_STEP = 16;
+/** Vertical drag handle on the right edge of a `position: relative` panel. */
+function ResizeHandle({ label, value, min, max, defaultValue, onChange }) {
+	const [drag, setDrag] = useState(null);
+	const [focused, setFocused] = useState(false);
+	const clamp = (w) => Math.min(max, Math.max(min, Math.round(w)));
+	const onPointerDown = (e) => {
+		if (e.button !== 0 || drag) return;
+		e.currentTarget.setPointerCapture(e.pointerId);
+		setDrag({
+			startX: e.clientX,
+			startWidth: value
+		});
+		document.body.style.cursor = "col-resize";
+		document.body.style.userSelect = "none";
+	};
+	const onPointerMove = (e) => {
+		if (drag) onChange(clamp(drag.startWidth + e.clientX - drag.startX), false);
+	};
+	const end = (e) => {
+		if (!drag) return;
+		if (e.currentTarget.hasPointerCapture(e.pointerId)) e.currentTarget.releasePointerCapture(e.pointerId);
+		document.body.style.cursor = "";
+		document.body.style.userSelect = "";
+		setDrag(null);
+		onChange(value, true);
+	};
+	const onKeyDown = (e) => {
+		const step = e.key === "ArrowLeft" ? -16 : e.key === "ArrowRight" ? KEY_STEP : 0;
+		if (step === 0) return;
+		e.preventDefault();
+		onChange(clamp(value + step), true);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		role: "separator",
+		"aria-orientation": "vertical",
+		"aria-label": label,
+		"aria-valuenow": value,
+		"aria-valuemin": min,
+		"aria-valuemax": max,
+		tabIndex: 0,
+		onPointerDown,
+		onPointerMove,
+		onPointerUp: end,
+		onPointerCancel: end,
+		onLostPointerCapture: end,
+		onDoubleClick: () => onChange(defaultValue, true),
+		onKeyDown,
+		onFocus: (e) => setFocused(e.currentTarget.matches(":focus-visible")),
+		onBlur: () => setFocused(false),
+		className: "x10l6tqk x13vifvy x1ey2m1c xzkxjte x1wc42o8 x1u8a7rm xicojor x5ve5x3 x1a2a7pz x78zum5 xl56j7k",
+		children: /* @__PURE__ */ jsx("div", { ...{
+			0: { className: "xfo62xy x5yr21d xjbqb8w xvs4sct x15406qy x1qfwjxi x6setmy" },
+			2: { className: "xfo62xy x5yr21d x15406qy x1qfwjxi x6setmy x152q98y" },
+			1: { className: "xfo62xy x5yr21d x15406qy x1qfwjxi x6setmy xq83s4c" },
+			3: { className: "xfo62xy x5yr21d x15406qy x1qfwjxi x6setmy xq83s4c" }
+		}[!!drag << 1 | !!focused << 0] })
+	});
+}
+// src/components/ui/Tooltip.tsx
+/** One provider for the app, so a tooltip opened right after another shows instantly. */
+function TooltipProvider({ children }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		delay: 400,
+		closeDelay: 0,
+		children
+	});
+}
+function Tooltip$1({ label, hint, children }) {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: children }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		sideOffset: 6,
+		className: "x6y048q",
+		children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+			className: "x78zum5 x6s0dn4 x167g77z x12ulsxz xdqyycr xqtwvag x14fh20 x122w267 xvjf9rd xmkeg23 x1y0btm7 x4s12hp x5kdpwh x1jkqq1h xctpfpq x1hc1fzr x1hw7zpd xiyypsa x3oybdh x1qdyiyv x14up28i x6o7n8i x19jr8i9 x1fdgx8g x1ya1k7h x6setmy",
+			children: [label, hint]
+		})
+	}) })] });
+}
+// src/components/ui/Num.tsx
+function Num({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "xxb57xf xss6m8b",
+		children
+	});
+}
+// src/components/Sidebar.tsx
+var _temp$2 = {
+	k1K539: "x1k9oyp",
+	kmVPX3: "x13bz5fa",
+	kaIpWk: "xr11lhz",
+	kWkggS: "xxhzbed",
+	"$$css": true
+};
+var _temp2$1 = {
+	kzqmXN: "x1xc55vz",
+	kZKoxP: "xdk7pt",
+	kaIpWk: "x16rqkct",
+	kmuXW: "x2lah0s",
+	"$$css": true
+};
+var styles$3 = {
+	sidebar: {
+		kVAEAm: "x1n2onr6",
+		kmuXW: "x2lah0s",
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kZKoxP: "x5yr21d",
+		kWkggS: "xgwgzc4",
+		kWqL5O: "xs1s249",
+		kSWEuD: "x32b0ac",
+		k26BEO: "xl7466b",
+		$$css: true
+	},
+	width: (w) => [{
+		kzqmXN: w != null ? "x5lhr3w" : w,
+		$$css: true
+	}, { "--x-width": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(w) }],
+	group: (hue) => [
+		_temp$2,
+		{
+			"--xm54oyi": hue != null ? "xyynxod" : hue,
+			$$css: true
+		},
+		{ "--x---xm54oyi": hue != null ? hue : void 0 }
+	],
+	dot: (c) => [
+		_temp2$1,
+		{
+			kWkggS: c != null ? "xl8spv7" : c,
+			$$css: true
+		},
+		{ "--x-backgroundColor": c != null ? c : void 0 }
+	]
+};
+function Sidebar() {
+	const folders = useQuery(foldersQuery());
+	const connections = useQuery(connectionsQuery());
+	const m = useSidebarMutations();
+	const navigate = useNavigate();
+	const params = useParams({ strict: false });
+	const explorerId = useExplorerConnectionId();
+	const { layout, update } = useLayout();
+	const [dialog, setDialog] = useState(null);
+	const [collapsed, setCollapsed] = useState(/* @__PURE__ */ new Set());
+	useHotkey("Mod+,", () => setDialog({ type: "settings" }));
+	const folderList = folders.data ?? [];
+	const connList = connections.data ?? [];
+	const ungrouped = connList.filter((c) => c.folderId === null || !folderList.some((f) => f.id === c.folderId));
+	const toggle = (id) => {
+		const next = new Set(collapsed);
+		if (next.has(id)) next.delete(id);
+		else next.add(id);
+		setCollapsed(next);
+	};
+	const connectionEntries = (c) => [
+		{
+			label: "Edit...",
+			onSelect: () => setDialog({
+				type: "connection",
+				connection: c
+			})
+		},
+		{
+			type: "submenu",
+			label: "Move to folder",
+			entries: [{
+				label: "Ungrouped",
+				onSelect: () => m.moveConnection.mutate({ data: {
+					id: c.id,
+					folderId: null
+				} })
+			}, ...folderList.map((f) => ({
+				label: f.name,
+				onSelect: () => m.moveConnection.mutate({ data: {
+					id: c.id,
+					folderId: f.id
+				} })
+			}))]
+		},
+		{ type: "separator" },
+		{
+			label: "Delete",
+			danger: true,
+			onSelect: () => setDialog({
+				type: "delete-connection",
+				connection: c
+			})
+		}
+	];
+	const folderEntries = (f) => [
+		{
+			label: "New connection here...",
+			onSelect: () => setDialog({
+				type: "connection",
+				folderId: f.id
+			})
+		},
+		{
+			label: "Rename / recolor...",
+			onSelect: () => setDialog({
+				type: "folder",
+				folder: f
+			})
+		},
+		{ type: "separator" },
+		{
+			label: "Delete folder",
+			danger: true,
+			onSelect: () => setDialog({
+				type: "delete-folder",
+				folder: f
+			})
+		}
+	];
+	const renderConnection = (tinted) => (c) => /* @__PURE__ */ jsx(ContextMenuArea, {
+		entries: connectionEntries(c),
+		children: /* @__PURE__ */ jsxs("div", {
+			...{
+				0: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd xjbqb8w x1sxlxsz x15406qy x19jr8i9 x6setmy x-default-marker" },
+				4: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy x1nke8ei x-default-marker" },
+				2: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy xjbqb8w x1jw1774 x-default-marker" },
+				6: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy xjbqb8w x1jw1774 x-default-marker" },
+				1: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy x11lsgwc x-default-marker" },
+				5: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy x11lsgwc x-default-marker" },
+				3: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy x11lsgwc x-default-marker" },
+				7: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy x11lsgwc x-default-marker" }
+			}[!!(explorerId === c.id) << 2 | !!tinted << 1 | !!(tinted && explorerId === c.id) << 0],
+			children: [/* @__PURE__ */ jsxs(Link, {
+				to: "/c/$connectionId",
+				params: { connectionId: c.id },
+				className: "x78zum5 x6s0dn4 xbbb4fa x98rzlu xeuugli x5yr21d x1x7g8rv xy13l1i xvjf9rd x122w267 x1hl2dhg xvj2dgp x1a2a7pz xn0s4wz x1g40iwv",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "x78zum5 x1tviuuy",
+						children: /* @__PURE__ */ jsx(Database, {})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "x98rzlu xeuugli xb3r6kr xlyipyv xuxw1ft",
+						children: c.name
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "x2lah0s x1j6dyjg x1tviuuy x1hc1fzr xpr5m1m xzo1hb2 x11fdr6z",
+						children: DB_KIND_INFO[c.kind].label
+					})
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "x10l6tqk x3lmqil xs7f9wi x1hc1fzr x4fpvau x7stcvd x1j36eff x1apysje",
+				children: /* @__PURE__ */ jsx(DropdownMenu, {
+					trigger: /* @__PURE__ */ jsx(Button$1, {
+						variant: "ghost",
+						icon: true,
+						small: true,
+						"aria-label": `Actions for ${c.name}`,
+						children: /* @__PURE__ */ jsx(Dots, {})
+					}),
+					entries: connectionEntries(c)
+				})
+			})]
+		})
+	}, c.id);
+	const folderHeader = (id, label, count, dot, menu, tinted = false) => /* @__PURE__ */ jsxs("div", {
+		...{
+			0: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd xjbqb8w x1sxlxsz x15406qy x19jr8i9 x6setmy x-default-marker" },
+			1: { className: "x1n2onr6 x78zum5 x6s0dn4 x1jgo0hl xvjf9rd x15406qy x19jr8i9 x6setmy xjbqb8w x1jw1774 x-default-marker" }
+		}[!!tinted << 0],
+		children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"aria-expanded": !collapsed.has(id),
+			className: "x78zum5 x6s0dn4 x17d4w8g x98rzlu xeuugli x5yr21d x1xijbu4 xc342km xvjf9rd xjbqb8w x1ypdohk xdpxx8g x122w267 xvj2dgp xk50ysn x87ps6o x1a2a7pz xn0s4wz x1g40iwv",
+			onClick: () => toggle(id),
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					...{
+						0: { className: "x78zum5 x1tviuuy x7p49u4 x11xpdln x19jr8i9 x6setmy" },
+						1: { className: "x78zum5 x1tviuuy x11xpdln x19jr8i9 x6setmy x1iffjtl" }
+					}[!!!collapsed.has(id) << 0],
+					children: /* @__PURE__ */ jsx(ChevronRight, {})
+				}),
+				dot ? /* @__PURE__ */ jsx("span", { ...stylex.props(styles$3.dot(dot)) }) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: "x98rzlu xeuugli xb3r6kr xlyipyv xuxw1ft",
+					children: label
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "x1tviuuy xqtwvag xo1l8bm x1hc1fzr xpr5m1m xzo1hb2 x11fdr6z",
+					children: /* @__PURE__ */ jsx(Num, { children: count })
+				})
+			]
+		}), menu]
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		layout.sidebarOpen ? /* @__PURE__ */ jsxs("aside", {
+			...stylex.props(styles$3.sidebar, styles$3.width(layout.sidebarWidth)),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "x78zum5 xbbb4fa xbhnzry x2lah0s",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "x98rzlu",
+						children: /* @__PURE__ */ jsxs(Button$1, {
+							variant: "primary",
+							fill: true,
+							onClick: () => setDialog({ type: "connection" }),
+							children: [/* @__PURE__ */ jsx(Plus, {}), " New connection"]
+						})
+					}), /* @__PURE__ */ jsx(Tooltip$1, {
+						label: "New folder",
+						children: /* @__PURE__ */ jsx(Button$1, {
+							icon: true,
+							"aria-label": "New folder",
+							onClick: () => setDialog({ type: "folder" }),
+							children: /* @__PURE__ */ jsx(FolderPlus, {})
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "x98rzlu x1odjw0f x1ik00rn xaxbvzv",
+					children: [
+						connections.isError ? /* @__PURE__ */ jsx("div", {
+							className: "xmjl1bo xqtwvag xb0vdwp",
+							children: "Could not load connections."
+						}) : null,
+						connList.length === 0 && folderList.length === 0 ? /* @__PURE__ */ jsx("div", {
+							className: "x1a2dy25 xqtwvag x1tviuuy x1evy7pa",
+							children: "No connections yet. Create one to start browsing a database."
+						}) : null,
+						folderList.map((f) => {
+							const inFolder = connList.filter((c) => c.folderId === f.id);
+							return /* @__PURE__ */ jsxs("div", {
+								...stylex.props(styles$3.group(FOLDER_COLORS[f.color])),
+								children: [/* @__PURE__ */ jsx(ContextMenuArea, {
+									entries: folderEntries(f),
+									children: folderHeader(f.id, f.name, inFolder.length, FOLDER_COLORS[f.color], /* @__PURE__ */ jsx("div", {
+										className: "x10l6tqk x3lmqil xs7f9wi x1hc1fzr x4fpvau x7stcvd x1j36eff x1apysje",
+										children: /* @__PURE__ */ jsx(DropdownMenu, {
+											trigger: /* @__PURE__ */ jsx(Button$1, {
+												variant: "ghost",
+												icon: true,
+												small: true,
+												"aria-label": `Actions for folder ${f.name}`,
+												children: /* @__PURE__ */ jsx(Dots, {})
+											}),
+											entries: folderEntries(f)
+										})
+									}), true)
+								}), collapsed.has(f.id) ? null : inFolder.map(renderConnection(true))]
+							}, f.id);
+						}),
+						ungrouped.length > 0 ? /* @__PURE__ */ jsxs("div", {
+							className: "x13bz5fa",
+							children: [folderHeader("__ungrouped__", "Ungrouped", ungrouped.length, null, null), collapsed.has("__ungrouped__") ? null : ungrouped.map(renderConnection(false))]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "x2lah0s xbhnzry x178xt8z x13fuv20 x10gwal6",
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: "x78zum5 x6s0dn4 xbbb4fa xh8yej3 x1jgo0hl x1xijbu4 xc342km xvjf9rd xjbqb8w x1sxlxsz x1tviuuy xvj2dgp x1ypdohk xdpxx8g x101pvzj x1qfwjxi x6setmy x1c071of xk4oym4 x1a2a7pz xn0s4wz x1g40iwv",
+						onClick: () => setDialog({ type: "settings" }),
+						children: [
+							/* @__PURE__ */ jsx(Settings, {}),
+							/* @__PURE__ */ jsx("span", {
+								className: "x98rzlu xeuugli xb3r6kr xlyipyv xuxw1ft",
+								children: "Settings"
+							}),
+							/* @__PURE__ */ jsx(Kbd, { children: "⌘," })
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx(ResizeHandle, {
+					label: "Resize sidebar",
+					value: layout.sidebarWidth,
+					min: 180,
+					max: 480,
+					defaultValue: DEFAULT_LAYOUT.sidebarWidth,
+					onChange: (w, commit) => update({ sidebarWidth: w }, commit)
+				})
+			]
+		}) : null,
+		dialog?.type === "settings" ? /* @__PURE__ */ jsx(SettingsDialog, { onClose: () => setDialog(null) }) : null,
+		dialog?.type === "folder" ? /* @__PURE__ */ jsx(FolderDialog, {
+			folder: dialog.folder,
+			onClose: () => setDialog(null)
+		}) : null,
+		dialog?.type === "connection" ? /* @__PURE__ */ jsx(ConnectionDialog, {
+			connection: dialog.connection,
+			folderId: dialog.folderId,
+			folders: folderList,
+			onClose: () => setDialog(null)
+		}) : null,
+		dialog?.type === "delete-folder" ? /* @__PURE__ */ jsx(ConfirmDialog, {
+			title: "Delete folder",
+			message: `Delete "${dialog.folder.name}"? Its connections move to Ungrouped.`,
+			confirmLabel: "Delete folder",
+			busy: m.deleteFolder.isPending,
+			onCancel: () => setDialog(null),
+			onConfirm: async () => {
+				await m.deleteFolder.mutateAsync({ data: { id: dialog.folder.id } });
+				setDialog(null);
+			}
+		}) : null,
+		dialog?.type === "delete-connection" ? /* @__PURE__ */ jsx(ConfirmDialog, {
+			title: "Delete connection",
+			message: `Delete connection "${dialog.connection.name}"? The database itself is not touched.`,
+			confirmLabel: "Delete connection",
+			busy: m.deleteConnection.isPending,
+			onCancel: () => setDialog(null),
+			onConfirm: async () => {
+				const id = dialog.connection.id;
+				const workspace = await m.deleteConnection.mutateAsync({ data: { id } });
+				setDialog(null);
+				const tabGone = params.tabId && !workspace.tabs.some((t) => t.id === params.tabId);
+				if (params.connectionId === id || tabGone) await navigate({ to: "/" });
+			}
+		}) : null
+	] });
+}
+// src/components/ui/Logo.tsx
+function Logo() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 64 64",
+		"aria-hidden": "true",
+		className: "x1lliihq x2lah0s x1kky2od xlup9mm",
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				width: "64",
+				height: "64",
+				rx: "14",
+				className: "x11lgzim"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "15",
+				y: "11",
+				width: "12",
+				height: "6",
+				rx: "3",
+				fill: "#ef4444"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "15",
+				y: "20",
+				width: "24",
+				height: "6",
+				rx: "3",
+				fill: "#f97316"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "15",
+				y: "29",
+				width: "36",
+				height: "6",
+				rx: "3",
+				fill: "#eab308"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "15",
+				y: "38",
+				width: "24",
+				height: "6",
+				rx: "3",
+				fill: "#22c55e"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "15",
+				y: "47",
+				width: "12",
+				height: "6",
+				rx: "3",
+				fill: "#3b82f6"
+			})
+		]
+	});
+}
+// src/components/TopBar.tsx
+function TopBar() {
+	const { layout, update } = useLayout();
+	const toggle = () => update({ sidebarOpen: !layout.sidebarOpen });
+	useHotkey("Mod+B", toggle);
+	return /* @__PURE__ */ jsxs("header", {
+		className: "x78zum5 x6s0dn4 xbbb4fa x5md06r xu7byfh x2lah0s xgwgzc4 xso031l x1q0q8m5 x1atvb72",
+		children: [
+			/* @__PURE__ */ jsx(Tooltip$1, {
+				label: layout.sidebarOpen ? "Hide sidebar" : "Show sidebar",
+				hint: /* @__PURE__ */ jsx(Kbd, { children: "⌘B" }),
+				children: /* @__PURE__ */ jsx(Button$1, {
+					variant: "ghost",
+					icon: true,
+					"aria-label": "Toggle sidebar",
+					"aria-pressed": layout.sidebarOpen,
+					onClick: toggle,
+					children: /* @__PURE__ */ jsx(PanelLeft, { size: 16 })
+				})
+			}),
+			/* @__PURE__ */ jsx(Logo, {}),
+			/* @__PURE__ */ jsx("span", {
+				className: "xvj2dgp x1s688f xtiv8zk",
+				children: "db-player"
+			})
+		]
+	});
+}
+// src/components/Explorer.tsx
+var styles$2 = {
+	explorer: {
+		kVAEAm: "x1n2onr6",
+		kmuXW: "x2lah0s",
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kZKoxP: "x5yr21d",
+		kWkggS: "x185or1n",
+		kWqL5O: "xs1s249",
+		kSWEuD: "x32b0ac",
+		k26BEO: "xl7466b",
+		$$css: true
+	},
+	width: (w) => [{
+		kzqmXN: w != null ? "x5lhr3w" : w,
+		$$css: true
+	}, { "--x-width": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(w) }]
+};
+function Tables({ connectionId, database, filter, activeTable }) {
+	const actions = useWorkspaceActions();
+	const tables = useQuery(tablesQuery(connectionId, database));
+	if (tables.isPending) return /* @__PURE__ */ jsx("div", {
+		className: "x1ua62b8 x1x7g8rv xqtwvag x1tviuuy",
+		children: "Loading…"
+	});
+	if (tables.isError) return /* @__PURE__ */ jsx("div", {
+		className: "xmjl1bo xqtwvag xb0vdwp xfrs9s4 x13faqbe",
+		children: errorMessage(tables.error)
+	});
+	const needle = filter.toLowerCase();
+	const visible = tables.data.filter((t) => t.name.toLowerCase().includes(needle));
+	if (visible.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "x1ua62b8 x1x7g8rv xqtwvag x1tviuuy",
+		children: needle ? "No matches" : "No tables"
+	});
+	return visible.map((t) => /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: () => void actions.openTable(connectionId, database, t.name),
+		...{
+			0: { className: "x78zum5 x6s0dn4 x17d4w8g xh8yej3 x1jgo0hl x1xijbu4 xc342km xvjf9rd xdpxx8g x1hl2dhg xvj2dgp xo1l8bm x1ypdohk xjbqb8w x1sxlxsz x1a2a7pz xn0s4wz x1g40iwv x1x7g8rv x1tviuuy" },
+			1: { className: "x78zum5 x6s0dn4 x17d4w8g xh8yej3 x1jgo0hl x1xijbu4 xc342km xvjf9rd xdpxx8g x1hl2dhg xvj2dgp xo1l8bm x1ypdohk x1a2a7pz xn0s4wz x1g40iwv x1x7g8rv x1nke8ei x122w267" }
+		}[!!(activeTable?.database === database && activeTable.table === t.name) << 0],
+		children: [
+			/* @__PURE__ */ jsx(Table, {}),
+			/* @__PURE__ */ jsx("span", {
+				className: "x98rzlu xeuugli xb3r6kr xlyipyv xuxw1ft",
+				children: t.name
+			}),
+			t.isView ? /* @__PURE__ */ jsx("span", {
+				className: "x1j6dyjg x1tviuuy",
+				children: "view"
+			}) : null
+		]
+	}, t.name));
+}
+function Explorer({ connection, activeTable }) {
+	const actions = useWorkspaceActions();
+	const qc = useQueryClient();
+	const { layout, update } = useLayout();
+	const databases = useQuery(databasesQuery(connection.id));
+	const [filterText, setFilterText] = useState("");
+	const [filter] = useDebouncedValue(filterText, { wait: 250 });
+	const [toggled, setToggled] = useState({});
+	const filterRef = useRef(null);
+	useHotkey("Mod+K", () => filterRef.current?.focus());
+	const isOpen = (db) => toggled[db] ?? (db === activeTable?.database || db === connection.database);
+	const needle = filter.toLowerCase();
+	const visibleDbs = (databases.data ?? []).filter((db) => isOpen(db) || db.toLowerCase().includes(needle));
+	return /* @__PURE__ */ jsxs("nav", {
+		...stylex.props(styles$2.explorer, styles$2.width(layout.explorerWidth)),
+		"aria-label": "Explorer",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 x6s0dn4 xbbb4fa x5md06r x69q509 x5ku0wl x2lah0s",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "x98rzlu xeuugli xvj2dgp x1s688f xb3r6kr xlyipyv xuxw1ft",
+					children: connection.name
+				}), /* @__PURE__ */ jsx(Tooltip$1, {
+					label: "Reload databases and tables",
+					children: /* @__PURE__ */ jsx(Button$1, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Reload",
+						onClick: () => {
+							qc.invalidateQueries({ queryKey: ["databases", connection.id] });
+							qc.invalidateQueries({ queryKey: ["tables", connection.id] });
+							qc.invalidateQueries({ queryKey: ["sqlSchema", connection.id] });
+						},
+						children: /* @__PURE__ */ jsx(Refresh, {})
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "xu7byfh x1o95cbt x2lah0s",
+				children: /* @__PURE__ */ jsx(Input$1, {
+					inputRef: filterRef,
+					placeholder: "Filter…",
+					"aria-label": "Filter databases and tables",
+					value: filterText,
+					onChange: (e) => setFilterText(e.target.value)
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "xu7byfh xbp0ul4 x2lah0s",
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => void actions.openSql(connection.id),
+					className: "x78zum5 x6s0dn4 x17d4w8g xh8yej3 x1jgo0hl x1xijbu4 xc342km xvjf9rd x122w267 xdpxx8g x1hl2dhg xvj2dgp xo1l8bm x1ypdohk xjbqb8w x1sxlxsz x1a2a7pz xn0s4wz x1g40iwv",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "x78zum5 x1tviuuy",
+							children: /* @__PURE__ */ jsx(Terminal, {})
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "x98rzlu xeuugli xb3r6kr xlyipyv xuxw1ft",
+							children: "SQL editor"
+						}),
+						/* @__PURE__ */ jsx(Kbd, { children: "⌥T" })
+					]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "x98rzlu x1odjw0f xu7byfh xaxbvzv",
+				children: [
+					databases.isPending ? /* @__PURE__ */ jsx("div", {
+						className: "x1ua62b8 x1x7g8rv xqtwvag x1tviuuy",
+						children: "Connecting…"
+					}) : null,
+					databases.isError ? /* @__PURE__ */ jsx("div", {
+						className: "xmjl1bo xqtwvag xb0vdwp xfrs9s4 x13faqbe",
+						children: errorMessage(databases.error)
+					}) : null,
+					visibleDbs.map((db) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						"aria-expanded": isOpen(db),
+						className: "x78zum5 x6s0dn4 x17d4w8g xh8yej3 x1jgo0hl x1xijbu4 xc342km xvjf9rd x122w267 xdpxx8g x1hl2dhg xvj2dgp x1ypdohk xjbqb8w x1sxlxsz x1a2a7pz xn0s4wz x1g40iwv xk50ysn",
+						onClick: () => setToggled({
+							...toggled,
+							[db]: !isOpen(db)
+						}),
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								...{
+									0: { className: "x78zum5 x1tviuuy x7p49u4 x11xpdln x19jr8i9 x6setmy" },
+									1: { className: "x78zum5 x1tviuuy x11xpdln x19jr8i9 x6setmy x1iffjtl" }
+								}[!!isOpen(db) << 0],
+								children: /* @__PURE__ */ jsx(ChevronRight, {})
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "x78zum5 x1tviuuy",
+								children: /* @__PURE__ */ jsx(Database, {})
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "x98rzlu xeuugli xb3r6kr xlyipyv xuxw1ft",
+								children: db
+							})
+						]
+					}), isOpen(db) ? /* @__PURE__ */ jsx(Tables, {
+						connectionId: connection.id,
+						database: db,
+						filter,
+						activeTable
+					}) : null] }, db))
+				]
+			}),
+			/* @__PURE__ */ jsx(ResizeHandle, {
+				label: "Resize explorer",
+				value: layout.explorerWidth,
+				min: 180,
+				max: 480,
+				defaultValue: 248,
+				onChange: (w, commit) => update({ explorerWidth: w }, commit)
+			})
+		]
+	});
+}
+// src/lib/numeric.ts
+var WRAPPER = /^(?:nullable|lowcardinality)\((.*)\)$/i;
+var NUMERIC = /^(?:u?int(?:8|16|32|64|128|256)?|tinyint|smallint|mediumint|bigint|integer|decimal(?:32|64|128|256)?|dec|numeric|fixed|float(?:32|64)?|double(?: precision)?|real|bit|year|long|longlong|newdecimal|tiny|short|int24)(?:\([^)]*\))?(?:\s+(?:unsigned|signed|zerofill))*$/i;
+/** Covers MySQL column types, mysql2 result-field names and ClickHouse types, wrappers included. */
+function isNumericType(type) {
+	let t = type.trim();
+	for (let m = WRAPPER.exec(t); m; m = WRAPPER.exec(t)) t = (m[1] ?? "").trim();
+	return NUMERIC.test(t);
+}
+// src/components/DataGrid.tsx
+var ROW_HEIGHT = 28;
+var SELECT_WIDTH = 36;
+var MIN_WIDTH = 72;
+var MAX_WIDTH = 360;
+var SAMPLE_ROWS = 50;
+var MONO_GLYPH = 7.2;
+var _temp$1 = {
+	kVAEAm: "x1n2onr6",
+	"$$css": true
+};
+var _temp2 = {
+	k1xSpc: "xrvj5dj",
+	kVAEAm: "x7wzq59",
+	k87sOh: "x13vifvy",
+	kY2c9j: "xhtitgo",
+	kZKoxP: "xc9qbxq",
+	kWkggS: "xgwgzc4",
+	kt9PQ7: "xso031l",
+	kfdmCh: "x1q0q8m5",
+	kL6WhQ: "x1orbg20",
+	"$$css": true
+};
+var _temp3 = {
+	k1xSpc: "xrvj5dj",
+	kZKoxP: "x1fgtraw",
+	kVAEAm: "x10l6tqk",
+	k87sOh: "x13vifvy",
+	kbCHJM: "xu96u03",
+	k3aq6I: "xsqj5wx",
+	kWkggS: "xjbqb8w x1sxlxsz",
+	"$$css": true
+};
+var styles$1 = {
+	inner: (width, height) => [
+		_temp$1,
+		{
+			kzqmXN: width != null ? "x5lhr3w" : width,
+			kZKoxP: height != null ? "x16ye13r" : height,
+			$$css: true
+		},
+		{
+			"--x-width": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(width),
+			"--x-height": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(height)
+		}
+	],
+	headRow: (template, width) => [
+		_temp2,
+		{
+			kumcoG: template != null ? "xqketvx" : template,
+			kzqmXN: width != null ? "x5lhr3w" : width,
+			$$css: true
+		},
+		{
+			"--x-gridTemplateColumns": template != null ? template : void 0,
+			"--x-width": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(width)
+		}
+	],
+	row: (template, width, y) => [
+		_temp3,
+		{
+			kumcoG: template != null ? "xqketvx" : template,
+			kzqmXN: width != null ? "x5lhr3w" : width,
+			$$css: true
+		},
+		{
+			"--x-gridTemplateColumns": template != null ? template : void 0,
+			"--x-width": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(width),
+			"--x-transform": `translateY(${y}px)` != null ? `translateY(${y}px)` : void 0
+		}
+	],
+	rowSelected: {
+		kWkggS: "x1vbvkw5",
+		$$css: true
+	}
+};
+var features = tableFeatures({
+	columnSizingFeature,
+	columnResizingFeature
+});
+var helper = createColumnHelper();
+var isNumeric = (c) => isNumericType(c.type);
+/** Widths from the header, the type label and the first rows, so nothing is clipped on load. */
+function measure(columns, rows) {
+	const sample = rows.slice(0, SAMPLE_ROWS);
+	return columns.map((c, i) => {
+		const head = c.name.length * 7.4 + 20 + (c.isKey ? 18 : 0) + 18;
+		const type = c.type.length * 7.2 + 20;
+		const body = sample.reduce((max, row) => Math.max(max, Math.min(formatCell(row[i]).length, 60)), 0) * MONO_GLYPH + 20;
+		return Math.round(Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, head, type, body)));
+	});
+}
+/** Remounts when the column set changes, so measured and user-set widths never leak across results. */
+function DataGrid(props) {
+	return /* @__PURE__ */ jsx(Grid, { ...props }, props.columns.map((c) => c.name).join("\0"));
+}
+function Grid({ columns, rows, loading, sort, onSortChange, onCommit, selected, onSelectedChange }) {
+	const scrollRef = useRef(null);
+	const [editing, setEditing] = useState(null);
+	const [draft, setDraft] = useState("");
+	const [measured, setMeasured] = useState(null);
+	if (measured === null && rows.length > 0) setMeasured(measure(columns, rows));
+	const sizes = measured ?? measure(columns, []);
+	const tableColumns = helper.columns(columns.map((c, i) => helper.accessor((row) => row[i], {
+		id: String(i),
+		header: c.name,
+		size: sizes[i],
+		minSize: 48,
+		maxSize: 1200
+	})));
+	const table = useTable({
+		features,
+		columns: tableColumns,
+		data: rows,
+		columnResizeMode: "onChange"
+	});
+	const tableRows = table.getRowModel().rows;
+	const headers = table.getHeaderGroups()[0]?.headers ?? [];
+	const virtualizer = useVirtualizer({
+		count: tableRows.length,
+		getScrollElement: () => scrollRef.current,
+		estimateSize: () => ROW_HEIGHT,
+		overscan: 12
+	});
+	useHotkey("Escape", () => setEditing(null), { enabled: editing !== null });
+	const selectable = selected !== void 0 && onSelectedChange !== void 0;
+	const columnWidths = headers.map((h) => h.getSize());
+	const template = `${selectable ? `${SELECT_WIDTH}px ` : ""}${columnWidths.map((w) => `${w}px`).join(" ")}`;
+	const width = (selectable ? SELECT_WIDTH : 0) + columnWidths.reduce((a, b) => a + b, 0);
+	const commit = async () => {
+		if (!editing || !onCommit) return;
+		const column = columns[editing.col];
+		if (!column) return;
+		const { row, original } = editing;
+		setEditing(null);
+		if (draft === original) return;
+		await onCommit(row, column, draft === "" && column.nullable ? null : draft);
+	};
+	const allSelected = rows.length > 0 && selected?.size === rows.length;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: scrollRef,
+		className: "x98rzlu x2lwn1j xysyzu8 x1n2onr6 x185or1n",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				...stylex.props(styles$1.headRow(template, width)),
+				role: "row",
+				children: [selectable ? /* @__PURE__ */ jsx("div", {
+					className: "x78zum5 x6s0dn4 xl56j7k",
+					children: /* @__PURE__ */ jsx(Checkbox$1, {
+						ariaLabel: "Select all rows",
+						checked: allSelected,
+						onCheckedChange: (on) => onSelectedChange(on ? new Set(rows.map((_, i) => i)) : /* @__PURE__ */ new Set())
+					})
+				}) : null, headers.map((header, i) => {
+					const c = columns[i];
+					if (!c) return null;
+					const sorted = sort?.column === c.name ? sort.direction : null;
+					return /* @__PURE__ */ jsxs("div", {
+						role: "columnheader",
+						tabIndex: onSortChange ? 0 : void 0,
+						"aria-sort": sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none",
+						...{
+							0: { className: "x1n2onr6 x78zum5 xdt5ytf xl56j7k x1awh872 xeuugli x1ypdohk x87ps6o x1a2a7pz xjbqb8w x1sxlxsz x1jrw5c4 x15406qy x1qfwjxi x6setmy" },
+							1: { className: "x1n2onr6 x78zum5 xdt5ytf xl56j7k x1awh872 xeuugli x1ypdohk x87ps6o x1a2a7pz xjbqb8w x1sxlxsz x1jrw5c4 x15406qy x1qfwjxi x6setmy xuk3077" }
+						}[!!isNumeric(c) << 0],
+						onClick: () => onSortChange?.(c.name),
+						onKeyDown: (e) => {
+							if (e.key !== "Enter" && e.key !== " ") return;
+							e.preventDefault();
+							onSortChange?.(c.name);
+						},
+						children: [
+							/* @__PURE__ */ jsxs("span", {
+								className: "x78zum5 x6s0dn4 x1jnr06f x193iq5w xqtwvag x1s688f",
+								children: [
+									c.isKey ? /* @__PURE__ */ jsx("span", {
+										className: "x78zum5 x2lah0s x1tviuuy",
+										role: "img",
+										"aria-label": "Key column",
+										children: /* @__PURE__ */ jsx(Key, {})
+									}) : null,
+									/* @__PURE__ */ jsx("span", {
+										className: "xb3r6kr xlyipyv xuxw1ft",
+										children: c.name
+									}),
+									sorted ? /* @__PURE__ */ jsx("span", {
+										className: "x78zum5 x2lah0s x1tviuuy",
+										children: sorted === "asc" ? /* @__PURE__ */ jsx(ArrowUp, {}) : /* @__PURE__ */ jsx(ArrowDown, {})
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "x193iq5w x1j6dyjg x1tviuuy xb3r6kr xlyipyv xuxw1ft",
+								children: c.type
+							}),
+							/* @__PURE__ */ jsx("div", {
+								role: "separator",
+								"aria-orientation": "vertical",
+								"aria-label": `Resize ${c.name}`,
+								className: "x10l6tqk x13vifvy xzkxjte x1ey2m1c x1wc42o8 xzkaem6 xicojor x5ve5x3 x78zum5 xl56j7k",
+								onMouseDown: header.getResizeHandler(),
+								onTouchStart: header.getResizeHandler(),
+								onClick: (e) => e.stopPropagation(),
+								onKeyDown: (e) => e.stopPropagation(),
+								onDoubleClick: (e) => {
+									e.stopPropagation();
+									header.column.resetSize();
+								},
+								children: /* @__PURE__ */ jsx("div", { ...{
+									0: { className: "x1i1rx1s x5yr21d x14i5uus x5o664w" },
+									1: { className: "x5yr21d x152q98y xfo62xy" }
+								}[!!header.column.getIsResizing() << 0] })
+							})
+						]
+					}, header.id);
+				})]
+			}),
+			rows.length === 0 ? loading ? /* @__PURE__ */ jsx(PendingPane, {}) : /* @__PURE__ */ jsx("div", {
+				className: "xggk2y7 x1tviuuy xqtwvag",
+				children: "No rows."
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				...stylex.props(styles$1.inner(width, virtualizer.getTotalSize())),
+				children: virtualizer.getVirtualItems().map((item) => {
+					const row = tableRows[item.index];
+					if (!row) return null;
+					const isSelected = selected?.has(item.index) ?? false;
+					return /* @__PURE__ */ jsxs("div", {
+						role: "row",
+						"data-row": item.index,
+						...stylex.props(styles$1.row(template, width, item.start), isSelected && styles$1.rowSelected),
+						children: [selectable ? /* @__PURE__ */ jsx("div", {
+							className: "x78zum5 x6s0dn4 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 xl56j7k xnjsko4",
+							children: /* @__PURE__ */ jsx(Checkbox$1, {
+								ariaLabel: `Select row ${item.index + 1}`,
+								checked: isSelected,
+								onCheckedChange: (on) => {
+									const next = new Set(selected);
+									if (on) next.add(item.index);
+									else next.delete(item.index);
+									onSelectedChange(next);
+								}
+							})
+						}) : null, row.getAllCells().map((cell, colIndex) => {
+							const value = cell.getValue();
+							const column = columns[colIndex];
+							const isEditing = editing?.row === item.index && editing.col === colIndex;
+							return /* @__PURE__ */ jsx("div", {
+								role: "gridcell",
+								...{
+									0: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72" },
+									8: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl" },
+									4: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x18z6s4b" },
+									12: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl x18z6s4b" },
+									2: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x1tviuuy x1k4tb9n" },
+									10: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl x1tviuuy x1k4tb9n" },
+									6: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x18z6s4b x1tviuuy x1k4tb9n" },
+									14: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xb3r6kr xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl x18z6s4b x1tviuuy x1k4tb9n" },
+									1: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x1717udv x1rea2x4" },
+									9: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl x1717udv x1rea2x4" },
+									5: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x18z6s4b x1717udv x1rea2x4" },
+									13: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl x18z6s4b x1717udv x1rea2x4" },
+									3: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x1tviuuy x1k4tb9n x1717udv x1rea2x4" },
+									11: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl x1tviuuy x1k4tb9n x1717udv x1rea2x4" },
+									7: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x18z6s4b x1tviuuy x1k4tb9n x1717udv x1rea2x4" },
+									15: { className: "x78zum5 x6s0dn4 x1awh872 xeuugli xxb57xf xqtwvag xss6m8b xlyipyv xuxw1ft xso031l x1q0q8m5 x1atvb72 x13a6bvl x18z6s4b x1tviuuy x1k4tb9n x1717udv x1rea2x4" }
+								}[!!(column && isNumeric(column)) << 3 | !!onCommit << 2 | !!(value === null) << 1 | !!isEditing << 0],
+								title: formatCell(value),
+								onDoubleClick: () => {
+									if (!onCommit) return;
+									const text = value === null || value === void 0 ? "" : formatCell(value);
+									setDraft(text);
+									setEditing({
+										row: item.index,
+										col: colIndex,
+										original: text
+									});
+								},
+								children: isEditing ? /* @__PURE__ */ jsx(Input$1, {
+									autoFocus: true,
+									"aria-label": `Edit ${columns[colIndex]?.name ?? "cell"}`,
+									value: draft,
+									onChange: (e) => setDraft(e.target.value),
+									onFocus: (e) => e.currentTarget.select(),
+									onBlur: () => setEditing(null),
+									onKeyDown: (e) => {
+										if (e.key === "Enter") {
+											e.preventDefault();
+											commit();
+										}
+									}
+								}) : formatCell(value)
+							}, cell.id);
+						})]
+					}, row.id);
+				})
+			})
+		]
+	});
+}
+// src/lib/sqlDialects.ts
+var words = (list) => list.split(/\s+/).filter(Boolean);
+var CLICKHOUSE_KEYWORDS = words(`
+  add after alias all alter and anti any array as asc ascending asof assume attach between by
+  case cast check cluster codec collate column columns comment cross cube database databases
+  default delete desc descending describe detach dictionary distinct distributed drop else
+  end engine except exchange exists explain extract fetch fill final first for format from
+  full global grant group having ilike in index inner insert interval into is join key kill
+  last left like limit live materialized modify move mutation natural not null nulls offset on
+  optimize option or order outer outfile over partition populate prewhere primary projection
+  qualify query refresh rename replace right rollup sample select semi set settings show
+  step system table tables temporary then to top totals truncate ttl union unique update use
+  using values view volume watch when where window with
+`);
+var CLICKHOUSE_TYPES = words(`
+  AggregateFunction Array Bool Date Date32 DateTime DateTime64 Decimal Decimal32 Decimal64
+  Decimal128 Decimal256 Dynamic Enum Enum8 Enum16 FixedString Float32 Float64 IPv4 IPv6 Int8
+  Int16 Int32 Int64 Int128 Int256 JSON LowCardinality Map Nested Nullable Point Polygon Ring
+  SimpleAggregateFunction String Tuple UInt8 UInt16 UInt32 UInt64 UInt128 UInt256 UUID Variant
+`);
+var CLICKHOUSE_FUNCTIONS = words(`
+  abs acos any anyHeavy anyLast argMax argMin array arrayAll arrayAvg arrayConcat arrayCount
+  arrayCumSum arrayDistinct arrayElement arrayEnumerate arrayExists arrayFill arrayFilter
+  arrayFirst arrayFlatten arrayIntersect arrayJoin arrayMap arrayMax arrayMin arrayPopBack
+  arrayPopFront arrayProduct arrayPushBack arrayPushFront arrayReduce arrayResize arrayReverse
+  arraySlice arraySort arraySplit arraySum arrayUniq arrayZip asin atan avg avgIf avgWeighted
+  base64Decode base64Encode bitAnd bitCount bitOr bitShiftLeft bitShiftRight bitXor bar
+  ceil coalesce concat concatWithSeparator corr cos count countDistinct countIf countSubstrings
+  covarPop covarSamp cutQueryString cutURLParameter dateDiff dateName dateTrunc date_trunc
+  decodeURLComponent dictGet dictGetOrDefault dictHas domain domainWithoutWWW dumpColumnStructure
+  empty emptyArrayString encodeURLComponent endsWith exp extract extractAll extractGroups
+  extractURLParameter extractURLParameters firstSignificantSubdomain floor formatDateTime
+  formatReadableQuantity formatReadableSize formatReadableTimeDelta fromUnixTimestamp
+  fromUnixTimestamp64Milli generateUUIDv4 greatest groupArray groupArrayInsertAt groupArrayMovingAvg
+  groupArraySample groupBitAnd groupBitOr groupBitXor groupUniqArray has hasAll hasAny hasToken
+  hex hostName if ifNull indexOf intDiv intDivOrZero isFinite isInfinite isNaN isNotNull isNull
+  isValidUTF8 JSONExtract JSONExtractArrayRaw JSONExtractBool JSONExtractFloat JSONExtractInt
+  JSONExtractKeys JSONExtractKeysAndValues JSONExtractRaw JSONExtractString JSONExtractUInt
+  JSONHas JSONLength JSONType JSON_VALUE JSON_QUERY kurtPop kurtSamp lagInFrame
+  last_value leadInFrame least left leftPad length lengthUTF8 log log10 log2 lower lowerUTF8
+  map mapKeys mapValues match materialize max maxIf median min minIf modulo multiIf
+  multiMatchAny murmurHash3_64 neighbor not notEmpty notLike now now64 nullIf numbers
+  parseDateTime parseDateTimeBestEffort parseDateTimeBestEffortOrNull parseURL path
+  position positionCaseInsensitive pow protocol quantile quantileDeterministic quantileExact
+  quantileExactWeighted quantileTDigest quantileTiming quantiles quantilesExact
+  quantilesTDigest quantilesTiming rand rand64 range rank regexpExtract regexpReplaceAll
+  regexpReplaceOne replace replaceAll replaceOne replaceRegexpAll replaceRegexpOne reverse right
+  rightPad round roundBankers row_number rowNumberInBlock runningDifference sin skewPop skewSamp
+  splitByChar splitByRegexp splitByString sqrt startsWith stddevPop stddevSamp substring
+  substringUTF8 sum sumIf sumMap sumWithOverflow tan today toDate toDate32 toDateOrNull
+  toDateOrZero toDateTime toDateTime64 toDayOfMonth toDayOfWeek toDayOfYear toDecimal32
+  toDecimal64 toDecimal128 toFloat32 toFloat64 toFloat64OrNull toHour toInt8 toInt16 toInt32
+  toInt64 toInt32OrNull toInt64OrNull toIntervalDay toIntervalHour toIntervalMinute
+  toIntervalMonth toIntervalSecond toIntervalWeek toIntervalYear toISOWeek toISOYear toJSONString
+  toLastDayOfMonth toLowCardinality toMinute toMonday toMonth toNullable toQuarter toRelativeDayNum
+  toRelativeHourNum toRelativeMonthNum toSecond toStartOfDay toStartOfFifteenMinutes
+  toStartOfFiveMinutes toStartOfHour toStartOfInterval toStartOfMinute toStartOfMonth
+  toStartOfQuarter toStartOfTenMinutes toStartOfWeek toStartOfYear toString toTime toTimeZone
+  toTypeName toUInt8 toUInt16 toUInt32 toUInt64 toUInt32OrNull toUInt64OrNull toUnixTimestamp
+  toUnixTimestamp64Milli toUUID toWeek toYYYYMM toYYYYMMDD toYYYYMMDDhhmmss toYear
+  topK topKWeighted trim trimBoth trimLeft trimRight tuple tupleElement uniq uniqCombined
+  uniqCombined64 uniqExact uniqHLL12 uniqTheta upper upperUTF8 uptime
+  varPop varSamp version yesterday
+`);
+var CANONICAL = new Map([...CLICKHOUSE_TYPES, ...CLICKHOUSE_FUNCTIONS].map((name) => [name.toLowerCase(), name]));
+/** lang-sql looks words up lowercased, so the dialect holds lowercase and CANONICAL restores case. */
+var clickhouse = SQLDialect.define({
+	keywords: CLICKHOUSE_KEYWORDS.join(" "),
+	types: CLICKHOUSE_TYPES.join(" ").toLowerCase(),
+	builtin: CLICKHOUSE_FUNCTIONS.join(" ").toLowerCase(),
+	backslashEscapes: true,
+	hashComments: true,
+	identifierQuotes: "`\"",
+	charSetCasts: false,
+	operatorChars: "*+-%<>!=&|^/"
+});
+var dialects = {
+	mysql: MySQL,
+	clickhouse
+};
+/** Keywords come out upper-case; built-ins and types keep their own case and get the function icon. */
+var keywordCompletions = {
+	mysql: (label, type) => ({
+		label,
+		type: type === "variable" ? "function" : type
+	}),
+	clickhouse: (label, type) => ({
+		label: CANONICAL.get(label.toLowerCase()) ?? label,
+		type: type === "variable" ? "function" : type
+	})
+};
+var IDENTIFIER = /^[A-Za-z_][A-Za-z0-9_]*$/;
+function named(label, type, detail) {
+	return {
+		label,
+		type,
+		detail,
+		...IDENTIFIER.test(label) ? {} : { apply: `\`${label.replaceAll("`", "``")}\`` }
+	};
+}
+/** lang-sql splits namespace keys on `.`, so a literal dot in a name is escaped. */
+var key = (name) => name.replaceAll(".", "\\.");
+function namespace(data) {
+	const out = Object.create(null);
+	for (const [db, tables] of Object.entries(data?.schema ?? {})) {
+		const children = Object.create(null);
+		for (const [table, columns] of Object.entries(tables)) children[key(table)] = {
+			self: named(table, "class", "table"),
+			children: columns.map((c) => named(c.name, "property", c.type))
+		};
+		out[key(db)] = {
+			self: named(db, "namespace", "database"),
+			children
+		};
+	}
+	return out;
+}
+function sqlLanguage(kind, data) {
+	return sql({
+		dialect: dialects[kind],
+		schema: namespace(data),
+		defaultSchema: data?.defaultDatabase ?? void 0,
+		upperCaseKeywords: true,
+		keywordCompletion: keywordCompletions[kind]
+	});
+}
+// src/lib/sqlEditorTheme.ts
+var iconGlyph = (content, tint) => ({
+	"&:after": { content: `"${content}"` },
+	color: tint,
+	opacity: 1
+});
+var sqlEditorTheme = [EditorView.theme({
+	"&": {
+		height: "100%",
+		color: color.text,
+		backgroundColor: color.surface,
+		fontSize: fontSize.xs,
+		borderRadius: radius.md,
+		border: `1px solid ${color.borderStrong}`
+	},
+	"&.cm-focused": {
+		outline: "none",
+		borderColor: color.primary
+	},
+	".cm-scroller": {
+		fontFamily: font.mono,
+		lineHeight: "1.6",
+		overflow: "auto"
+	},
+	".cm-content": {
+		padding: "10px",
+		caretColor: color.text
+	},
+	".cm-line": { padding: "0" },
+	".cm-cursor, .cm-dropCursor": { borderLeftColor: color.text },
+	".cm-placeholder": { color: color.faint },
+	"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: color.selection },
+	".cm-selectionMatch": { backgroundColor: color.hover },
+	"&.cm-focused .cm-matchingBracket": {
+		backgroundColor: color.active,
+		outline: `1px solid ${color.borderStrong}`
+	},
+	"&.cm-focused .cm-nonmatchingBracket": { backgroundColor: color.dangerBg },
+	".cm-panels": {
+		backgroundColor: color.raised,
+		color: color.text
+	},
+	".cm-searchMatch": { backgroundColor: color.active },
+	".cm-searchMatch.cm-searchMatch-selected": { backgroundColor: color.selection },
+	".cm-tooltip": {
+		fontFamily: font.mono,
+		fontSize: fontSize.xs,
+		color: color.text,
+		backgroundColor: color.raised,
+		border: `1px solid ${color.borderStrong}`,
+		borderRadius: radius.lg,
+		boxShadow: `0 8px 24px ${color.shadow}`,
+		overflow: "hidden"
+	},
+	".cm-tooltip.cm-tooltip-autocomplete": {
+		"& > ul": {
+			fontFamily: font.mono,
+			maxHeight: "240px",
+			minWidth: "220px",
+			padding: "4px"
+		},
+		"& > ul > li": {
+			display: "flex",
+			alignItems: "center",
+			padding: "2px 8px 2px 4px",
+			borderRadius: radius.sm,
+			lineHeight: "1.6"
+		},
+		"& > ul > li[aria-selected]": {
+			backgroundColor: color.active,
+			color: color.text
+		},
+		"& .cm-completionLabel": { color: color.text },
+		"& .cm-completionMatchedText": {
+			textDecoration: "none",
+			fontWeight: "700",
+			color: color.primary
+		},
+		"& .cm-completionDetail": {
+			marginLeft: "auto",
+			paddingLeft: "20px",
+			fontStyle: "normal",
+			color: color.faint
+		},
+		"& .cm-completionIcon": {
+			width: "1.6em",
+			paddingRight: "0",
+			fontSize: "100%",
+			fontWeight: "600",
+			textAlign: "center",
+			color: color.faint,
+			opacity: 1
+		},
+		"& .cm-completionIcon-namespace": iconGlyph("D", color.synKeyword),
+		"& .cm-completionIcon-class": iconGlyph("T", color.synFunction),
+		"& .cm-completionIcon-property": iconGlyph("c", color.synString),
+		"& .cm-completionIcon-function": iconGlyph("ƒ", color.synNumber),
+		"& .cm-completionIcon-keyword": iconGlyph("k", color.faint),
+		"& .cm-completionIcon-type": iconGlyph("t", color.synType),
+		"& .cm-completionIcon-constant": iconGlyph("a", color.muted)
+	}
+}, { dark: true }), syntaxHighlighting(HighlightStyle.define([
+	{
+		tag: tags.keyword,
+		color: color.synKeyword
+	},
+	{
+		tag: tags.typeName,
+		color: color.synType
+	},
+	{
+		tag: tags.standard(tags.name),
+		color: color.synFunction
+	},
+	{
+		tag: tags.special(tags.string),
+		color: color.text
+	},
+	{
+		tag: tags.string,
+		color: color.synString
+	},
+	{
+		tag: [
+			tags.number,
+			tags.bool,
+			tags.null
+		],
+		color: color.synNumber
+	},
+	{
+		tag: [tags.lineComment, tags.blockComment],
+		color: color.synComment,
+		fontStyle: "italic"
+	},
+	{
+		tag: [
+			tags.operator,
+			tags.punctuation,
+			tags.paren,
+			tags.squareBracket
+		],
+		color: color.muted
+	},
+	{
+		tag: tags.name,
+		color: color.text
+	}
+]))];
+// src/components/SqlCodeEditor.tsx
+var languageSlot = new Compartment();
+function statusOf(state) {
+	return {
+		empty: state.doc.length === 0,
+		hasSelection: !state.selection.main.empty
+	};
+}
+function SqlCodeEditor({ ref, kind, schema, initialDoc, onStatus, onDocChange, onRun }) {
+	const host = useRef(null);
+	const view = useRef(null);
+	const parked = useRef(null);
+	const initial = useRef(initialDoc);
+	const latest = useRef({
+		onStatus,
+		onDocChange,
+		onRun
+	});
+	useEffect(() => {
+		latest.current = {
+			onStatus,
+			onDocChange,
+			onRun
+		};
+	});
+	useEffect(() => {
+		const parent = host.current;
+		if (!parent) return;
+		const restored = parked.current;
+		const editor = new EditorView({
+			parent,
+			state: restored?.state ?? EditorState.create({
+				doc: initial.current,
+				extensions: [
+					Prec.highest(keymap.of([{
+						key: "Mod-Enter",
+						run: () => {
+							latest.current.onRun();
+							return true;
+						}
+					}])),
+					languageSlot.of([]),
+					autocompletion({
+						icons: true,
+						maxRenderedOptions: 80
+					}),
+					history(),
+					drawSelection(),
+					indentOnInput(),
+					bracketMatching(),
+					closeBrackets(),
+					highlightSelectionMatches(),
+					keymap.of([
+						...closeBracketsKeymap,
+						...defaultKeymap,
+						...searchKeymap,
+						...historyKeymap
+					]),
+					EditorView.lineWrapping,
+					EditorView.contentAttributes.of({
+						"aria-label": "SQL",
+						spellcheck: "false",
+						autocapitalize: "off",
+						autocorrect: "off"
+					}),
+					placeholder("SELECT * FROM …"),
+					sqlEditorTheme,
+					EditorView.updateListener.of((update) => {
+						if (update.docChanged) latest.current.onDocChange(update.state.doc.toString());
+						if (update.docChanged || update.selectionSet) latest.current.onStatus(statusOf(update.state));
+					})
+				]
+			})
+		});
+		view.current = editor;
+		if (restored) {
+			editor.scrollDOM.scrollTop = restored.scrollTop;
+			if (restored.focused) editor.focus();
+		}
+		return () => {
+			parked.current = {
+				state: editor.state,
+				scrollTop: editor.scrollDOM.scrollTop,
+				focused: editor.hasFocus
+			};
+			editor.destroy();
+			view.current = null;
+		};
+	}, []);
+	useEffect(() => {
+		view.current?.dispatch({ effects: languageSlot.reconfigure(sqlLanguage(kind, schema)) });
+	}, [kind, schema]);
+	useImperativeHandle(ref, () => ({ runnableText: () => {
+		const state = view.current?.state;
+		if (!state) return "";
+		const { from, to, empty } = state.selection.main;
+		return empty ? state.doc.toString() : state.sliceDoc(from, to);
+	} }));
+	return /* @__PURE__ */ jsx("div", {
+		ref: host,
+		className: "x5yr21d"
+	});
+}
+// src/components/SqlEditor.tsx
+function Summary({ result }) {
+	const elapsed = /* @__PURE__ */ jsxs(Fragment, { children: [
+		" · ",
+		/* @__PURE__ */ jsx(Num, { children: result.elapsedMs }),
+		" ms"
+	] });
+	if (result.columns.length > 0) return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Num, { children: result.rowCount }),
+		" row",
+		result.rowCount === 1 ? "" : "s",
+		result.truncated ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			" ",
+			"(truncated at ",
+			/* @__PURE__ */ jsx(Num, { children: "1000" }),
+			")"
+		] }) : null,
+		elapsed
+	] });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		"OK",
+		result.affectedRows !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			" · ",
+			/* @__PURE__ */ jsx(Num, { children: result.affectedRows }),
+			" rows affected"
+		] }) : null,
+		elapsed
+	] });
+}
+var DRAFT_SAVE_MS = 500;
+var NO_DATABASE = "";
+function SqlEditor({ tab }) {
+	const connection = useQuery(connectionsQuery()).data?.find((c) => c.id === tab.target.connectionId);
+	return connection ? /* @__PURE__ */ jsx(SqlTab, {
+		tab,
+		connection
+	}) : null;
+}
+function SqlTab({ tab, connection }) {
+	const connectionId = connection.id;
+	const { database } = tab.target;
+	const qc = useQueryClient();
+	const actions = useWorkspaceActions();
+	const schema = useQuery(sqlSchemaQuery(connectionId));
+	const databases = useQuery(databasesQuery(connectionId));
+	const completion = schema.data && {
+		...schema.data,
+		defaultDatabase: database ?? schema.data.defaultDatabase
+	};
+	const current = database ?? connection.database ?? NO_DATABASE;
+	const databaseOptions = [.../* @__PURE__ */ new Set([...current === NO_DATABASE ? [] : [current], ...databases.data ?? []])].map((d) => ({
+		value: d,
+		label: d
+	}));
+	if (current === NO_DATABASE) databaseOptions.unshift({
+		value: NO_DATABASE,
+		label: "No database"
+	});
+	const saveDraft = useDebouncer((sql) => void actions.saveDraft(tab.id, sql), {
+		wait: DRAFT_SAVE_MS,
+		onUnmount: (debouncer) => debouncer.flush()
+	});
+	useEffect(() => {
+		const flush = () => saveDraft.flush();
+		document.addEventListener("visibilitychange", flush);
+		window.addEventListener("pagehide", flush);
+		return () => {
+			document.removeEventListener("visibilitychange", flush);
+			window.removeEventListener("pagehide", flush);
+		};
+	}, [saveDraft]);
+	const [status, setStatus] = useState({
+		empty: tab.sql.length === 0,
+		hasSelection: false
+	});
+	const [outcome, setOutcome] = useState(null);
+	const editor = useRef(null);
+	const run = useMutation({
+		mutationFn: runQuery,
+		onSuccess: async (res) => {
+			setOutcome(res);
+			if (res.ok && res.result.columns.length === 0) {
+				await qc.invalidateQueries({ queryKey: ["tables", connectionId] });
+				await qc.invalidateQueries({ queryKey: ["rows", connectionId] });
+				await qc.invalidateQueries({ queryKey: ["schema", connectionId] });
+				await qc.invalidateQueries({ queryKey: ["sqlSchema", connectionId] });
+			}
+		},
+		onError: (error) => setOutcome({
+			ok: false,
+			error: errorMessage(error)
+		})
+	});
+	const execute = () => {
+		const text = editor.current?.runnableText().trim() ?? "";
+		if (text && !run.isPending) run.mutate({ data: {
+			connectionId,
+			database,
+			sql: text
+		} });
+	};
+	useHotkey("Mod+Enter", execute, { ignoreDefaultPrevented: true });
+	const result = outcome?.ok ? outcome.result : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "x78zum5 xdt5ytf x98rzlu x2lwn1j",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 x6s0dn4 x1qughib x5md06r xgt6uh4 x2lah0s",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "x16grhtn",
+					children: /* @__PURE__ */ jsx(Select$1, {
+						ariaLabel: "Database",
+						value: current,
+						options: databaseOptions,
+						onValueChange: (next) => void actions.setDatabase(tab.id, next || null)
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "x78zum5 x6s0dn4 xbbb4fa",
+					children: [
+						/* @__PURE__ */ jsx(Tooltip$1, {
+							label: "Refresh schema for autocomplete",
+							children: /* @__PURE__ */ jsx(Button$1, {
+								variant: "ghost",
+								icon: true,
+								"aria-label": "Refresh schema",
+								disabled: schema.isFetching,
+								onClick: () => void schema.refetch(),
+								children: /* @__PURE__ */ jsx(Refresh, {})
+							})
+						}),
+						/* @__PURE__ */ jsx(Kbd, { children: "⌘↵" }),
+						/* @__PURE__ */ jsxs(Button$1, {
+							variant: "primary",
+							onClick: execute,
+							disabled: run.isPending || status.empty,
+							children: [
+								/* @__PURE__ */ jsx(Play, {}),
+								" ",
+								run.isPending ? "Running…" : status.hasSelection ? "Run selection" : "Run"
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "xjr6psv xaxbvzv x2lah0s xrskzf1",
+				children: /* @__PURE__ */ jsx(SqlCodeEditor, {
+					ref: editor,
+					kind: connection.kind,
+					schema: completion,
+					initialDoc: tab.sql,
+					onDocChange: saveDraft.maybeExecute,
+					onStatus: setStatus,
+					onRun: execute
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 x6s0dn4 x1qughib x10w6t97 xgt6uh4 x2lah0s xqtwvag x1tviuuy xgwgzc4 x178xt8z x13fuv20 x10gwal6 xso031l x1q0q8m5 x1atvb72",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "xk50ysn x122w267",
+					children: "Results"
+				}), /* @__PURE__ */ jsx("span", { children: result ? /* @__PURE__ */ jsx(Summary, { result }) : null })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 xdt5ytf x98rzlu x2lwn1j",
+				children: [
+					outcome && !outcome.ok ? /* @__PURE__ */ jsx("div", {
+						role: "alert",
+						className: "xwdmyjr xmjl1bo x1b02387 xqtwvag xb0vdwp x1imhpfg xmkeg23 x1y0btm7 xb1jnos xvjf9rd x126k92a x13faqbe",
+						children: outcome.error
+					}) : null,
+					result && result.columns.length > 0 ? /* @__PURE__ */ jsx(DataGrid, {
+						columns: result.columns,
+						rows: result.rows
+					}) : null,
+					!outcome ? /* @__PURE__ */ jsx("div", {
+						className: "x1a2dy25 xqtwvag x1tviuuy",
+						children: "Run a query to see results."
+					}) : null
+				]
+			})
+		]
+	});
+}
+// src/components/InsertRowDialog.tsx
+function InsertRowDialog({ columns, onInsert, onClose }) {
+	const [values, setValues] = useState({});
+	const [error, setError] = useState(null);
+	const [submitting, setSubmitting] = useState(false);
+	const submit = async () => {
+		if (submitting) return;
+		const filled = Object.fromEntries(Object.entries(values).filter(([, v]) => v !== ""));
+		setSubmitting(true);
+		setError(null);
+		try {
+			await onInsert(filled);
+			onClose();
+		} catch (e) {
+			setError(errorMessage(e));
+			setSubmitting(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		title: "Add row",
+		children: /* @__PURE__ */ jsxs("form", {
+			className: "x78zum5 xdt5ytf x883omv",
+			onSubmit: (e) => {
+				e.preventDefault();
+				submit();
+			},
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "x1j6dyjg x1tviuuy x1ghz6dp",
+					children: "Leave a field empty to use its default (or NULL)."
+				}),
+				columns.map((c) => /* @__PURE__ */ jsx(Field, {
+					label: `${c.name}  ${c.type}${c.default ? `  default: ${c.default}` : ""}`,
+					children: /* @__PURE__ */ jsx(Input$1, {
+						mono: true,
+						"aria-label": c.name,
+						value: values[c.name] ?? "",
+						onChange: (e) => setValues({
+							...values,
+							[c.name]: e.target.value
+						})
+					})
+				}, c.name)),
+				error ? /* @__PURE__ */ jsx("div", {
+					role: "alert",
+					className: "xfifm61 xb0vdwp x13faqbe",
+					children: error
+				}) : null,
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+					type: "button",
+					onClick: onClose,
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button$1, {
+					type: "submit",
+					variant: "primary",
+					disabled: submitting,
+					children: "Insert row"
+				})] })
+			]
+		})
+	});
+}
+// src/components/ui/Tabs.tsx
+function Tabs$1({ value, onValueChange, items }) {
+	return /* @__PURE__ */ jsxs(Tabs.Root, {
+		value,
+		onValueChange: (v) => onValueChange(v),
+		className: "x78zum5 xdt5ytf x98rzlu x2lwn1j",
+		children: [/* @__PURE__ */ jsx(Tabs.List, {
+			className: "x78zum5 x195vfkc xdqyycr xso031l x1q0q8m5 x1atvb72 x2lah0s",
+			children: items.map((t) => /* @__PURE__ */ jsx(Tabs.Tab, {
+				value: t.value,
+				className: "x10w6t97 x1awh872 xqtwvag xk50ysn xjbqb8w xc342km xlxy82 x1q0q8m5 x16stqrj x1m6keyf x1tviuuy x1jo8w1h xxbnkst xrf8owv x1qfwjxi x6setmy x1ypdohk x1a2a7pz xn0s4wz x2ssjo2",
+				children: t.label
+			}, t.value))
+		}), items.map((t) => /* @__PURE__ */ jsx(Tabs.Panel, {
+			value: t.value,
+			className: "x78zum5 xdt5ytf x98rzlu x2lwn1j",
+			children: t.content
+		}, t.value))]
+	});
+}
+// src/components/TableView.tsx
+var PAGE_SIZE = 200;
+var NO_SELECTION = /* @__PURE__ */ new Set();
+function TableView({ connectionId, database, table }) {
+	const qc = useQueryClient();
+	const { data: schema } = useSuspenseQuery(schemaQuery(connectionId, database, table));
+	const [tab, setTab] = useState("data");
+	const [page, setPage] = useState(0);
+	const [sort, setSort] = useState();
+	const [whereText, setWhereText] = useState("");
+	const [where] = useDebouncedValue(whereText, { wait: 400 });
+	const [selection, setSelection] = useState({
+		source: void 0,
+		rows: NO_SELECTION
+	});
+	const [adding, setAdding] = useState(false);
+	const [pendingDelete, setPendingDelete] = useState(null);
+	const [actionError, setActionError] = useState(null);
+	const whereRef = useRef(null);
+	useHotkey("Mod+Shift+F", () => whereRef.current?.focus());
+	const params = {
+		connectionId,
+		database,
+		table
+	};
+	const rowsOptions = rowsQuery({
+		...params,
+		limit: PAGE_SIZE,
+		offset: page * PAGE_SIZE,
+		orderBy: sort,
+		where: where.trim() || void 0
+	});
+	const rows = useQuery({
+		...rowsOptions,
+		placeholderData: keepPreviousData
+	});
+	const refreshRows = () => qc.invalidateQueries({ queryKey: [
+		"rows",
+		connectionId,
+		database,
+		table
+	] });
+	const update = useMutation({
+		mutationFn: updateRow,
+		onSuccess: refreshRows
+	});
+	const insert = useMutation({
+		mutationFn: insertRow,
+		onSuccess: refreshRows
+	});
+	const remove = useMutation({
+		mutationFn: deleteRows,
+		onSuccess: refreshRows
+	});
+	const columns = (rows.data?.result.columns ?? schema.columns.map((c) => ({
+		name: c.name,
+		type: c.type
+	}))).map((c) => {
+		const meta = schema.columns.find((s) => s.name === c.name);
+		return {
+			name: c.name,
+			type: meta?.type ?? c.type,
+			nullable: meta?.nullable,
+			isKey: meta?.isPrimaryKey
+		};
+	});
+	const resultRows = rows.data?.result.rows;
+	const data = resultRows ?? [];
+	const selected = selection.source === resultRows ? selection.rows : NO_SELECTION;
+	const setSelected = (next) => setSelection({
+		source: resultRows,
+		rows: next
+	});
+	const total = rows.data?.total ?? 0;
+	const editable = schema.editBlockedReason === null;
+	const keyOf = (row) => Object.fromEntries(schema.keyColumns.map((k) => [k, row[columns.findIndex((c) => c.name === k)] ?? null]));
+	const onCommit = async (rowIndex, column, value) => {
+		const row = data[rowIndex];
+		if (!row) return;
+		setActionError(null);
+		try {
+			await update.mutateAsync({ data: {
+				...params,
+				key: keyOf(row),
+				changes: { [column.name]: value }
+			} });
+		} catch (error) {
+			setActionError(errorMessage(error));
+		}
+	};
+	const toggleSort = (column) => {
+		setPage(0);
+		setSelected(NO_SELECTION);
+		setSort((s) => s?.column !== column ? {
+			column,
+			direction: "asc"
+		} : s.direction === "asc" ? {
+			column,
+			direction: "desc"
+		} : void 0);
+	};
+	const from = total === 0 ? 0 : page * PAGE_SIZE + 1;
+	const to = page * PAGE_SIZE + data.length;
+	const grid = /* @__PURE__ */ jsxs("div", {
+		className: "x78zum5 xdt5ytf x98rzlu x2lwn1j",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 x6s0dn4 xbbb4fa xjr6psv xwwqodo x2lah0s xso031l x1q0q8m5 x1atvb72",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "x1elwuyh x5w4yej x17fpy1y",
+						children: /* @__PURE__ */ jsx(Input$1, {
+							inputRef: whereRef,
+							mono: true,
+							"aria-label": "Row filter",
+							placeholder: "WHERE …",
+							value: whereText,
+							onChange: (e) => {
+								setWhereText(e.target.value);
+								setPage(0);
+								setSelected(NO_SELECTION);
+							}
+						})
+					}),
+					/* @__PURE__ */ jsx(Button$1, {
+						icon: true,
+						variant: "ghost",
+						"aria-label": "Refresh rows",
+						onClick: () => void refreshRows(),
+						children: /* @__PURE__ */ jsx(Refresh, {})
+					}),
+					/* @__PURE__ */ jsx("div", { className: "x98rzlu" }),
+					selected.size > 0 ? /* @__PURE__ */ jsxs(Button$1, {
+						variant: "danger",
+						onClick: () => setPendingDelete([...selected].map((i) => keyOf(data[i] ?? []))),
+						children: [/* @__PURE__ */ jsx(Trash, {}), /* @__PURE__ */ jsxs("span", { children: [
+							"Delete ",
+							/* @__PURE__ */ jsx(Num, { children: selected.size }),
+							" ",
+							selected.size === 1 ? "row" : "rows"
+						] })]
+					}) : null,
+					/* @__PURE__ */ jsxs(Button$1, {
+						disabled: !editable,
+						onClick: () => setAdding(true),
+						children: [/* @__PURE__ */ jsx(Plus, {}), " Add row"]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "x78zum5 x6s0dn4 xbbb4fa x2lah0s",
+						children: [/* @__PURE__ */ jsxs("span", {
+							...{
+								0: { className: "xqtwvag x1tviuuy xuxw1ft x19991ni x19jr8i9 x6setmy" },
+								1: { className: "xqtwvag x1tviuuy xuxw1ft x19991ni x19jr8i9 x6setmy xbyyjgo" }
+							}[!!rows.isFetching << 0],
+							children: [
+								/* @__PURE__ */ jsxs(Num, { children: [
+									from,
+									"–",
+									to
+								] }),
+								" ",
+								"of ",
+								/* @__PURE__ */ jsx(Num, { children: total }),
+								" · ",
+								/* @__PURE__ */ jsx(Num, { children: rows.data?.result.elapsedMs ?? 0 }),
+								" ms"
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "x78zum5 x1jnr06f",
+							children: [/* @__PURE__ */ jsx(Button$1, {
+								icon: true,
+								"aria-label": "Previous page",
+								disabled: page === 0,
+								onClick: () => {
+									setPage(page - 1);
+									setSelected(NO_SELECTION);
+								},
+								children: /* @__PURE__ */ jsx(ChevronLeft, {})
+							}), /* @__PURE__ */ jsx(Button$1, {
+								icon: true,
+								"aria-label": "Next page",
+								disabled: to >= total,
+								onClick: () => {
+									setPage(page + 1);
+									setSelected(NO_SELECTION);
+								},
+								children: /* @__PURE__ */ jsx(ChevronRight, {})
+							})]
+						})]
+					})
+				]
+			}),
+			schema.editBlockedReason ? /* @__PURE__ */ jsxs("div", {
+				className: "x1t0vds8 xjr6psv xqtwvag x1tviuuy xgwgzc4 xso031l x1q0q8m5 x1atvb72 x2lah0s",
+				children: ["Read-only: ", schema.editBlockedReason]
+			}) : null,
+			actionError ? /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "xwwqodo xjr6psv xqtwvag xb0vdwp x1imhpfg xso031l x1q0q8m5 x1mo5f3e x126k92a x13faqbe x2lah0s",
+				children: actionError
+			}) : null,
+			rows.isError ? /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "xwwqodo xjr6psv xqtwvag xb0vdwp x1imhpfg xso031l x1q0q8m5 x1mo5f3e x126k92a x13faqbe x2lah0s",
+				children: errorMessage(rows.error)
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				...{
+					0: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf x19991ni x19jr8i9" },
+					1: { className: "x98rzlu x2lwn1j x78zum5 xdt5ytf x19991ni x19jr8i9 xbyyjgo x47corl x5h36tt" }
+				}[!!rows.isFetching << 0],
+				children: /* @__PURE__ */ jsx(DataGrid, {
+					columns,
+					rows: data,
+					loading: rows.isPending,
+					sort,
+					onSortChange: toggleSort,
+					onCommit: editable ? onCommit : void 0,
+					selected: editable ? selected : void 0,
+					onSelectedChange: editable ? setSelected : void 0
+				})
+			})
+		]
+	});
+	const structure = /* @__PURE__ */ jsx("div", {
+		className: "xysyzu8 xmjl1bo",
+		children: /* @__PURE__ */ jsxs("table", {
+			className: "x1mwwwfo xqtwvag",
+			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: [
+				"Column",
+				"Type",
+				"Nullable",
+				"Key",
+				"Default"
+			].map((h) => /* @__PURE__ */ jsx("th", {
+				className: "xdpxx8g x1t0vds8 xjr6psv x1tviuuy xk50ysn xso031l x1q0q8m5 x1orbg20",
+				children: h
+			}, h)) }) }), /* @__PURE__ */ jsx("tbody", { children: schema.columns.map((c) => /* @__PURE__ */ jsxs("tr", { children: [
+				/* @__PURE__ */ jsx("td", {
+					className: "x1t0vds8 xjr6psv xso031l x1q0q8m5 x1atvb72",
+					children: c.name
+				}),
+				/* @__PURE__ */ jsx("td", {
+					className: "x1t0vds8 xjr6psv xso031l x1q0q8m5 x1atvb72",
+					children: c.type
+				}),
+				/* @__PURE__ */ jsx("td", {
+					className: "x1t0vds8 xjr6psv xso031l x1q0q8m5 x1atvb72",
+					children: c.nullable ? "yes" : "no"
+				}),
+				/* @__PURE__ */ jsx("td", {
+					className: "x1t0vds8 xjr6psv xso031l x1q0q8m5 x1atvb72 x1tviuuy",
+					children: c.isPrimaryKey ? /* @__PURE__ */ jsx("span", {
+						role: "img",
+						"aria-label": "Primary key",
+						children: /* @__PURE__ */ jsx(Key, {})
+					}) : null
+				}),
+				/* @__PURE__ */ jsx("td", {
+					className: "x1t0vds8 xjr6psv xso031l x1q0q8m5 x1atvb72",
+					children: c.default ?? ""
+				})
+			] }, c.name)) })]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "x78zum5 xdt5ytf x98rzlu x2lwn1j",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "x78zum5 x17d4w8g x5md06r xgt6uh4 x2lah0s xkh2ocl x6s0dn4 xvj2dgp",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "x1tviuuy",
+					children: [database, " /"]
+				}), /* @__PURE__ */ jsx("span", {
+					className: "x1s688f",
+					children: table
+				})]
+			}),
+			/* @__PURE__ */ jsx(Tabs$1, {
+				value: tab,
+				onValueChange: setTab,
+				items: [{
+					value: "data",
+					label: "Data",
+					content: grid
+				}, {
+					value: "structure",
+					label: "Structure",
+					content: structure
+				}]
+			}),
+			adding ? /* @__PURE__ */ jsx(InsertRowDialog, {
+				columns: schema.columns,
+				onClose: () => setAdding(false),
+				onInsert: async (values) => {
+					await insert.mutateAsync({ data: {
+						...params,
+						values
+					} });
+				}
+			}) : null,
+			pendingDelete ? /* @__PURE__ */ jsx(ConfirmDialog, {
+				title: "Delete rows",
+				message: /* @__PURE__ */ jsxs(Fragment, { children: [
+					"Delete ",
+					/* @__PURE__ */ jsx(Num, { children: pendingDelete.length }),
+					" selected row",
+					pendingDelete.length === 1 ? "" : "s",
+					" from ",
+					database,
+					".",
+					table,
+					"? This cannot be undone."
+				] }),
+				confirmLabel: "Delete rows",
+				busy: remove.isPending,
+				onCancel: () => setPendingDelete(null),
+				onConfirm: async () => {
+					setActionError(null);
+					try {
+						await remove.mutateAsync({ data: {
+							...params,
+							keys: pendingDelete
+						} });
+					} catch (error) {
+						setActionError(errorMessage(error));
+					}
+					setPendingDelete(null);
+				}
+			}) : null
+		]
+	});
+}
+// src/components/tabKinds.tsx
+var tabKinds = {
+	table: {
+		icon: Table,
+		title: (tab) => tab.target.table,
+		detail: (tab, { connection }) => `${connection?.name ?? "Deleted connection"} / ${tab.target.database}.${tab.target.table}`,
+		duplicable: false,
+		render: (tab) => /* @__PURE__ */ jsx(TableView, {
+			connectionId: tab.target.connectionId,
+			database: tab.target.database,
+			table: tab.target.table
+		})
+	},
+	sql: {
+		icon: Terminal,
+		title: (tab) => `SQL ${tab.target.serial}`,
+		detail: (tab, { connection }) => `${connection?.name ?? "Deleted connection"} / ${tab.target.database ?? connection?.database ?? "default database"}`,
+		duplicable: true,
+		render: (tab) => /* @__PURE__ */ jsx(SqlEditor, { tab })
+	}
+};
+var kindOf = (tab) => tabKinds[tab.target.kind];
+// src/components/TabBar.tsx
+var DRAG_THRESHOLD = 4;
+var TAB_GAP = 2;
+var styles = {
+	tab: {
+		kVAEAm: "x1n2onr6",
+		k1xSpc: "x78zum5",
+		kGNEyG: "x6s0dn4",
+		kOIVth: "x17d4w8g",
+		kZKoxP: "x10w6t97",
+		kUk6DE: "x1sz3e5v",
+		k7Eaqz: "x1rp7rr8",
+		kE3dHu: "x1lqa7cf",
+		kpe85a: "x1ug7bdz",
+		kGuDYH: "xvj2dgp",
+		kMwMTN: "x1tviuuy",
+		kIxVMA: "xp8sth8",
+		ksF3WI: "x8qswk9",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x9r1u3d",
+		kt9PQ7: "x1qhh985",
+		kWkggS: "xjbqb8w x1sxlxsz",
+		k1ekBW: "x15406qy",
+		kIyJzY: "x19jr8i9",
+		kAMwcw: "x6setmy",
+		kkrTdU: "xt0e3qv",
+		kfSwDN: "x87ps6o",
+		kFalU9: "x1bblx7b",
+		kI3sdo: "x1a2a7pz xn0s4wz",
+		kInvED: "x1g40iwv",
+		$$css: true
+	},
+	tabActive: {
+		kMwMTN: "x122w267",
+		kWkggS: "x185or1n",
+		kVAM5u: "xpa2s8g",
+		k1ekBW: "x13b0p5u",
+		$$css: true
+	},
+	hue: (hue) => [{
+		"--xm54oyi": hue != null ? "xyynxod" : hue,
+		$$css: true
+	}, { "--x---xm54oyi": hue != null ? hue : void 0 }],
+	tabTint: {
+		kWkggS: "xxhzbed x1jw1774",
+		$$css: true
+	},
+	tabTintActive: {
+		kWkggS: "x1ke9jqs",
+		$$css: true
+	},
+	tabDragging: {
+		kY2c9j: "xhtitgo",
+		kWkggS: "x14fh20",
+		kGVxlE: "xx50l81",
+		kkrTdU: "xi9pz9s",
+		k1ekBW: "x13b0p5u",
+		$$css: true
+	}
+};
+var _temp = {
+	"x-default-marker": "x-default-marker",
+	$$css: true
+};
+function TabBar() {
+	const { tabs } = useWorkspace();
+	const active = useActiveTab();
+	const explorerId = useExplorerConnectionId();
+	const actions = useWorkspaceActions();
+	const connections = useQuery(connectionsQuery()).data ?? [];
+	const folders = useQuery(foldersQuery()).data ?? [];
+	const [draggingId, setDraggingId] = useState(null);
+	const scroller = useRef(null);
+	const els = useRef(/* @__PURE__ */ new Map());
+	const drag = useRef(null);
+	useEffect(() => {
+		if (active) els.current.get(active.id)?.scrollIntoView({
+			block: "nearest",
+			inline: "nearest"
+		});
+	}, [active?.id, tabs.length]);
+	const shiftSlots = (d, dx) => {
+		const me = d.slots[d.index];
+		if (!me) return;
+		d.slots.forEach((slot, k) => {
+			const el = els.current.get(slot.id);
+			if (!el) return;
+			let shift = 0;
+			if (k === d.index) shift = dx;
+			else if (k < d.index && k >= d.target) shift = me.width + TAB_GAP;
+			else if (k > d.index && k <= d.target) shift = -(me.width + TAB_GAP);
+			el.style.transform = shift === 0 ? "" : `translateX(${shift}px)`;
+		});
+	};
+	const startDrag = (e, tab, index) => {
+		if (e.button !== 0) return;
+		if (active?.id !== tab.id) actions.activate(tab.id);
+		e.currentTarget.setPointerCapture(e.pointerId);
+		drag.current = {
+			id: tab.id,
+			index,
+			pointerId: e.pointerId,
+			startX: e.clientX,
+			startScroll: scroller.current?.scrollLeft ?? 0,
+			slots: tabs.map((t) => {
+				const el = els.current.get(t.id);
+				return {
+					id: t.id,
+					left: el?.offsetLeft ?? 0,
+					width: el?.offsetWidth ?? 0
+				};
+			}),
+			moved: false,
+			target: index
+		};
+	};
+	const moveDrag = (e) => {
+		const d = drag.current;
+		const me = d?.slots[d.index];
+		const first = d?.slots[0];
+		const last = d?.slots.at(-1);
+		if (!d || !me || !first || !last || e.pointerId !== d.pointerId) return;
+		const raw = e.clientX - d.startX + ((scroller.current?.scrollLeft ?? 0) - d.startScroll);
+		if (!d.moved) {
+			if (Math.abs(raw) < DRAG_THRESHOLD) return;
+			d.moved = true;
+			setDraggingId(d.id);
+		}
+		const dx = Math.min(Math.max(raw, first.left - me.left), last.left + last.width - (me.left + me.width));
+		const center = me.left + me.width / 2 + dx;
+		d.target = d.slots.filter((s) => s.id !== d.id && s.left + s.width / 2 < center).length;
+		shiftSlots(d, dx);
+	};
+	const endDrag = (e) => {
+		const d = drag.current;
+		if (!d || e.pointerId !== d.pointerId) return;
+		drag.current = null;
+		setDraggingId(null);
+		if (!d.moved) return;
+		for (const el of els.current.values()) el.style.transform = "";
+		if (d.target === d.index) return;
+		const ids = tabs.map((t) => t.id);
+		ids.splice(d.index, 1);
+		ids.splice(d.target, 0, d.id);
+		actions.reorder(ids);
+	};
+	const menuFor = (tab, index) => {
+		const others = tabs.filter((t) => t.id !== tab.id).map((t) => t.id);
+		const right = tabs.slice(index + 1).map((t) => t.id);
+		const sql = tab.target.kind === "sql" ? {
+			...tab,
+			target: tab.target
+		} : null;
+		return [
+			{
+				label: "Close",
+				hint: "⌥W",
+				onSelect: () => void actions.close([tab.id])
+			},
+			...others.length > 0 ? [{
+				label: "Close others",
+				onSelect: () => void actions.close(others, tab.id)
+			}] : [],
+			...right.length > 0 ? [{
+				label: "Close to the right",
+				onSelect: () => void actions.close(right, tab.id)
+			}] : [],
+			{
+				label: "Close all",
+				onSelect: () => void actions.close(tabs.map((t) => t.id))
+			},
+			...sql && kindOf(tab).duplicable ? [{ type: "separator" }, {
+				label: "Duplicate",
+				onSelect: () => void actions.duplicate(sql)
+			}] : []
+		];
+	};
+	const openNewSql = () => {
+		if (explorerId) actions.openSql(explorerId);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "x78zum5 x1qjc9v5 xc9qbxq x2lah0s x1peleaf xgwgzc4 xpgesz",
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: scroller,
+			className: "xkz0k9k xeuugli xw2csxc x10wlt62 x1rohswg",
+			onWheel: (e) => {
+				if (e.deltaX === 0 && scroller.current) scroller.current.scrollLeft += e.deltaY;
+			},
+			children: /* @__PURE__ */ jsx("div", {
+				role: "tablist",
+				"aria-label": "Open tabs",
+				className: "x1n2onr6 x78zum5 x195vfkc xuk3077 x5yr21d",
+				children: tabs.map((tab, index) => {
+					const connection = connections.find((c) => c.id === tab.target.connectionId);
+					const tabFolder = folders.find((f) => f.id === connection?.folderId);
+					const kind = kindOf(tab);
+					const Icon = kind.icon;
+					const title = kind.title(tab, { connection });
+					const isActive = tab.id === active?.id;
+					return /* @__PURE__ */ jsx(ContextMenuArea, {
+						entries: menuFor(tab, index),
+						children: /* @__PURE__ */ jsx(Tooltip$1, {
+							label: `${title}  ·  ${kind.detail(tab, { connection })}`,
+							hint: index < 9 ? /* @__PURE__ */ jsx(Kbd, { children: `⌥${index + 1}` }) : void 0,
+							children: /* @__PURE__ */ jsxs("div", {
+								role: "tab",
+								"aria-selected": isActive,
+								tabIndex: isActive ? 0 : -1,
+								ref: (el) => {
+									if (el) els.current.set(tab.id, el);
+									return () => {
+										els.current.delete(tab.id);
+									};
+								},
+								...stylex.props(styles.tab, tabFolder && styles.hue(FOLDER_COLORS[tabFolder.color]), tabFolder && styles.tabTint, isActive && styles.tabActive, tabFolder && isActive && styles.tabTintActive, draggingId === tab.id && styles.tabDragging, _temp),
+								onPointerDown: (e) => startDrag(e, tab, index),
+								onPointerMove: moveDrag,
+								onPointerUp: endDrag,
+								onPointerCancel: endDrag,
+								onMouseDown: (e) => {
+									if (e.button === 1) e.preventDefault();
+								},
+								onAuxClick: (e) => {
+									if (e.button === 1) actions.close([tab.id]);
+								},
+								onKeyDown: (e) => {
+									if (e.key === "Enter" || e.key === " ") {
+										e.preventDefault();
+										actions.activate(tab.id);
+									}
+								},
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "x78zum5 x1tviuuy x2lah0s",
+										children: /* @__PURE__ */ jsx(Icon, {})
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "xeuugli x1f0l55g x2lah0s xb3r6kr xlyipyv xuxw1ft xk50ysn",
+										children: title
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "xeuugli x1bcm92b xb3r6kr xlyipyv xuxw1ft xqtwvag x1tviuuy",
+										children: connection?.name ?? "?"
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										"aria-label": `Close ${title}`,
+										tabIndex: -1,
+										...{
+											0: { className: "x78zum5 x6s0dn4 xl56j7k x1xp8n7a xmix8c7 x8x9d4c x1717udv x2lah0s xc342km xn7wf0q x1tviuuy x1ypdohk xjbqb8w x1sp8090 x1hc1fzr x4fpvau x7stcvd x1j36eff x1nxt06a x1a2a7pz xn0s4wz" },
+											1: { className: "x78zum5 x6s0dn4 xl56j7k x1xp8n7a xmix8c7 x8x9d4c x1717udv x2lah0s xc342km xn7wf0q x1tviuuy x1ypdohk xjbqb8w x1sp8090 x1a2a7pz xn0s4wz x1hc1fzr" }
+										}[!!isActive << 0],
+										onPointerDown: (e) => e.stopPropagation(),
+										onClick: (e) => {
+											e.stopPropagation();
+											actions.close([tab.id]);
+										},
+										children: /* @__PURE__ */ jsx(Close, {})
+									})
+								]
+							})
+						})
+					}, tab.id);
+				})
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "x78zum5 x6s0dn4 xu7byfh x2lah0s",
+			children: /* @__PURE__ */ jsx(Tooltip$1, {
+				label: "New SQL tab",
+				hint: /* @__PURE__ */ jsx(Kbd, { children: "⌥T" }),
+				children: /* @__PURE__ */ jsx(Button$1, {
+					variant: "ghost",
+					icon: true,
+					small: true,
+					"aria-label": "New SQL tab",
+					disabled: !explorerId,
+					onClick: openNewSql,
+					children: /* @__PURE__ */ jsx(Plus, {})
+				})
+			})
+		})]
+	});
+}
+// src/components/TabContents.tsx
+function TabPane({ tab }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "tabpanel",
+		className: "x78zum5 xdt5ytf x98rzlu x2lwn1j xeuugli",
+		children: /* @__PURE__ */ jsx(CatchBoundary, {
+			getResetKey: () => tab.id,
+			errorComponent: ({ error }) => /* @__PURE__ */ jsx(EmptyState, {
+				title: "Could not open tab",
+				hint: errorMessage(error),
+				danger: true
+			}),
+			children: /* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(PendingPane, {}),
+				children: kindOf(tab).render(tab)
+			})
+		})
+	});
+}
+/**
+* Every open tab stays mounted. Hidden ones keep their state, scroll and DOM, and React
+* suspends their effects, so a hidden tab runs nothing and fetches nothing.
+*/
+function TabContents() {
+	const { tabs } = useWorkspace();
+	const active = useActiveTab();
+	return tabs.map((tab) => /* @__PURE__ */ jsx(Activity, {
+		mode: tab.id === active?.id ? "visible" : "hidden",
+		children: /* @__PURE__ */ jsx(TabPane, { tab })
+	}, tab.id));
+}
+// src/components/Workbench.tsx
+var DIGITS = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	9
+];
+function Workbench() {
+	const workspace = useWorkspace();
+	const active = useActiveTab();
+	const explorerId = useExplorerConnectionId();
+	const connections = useQuery(connectionsQuery());
+	const actions = useWorkspaceActions();
+	const connection = connections.data?.find((c) => c.id === explorerId);
+	useEffect(() => {
+		if (active && workspace.activeTabId !== active.id) actions.markActive(active.id);
+	});
+	const { tabs } = workspace;
+	const goTo = (offset) => {
+		const at = Math.max(tabs.findIndex((t) => t.id === active?.id), 0);
+		const next = tabs.at((at + offset) % tabs.length);
+		if (next) actions.activate(next.id);
+	};
+	useHotkeys([
+		{
+			hotkey: "Alt+[KeyT]",
+			callback: () => {
+				if (connection) actions.openSql(connection.id);
+			}
+		},
+		{
+			hotkey: "Alt+[KeyW]",
+			callback: () => {
+				if (active) actions.close([active.id]);
+			}
+		},
+		{
+			hotkey: "Alt+[BracketRight]",
+			callback: () => goTo(1)
+		},
+		{
+			hotkey: "Alt+[BracketLeft]",
+			callback: () => goTo(-1)
+		},
+		...DIGITS.map((n) => ({
+			hotkey: `Alt+[Digit${n}]`,
+			callback: () => {
+				const tab = tabs[n - 1];
+				if (tab) actions.activate(tab.id);
+			}
+		}))
+	], { ignoreInputs: false });
+	return /* @__PURE__ */ jsxs("main", {
+		className: "x98rzlu xeuugli x78zum5 x5yr21d",
+		children: [connection ? /* @__PURE__ */ jsx(Explorer, {
+			connection,
+			activeTable: active?.target.kind === "table" ? active.target : null
+		}, connection.id) : null, /* @__PURE__ */ jsxs("div", {
+			className: "x98rzlu xeuugli x78zum5 xdt5ytf x5yr21d",
+			children: [tabs.length > 0 ? /* @__PURE__ */ jsx(TabBar, {}) : null, /* @__PURE__ */ jsxs("div", {
+				className: "x98rzlu x2lwn1j x78zum5 xdt5ytf",
+				children: [/* @__PURE__ */ jsx(TabContents, {}), /* @__PURE__ */ jsx(Outlet, {})]
+			})]
+		})]
+	});
+}
+// src/components/TopProgress.tsx
+function TopProgress() {
+	const navigating = useRouterState({ select: (s) => s.status === "pending" });
+	const fetching = useIsFetching() > 0;
+	if (!navigating && !fetching) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "progressbar",
+		"aria-label": "Loading",
+		className: "xixxii4 x13vifvy xu96u03 x3m8u43 x36qwtl xb3r6kr x47corl xfo81ep xqcmdr3 x12l1aco xmmqq2k xskzprw",
+		children: /* @__PURE__ */ jsx("div", { className: "xxljpkc x5yr21d xq83s4c xr9n2wq xr7ufhj x4hg4is xa4qsjk" })
+	});
+}
+// src/styles.css?url
+var styles_default = "/assets/styles-CdkLyHdd.css";
+// src/routes/__root.tsx
+var Route$6 = createRootRouteWithContext()({
+	head: () => ({
+		meta: [
+			{ charSet: "utf-8" },
+			{
+				name: "viewport",
+				content: "width=device-width, initial-scale=1"
+			},
+			{ title: "db-player" }
+		],
+		links: [
+			{
+				rel: "icon",
+				href: "/favicon.svg",
+				type: "image/svg+xml"
+			},
+			{
+				rel: "icon",
+				href: "/favicon-32.png",
+				type: "image/png",
+				sizes: "32x32"
+			},
+			{
+				rel: "apple-touch-icon",
+				href: "/apple-touch-icon.png"
+			},
+			{
+				rel: "stylesheet",
+				href: styles_default
+			},
+			...[]
+		]
+	}),
+	loader: async ({ context }) => {
+		const [theme, layout] = await Promise.all([
+			getTheme(),
+			getLayout(),
+			context.queryClient.ensureQueryData(foldersQuery()),
+			context.queryClient.ensureQueryData(connectionsQuery()),
+			context.queryClient.ensureQueryData(workspaceQuery())
+		]);
+		return {
+			theme,
+			layout
+		};
+	},
+	component: RootComponent
+});
+function RootComponent() {
+	const { theme, layout } = Route$6.useLoaderData();
+	useEffect(() => {}, []);
+	return /* @__PURE__ */ jsxs("html", {
+		lang: "en",
+		"data-theme": theme === "system" ? void 0 : theme,
+		...stylex.props(theme === "light" && lightTheme, theme === "dark" && darkTheme),
+		children: [/* @__PURE__ */ jsx("head", { children: /* @__PURE__ */ jsx(HeadContent, {}) }), /* @__PURE__ */ jsxs("body", {
+			className: "x134rb1s x185or1n x122w267",
+			children: [/* @__PURE__ */ jsx(LayoutProvider, {
+				initial: layout,
+				children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [/* @__PURE__ */ jsx(TopProgress, {}), /* @__PURE__ */ jsxs("div", {
+					className: "x78zum5 xdt5ytf x1dr59a3 xb3r6kr",
+					children: [/* @__PURE__ */ jsx(TopBar, {}), /* @__PURE__ */ jsxs("div", {
+						className: "x98rzlu x2lwn1j x78zum5",
+						children: [/* @__PURE__ */ jsx(Sidebar, {}), /* @__PURE__ */ jsx(Workbench, {})]
+					})]
+				})] })
+			}), /* @__PURE__ */ jsx(Scripts, {})]
+		})]
+	});
+}
+// src/routes/index.tsx
+var $$splitComponentImporter$2 = () => import("./routes-Bk_zy8AX.js");
+var Route$5 = createFileRoute("/")({
+	beforeLoad: async ({ context }) => {
+		const { activeTabId } = await context.queryClient.ensureQueryData(workspaceQuery());
+		if (activeTabId) throw redirect({
+			to: "/t/$tabId",
+			params: { tabId: activeTabId }
+		});
+	},
+	component: lazyRouteComponent($$splitComponentImporter$2, "component")
+});
+// src/server/readonly.ts
+var ALLOWED_FIRST = /* @__PURE__ */ new Set([
+	"select",
+	"with",
+	"show",
+	"describe",
+	"desc",
+	"explain"
+]);
+var ReadOnlyViolation = class extends Error {};
+/**
+* Splits `sql` into statements at top-level semicolons and lists each statement's words, with
+* comments dropped and string, quoted-identifier and backtick contents blanked out.
+*/
+function scan(sql) {
+	const statements = [];
+	const words = [];
+	let text = "";
+	let current = [];
+	let word = "";
+	const endWord = () => {
+		if (word) current.push(word.toLowerCase());
+		word = "";
+	};
+	const endStatement = () => {
+		endWord();
+		if (current.length > 0 || text.trim()) {
+			statements.push(text.trim());
+			words.push(current);
+		}
+		text = "";
+		current = [];
+	};
+	let i = 0;
+	while (i < sql.length) {
+		const c = sql[i];
+		const next = sql[i + 1];
+		if (c === "/" && next === "*") {
+			if (sql[i + 2] === "!") throw new ReadOnlyViolation("Executable comments (/*! ... */) are not allowed in read-only queries.");
+			const end = sql.indexOf("*/", i + 2);
+			if (end === -1) throw new ReadOnlyViolation("Unterminated block comment.");
+			endWord();
+			text += " ";
+			i = end + 2;
+			continue;
+		}
+		if (c === "#" || c === "-" && next === "-") {
+			const end = sql.indexOf("\n", i);
+			endWord();
+			text += " ";
+			i = end === -1 ? sql.length : end + 1;
+			continue;
+		}
+		if (c === "'" || c === "\"" || c === "`") {
+			endWord();
+			let j = i + 1;
+			for (; j < sql.length; j++) if (sql[j] === "\\" && c !== "`") j++;
+			else if (sql[j] === c) break;
+			if (j >= sql.length) throw new ReadOnlyViolation("Unterminated string or quoted name.");
+			text += sql.slice(i, j + 1);
+			current.push(c === "'" ? "''" : c);
+			i = j + 1;
+			continue;
+		}
+		if (c === ";") {
+			endStatement();
+			i++;
+			continue;
+		}
+		if (/[\p{L}\p{N}_$]/u.test(c)) word += c;
+		else endWord();
+		text += c;
+		i++;
+	}
+	endStatement();
+	return {
+		statements,
+		words
+	};
+}
+/** Throws a `ReadOnlyViolation` unless `sql` is one read-only statement. Returns it without a trailing `;`. */
+function assertReadOnlySql(sql) {
+	const { statements, words } = scan(sql);
+	if (statements.length === 0) throw new ReadOnlyViolation("The query is empty.");
+	if (statements.length > 1) throw new ReadOnlyViolation("Only one statement is allowed per query.");
+	const tokens = words[0];
+	const first = tokens[0];
+	if (!first || !ALLOWED_FIRST.has(first)) throw new ReadOnlyViolation(`Read-only queries must start with SELECT, WITH, SHOW, DESCRIBE, DESC or EXPLAIN (got ${first && /^[a-z]/.test(first) ? first.toUpperCase() : "something else"}).`);
+	tokens.forEach((t, i) => {
+		if (t === "into" && (tokens[i + 1] === "outfile" || tokens[i + 1] === "dumpfile")) throw new ReadOnlyViolation("SELECT ... INTO OUTFILE/DUMPFILE is not allowed.");
+	});
+	return statements[0];
+}
+/** The only way a query reaches a database without the app's own say-so: pre-check, then a driver refusing writes. */
+function runReadOnlyQuery(conn, sql, opts) {
+	return drivers[conn.kind].query(conn, assertReadOnlySql(sql), {
+		...opts,
+		readOnly: true
+	});
+}
+// src/server/mcp.ts
+var ROW_CAP = 200;
+var CELL_CAP = 500;
+var digest = (s) => createHash("sha256").update(s).digest();
+function authorized(request) {
+	const header = request.headers.get("authorization") ?? "";
+	const match = /^Bearer (.+)$/i.exec(header);
+	return match !== null && timingSafeEqual(digest(match[1]), digest(getMcpToken()));
+}
+var text = (body, isError = false) => ({
+	content: [{
+		type: "text",
+		text: body
+	}],
+	...isError ? { isError: true } : {}
+});
+function resolveConnection(ref) {
+	const all = listConnections();
+	const byId = all.find((c) => c.id === ref);
+	if (byId) return byId;
+	const byName = all.filter((c) => c.name === ref);
+	if (byName.length === 1) return byName[0];
+	if (byName.length > 1) throw new Error(`Several connections are named "${ref}". Use one of these ids: ${byName.map((c) => c.id).join(", ")}.`);
+	throw new Error(`No connection with id or name "${ref}". Call list_connections to see them.`);
+}
+function cellText(cell) {
+	const flat = (cell === null ? "NULL" : typeof cell === "object" ? JSON.stringify(cell) : String(cell)).replace(/\t/g, "\\t").replace(/\r?\n/g, "\\n");
+	return flat.length > CELL_CAP ? `${flat.slice(0, CELL_CAP)}...[truncated, ${flat.length} chars]` : flat;
+}
+function formatResult(result) {
+	return [
+		`columns: ${result.columns.map((c) => `${c.name} (${c.type})`).join(", ") || "(none)"}`,
+		`rows: ${result.rows.length}${result.truncated ? ` (truncated: more rows exist beyond the first ${ROW_CAP}; add LIMIT, WHERE or aggregate)` : ""}`,
+		"",
+		result.columns.map((c) => cellText(c.name)).join("	"),
+		...result.rows.map((row) => row.map(cellText).join("	"))
+	].join("\n");
+}
+var SCHEMA_HINT = "Discover schema with SHOW DATABASES / SHOW TABLES / DESCRIBE <table> or by querying information_schema (MySQL) or system.databases, system.tables, system.columns (ClickHouse).";
+function createServer() {
+	const server = new McpServer({
+		name: "db-player",
+		version: "1.0.0"
+	});
+	server.registerTool("list_connections", {
+		description: "List the saved database connections you can query. Returns id, name, kind (mysql or clickhouse), folder name and default database. Pass an id or name to run_query.",
+		annotations: {
+			readOnlyHint: true,
+			openWorldHint: false
+		}
+	}, () => {
+		const folders = new Map(listFolders().map((f) => [f.id, f.name]));
+		const rows = listConnections().map((c) => ({
+			id: c.id,
+			name: c.name,
+			kind: c.kind,
+			folder: c.folderId && folders.get(c.folderId) || null,
+			database: c.database || null
+		}));
+		return text(JSON.stringify(rows, null, 2));
+	});
+	server.registerTool("run_query", {
+		description: `Run one read-only SQL statement (SELECT, WITH, SHOW, DESCRIBE, DESC or EXPLAIN) on a saved connection. Writes, DDL and multiple statements are rejected. At most ${ROW_CAP} rows come back, so aggregate or add LIMIT. ${SCHEMA_HINT}`,
+		inputSchema: {
+			connection: z.string().min(1).describe("Connection id or exact name from list_connections."),
+			database: z.string().min(1).optional().describe("Database to run in. Defaults to the connection's default database."),
+			sql: z.string().min(1).describe("A single read-only statement.")
+		},
+		annotations: {
+			readOnlyHint: true,
+			openWorldHint: false
+		}
+	}, async ({ connection, database, sql }) => {
+		try {
+			return text(formatResult(await runReadOnlyQuery(resolveConnection(connection), sql, {
+				database: database ?? null,
+				limit: ROW_CAP
+			})));
+		} catch (error) {
+			const message = error instanceof Error ? error.message : String(error);
+			return text(error instanceof ReadOnlyViolation ? `Rejected: ${message}` : message, true);
+		}
+	});
+	return server;
+}
+async function handleMcpRequest(request) {
+	if (!authorized(request)) return new Response(JSON.stringify({ error: "Unauthorized" }), {
+		status: 401,
+		headers: {
+			"content-type": "application/json",
+			"www-authenticate": "Bearer"
+		}
+	});
+	const server = createServer();
+	const transport = new WebStandardStreamableHTTPServerTransport({
+		sessionIdGenerator: void 0,
+		enableJsonResponse: true
+	});
+	await server.connect(transport);
+	return transport.handleRequest(request);
+}
+// src/routes/mcp.ts
+var Route$4 = createFileRoute("/mcp")({ server: { handlers: { ANY: ({ request }) => handleMcpRequest(request) } } });
+// src/routes/c.$connectionId.tsx
+var $$splitComponentImporter$1 = () => import("./c._connectionId-4zi7Sa20.js");
+/** A connection with no tab: the workbench shows its Explorer and this prompt. */
+var Route$3 = createFileRoute("/c/$connectionId")({
+	loader: ({ context, params }) => context.queryClient.prefetchQuery(databasesQuery(params.connectionId)),
+	component: lazyRouteComponent($$splitComponentImporter$1, "component")
+});
+// src/routes/t.$tabId.tsx
+var $$splitComponentImporter = () => import("./t._tabId-Cf1urQNG.js");
+/** The tab itself renders in the workbench, so every open tab can stay mounted. */
+var Route$2 = createFileRoute("/t/$tabId")({
+	pendingMs: Number.POSITIVE_INFINITY,
+	beforeLoad: async ({ context, params }) => {
+		if (!(await context.queryClient.ensureQueryData(workspaceQuery())).tabs.some((t) => t.id === params.tabId)) throw redirect({ to: "/" });
+	},
+	loader: async ({ context, params }) => {
+		const tab = context.queryClient.getQueryData(workspaceQuery().queryKey)?.tabs.find((t) => t.id === params.tabId);
+		if (!tab) return;
+		const { target } = tab;
+		await Promise.all([context.queryClient.prefetchQuery(databasesQuery(target.connectionId)), target.kind === "table" ? context.queryClient.prefetchQuery(schemaQuery(target.connectionId, target.database, target.table)) : void 0]);
+	},
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+// src/routes/c.$connectionId.sql.tsx
+/** The old SQL editor URL focuses the connection's first SQL tab, or opens one. */
+var Route$1 = createFileRoute("/c/$connectionId/sql")({ beforeLoad: async ({ context, params, preload }) => {
+	if (preload) return;
+	const existing = (await context.queryClient.ensureQueryData(workspaceQuery())).tabs.find((t) => t.target.kind === "sql" && t.target.connectionId === params.connectionId);
+	if (existing) throw redirect({
+		to: "/t/$tabId",
+		params: { tabId: existing.id },
+		replace: true
+	});
+	const opened = await openTab({ data: { target: {
+		kind: "sql",
+		connectionId: params.connectionId,
+		database: null
+	} } });
+	context.queryClient.setQueryData(workspaceQuery().queryKey, opened.workspace);
+	throw redirect({
+		to: "/t/$tabId",
+		params: { tabId: opened.tabId },
+		replace: true
+	});
+} });
+// src/routes/c.$connectionId.$database.$table.tsx
+/** Old table URLs open or focus the table's tab. */
+var Route = createFileRoute("/c/$connectionId/$database/$table")({ beforeLoad: async ({ context, params, preload }) => {
+	if (preload) return;
+	const { workspace, tabId } = await openTab({ data: { target: {
+		kind: "table",
+		...params
+	} } });
+	context.queryClient.setQueryData(workspaceQuery().queryKey, workspace);
+	throw redirect({
+		to: "/t/$tabId",
+		params: { tabId },
+		replace: true
+	});
+} });
+// src/routeTree.gen.ts
+var IndexRoute = Route$5.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => Route$6
+});
+var McpRoute = Route$4.update({
+	id: "/mcp",
+	path: "/mcp",
+	getParentRoute: () => Route$6
+});
+var CConnectionIdRoute = Route$3.update({
+	id: "/c/$connectionId",
+	path: "/c/$connectionId",
+	getParentRoute: () => Route$6
+});
+var TTabIdRoute = Route$2.update({
+	id: "/t/$tabId",
+	path: "/t/$tabId",
+	getParentRoute: () => Route$6
+});
+var CConnectionIdRouteChildren = {
+	CConnectionIdSqlRoute: Route$1.update({
+		id: "/sql",
+		path: "/sql",
+		getParentRoute: () => CConnectionIdRoute
+	}),
+	CConnectionIdDatabaseTableRoute: Route.update({
+		id: "/$database/$table",
+		path: "/$database/$table",
+		getParentRoute: () => CConnectionIdRoute
+	})
+};
+var rootRouteChildren = {
+	IndexRoute,
+	McpRoute,
+	CConnectionIdRoute: CConnectionIdRoute._addFileChildren(CConnectionIdRouteChildren),
+	TTabIdRoute
+};
+var routeTree = Route$6._addFileChildren(rootRouteChildren)._addFileTypes();
+// src/router.tsx
+var router_exports = /* @__PURE__ */ __exportAll({ getRouter: () => getRouter });
+function getRouter() {
+	const queryClient = new QueryClient({ defaultOptions: { queries: {
+		staleTime: 15e3,
+		refetchOnWindowFocus: false
+	} } });
+	const router = createRouter({
+		routeTree,
+		context: { queryClient },
+		scrollRestoration: true,
+		defaultPreload: "intent",
+		defaultPendingMs: 200,
+		defaultPendingMinMs: 300,
+		defaultPendingComponent: PendingPane
+	});
+	setupRouterSsrQueryIntegration({
+		router,
+		queryClient
+	});
+	return router;
+}
+export { getRouter, Button$1 as i, Route$3 as n, ConnectionDialog as r, router_exports as t };