dsh-lh-data 0.1.0

package/lib/client.js

@@ -0,0 +1,2969 @@
+window.__ModuleLoader__.load({ id: "dsh-lh-data", factory: (require) => {
+"use strict";
+var module = { exports: {} }; var exports = module.exports;
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+const react = __toESM(require("react"));
+const react_jsx_runtime = __toESM(require("react/jsx-runtime"));
+
+//#region src/admin-contract.ts
+const ADMIN_ROUTE_PREFIX = "/api/lh-data";
+const ADMIN_API_BASE = `${ADMIN_ROUTE_PREFIX}/admin`;
+const ADMIN_SECTION_ID = "lh-data";
+const ADMIN_SECTION_ORDER = 100;
+const ADMIN_SECTION_LABEL = "数据集";
+const ADMIN_PAGE_SIZE = 20;
+const ADMIN_ROW_PAGE_SIZE = 20;
+const ADMIN_ROW_MAX_PAGE_SIZE = 100;
+const ADMIN_ROW_ID_COLUMN = "_row_id";
+const ADMIN_MAX_COLUMNS = 64;
+const ADMIN_MAX_SAMPLE_VALUES = 5;
+const ADMIN_SOURCE_TYPES = ["mysql", "postgresql"];
+const ADMIN_SOURCE_TYPE_LABELS = {
+	mysql: "MySQL",
+	postgresql: "PostgreSQL"
+};
+const ADMIN_SOURCE_DEFAULT_PORTS = {
+	mysql: 3306,
+	postgresql: 5432
+};
+const ADMIN_COLUMN_TYPE_LABELS = {
+	text: "文本",
+	numeric: "数值",
+	boolean: "布尔",
+	date: "日期"
+};
+const ADMIN_COLUMN_TYPES = [
+	"text",
+	"numeric",
+	"boolean",
+	"date"
+];
+
+//#endregion
+//#region src/client/settings/api.ts
+var AdminApiError = class extends Error {
+	constructor(status, code, message) {
+		super(message);
+		this.status = status;
+		this.code = code;
+		this.name = "AdminApiError";
+	}
+};
+async function request(path, init) {
+	const response = await fetch(`${ADMIN_API_BASE}${path}`, {
+		...init,
+		credentials: "same-origin",
+		headers: {
+			"content-type": "application/json",
+			...init?.headers ?? {}
+		}
+	});
+	if (!response.ok) {
+		let code = "UNKNOWN";
+		let message = `请求失败（HTTP ${response.status}）`;
+		try {
+			const body = await response.json();
+			if (body.error) {
+				code = body.error.code ?? code;
+				message = body.error.message ?? message;
+			}
+		} catch {}
+		throw new AdminApiError(response.status, code, message);
+	}
+	return await response.json();
+}
+function listScopes() {
+	return request("/scopes");
+}
+function listDatasets(query, page, pageSize) {
+	const params = new URLSearchParams();
+	if (query.trim().length > 0) params.set("q", query);
+	params.set("page", String(page));
+	params.set("pageSize", String(pageSize));
+	return request(`/datasets?${params.toString()}`);
+}
+function getDataset(id, scope) {
+	return request(`/datasets/${encodeURIComponent(id)}?scope=${encodeURIComponent(scope)}`);
+}
+function listDatasetRows(id, scope, page, pageSize) {
+	const params = new URLSearchParams();
+	params.set("scope", scope);
+	params.set("page", String(page));
+	params.set("pageSize", String(pageSize));
+	return request(`/datasets/${encodeURIComponent(id)}/rows?${params.toString()}`);
+}
+function createDataset(body) {
+	return request("/datasets", {
+		method: "POST",
+		body: JSON.stringify(body)
+	});
+}
+function patchDataset(id, scope, body) {
+	return request(`/datasets/${encodeURIComponent(id)}?scope=${encodeURIComponent(scope)}`, {
+		method: "PATCH",
+		body: JSON.stringify(body)
+	});
+}
+function deleteDataset(id, scope) {
+	return request(`/datasets/${encodeURIComponent(id)}?scope=${encodeURIComponent(scope)}`, { method: "DELETE" });
+}
+function listDataSources() {
+	return request("/sources");
+}
+function createDataSource(body) {
+	return request("/sources", {
+		method: "POST",
+		body: JSON.stringify(body)
+	});
+}
+function patchDataSource(id, body) {
+	return request(`/sources/${encodeURIComponent(id)}`, {
+		method: "PATCH",
+		body: JSON.stringify(body)
+	});
+}
+function deleteDataSource(id) {
+	return request(`/sources/${encodeURIComponent(id)}`, { method: "DELETE" });
+}
+function testDataSource(body) {
+	return request("/sources/test", {
+		method: "POST",
+		body: JSON.stringify(body)
+	});
+}
+function listSourceTables(id, schema, query) {
+	const params = new URLSearchParams();
+	if (schema !== undefined && schema.trim().length > 0) params.set("schema", schema);
+	if (query !== undefined && query.trim().length > 0) params.set("q", query);
+	const suffix = params.toString().length > 0 ? `?${params.toString()}` : "";
+	return request(`/sources/${encodeURIComponent(id)}/tables${suffix}`);
+}
+function importSourceTable(id, body) {
+	return request(`/sources/${encodeURIComponent(id)}/import`, {
+		method: "POST",
+		body: JSON.stringify(body)
+	});
+}
+
+//#endregion
+//#region src/client/settings/styles.ts
+const c = {
+	bg: "var(--dsw-bg, #ffffff)",
+	subtle: "var(--dsw-bg-subtle, #fafafa)",
+	fg: "var(--dsw-fg, #1f2328)",
+	fg2: "var(--dsw-fg-secondary, #656d76)",
+	border: "var(--dsw-border, #e5e5e5)",
+	primary: "var(--dsw-primary, #2f6feb)",
+	danger: "var(--dsw-danger, #c0392b)",
+	ok: "var(--dsw-ok, #1a7f37)",
+	warn: "var(--dsw-warn, #9a6700)"
+};
+const s = {
+	page: {
+		fontSize: 12,
+		color: c.fg,
+		lineHeight: 1.6
+	},
+	toolbar: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8,
+		marginBottom: 10,
+		paddingBottom: 10,
+		borderBottom: `1px solid ${c.border}`
+	},
+	search: {
+		flex: 1,
+		minWidth: 0,
+		padding: "5px 8px",
+		fontSize: 12,
+		border: `1px solid ${c.border}`,
+		borderRadius: 6,
+		background: c.bg,
+		color: c.fg,
+		outline: "none"
+	},
+	button: {
+		border: `1px solid ${c.border}`,
+		background: c.bg,
+		color: c.fg,
+		borderRadius: 6,
+		padding: "5px 10px",
+		cursor: "pointer",
+		fontSize: 12,
+		whiteSpace: "nowrap"
+	},
+	primaryButton: {
+		border: `1px solid ${c.primary}`,
+		background: c.primary,
+		color: "#fff",
+		borderRadius: 6,
+		padding: "5px 12px",
+		cursor: "pointer",
+		fontSize: 12,
+		whiteSpace: "nowrap"
+	},
+	dangerButton: {
+		border: `1px solid ${c.danger}`,
+		background: "transparent",
+		color: c.danger,
+		borderRadius: 6,
+		padding: "5px 10px",
+		cursor: "pointer",
+		fontSize: 12
+	},
+	disabledButton: {
+		opacity: .5,
+		cursor: "not-allowed"
+	},
+	banner: {
+		marginBottom: 10,
+		padding: "6px 10px",
+		borderRadius: 6,
+		border: `1px solid ${c.danger}`,
+		color: c.danger,
+		fontSize: 12,
+		display: "flex",
+		alignItems: "center",
+		gap: 8
+	},
+	scroll: {
+		maxHeight: 360,
+		overflow: "auto",
+		border: `1px solid ${c.border}`,
+		borderRadius: 6
+	},
+	table: {
+		borderCollapse: "collapse",
+		width: "100%",
+		fontSize: 12
+	},
+	th: {
+		position: "sticky",
+		top: 0,
+		background: c.subtle,
+		textAlign: "left",
+		padding: "6px 8px",
+		borderBottom: `1px solid ${c.border}`,
+		color: c.fg2,
+		fontWeight: 600,
+		whiteSpace: "nowrap"
+	},
+	td: {
+		padding: "5px 8px",
+		borderBottom: `1px solid ${c.border}`,
+		maxWidth: 280,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	row: { cursor: "pointer" },
+	selectedRow: { boxShadow: `inset 2px 0 0 ${c.primary}` },
+	rowHover: { background: c.subtle },
+	dot: {
+		display: "inline-block",
+		width: 7,
+		height: 7,
+		borderRadius: "50%",
+		marginRight: 5
+	},
+	panel: {
+		marginTop: 12,
+		padding: 12,
+		border: `1px solid ${c.border}`,
+		borderRadius: 6,
+		background: c.subtle
+	},
+	field: { marginBottom: 10 },
+	label: {
+		display: "block",
+		fontSize: 12,
+		color: c.fg2,
+		marginBottom: 4
+	},
+	input: {
+		width: "100%",
+		boxSizing: "border-box",
+		padding: "5px 8px",
+		fontSize: 12,
+		border: `1px solid ${c.border}`,
+		borderRadius: 6,
+		background: c.bg,
+		color: c.fg,
+		outline: "none"
+	},
+	select: {
+		padding: "4px 6px",
+		fontSize: 12,
+		border: `1px solid ${c.border}`,
+		borderRadius: 6,
+		background: c.bg,
+		color: c.fg,
+		outline: "none"
+	},
+	textarea: {
+		width: "100%",
+		boxSizing: "border-box",
+		padding: "5px 8px",
+		fontSize: 12,
+		border: `1px solid ${c.border}`,
+		borderRadius: 6,
+		background: c.bg,
+		color: c.fg,
+		outline: "none",
+		resize: "vertical",
+		minHeight: 54,
+		fontFamily: "inherit"
+	},
+	grid2: {
+		display: "grid",
+		gridTemplateColumns: "1fr 1fr",
+		gap: 10
+	},
+	grid3: {
+		display: "grid",
+		gridTemplateColumns: "1fr 1fr 1fr",
+		gap: 8,
+		alignItems: "end"
+	},
+	head: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		marginBottom: 10
+	},
+	bar: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8,
+		marginTop: 8,
+		flexWrap: "wrap"
+	},
+	muted: { color: c.fg2 },
+	link: {
+		color: c.primary,
+		cursor: "pointer"
+	},
+	status: { fontWeight: 600 },
+	tabs: {
+		display: "flex",
+		gap: 18,
+		marginBottom: 12,
+		borderBottom: `1px solid ${c.border}`
+	},
+	tab: {
+		padding: "0 0 6px",
+		fontSize: 13,
+		fontWeight: 600,
+		color: c.fg2,
+		background: "none",
+		border: "none",
+		borderBottom: "2px solid transparent",
+		cursor: "pointer",
+		transition: "color 120ms ease, border-color 120ms ease"
+	},
+	activeTab: {
+		color: c.fg,
+		borderBottom: `2px solid ${c.primary}`
+	}
+};
+const STATUS_COLOR = {
+	ready: c.ok,
+	importing: c.warn,
+	failed: c.danger
+};
+const SOURCE_STATUS_COLOR = {
+	connected: c.ok,
+	error: c.danger,
+	unknown: c.fg2
+};
+const SOURCE_STATUS_TEXT = {
+	connected: "已连通",
+	error: "连接失败",
+	unknown: "未检测"
+};
+const TYPE_BADGE = {
+	mysql: c.primary,
+	postgresql: c.ok
+};
+
+//#endregion
+//#region src/client/settings/DatasetTable.tsx
+const STATUS_TEXT = {
+	ready: "就绪",
+	importing: "导入中",
+	failed: "失败"
+};
+function fmtAgo(ts) {
+	if (!Number.isFinite(ts) || ts <= 0) return "—";
+	const diff = Date.now() - ts;
+	if (diff < 6e4) return "刚刚";
+	if (diff < 36e5) return `${Math.floor(diff / 6e4)} 分钟前`;
+	if (diff < 864e5) return `${Math.floor(diff / 36e5)} 小时前`;
+	return `${Math.floor(diff / 864e5)} 天前`;
+}
+function ellipsis(value, max = 32) {
+	if (value === null) return "—";
+	return value.length > max ? `${value.slice(0, max)}…` : value;
+}
+function DatasetTable(props) {
+	const { items, page, pageSize, total, selectedId, loading, onSelect, onPageChange } = props;
+	const totalPages = Math.max(1, Math.ceil(total / pageSize));
+	const rows = items.length === 0 && !loading ? (0, react_jsx_runtime.jsx)("tr", { children: (0, react_jsx_runtime.jsx)("td", {
+		style: {
+			...s.td,
+			color: c.fg2,
+			padding: "18px 8px",
+			textAlign: "center"
+		},
+		colSpan: 7,
+		children: "还没有数据集，用 agent 的 dataset_import 导入，或直接点击「新建数据集」"
+	}) }) : items.map((item) => (0, react_jsx_runtime.jsxs)("tr", {
+		style: {
+			...s.row,
+			...item.id === selectedId ? s.selectedRow : null
+		},
+		onClick: () => onSelect(item),
+		children: [
+			(0, react_jsx_runtime.jsx)("td", {
+				style: s.td,
+				title: item.name,
+				children: ellipsis(item.name, 40)
+			}),
+			(0, react_jsx_runtime.jsx)("td", {
+				style: s.td,
+				title: item.scopeKey,
+				children: ellipsis(item.scopeKey, 36)
+			}),
+			(0, react_jsx_runtime.jsx)("td", {
+				style: s.td,
+				children: item.rowCount
+			}),
+			(0, react_jsx_runtime.jsx)("td", {
+				style: s.td,
+				children: item.columnCount
+			}),
+			(0, react_jsx_runtime.jsxs)("td", {
+				style: s.td,
+				children: [(0, react_jsx_runtime.jsx)("span", { style: {
+					...s.dot,
+					background: STATUS_COLOR[item.status] ?? c.fg2
+				} }), STATUS_TEXT[item.status] ?? item.status]
+			}),
+			(0, react_jsx_runtime.jsx)("td", {
+				style: s.td,
+				title: item.sourcePath ?? "",
+				children: ellipsis(item.sourcePath, 40)
+			}),
+			(0, react_jsx_runtime.jsx)("td", {
+				style: {
+					...s.td,
+					color: c.fg2
+				},
+				children: fmtAgo(item.updatedAt)
+			})
+		]
+	}, `${item.scopeKey}:${item.id}`));
+	return (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("div", {
+		style: s.scroll,
+		children: (0, react_jsx_runtime.jsxs)("table", {
+			style: s.table,
+			children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [
+				(0, react_jsx_runtime.jsx)("th", {
+					style: s.th,
+					children: "名称"
+				}),
+				(0, react_jsx_runtime.jsx)("th", {
+					style: s.th,
+					children: "工作区"
+				}),
+				(0, react_jsx_runtime.jsx)("th", {
+					style: s.th,
+					children: "行数"
+				}),
+				(0, react_jsx_runtime.jsx)("th", {
+					style: s.th,
+					children: "列数"
+				}),
+				(0, react_jsx_runtime.jsx)("th", {
+					style: s.th,
+					children: "状态"
+				}),
+				(0, react_jsx_runtime.jsx)("th", {
+					style: s.th,
+					children: "来源"
+				}),
+				(0, react_jsx_runtime.jsx)("th", {
+					style: s.th,
+					children: "更新时间"
+				})
+			] }) }), (0, react_jsx_runtime.jsx)("tbody", { children: rows })]
+		})
+	}), (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			...s.bar,
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			marginTop: 8
+		},
+		children: [
+			(0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				style: {
+					...s.button,
+					...page <= 1 ? s.disabledButton : null
+				},
+				disabled: page <= 1,
+				onClick: () => onPageChange(1),
+				children: "« 首页"
+			}),
+			(0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				style: {
+					...s.button,
+					...page <= 1 ? s.disabledButton : null
+				},
+				disabled: page <= 1,
+				onClick: () => onPageChange(page - 1),
+				children: "上一页"
+			}),
+			(0, react_jsx_runtime.jsxs)("span", { children: [
+				"第 ",
+				Math.min(page, totalPages),
+				" / ",
+				totalPages,
+				" 页 · 共 ",
+				total,
+				" 个"
+			] }),
+			(0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				style: {
+					...s.button,
+					...page >= totalPages ? s.disabledButton : null
+				},
+				disabled: page >= totalPages,
+				onClick: () => onPageChange(page + 1),
+				children: "下一页"
+			}),
+			loading ? (0, react_jsx_runtime.jsx)("span", {
+				style: s.muted,
+				children: "加载中…"
+			}) : null
+		]
+	})] });
+}
+
+//#endregion
+//#region src/client/settings/DatasetEditor.tsx
+/** 样例分隔符：展示用全角顿号，输入同时接受半角与全角逗号。 */
+const SAMPLE_SEPARATORS = /[、,，]/;
+/** 空值的展示记号，与 `sampleToText` 互逆。 */
+const NULL_MARK = "∅";
+function sampleToText(sample) {
+	if (!Array.isArray(sample)) return "";
+	return sample.slice(0, ADMIN_MAX_SAMPLE_VALUES).map((value) => value === null ? NULL_MARK : String(value)).join("、");
+}
+function textToSample(text) {
+	return text.split(SAMPLE_SEPARATORS).map((value) => value.trim()).filter((value) => value.length > 0).map((value) => value === NULL_MARK ? null : value);
+}
+function initialDrafts(columns) {
+	const drafts = {};
+	for (const column of columns) drafts[column.sanitizedName] = {
+		description: column.description ?? "",
+		sampleText: sampleToText(column.sample)
+	};
+	return drafts;
+}
+function DatasetEditor(props) {
+	const { detail, writable, onChanged, onDeleted, onError } = props;
+	const [name$1, setName] = (0, react.useState)(detail.name);
+	const [description, setDescription] = (0, react.useState)(detail.description ?? "");
+	const [sourcePath, setSourcePath] = (0, react.useState)(detail.sourcePath ?? "");
+	const [columnDrafts, setColumnDrafts] = (0, react.useState)(() => initialDrafts(detail.columns));
+	const [saving, setSaving] = (0, react.useState)(false);
+	const [deleting, setDeleting] = (0, react.useState)(false);
+	const [confirming, setConfirming] = (0, react.useState)(false);
+	function updateColumnDraft(key, patch) {
+		setColumnDrafts((previous) => ({
+			...previous,
+			[key]: {
+				...previous[key],
+				...patch
+			}
+		}));
+	}
+	const columnDirty = detail.columns.some((column) => {
+		const draft = columnDrafts[column.sanitizedName];
+		if (draft === undefined) return false;
+		return draft.description !== (column.description ?? "") || draft.sampleText !== sampleToText(column.sample);
+	});
+	const dirty = name$1 !== detail.name || description !== (detail.description ?? "") || sourcePath !== (detail.sourcePath ?? "") || columnDirty;
+	/** 只提交改动的列；未改动的列连同样例一并原样保留，不参与往返。 */
+	function buildColumnPatches() {
+		const patches = [];
+		for (const column of detail.columns) {
+			const draft = columnDrafts[column.sanitizedName];
+			if (draft === undefined) continue;
+			const patch = { sanitizedName: column.sanitizedName };
+			let changed = false;
+			if (draft.description !== (column.description ?? "")) {
+				patch.description = draft.description;
+				changed = true;
+			}
+			if (draft.sampleText !== sampleToText(column.sample)) {
+				patch.sample = textToSample(draft.sampleText);
+				changed = true;
+			}
+			if (changed) patches.push(patch);
+		}
+		return patches;
+	}
+	async function handleSave() {
+		if (!dirty || saving) return;
+		const columnPatches = buildColumnPatches();
+		const body = {
+			name: name$1,
+			description,
+			sourcePath
+		};
+		if (columnPatches.length > 0) body.columns = columnPatches;
+		setSaving(true);
+		try {
+			const updated = await patchDataset(detail.id, detail.scopeKey, body);
+			onChanged(updated);
+		} catch (error) {
+			onError(error instanceof Error ? error : new Error("保存失败"));
+		} finally {
+			setSaving(false);
+		}
+	}
+	async function handleDelete() {
+		if (deleting) return;
+		setDeleting(true);
+		try {
+			await deleteDataset(detail.id, detail.scopeKey);
+			onDeleted(detail.id);
+		} catch (error) {
+			onError(error instanceof Error ? error : new Error("删除失败"));
+			setConfirming(false);
+		} finally {
+			setDeleting(false);
+		}
+	}
+	const disabled = !writable || saving;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		style: s.panel,
+		children: [
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					...s.head,
+					display: "flex",
+					justifyContent: "space-between",
+					marginBottom: 10
+				},
+				children: [(0, react_jsx_runtime.jsx)("strong", {
+					style: { fontSize: 13 },
+					children: "数据集详情"
+				}), (0, react_jsx_runtime.jsxs)("span", {
+					style: s.muted,
+					children: ["工作区：", detail.scopeKey]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "名称"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: name$1,
+						disabled,
+						onChange: (e) => setName(e.target.value)
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "来源路径"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: sourcePath,
+						disabled,
+						onChange: (e) => setSourcePath(e.target.value)
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.field,
+				children: [(0, react_jsx_runtime.jsx)("label", {
+					style: s.label,
+					children: "描述"
+				}), (0, react_jsx_runtime.jsx)("textarea", {
+					style: s.textarea,
+					value: description,
+					disabled,
+					onChange: (e) => setDescription(e.target.value)
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					gap: 8,
+					alignItems: "center"
+				},
+				children: [
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.primaryButton,
+							...disabled || !dirty ? s.disabledButton : null
+						},
+						disabled: disabled || !dirty,
+						onClick: () => void handleSave(),
+						children: saving ? "保存中…" : "保存修改"
+					}),
+					!confirming ? (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.dangerButton,
+							...!writable ? s.disabledButton : null
+						},
+						disabled: !writable,
+						onClick: () => setConfirming(true),
+						children: "删除数据集"
+					}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						(0, react_jsx_runtime.jsxs)("span", {
+							style: { color: c.danger },
+							children: [
+								"确认删除「",
+								detail.name,
+								"」及其全部数据？"
+							]
+						}),
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							style: {
+								...s.dangerButton,
+								...deleting ? s.disabledButton : null
+							},
+							disabled: deleting,
+							onClick: () => void handleDelete(),
+							children: deleting ? "删除中…" : "确认删除"
+						}),
+						(0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							style: s.button,
+							disabled: deleting,
+							onClick: () => setConfirming(false),
+							children: "取消"
+						})
+					] }),
+					!writable ? (0, react_jsx_runtime.jsx)("span", {
+						style: s.muted,
+						children: "（只读模式或接口已关闭，不可修改）"
+					}) : null
+				]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: { marginTop: 14 },
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						...s.label,
+						marginBottom: 6
+					},
+					children: [
+						"列结构 · 共 ",
+						detail.columns.length,
+						" 列　（列名 / 类型 / 可空性由导入时推断，不可修改；说明与样例可编辑）"
+					]
+				}), (0, react_jsx_runtime.jsx)("div", {
+					style: {
+						...s.scroll,
+						maxHeight: 240
+					},
+					children: (0, react_jsx_runtime.jsxs)("table", {
+						style: s.table,
+						children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "列名"
+							}),
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "类型"
+							}),
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "可空"
+							}),
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "说明"
+							}),
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "样例"
+							})
+						] }) }), (0, react_jsx_runtime.jsx)("tbody", { children: detail.columns.map((column) => (0, react_jsx_runtime.jsxs)("tr", { children: [
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								title: column.name,
+								children: column.name
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								children: ADMIN_COLUMN_TYPE_LABELS[column.type] ?? column.type
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								children: column.nullable ? "是" : "否"
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: {
+									...s.td,
+									overflow: "visible"
+								},
+								children: (0, react_jsx_runtime.jsx)("input", {
+									style: s.input,
+									value: columnDrafts[column.sanitizedName]?.description ?? "",
+									disabled,
+									placeholder: "补充说明，便于 agent 理解该列",
+									onChange: (event) => updateColumnDraft(column.sanitizedName, { description: event.target.value })
+								})
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: {
+									...s.td,
+									overflow: "visible"
+								},
+								children: (0, react_jsx_runtime.jsx)("input", {
+									style: s.input,
+									value: columnDrafts[column.sanitizedName]?.sampleText ?? "",
+									disabled,
+									placeholder: "多个值用 、 分隔",
+									onChange: (event) => updateColumnDraft(column.sanitizedName, { sampleText: event.target.value })
+								})
+							})
+						] }, column.sanitizedName)) })]
+					})
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/settings/RowsPanel.tsx
+/** 每页条数可选项：默认 20，最大取契约上限。 */
+const PAGE_SIZE_OPTIONS = [...new Set([
+	ADMIN_ROW_PAGE_SIZE,
+	50,
+	ADMIN_ROW_MAX_PAGE_SIZE
+])].sort((a, b) => a - b);
+/** 单个单元格的展示字符上限（超长省略，完整值放 title）。 */
+const CELL_MAX_LENGTH = 80;
+function cellText(value) {
+	if (typeof value === "string") return value;
+	if (typeof value === "object" && value !== null) try {
+		return JSON.stringify(value);
+	} catch {
+		return "[object]";
+	}
+	return String(value);
+}
+function Cell(props) {
+	const { value } = props;
+	if (value === null || value === undefined) return (0, react_jsx_runtime.jsx)("span", {
+		style: { color: c.fg2 },
+		children: "—"
+	});
+	const text = cellText(value);
+	return (0, react_jsx_runtime.jsx)("span", {
+		title: text,
+		children: text.length > CELL_MAX_LENGTH ? `${text.slice(0, CELL_MAX_LENGTH)}…` : text
+	});
+}
+function RowsPanel(props) {
+	const { datasetId, scopeKey, recordedRows, status } = props;
+	const [data, setData] = (0, react.useState)(null);
+	const [page, setPage] = (0, react.useState)(1);
+	const [pageSize, setPageSize] = (0, react.useState)(ADMIN_ROW_PAGE_SIZE);
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(null);
+	const requestId = (0, react.useRef)(0);
+	const load = (0, react.useCallback)(async (target, size) => {
+		const id = requestId.current + 1;
+		requestId.current = id;
+		setLoading(true);
+		setError(null);
+		try {
+			const result = await listDatasetRows(datasetId, scopeKey, target, size);
+			if (id !== requestId.current) return;
+			setData(result);
+			setPage(result.page);
+		} catch (failure) {
+			if (id !== requestId.current) return;
+			setError(failure instanceof Error ? failure.message : "加载数据失败");
+		} finally {
+			if (id === requestId.current) setLoading(false);
+		}
+	}, [datasetId, scopeKey]);
+	(0, react.useEffect)(() => {
+		setData(null);
+		void load(1, pageSize);
+	}, [load, pageSize]);
+	const total = data?.total ?? 0;
+	const totalPages = data?.totalPages ?? 1;
+	const columns = data?.columns ?? [];
+	const rows = data?.rows ?? [];
+	return (0, react_jsx_runtime.jsxs)("div", {
+		style: s.panel,
+		children: [
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					...s.head,
+					display: "flex",
+					justifyContent: "space-between",
+					marginBottom: 10
+				},
+				children: [(0, react_jsx_runtime.jsx)("strong", {
+					style: { fontSize: 13 },
+					children: "表数据"
+				}), (0, react_jsx_runtime.jsx)("span", {
+					style: s.muted,
+					children: loading ? "加载中…" : `共 ${total} 行`
+				})]
+			}),
+			status !== "ready" ? (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					...s.muted,
+					marginBottom: 8
+				},
+				children: [
+					"数据集当前状态为 ",
+					status,
+					"，数据可能不完整。"
+				]
+			}) : null,
+			error !== null ? (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					...s.banner,
+					marginTop: 0
+				},
+				children: (0, react_jsx_runtime.jsx)("span", { children: error })
+			}) : null,
+			recordedRows !== total && error === null && data !== null ? (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					...s.muted,
+					marginBottom: 8
+				},
+				children: [
+					"元数据登记 ",
+					recordedRows,
+					" 行，实际 ",
+					total,
+					" 行。"
+				]
+			}) : null,
+			columns.length > 0 ? (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					...s.scroll,
+					maxHeight: 320
+				},
+				children: (0, react_jsx_runtime.jsxs)("table", {
+					style: s.table,
+					children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "#"
+					}), columns.map((column) => (0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						title: column,
+						children: column
+					}, column))] }) }), (0, react_jsx_runtime.jsxs)("tbody", { children: [rows.map((row) => (0, react_jsx_runtime.jsxs)("tr", { children: [(0, react_jsx_runtime.jsx)("td", {
+						style: {
+							...s.td,
+							color: c.fg2,
+							maxWidth: 60
+						},
+						children: String(row[ADMIN_ROW_ID_COLUMN] ?? "")
+					}), columns.map((column) => (0, react_jsx_runtime.jsx)("td", {
+						style: s.td,
+						children: (0, react_jsx_runtime.jsx)(Cell, { value: row[column] })
+					}, column))] }, String(row[ADMIN_ROW_ID_COLUMN] ?? ""))), rows.length === 0 && !loading ? (0, react_jsx_runtime.jsx)("tr", { children: (0, react_jsx_runtime.jsx)("td", {
+						style: {
+							...s.td,
+							color: c.fg2,
+							padding: "16px 8px",
+							textAlign: "center"
+						},
+						colSpan: columns.length + 1,
+						children: total === 0 ? "该数据集还没有数据行" : "这一页没有数据"
+					}) }) : null] })]
+				})
+			}) : loading ? (0, react_jsx_runtime.jsx)("div", {
+				style: s.muted,
+				children: "加载中…"
+			}) : error === null ? (0, react_jsx_runtime.jsx)("div", {
+				style: s.muted,
+				children: "该数据集没有已登记的列，无法展示数据。"
+			}) : null,
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					...s.bar,
+					display: "flex",
+					alignItems: "center",
+					gap: 8,
+					marginTop: 8
+				},
+				children: [
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.button,
+							...page <= 1 || loading ? s.disabledButton : null
+						},
+						disabled: page <= 1 || loading,
+						onClick: () => void load(1, pageSize),
+						children: "« 首页"
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.button,
+							...page <= 1 || loading ? s.disabledButton : null
+						},
+						disabled: page <= 1 || loading,
+						onClick: () => void load(page - 1, pageSize),
+						children: "上一页"
+					}),
+					(0, react_jsx_runtime.jsxs)("span", { children: [
+						"第 ",
+						page,
+						" / ",
+						totalPages,
+						" 页"
+					] }),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.button,
+							...page >= totalPages || loading ? s.disabledButton : null
+						},
+						disabled: page >= totalPages || loading,
+						onClick: () => void load(page + 1, pageSize),
+						children: "下一页"
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.button,
+							...page >= totalPages || loading ? s.disabledButton : null
+						},
+						disabled: page >= totalPages || loading,
+						onClick: () => void load(totalPages, pageSize),
+						children: "末页 »"
+					}),
+					(0, react_jsx_runtime.jsxs)("label", {
+						style: {
+							...s.muted,
+							display: "flex",
+							alignItems: "center",
+							gap: 4
+						},
+						children: [
+							"每页",
+							(0, react_jsx_runtime.jsx)("select", {
+								style: s.select,
+								value: pageSize,
+								disabled: loading,
+								onChange: (event) => setPageSize(Number(event.target.value)),
+								children: PAGE_SIZE_OPTIONS.map((size) => (0, react_jsx_runtime.jsx)("option", {
+									value: size,
+									children: size
+								}, size))
+							}),
+							"行"
+						]
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.button,
+							...loading ? s.disabledButton : null
+						},
+						disabled: loading,
+						onClick: () => void load(page, pageSize),
+						children: "刷新"
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/settings/CreateForm.tsx
+const EMPTY_COLUMN = {
+	name: "",
+	type: "text",
+	nullable: false,
+	description: ""
+};
+function CreateForm(props) {
+	const { scopes, onCreated, onCancel, onError } = props;
+	const [scopeKey, setScopeKey] = (0, react.useState)(scopes[0]?.scopeKey ?? "");
+	const [name$1, setName] = (0, react.useState)("");
+	const [description, setDescription] = (0, react.useState)("");
+	const [sourcePath, setSourcePath] = (0, react.useState)("");
+	const [columns, setColumns] = (0, react.useState)([{ ...EMPTY_COLUMN }]);
+	const [submitting, setSubmitting] = (0, react.useState)(false);
+	const canSubmit = scopeKey.length > 0 && name$1.trim().length > 0 && columns.length > 0 && columns.length <= ADMIN_MAX_COLUMNS && columns.every((column) => column.name.trim().length > 0);
+	function updateColumn(index, patch) {
+		setColumns((previous) => previous.map((column, i) => i === index ? {
+			...column,
+			...patch
+		} : column));
+	}
+	async function handleSubmit() {
+		if (!canSubmit || submitting) return;
+		const body = {
+			scopeKey,
+			name: name$1.trim(),
+			description: description.trim().length > 0 ? description.trim() : undefined,
+			sourcePath: sourcePath.trim().length > 0 ? sourcePath.trim() : null,
+			columns: columns.map((column) => ({
+				name: column.name.trim(),
+				type: column.type,
+				nullable: column.nullable,
+				description: column.description.trim().length > 0 ? column.description.trim() : undefined
+			}))
+		};
+		setSubmitting(true);
+		try {
+			const created = await createDataset(body);
+			onCreated(created);
+		} catch (error) {
+			onError(error instanceof Error ? error : new Error("新建失败"));
+		} finally {
+			setSubmitting(false);
+		}
+	}
+	return (0, react_jsx_runtime.jsxs)("div", {
+		style: s.panel,
+		children: [
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					justifyContent: "space-between",
+					marginBottom: 10
+				},
+				children: [(0, react_jsx_runtime.jsx)("strong", {
+					style: { fontSize: 13 },
+					children: "新建数据集"
+				}), (0, react_jsx_runtime.jsx)("span", {
+					style: s.muted,
+					children: "空表，建好后用 agent 工具灌入数据"
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "工作区"
+					}), (0, react_jsx_runtime.jsx)("select", {
+						style: s.input,
+						value: scopeKey,
+						disabled: submitting,
+						onChange: (e) => setScopeKey(e.target.value),
+						children: scopes.length === 0 ? (0, react_jsx_runtime.jsx)("option", {
+							value: "",
+							children: "（暂无可用工作区）"
+						}) : scopes.map((scope) => (0, react_jsx_runtime.jsx)("option", {
+							value: scope.scopeKey,
+							children: scope.scopeKey
+						}, scope.scopeKey))
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "名称"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: name$1,
+						disabled: submitting,
+						onChange: (e) => setName(e.target.value)
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "描述"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: description,
+						disabled: submitting,
+						onChange: (e) => setDescription(e.target.value)
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "来源路径（可选）"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: sourcePath,
+						disabled: submitting,
+						onChange: (e) => setSourcePath(e.target.value)
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.label,
+				children: [
+					"列定义（",
+					columns.length,
+					" / ",
+					ADMIN_MAX_COLUMNS,
+					"）"
+				]
+			}),
+			(0, react_jsx_runtime.jsx)("div", {
+				style: {
+					...s.scroll,
+					maxHeight: 220,
+					marginBottom: 10
+				},
+				children: (0, react_jsx_runtime.jsxs)("table", {
+					style: s.table,
+					children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "列名"
+						}),
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "类型"
+						}),
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "可空"
+						}),
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "说明"
+						}),
+						(0, react_jsx_runtime.jsx)("th", { style: s.th })
+					] }) }), (0, react_jsx_runtime.jsx)("tbody", { children: columns.map((column, index) => (0, react_jsx_runtime.jsxs)("tr", { children: [
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							children: (0, react_jsx_runtime.jsx)("input", {
+								style: {
+									...s.input,
+									border: column.name.trim().length === 0 ? `1px solid ${c.danger}` : s.input.border
+								},
+								value: column.name,
+								disabled: submitting,
+								onChange: (e) => updateColumn(index, { name: e.target.value })
+							})
+						}),
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							children: (0, react_jsx_runtime.jsx)("select", {
+								style: s.input,
+								value: column.type,
+								disabled: submitting,
+								onChange: (e) => updateColumn(index, { type: e.target.value }),
+								children: ADMIN_COLUMN_TYPES.map((type) => (0, react_jsx_runtime.jsx)("option", {
+									value: type,
+									children: ADMIN_COLUMN_TYPE_LABELS[type]
+								}, type))
+							})
+						}),
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							children: (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: column.nullable,
+								disabled: submitting,
+								onChange: (e) => updateColumn(index, { nullable: e.target.checked })
+							})
+						}),
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							children: (0, react_jsx_runtime.jsx)("input", {
+								style: s.input,
+								value: column.description,
+								disabled: submitting,
+								onChange: (e) => updateColumn(index, { description: e.target.value })
+							})
+						}),
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							children: (0, react_jsx_runtime.jsx)("span", {
+								style: {
+									...s.link,
+									...columns.length <= 1 || submitting ? s.disabledButton : null
+								},
+								onClick: () => {
+									if (columns.length > 1 && !submitting) setColumns((previous) => previous.filter((_, i) => i !== index));
+								},
+								children: "删除"
+							})
+						})
+					] }, index)) })]
+				})
+			}),
+			(0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				style: {
+					...s.button,
+					...columns.length >= ADMIN_MAX_COLUMNS || submitting ? s.disabledButton : null
+				},
+				disabled: columns.length >= ADMIN_MAX_COLUMNS || submitting,
+				onClick: () => setColumns((previous) => [...previous, { ...EMPTY_COLUMN }]),
+				children: "添加一列"
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					gap: 8,
+					marginTop: 12
+				},
+				children: [(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: {
+						...s.primaryButton,
+						...!canSubmit || submitting ? s.disabledButton : null
+					},
+					disabled: !canSubmit || submitting,
+					onClick: () => void handleSubmit(),
+					children: submitting ? "提交中…" : "提交"
+				}), (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: s.button,
+					disabled: submitting,
+					onClick: onCancel,
+					children: "取消"
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/settings/DatasetsPanel.tsx
+function DatasetsPanel() {
+	const [scopes, setScopes] = (0, react.useState)([]);
+	const [items, setItems] = (0, react.useState)([]);
+	const [total, setTotal] = (0, react.useState)(0);
+	const [query, setQuery] = (0, react.useState)("");
+	const [page, setPage] = (0, react.useState)(1);
+	const [mode, setMode] = (0, react.useState)("browse");
+	const [selectedId, setSelectedId] = (0, react.useState)(null);
+	const [detail, setDetail] = (0, react.useState)(null);
+	const [loadingList, setLoadingList] = (0, react.useState)(false);
+	const [loadingDetail, setLoadingDetail] = (0, react.useState)(false);
+	const [writable, setWritable] = (0, react.useState)(true);
+	const [error, setError] = (0, react.useState)(null);
+	const requestId = (0, react.useRef)(0);
+	const loadScopes = (0, react.useCallback)(async () => {
+		try {
+			const result = await listScopes();
+			setScopes(result.scopes);
+		} catch (failure) {
+			if (failure instanceof AdminApiError && (failure.code === "READ_ONLY" || failure.code === "ADMIN_DISABLED")) setWritable(false);
+		}
+	}, []);
+	const loadList = (0, react.useCallback)(async (q, p) => {
+		const id = requestId.current + 1;
+		requestId.current = id;
+		setLoadingList(true);
+		try {
+			const result = await listDatasets(q, p, ADMIN_PAGE_SIZE);
+			if (id !== requestId.current) return;
+			setItems(result.items);
+			setTotal(result.total);
+			const warning = result.warnings.map((w) => `${w.scopeKey}: ${w.message}`).join("；");
+			setError(warning.length > 0 ? warning : null);
+		} catch (failure) {
+			if (id !== requestId.current) return;
+			setError(failure instanceof Error ? failure.message : "加载失败");
+		} finally {
+			if (id === requestId.current) setLoadingList(false);
+		}
+	}, []);
+	(0, react.useEffect)(() => {
+		void loadScopes();
+		void loadList("", 1);
+	}, [loadScopes, loadList]);
+	(0, react.useEffect)(() => {
+		const timer = setTimeout(() => {
+			setPage(1);
+			void loadList(query, 1);
+		}, 300);
+		return () => clearTimeout(timer);
+	}, [query, loadList]);
+	const openDetail = (0, react.useCallback)(async (item) => {
+		setSelectedId(item.id);
+		setMode("browse");
+		setDetail(null);
+		setLoadingDetail(true);
+		try {
+			const fetched = await getDataset(item.id, item.scopeKey);
+			setDetail(fetched);
+		} catch (failure) {
+			setError(failure instanceof Error ? failure.message : "加载详情失败");
+		} finally {
+			setLoadingDetail(false);
+		}
+	}, []);
+	const handleWriteError = (0, react.useCallback)((failure) => {
+		setError(failure.message);
+		if (failure instanceof AdminApiError && (failure.code === "READ_ONLY" || failure.code === "ADMIN_DISABLED")) setWritable(false);
+	}, []);
+	const handleChanged = (0, react.useCallback)((updated) => {
+		setDetail(updated);
+		void loadList(query, page);
+	}, [
+		query,
+		page,
+		loadList
+	]);
+	const handleDeleted = (0, react.useCallback)(async (id) => {
+		setSelectedId(null);
+		setDetail(null);
+		await loadScopes();
+		await loadList(query, page);
+		void id;
+	}, [
+		query,
+		page,
+		loadList,
+		loadScopes
+	]);
+	const handleCreated = (0, react.useCallback)(async (created) => {
+		setMode("browse");
+		await loadScopes();
+		await loadList(query, page);
+		const record = created;
+		setSelectedId(record.id);
+		setDetail(record);
+	}, [
+		query,
+		page,
+		loadList,
+		loadScopes
+	]);
+	return (0, react_jsx_runtime.jsxs)("div", { children: [
+		(0, react_jsx_runtime.jsxs)("div", {
+			style: s.toolbar,
+			children: [
+				(0, react_jsx_runtime.jsx)("input", {
+					style: s.search,
+					placeholder: "按名称 / 来源 / 工作区搜索…",
+					value: query,
+					onChange: (e) => setQuery(e.target.value)
+				}),
+				(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: {
+						...s.primaryButton,
+						...!writable ? s.disabledButton : null
+					},
+					disabled: !writable,
+					onClick: () => setMode("create"),
+					title: writable ? "新建空数据集" : "只读模式或接口已关闭",
+					children: "+ 新建数据集"
+				}),
+				(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: s.button,
+					disabled: loadingList,
+					onClick: () => void loadList(query, page),
+					children: "刷新"
+				})
+			]
+		}),
+		error !== null ? (0, react_jsx_runtime.jsxs)("div", {
+			style: s.banner,
+			children: [(0, react_jsx_runtime.jsx)("span", { children: error }), (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					...s.link,
+					marginLeft: "auto"
+				},
+				onClick: () => setError(null),
+				children: "忽略"
+			})]
+		}) : null,
+		(0, react_jsx_runtime.jsx)(DatasetTable, {
+			items,
+			page,
+			pageSize: ADMIN_PAGE_SIZE,
+			total,
+			selectedId,
+			loading: loadingList,
+			onSelect: (item) => void openDetail(item),
+			onPageChange: (p) => {
+				setPage(p);
+				void loadList(query, p);
+			}
+		}),
+		mode === "create" ? (0, react_jsx_runtime.jsx)(CreateForm, {
+			scopes,
+			onCreated: (detail$1) => void handleCreated(detail$1),
+			onCancel: () => setMode("browse"),
+			onError: handleWriteError
+		}) : detail !== null ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(DatasetEditor, {
+			detail,
+			writable,
+			onChanged: handleChanged,
+			onDeleted: (id) => void handleDeleted(id),
+			onError: handleWriteError
+		}), (0, react_jsx_runtime.jsx)(RowsPanel, {
+			datasetId: detail.id,
+			scopeKey: detail.scopeKey,
+			recordedRows: detail.rowCount,
+			status: detail.status
+		}, `${detail.scopeKey}:${detail.id}`)] }) : (0, react_jsx_runtime.jsx)("div", {
+			style: {
+				...s.muted,
+				marginTop: 12
+			},
+			children: loadingDetail ? "加载详情中…" : "选择一个数据集查看详情，或点击「新建数据集」创建空表。"
+		})
+	] });
+}
+
+//#endregion
+//#region src/client/settings/DataSourceForm.tsx
+function DataSourceForm(props) {
+	const { initial, onSaved, onCancel, onError } = props;
+	const editing = initial !== null && initial !== undefined;
+	const defaultType = initial?.type ?? "mysql";
+	const [name$1, setName] = (0, react.useState)(initial?.name ?? "");
+	const [type, setType] = (0, react.useState)(defaultType);
+	const [host, setHost] = (0, react.useState)(initial?.host ?? "127.0.0.1");
+	const [port, setPort] = (0, react.useState)(String(initial?.port ?? ADMIN_SOURCE_DEFAULT_PORTS[defaultType]));
+	const [database, setDatabase] = (0, react.useState)(initial?.database ?? "");
+	const [username, setUsername] = (0, react.useState)(initial?.username ?? "");
+	const [password, setPassword] = (0, react.useState)("");
+	const [sslMode, setSslMode] = (0, react.useState)(initial?.sslMode ?? "");
+	const [poolMax, setPoolMax] = (0, react.useState)(initial?.poolMax === null ? "" : String(initial?.poolMax ?? ""));
+	const [description, setDescription] = (0, react.useState)(initial?.description ?? "");
+	const [testState, setTestState] = (0, react.useState)("idle");
+	const [testResult, setTestResult] = (0, react.useState)(null);
+	const [saving, setSaving] = (0, react.useState)(false);
+	const requiredFilled = name$1.trim().length > 0 && host.trim().length > 0 && database.trim().length > 0 && username.trim().length > 0;
+	/** 连接参数变了，之前的测试结论就作废。 */
+	function changeConnection(next) {
+		next();
+		setTestState("idle");
+		setTestResult(null);
+	}
+	function draft() {
+		const parsedPort = Number.parseInt(port, 10);
+		const parsedPool = Number.parseInt(poolMax, 10);
+		return {
+			type,
+			host: host.trim(),
+			port: Number.isFinite(parsedPort) ? parsedPort : ADMIN_SOURCE_DEFAULT_PORTS[type],
+			database: database.trim(),
+			username: username.trim(),
+			password,
+			sslMode: sslMode.trim().length > 0 ? sslMode.trim() : null,
+			poolMax: Number.isFinite(parsedPool) ? parsedPool : null
+		};
+	}
+	async function handleTest() {
+		if (!requiredFilled || testState === "testing") return;
+		setTestState("testing");
+		try {
+			const result = await testDataSource(draft());
+			setTestResult(result);
+			setTestState(result.success ? "ok" : "fail");
+		} catch (error) {
+			setTestState("fail");
+			onError(error instanceof Error ? error : new Error("测试连接失败"));
+		}
+	}
+	async function handleSave() {
+		if (testState !== "ok" || saving) return;
+		setSaving(true);
+		try {
+			const connection = draft();
+			const saved = editing ? await patchDataSource(initial.id, {
+				name: name$1.trim(),
+				...connection,
+				...password.length > 0 ? {} : { password: undefined },
+				description: description.trim().length > 0 ? description.trim() : null,
+				test: true
+			}) : await createDataSource({
+				...connection,
+				name: name$1.trim(),
+				description: description.trim().length > 0 ? description.trim() : null,
+				test: true
+			});
+			onSaved(saved);
+		} catch (error) {
+			onError(error instanceof Error ? error : new Error("保存失败"));
+		} finally {
+			setSaving(false);
+		}
+	}
+	const testHint = testState === "ok" ? `连接成功（${testResult?.latency ?? 0}ms${testResult?.version === null ? "" : ` · ${testResult?.version}`}）` : testState === "fail" ? testResult?.error ?? "连接失败" : "保存前请先测试连接";
+	return (0, react_jsx_runtime.jsxs)("div", {
+		style: s.panel,
+		children: [
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					justifyContent: "space-between",
+					marginBottom: 10
+				},
+				children: [(0, react_jsx_runtime.jsx)("strong", {
+					style: { fontSize: 13 },
+					children: editing ? "编辑数据源" : "新建数据源"
+				}), (0, react_jsx_runtime.jsx)("span", {
+					style: s.muted,
+					children: editing && initial.hasPassword ? "已保存过密码，留空即保留" : "密码加密存储，不会回显"
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "名称"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: name$1,
+						disabled: saving,
+						onChange: (e) => setName(e.target.value)
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "类型"
+					}), (0, react_jsx_runtime.jsx)("select", {
+						style: s.input,
+						value: type,
+						disabled: saving,
+						onChange: (e) => changeConnection(() => {
+							setType(e.target.value);
+							setPort(String(ADMIN_SOURCE_DEFAULT_PORTS[e.target.value]));
+						}),
+						children: ADMIN_SOURCE_TYPES.map((item) => (0, react_jsx_runtime.jsx)("option", {
+							value: item,
+							children: ADMIN_SOURCE_TYPE_LABELS[item]
+						}, item))
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "主机"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: host,
+						disabled: saving,
+						onChange: (e) => changeConnection(() => setHost(e.target.value))
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "端口"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: port,
+						inputMode: "numeric",
+						disabled: saving,
+						onChange: (e) => changeConnection(() => setPort(e.target.value))
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "数据库名"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: database,
+						disabled: saving,
+						onChange: (e) => changeConnection(() => setDatabase(e.target.value))
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "用户名"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: username,
+						disabled: saving,
+						onChange: (e) => changeConnection(() => setUsername(e.target.value))
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: editing ? "重设密码（留空保留）" : "密码"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						type: "password",
+						value: password,
+						disabled: saving,
+						onChange: (e) => changeConnection(() => setPassword(e.target.value))
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "SSL 模式（可选）"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: sslMode,
+						disabled: saving,
+						placeholder: type === "mysql" ? "disabled / preferred / required" : "disable / require / verify-full",
+						onChange: (e) => changeConnection(() => setSslMode(e.target.value))
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: s.grid2,
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "连接池上限（可选）"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: poolMax,
+						inputMode: "numeric",
+						disabled: saving,
+						onChange: (e) => changeConnection(() => setPoolMax(e.target.value))
+					})]
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					style: s.field,
+					children: [(0, react_jsx_runtime.jsx)("label", {
+						style: s.label,
+						children: "描述（可选）"
+					}), (0, react_jsx_runtime.jsx)("input", {
+						style: s.input,
+						value: description,
+						disabled: saving,
+						onChange: (e) => setDescription(e.target.value)
+					})]
+				})]
+			}),
+			(0, react_jsx_runtime.jsx)("div", {
+				style: {
+					...s.banner,
+					marginBottom: 10,
+					borderColor: testState === "ok" ? c.ok : testState === "fail" ? c.danger : c.border,
+					color: testState === "ok" ? c.ok : testState === "fail" ? c.danger : c.fg2
+				},
+				children: (0, react_jsx_runtime.jsx)("span", { children: testHint })
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					gap: 8
+				},
+				children: [
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.button,
+							...!requiredFilled || testState === "testing" ? s.disabledButton : null
+						},
+						disabled: !requiredFilled || testState === "testing",
+						onClick: () => void handleTest(),
+						children: testState === "testing" ? "测试中…" : "测试连接"
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.primaryButton,
+							...testState !== "ok" || saving ? s.disabledButton : null
+						},
+						disabled: testState !== "ok" || saving,
+						onClick: () => void handleSave(),
+						children: saving ? "保存中…" : "保存"
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: s.button,
+						disabled: saving,
+						onClick: onCancel,
+						children: "取消"
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/settings/SourceTablesPanel.tsx
+function formatRows(count) {
+	if (count < 0) return "未知";
+	if (count >= 1e6) return `${(count / 1e6).toFixed(1)}M`;
+	if (count >= 1e3) return `${(count / 1e3).toFixed(1)}k`;
+	return String(count);
+}
+function SourceTablesPanel(props) {
+	const { source, scopes, onError } = props;
+	const [schemas, setSchemas] = (0, react.useState)([]);
+	const [schema, setSchema] = (0, react.useState)("");
+	const [keyword, setKeyword] = (0, react.useState)("");
+	const [tables, setTables] = (0, react.useState)([]);
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [selected, setSelected] = (0, react.useState)(null);
+	const [scopeKey, setScopeKey] = (0, react.useState)("");
+	const [name$1, setName] = (0, react.useState)("");
+	const [importing, setImporting] = (0, react.useState)(false);
+	const [result, setResult] = (0, react.useState)(null);
+	const requestId = (0, react.useRef)(0);
+	const load = (0, react.useCallback)(async (schemaArg, q) => {
+		const id = requestId.current + 1;
+		requestId.current = id;
+		setLoading(true);
+		try {
+			const loaded = await listSourceTables(source.id, schemaArg, q);
+			if (id !== requestId.current) return;
+			setSchemas(loaded.schemas);
+			setTables(loaded.tables);
+			setSelected(null);
+		} catch (failure) {
+			if (id !== requestId.current) return;
+			onError(failure instanceof Error ? failure : new Error("加载远端表失败"));
+		} finally {
+			if (id === requestId.current) setLoading(false);
+		}
+	}, [source.id, onError]);
+	(0, react.useEffect)(() => {
+		const timer = setTimeout(() => void load(schema, keyword), keyword.trim().length > 0 ? 300 : 0);
+		return () => clearTimeout(timer);
+	}, [
+		load,
+		schema,
+		keyword
+	]);
+	(0, react.useEffect)(() => {
+		if (scopeKey.length === 0 && scopes.length > 0) setScopeKey(scopes[0].scopeKey);
+	}, [scopes, scopeKey]);
+	const current = tables.find((table) => table.tableName === selected) ?? null;
+	async function handleImport() {
+		if (selected === null || scopeKey.length === 0 || importing) return;
+		setImporting(true);
+		setResult(null);
+		try {
+			const imported = await importSourceTable(source.id, {
+				scopeKey,
+				tableName: selected,
+				schemaName: schema.trim().length > 0 ? schema.trim() : null,
+				name: name$1.trim().length > 0 ? name$1.trim() : null
+			});
+			setResult(imported);
+		} catch (failure) {
+			onError(failure instanceof Error ? failure : new Error("导入失败"));
+		} finally {
+			setImporting(false);
+		}
+	}
+	return (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			...s.panel,
+			background: "transparent",
+			borderTop: `1px solid ${c.border}`,
+			borderRadius: 0
+		},
+		children: [
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					justifyContent: "space-between",
+					alignItems: "center",
+					marginBottom: 8
+				},
+				children: [(0, react_jsx_runtime.jsx)("strong", {
+					style: { fontSize: 13 },
+					children: "远端表"
+				}), (0, react_jsx_runtime.jsx)("span", {
+					style: s.muted,
+					children: loading ? "加载中…" : `共 ${tables.length} 张`
+				})]
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					gap: 8,
+					marginBottom: 10,
+					flexWrap: "wrap"
+				},
+				children: [
+					(0, react_jsx_runtime.jsx)("select", {
+						style: s.select,
+						value: schema,
+						disabled: loading || schemas.length <= 1,
+						onChange: (e) => setSchema(e.target.value),
+						children: schemas.length === 0 ? (0, react_jsx_runtime.jsx)("option", {
+							value: "",
+							children: "（默认）"
+						}) : schemas.map((item) => (0, react_jsx_runtime.jsx)("option", {
+							value: item,
+							children: item
+						}, item))
+					}),
+					(0, react_jsx_runtime.jsx)("input", {
+						style: {
+							...s.search,
+							flex: 1,
+							minWidth: 140
+						},
+						placeholder: "按表名过滤…",
+						value: keyword,
+						onChange: (e) => setKeyword(e.target.value)
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: s.button,
+						disabled: loading,
+						onClick: () => void load(schema, keyword),
+						children: "刷新"
+					})
+				]
+			}),
+			(0, react_jsx_runtime.jsx)("div", {
+				style: {
+					...s.scroll,
+					maxHeight: 240
+				},
+				children: (0, react_jsx_runtime.jsxs)("table", {
+					style: s.table,
+					children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "表名"
+						}),
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "行数"
+						}),
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "列数"
+						}),
+						(0, react_jsx_runtime.jsx)("th", {
+							style: s.th,
+							children: "主键"
+						})
+					] }) }), (0, react_jsx_runtime.jsx)("tbody", { children: tables.length === 0 && !loading ? (0, react_jsx_runtime.jsx)("tr", { children: (0, react_jsx_runtime.jsx)("td", {
+						style: {
+							...s.td,
+							color: c.fg2,
+							textAlign: "center",
+							padding: "16px 8px"
+						},
+						colSpan: 4,
+						children: "没有匹配的表"
+					}) }) : tables.map((table) => (0, react_jsx_runtime.jsxs)("tr", {
+						style: {
+							...s.row,
+							...table.tableName === selected ? s.selectedRow : null
+						},
+						onClick: () => setSelected(table.tableName === selected ? null : table.tableName),
+						children: [
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								title: table.tableName,
+								children: table.tableName
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								children: formatRows(table.rowCount)
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								children: table.columns.length
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								children: table.primaryKey ?? "—"
+							})
+						]
+					}, table.tableName)) })]
+				})
+			}),
+			current !== null ? (0, react_jsx_runtime.jsxs)("div", {
+				style: { marginTop: 10 },
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					style: s.label,
+					children: [
+						current.tableName,
+						" 的列结构（",
+						current.columns.length,
+						"）"
+					]
+				}), (0, react_jsx_runtime.jsx)("div", {
+					style: {
+						...s.scroll,
+						maxHeight: 180
+					},
+					children: (0, react_jsx_runtime.jsxs)("table", {
+						style: s.table,
+						children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "列名"
+							}),
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "类型"
+							}),
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "可空"
+							}),
+							(0, react_jsx_runtime.jsx)("th", {
+								style: s.th,
+								children: "注释"
+							})
+						] }) }), (0, react_jsx_runtime.jsx)("tbody", { children: current.columns.map((column) => (0, react_jsx_runtime.jsxs)("tr", { children: [
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								title: column.name,
+								children: column.name
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								children: ADMIN_COLUMN_TYPE_LABELS[column.type] ?? column.type
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: s.td,
+								children: column.nullable ? "是" : "否"
+							}),
+							(0, react_jsx_runtime.jsx)("td", {
+								style: {
+									...s.td,
+									color: c.fg2
+								},
+								title: column.description ?? "",
+								children: column.description ?? "—"
+							})
+						] }, column.name)) })]
+					})
+				})]
+			}) : null,
+			(0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					...s.bar,
+					marginTop: 12
+				},
+				children: [
+					(0, react_jsx_runtime.jsx)("select", {
+						style: s.select,
+						value: scopeKey,
+						disabled: importing || selected === null,
+						onChange: (e) => setScopeKey(e.target.value),
+						children: scopes.length === 0 ? (0, react_jsx_runtime.jsx)("option", {
+							value: "",
+							children: "（暂无可用工作区）"
+						}) : scopes.map((scope) => (0, react_jsx_runtime.jsx)("option", {
+							value: scope.scopeKey,
+							children: scope.scopeKey
+						}, scope.scopeKey))
+					}),
+					(0, react_jsx_runtime.jsx)("input", {
+						style: {
+							...s.search,
+							flex: 1,
+							minWidth: 120
+						},
+						placeholder: "数据集名称（默认取表名）",
+						value: name$1,
+						disabled: importing,
+						onChange: (e) => setName(e.target.value)
+					}),
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...s.primaryButton,
+							...selected === null || scopeKey.length === 0 || importing ? s.disabledButton : null
+						},
+						disabled: selected === null || scopeKey.length === 0 || importing,
+						onClick: () => void handleImport(),
+						children: importing ? "导入中…" : "导入到工作区"
+					})
+				]
+			}),
+			result !== null ? (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					...s.banner,
+					marginTop: 8,
+					marginBottom: 0,
+					borderColor: c.ok,
+					color: c.ok
+				},
+				children: (0, react_jsx_runtime.jsxs)("span", { children: [
+					"已导入 ",
+					result.name,
+					"（datasetId: ",
+					result.datasetId,
+					"）：",
+					result.rowCount,
+					" 行 / ",
+					result.columnCount,
+					" 列",
+					result.status === "running" ? "（后台导入中，完成后会通知）" : ""
+				] })
+			}) : null
+		]
+	});
+}
+
+//#endregion
+//#region src/client/settings/DataSourcesPanel.tsx
+const READ_ONLY_CODES = [
+	"READ_ONLY",
+	"ADMIN_DISABLED",
+	"SOURCE_DISABLED"
+];
+function DataSourcesPanel() {
+	const [items, setItems] = (0, react.useState)([]);
+	const [scopes, setScopes] = (0, react.useState)([]);
+	const [query, setQuery] = (0, react.useState)("");
+	const [selectedId, setSelectedId] = (0, react.useState)(null);
+	const [mode, setMode] = (0, react.useState)("browse");
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [writable, setWritable] = (0, react.useState)(true);
+	const [error, setError] = (0, react.useState)(null);
+	const [notice, setNotice] = (0, react.useState)(null);
+	const [testingId, setTestingId] = (0, react.useState)(null);
+	const [confirmId, setConfirmId] = (0, react.useState)(null);
+	const loadScopes = (0, react.useCallback)(async () => {
+		try {
+			setScopes((await listScopes()).scopes);
+		} catch {}
+	}, []);
+	const loadList = (0, react.useCallback)(async () => {
+		setLoading(true);
+		try {
+			setItems((await listDataSources()).sources);
+			setError(null);
+		} catch (failure) {
+			setError(failure instanceof Error ? failure.message : "加载数据源失败");
+			if (failure instanceof AdminApiError && READ_ONLY_CODES.includes(failure.code)) setWritable(false);
+		} finally {
+			setLoading(false);
+		}
+	}, []);
+	(0, react.useEffect)(() => {
+		void loadScopes();
+		void loadList();
+	}, [loadScopes, loadList]);
+	const selected = items.find((item) => item.id === selectedId) ?? null;
+	const needle = query.trim().toLowerCase();
+	const visible = needle.length === 0 ? items : items.filter((item) => item.name.toLowerCase().includes(needle) || item.type.toLowerCase().includes(needle) || item.host.toLowerCase().includes(needle) || item.database.toLowerCase().includes(needle));
+	async function handleTest(id) {
+		if (testingId !== null) return;
+		setTestingId(id);
+		setNotice(null);
+		try {
+			const result = await testDataSource({ source: id });
+			setNotice(result.success ? `连接成功（${result.latency}ms${result.version === null ? "" : ` · ${result.version}`}）` : `连接失败：${result.error ?? "未知错误"}`);
+			await loadList();
+		} catch (failure) {
+			setError(failure instanceof Error ? failure.message : "测试连接失败");
+		} finally {
+			setTestingId(null);
+		}
+	}
+	async function handleDelete(id) {
+		setConfirmId(null);
+		try {
+			await deleteDataSource(id);
+			if (selectedId === id) {
+				setSelectedId(null);
+				setMode("browse");
+			}
+			await loadList();
+		} catch (failure) {
+			setError(failure instanceof Error ? failure.message : "删除失败");
+		}
+	}
+	async function handleSaved(view) {
+		setMode("browse");
+		setNotice(`已保存数据源「${view.name}」`);
+		await loadList();
+		setSelectedId(view.id);
+	}
+	function handleError(failure) {
+		setError(failure.message);
+		if (failure instanceof AdminApiError && READ_ONLY_CODES.includes(failure.code)) setWritable(false);
+	}
+	return (0, react_jsx_runtime.jsxs)("div", { children: [
+		(0, react_jsx_runtime.jsxs)("div", {
+			style: s.toolbar,
+			children: [
+				(0, react_jsx_runtime.jsx)("input", {
+					style: s.search,
+					placeholder: "按名称 / 类型 / 主机 / 库名搜索…",
+					value: query,
+					onChange: (e) => setQuery(e.target.value)
+				}),
+				(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: {
+						...s.primaryButton,
+						...!writable ? s.disabledButton : null
+					},
+					disabled: !writable,
+					onClick: () => {
+						setMode("create");
+						setSelectedId(null);
+					},
+					title: writable ? "新建数据源" : "只读模式、接口已关闭或数据源功能未启用",
+					children: "+ 新建数据源"
+				}),
+				(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: s.button,
+					disabled: loading,
+					onClick: () => void loadList(),
+					children: "刷新"
+				})
+			]
+		}),
+		error !== null ? (0, react_jsx_runtime.jsxs)("div", {
+			style: s.banner,
+			children: [(0, react_jsx_runtime.jsx)("span", { children: error }), (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					...s.link,
+					marginLeft: "auto"
+				},
+				onClick: () => setError(null),
+				children: "忽略"
+			})]
+		}) : null,
+		notice !== null ? (0, react_jsx_runtime.jsxs)("div", {
+			style: {
+				...s.banner,
+				borderColor: c.ok,
+				color: c.ok
+			},
+			children: [(0, react_jsx_runtime.jsx)("span", { children: notice }), (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					...s.link,
+					marginLeft: "auto"
+				},
+				onClick: () => setNotice(null),
+				children: "忽略"
+			})]
+		}) : null,
+		confirmId !== null ? (0, react_jsx_runtime.jsxs)("div", {
+			style: s.banner,
+			children: [
+				(0, react_jsx_runtime.jsx)("span", { children: "确认删除这个数据源？该操作不可恢复。" }),
+				(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: {
+						...s.dangerButton,
+						marginLeft: "auto"
+					},
+					onClick: () => void handleDelete(confirmId),
+					children: "删除"
+				}),
+				(0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: s.button,
+					onClick: () => setConfirmId(null),
+					children: "取消"
+				})
+			]
+		}) : null,
+		(0, react_jsx_runtime.jsx)("div", {
+			style: s.scroll,
+			children: (0, react_jsx_runtime.jsxs)("table", {
+				style: s.table,
+				children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [
+					(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "名称"
+					}),
+					(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "类型"
+					}),
+					(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "地址"
+					}),
+					(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "库名"
+					}),
+					(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "状态"
+					}),
+					(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "最近检测"
+					}),
+					(0, react_jsx_runtime.jsx)("th", {
+						style: s.th,
+						children: "操作"
+					})
+				] }) }), (0, react_jsx_runtime.jsx)("tbody", { children: visible.length === 0 && !loading ? (0, react_jsx_runtime.jsx)("tr", { children: (0, react_jsx_runtime.jsx)("td", {
+					style: {
+						...s.td,
+						color: c.fg2,
+						textAlign: "center",
+						padding: "18px 8px"
+					},
+					colSpan: 7,
+					children: "还没有数据源，点击「新建数据源」登记一个 MySQL / PostgreSQL 连接"
+				}) }) : visible.map((item) => (0, react_jsx_runtime.jsxs)("tr", {
+					style: {
+						...s.row,
+						...item.id === selectedId ? s.selectedRow : null
+					},
+					onClick: () => {
+						setSelectedId(item.id);
+						setMode("browse");
+					},
+					children: [
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							title: item.description ?? "",
+							children: item.name
+						}),
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							children: (0, react_jsx_runtime.jsx)("span", {
+								style: {
+									display: "inline-block",
+									padding: "0 6px",
+									borderRadius: 4,
+									fontSize: 11,
+									color: TYPE_BADGE[item.type] ?? c.fg2,
+									border: `1px solid ${TYPE_BADGE[item.type] ?? c.border}`
+								},
+								children: ADMIN_SOURCE_TYPE_LABELS[item.type] ?? item.type
+							})
+						}),
+						(0, react_jsx_runtime.jsxs)("td", {
+							style: s.td,
+							title: `${item.host}:${item.port}`,
+							children: [
+								item.host,
+								":",
+								item.port
+							]
+						}),
+						(0, react_jsx_runtime.jsx)("td", {
+							style: s.td,
+							children: item.database
+						}),
+						(0, react_jsx_runtime.jsxs)("td", {
+							style: s.td,
+							children: [(0, react_jsx_runtime.jsx)("span", { style: {
+								...s.dot,
+								background: SOURCE_STATUS_COLOR[item.status] ?? c.fg2
+							} }), SOURCE_STATUS_TEXT[item.status] ?? item.status]
+						}),
+						(0, react_jsx_runtime.jsx)("td", {
+							style: {
+								...s.td,
+								color: c.fg2
+							},
+							children: item.lastCheckedAt === null ? "—" : fmtAgo(item.lastCheckedAt)
+						}),
+						(0, react_jsx_runtime.jsxs)("td", {
+							style: {
+								...s.td,
+								whiteSpace: "nowrap"
+							},
+							children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									style: {
+										...s.link,
+										marginRight: 8,
+										...testingId !== null ? s.disabledButton : null
+									},
+									onClick: (event) => {
+										event.stopPropagation();
+										if (testingId === null) void handleTest(item.id);
+									},
+									children: testingId === item.id ? "测试中…" : "测试"
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									style: {
+										...s.link,
+										marginRight: 8,
+										...!writable ? s.disabledButton : null
+									},
+									onClick: (event) => {
+										event.stopPropagation();
+										if (!writable) return;
+										setSelectedId(item.id);
+										setMode("edit");
+									},
+									children: "编辑"
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									style: {
+										...s.link,
+										color: c.danger,
+										...!writable ? s.disabledButton : null
+									},
+									onClick: (event) => {
+										event.stopPropagation();
+										if (writable) setConfirmId(item.id);
+									},
+									children: "删除"
+								})
+							]
+						})
+					]
+				}, item.id)) })]
+			})
+		}),
+		mode === "create" ? (0, react_jsx_runtime.jsx)(DataSourceForm, {
+			onSaved: (view) => void handleSaved(view),
+			onCancel: () => setMode("browse"),
+			onError: handleError
+		}) : mode === "edit" && selected !== null ? (0, react_jsx_runtime.jsx)(DataSourceForm, {
+			initial: selected,
+			onSaved: (view) => void handleSaved(view),
+			onCancel: () => setMode("browse"),
+			onError: handleError
+		}) : selected !== null ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+			style: s.panel,
+			children: [
+				(0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						justifyContent: "space-between",
+						marginBottom: 8
+					},
+					children: [(0, react_jsx_runtime.jsx)("strong", {
+						style: { fontSize: 13 },
+						children: selected.name
+					}), (0, react_jsx_runtime.jsxs)("span", {
+						style: s.muted,
+						children: [
+							ADMIN_SOURCE_TYPE_LABELS[selected.type] ?? selected.type,
+							" · 最近更新 ",
+							fmtAgo(selected.updatedAt)
+						]
+					})]
+				}),
+				(0, react_jsx_runtime.jsxs)("div", {
+					style: s.grid2,
+					children: [
+						(0, react_jsx_runtime.jsxs)("div", { children: [
+							(0, react_jsx_runtime.jsx)("span", {
+								style: s.muted,
+								children: "地址："
+							}),
+							selected.host,
+							":",
+							selected.port
+						] }),
+						(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("span", {
+							style: s.muted,
+							children: "库名："
+						}), selected.database] }),
+						(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("span", {
+							style: s.muted,
+							children: "用户名："
+						}), selected.username] }),
+						(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("span", {
+							style: s.muted,
+							children: "密码："
+						}), selected.hasPassword ? "已设置 · 不可查看" : "未设置"] }),
+						(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("span", {
+							style: s.muted,
+							children: "SSL："
+						}), selected.sslMode ?? "—"] }),
+						(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("span", {
+							style: s.muted,
+							children: "连接池上限："
+						}), selected.poolMax ?? "—"] })
+					]
+				}),
+				selected.description !== null ? (0, react_jsx_runtime.jsx)("div", {
+					style: {
+						...s.muted,
+						marginTop: 6
+					},
+					children: selected.description
+				}) : null,
+				selected.lastError !== null ? (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						...s.muted,
+						marginTop: 6,
+						color: c.danger
+					},
+					children: ["最近错误：", selected.lastError]
+				}) : null
+			]
+		}), (0, react_jsx_runtime.jsx)(SourceTablesPanel, {
+			source: selected,
+			scopes,
+			onError: handleError
+		})] }) : (0, react_jsx_runtime.jsx)("div", {
+			style: {
+				...s.muted,
+				marginTop: 12
+			},
+			children: loading ? "加载中…" : "选择一个数据源查看详情与远端表，或点击「新建数据源」。"
+		})
+	] });
+}
+
+//#endregion
+//#region src/client/settings/Section.tsx
+const TABS = [{
+	key: "datasets",
+	label: "数据集"
+}, {
+	key: "sources",
+	label: "数据源"
+}];
+function DatasetSettingsSection() {
+	const [tab, setTab] = (0, react.useState)("datasets");
+	return (0, react_jsx_runtime.jsxs)("div", {
+		style: s.page,
+		children: [(0, react_jsx_runtime.jsx)("div", {
+			style: s.tabs,
+			children: TABS.map((entry) => (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				style: {
+					...s.tab,
+					...tab === entry.key ? s.activeTab : null
+				},
+				onClick: () => setTab(entry.key),
+				children: entry.label
+			}, entry.key))
+		}), tab === "datasets" ? (0, react_jsx_runtime.jsx)(DatasetsPanel, {}) : (0, react_jsx_runtime.jsx)(DataSourcesPanel, {})]
+	});
+}
+
+//#endregion
+//#region src/client/index.ts
+/** 本插件注册的工具名，也是 `tool.call.toolview` 的 keyed 派发键。 */
+const TOOL_KEY = "dataset_query";
+const TOOLVIEW_SLOT = "tool.call.toolview";
+function asViewMeta(value) {
+	if (typeof value !== "object" || value === null) return undefined;
+	const meta = value;
+	if (meta.kind !== "dataset-view") return undefined;
+	if (typeof meta.viewId !== "string" || typeof meta.endpoint !== "string") return undefined;
+	return meta;
+}
+const styles = {
+	wrap: {
+		margin: "8px 0",
+		fontSize: 12,
+		color: "var(--dsw-fg-secondary, #666)"
+	},
+	head: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8,
+		marginBottom: 6
+	},
+	title: {
+		fontWeight: 600,
+		color: "var(--dsw-fg, inherit)"
+	},
+	scroll: {
+		maxHeight: 420,
+		overflow: "auto",
+		border: "1px solid var(--dsw-border, #e5e5e5)",
+		borderRadius: 6
+	},
+	table: {
+		borderCollapse: "collapse",
+		width: "100%",
+		fontSize: 12
+	},
+	th: {
+		position: "sticky",
+		top: 0,
+		background: "var(--dsw-bg-subtle, #fafafa)",
+		textAlign: "left",
+		padding: "6px 8px",
+		borderBottom: "1px solid var(--dsw-border, #e5e5e5)",
+		whiteSpace: "nowrap"
+	},
+	thButton: {
+		background: "none",
+		border: "none",
+		cursor: "pointer",
+		font: "inherit",
+		padding: 0,
+		color: "inherit"
+	},
+	td: {
+		padding: "4px 8px",
+		borderBottom: "1px solid var(--dsw-border, #eee)",
+		maxWidth: 320,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	bar: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8,
+		marginTop: 6,
+		flexWrap: "wrap"
+	},
+	button: {
+		border: "1px solid var(--dsw-border, #ddd)",
+		background: "transparent",
+		borderRadius: 4,
+		padding: "2px 8px",
+		cursor: "pointer",
+		fontSize: 12
+	},
+	muted: { opacity: .7 },
+	error: { color: "var(--dsw-danger, #c0392b)" },
+	warn: {
+		background: "#FEF3C7",
+		color: "#92400E",
+		padding: "6px 10px",
+		borderRadius: 6,
+		fontSize: 12,
+		marginBottom: 6
+	}
+};
+function formatCell(value) {
+	if (value === null || value === undefined) return "";
+	if (typeof value === "object") try {
+		return JSON.stringify(value);
+	} catch {
+		return "[object]";
+	}
+	return String(value);
+}
+/** 命中即需要加引号转义的字符：逗号、双引号、回车、换行。 */
+const CSV_NEEDS_QUOTE = /[",\r\n]/;
+/** Excel 公式注入的高危前缀；只对文本值生效，负数等数值原样导出。 */
+const CSV_RISKY_PREFIX = /^[=+\-@\t\r]/;
+function toCsvCell(value) {
+	let text = formatCell(value);
+	if (text.length === 0) return "";
+	if (typeof value === "string" && CSV_RISKY_PREFIX.test(text)) text = `'${text}`;
+	if (CSV_NEEDS_QUOTE.test(text)) text = `"${text.replace(/"/g, "\"\"")}"`;
+	return text;
+}
+function toCsvRow(cells) {
+	return cells.map((cell) => toCsvCell(cell)).join(",");
+}
+/** 表头 + 数据行；行分隔用 `\r\n` 且末行收尾，Excel / Numbers 都不会串列。 */
+function toCsv(columns, rows) {
+	const lines = [toCsvRow(columns)];
+	for (const row of rows) lines.push(toCsvRow(columns.map((column) => row[column])));
+	return `${lines.join("\r\n")}\r\n`;
+}
+/** 只拼数据行：导出逐页追加时用（表头由 `toCsv` 的首页分片带出）。 */
+function toCsvRows(columns, rows) {
+	if (rows.length === 0) return "";
+	return `${rows.map((row) => toCsvRow(columns.map((column) => row[column]))).join("\r\n")}\r\n`;
+}
+/** 文件名 `名称-YYYYMMDD-HHmmss.csv`，剔除文件系统不接受与控制字符。 */
+function buildCsvFileName(name$1, now = new Date()) {
+	const pad = (value) => String(value).padStart(2, "0");
+	const stamp = `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}` + `-${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;
+	const safe = name$1.replace(/[\\/:*?"<>|\r\n\t]/g, "_").trim();
+	return `${safe.length > 0 ? safe : "dataset"}-${stamp}.csv`;
+}
+/** Blob + 临时 `<a download>` 触发下载；前置 BOM 让 Excel 认成 UTF-8。 */
+function downloadCsv(filename, text) {
+	const url = URL.createObjectURL(new Blob([`\uFEFF${text}`], { type: "text/csv;charset=utf-8" }));
+	const link = document.createElement("a");
+	link.href = url;
+	link.download = filename;
+	link.style.display = "none";
+	document.body.appendChild(link);
+	link.click();
+	link.remove();
+	setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+function DatasetViewCard(props) {
+	const meta = (0, react.useMemo)(() => asViewMeta(props.block?.meta), [props.block]);
+	const [page, setPage] = (0, react.useState)(1);
+	const [sort, setSort] = (0, react.useState)(undefined);
+	const [state, setState] = (0, react.useState)({ status: "loading" });
+	const requestId = (0, react.useRef)(0);
+	const exportAbort = (0, react.useRef)(undefined);
+	const [exportState, setExportState] = (0, react.useState)({ running: false });
+	(0, react.useEffect)(() => () => exportAbort.current?.abort(), []);
+	(0, react.useEffect)(() => {
+		if (meta === undefined) return;
+		const controller = new AbortController();
+		const id = requestId.current + 1;
+		requestId.current = id;
+		setState((previous) => previous.status === "ready" ? {
+			...previous,
+			status: "loading"
+		} : previous);
+		const url = new URL(meta.endpoint, window.location.origin);
+		url.searchParams.set("page", String(page));
+		url.searchParams.set("pageSize", String(meta.pageSize));
+		if (sort !== undefined) {
+			url.searchParams.set("sort", sort.column);
+			url.searchParams.set("order", sort.order);
+		}
+		void (async () => {
+			try {
+				const response = await fetch(url.toString(), {
+					signal: controller.signal,
+					credentials: "same-origin"
+				});
+				if (!response.ok) {
+					const body$1 = await response.json().catch(() => null);
+					if (id === requestId.current) setState((previous) => ({
+						status: "error",
+						payload: previous.payload,
+						message: body$1?.error?.code === "VIEW_NOT_FOUND" || response.status === 404 ? "数据接口不可用（请检查视图路由前缀配置或插件是否已启用视图）" : `取数失败（HTTP ${response.status}）`
+					}));
+					return;
+				}
+				const payload$1 = await response.json();
+				if (id === requestId.current) setState({
+					status: "ready",
+					payload: payload$1
+				});
+			} catch (error) {
+				if (controller.signal.aborted) return;
+				if (id === requestId.current) setState({
+					status: "error",
+					message: `取数失败：${String(error)}`
+				});
+			}
+		})();
+		return () => controller.abort();
+	}, [
+		meta,
+		page,
+		sort
+	]);
+	const toggleSort = (0, react.useCallback)((column) => {
+		if (meta === undefined || !meta.sortable.includes(column)) return;
+		if (exportAbort.current !== undefined) {
+			exportAbort.current.abort();
+			exportAbort.current = undefined;
+			setExportState({ running: false });
+		}
+		setPage(1);
+		setSort((previous) => previous?.column === column ? {
+			column,
+			order: previous.order === "asc" ? "desc" : "asc"
+		} : {
+			column,
+			order: "asc"
+		});
+	}, [meta]);
+	/**
+	
+	* 导出全部可浏览行为 CSV：把 `pageSize` 顶到 `maxPageSize`，从第 1 页顺序翻到
+	
+	* 末页，不受当前页码/每页行数限制。每页转成字符串分片后即丢掉行对象，
+	
+	* 避免几万行对象同时常驻；最后拼一次 Blob 触发下载。
+	
+	*/
+	const exportCsv = (0, react.useCallback)(() => {
+		if (meta === undefined) return;
+		exportAbort.current?.abort();
+		const controller = new AbortController();
+		exportAbort.current = controller;
+		setExportState({
+			running: true,
+			progress: {
+				done: 0,
+				total: meta.totalRows
+			}
+		});
+		void (async () => {
+			try {
+				const base = new URL(meta.endpoint, window.location.origin);
+				base.searchParams.set("pageSize", String(Math.max(1, Math.floor(meta.maxPageSize > 0 ? meta.maxPageSize : meta.pageSize))));
+				if (sort !== undefined) {
+					base.searchParams.set("sort", sort.column);
+					base.searchParams.set("order", sort.order);
+				}
+				const chunks = [];
+				let exportColumns = meta.columns.map((column) => column.name);
+				let totalRows = meta.totalRows;
+				let totalPages$1 = 1;
+				let done = 0;
+				for (let index = 1; index <= totalPages$1; index += 1) {
+					if (controller.signal.aborted) return;
+					const url = new URL(base.toString());
+					url.searchParams.set("page", String(index));
+					const response = await fetch(url.toString(), {
+						signal: controller.signal,
+						credentials: "same-origin"
+					});
+					if (!response.ok) {
+						const body$1 = await response.json().catch(() => null);
+						if (controller.signal.aborted) return;
+						throw new Error(body$1?.error?.code === "VIEW_NOT_FOUND" || response.status === 404 ? "数据接口不可用（请检查视图路由前缀配置或插件是否已启用视图）" : `导出失败（HTTP ${response.status}）`);
+					}
+					const current = await response.json();
+					if (controller.signal.aborted) return;
+					if (index === 1) {
+						exportColumns = current.columns.length > 0 ? current.columns : exportColumns;
+						totalRows = current.totalRows;
+						totalPages$1 = Math.max(1, current.totalPages);
+						chunks.push(toCsv(exportColumns, current.rows));
+					} else chunks.push(toCsvRows(exportColumns, current.rows));
+					done += current.rows.length;
+					setExportState({
+						running: true,
+						progress: {
+							done,
+							total: totalRows
+						}
+					});
+				}
+				downloadCsv(buildCsvFileName(meta.name), chunks.join(""));
+				if (exportAbort.current === controller) exportAbort.current = undefined;
+				setExportState({ running: false });
+			} catch (error) {
+				if (controller.signal.aborted) return;
+				if (exportAbort.current === controller) exportAbort.current = undefined;
+				setExportState({
+					running: false,
+					error: error instanceof Error ? error.message : `导出失败：${String(error)}`
+				});
+			}
+		})();
+	}, [meta, sort]);
+	if (meta === undefined) {
+		const text = (props.block?.content ?? []).filter((block) => block.type === "text").map((block) => block.text ?? "").join("\n");
+		return react.default.createElement("div", { style: styles.wrap }, react.default.createElement("pre", { style: {
+			margin: 0,
+			whiteSpace: "pre-wrap"
+		} }, text));
+	}
+	const payload = state.payload;
+	const columns = payload?.columns ?? meta.columns.map((column) => column.name);
+	const rows = payload?.rows ?? [];
+	const totalPages = payload?.totalPages ?? Math.max(1, Math.ceil(meta.totalRows / meta.pageSize));
+	const busy = state.status === "loading" && payload === undefined;
+	const servableRows = payload === undefined ? meta.totalRows : payload.totalPages * payload.pageSize;
+	const head = react.default.createElement("tr", null, ...columns.map((column) => react.default.createElement("th", {
+		key: column,
+		style: styles.th
+	}, meta.sortable.includes(column) ? react.default.createElement("button", {
+		type: "button",
+		style: styles.thButton,
+		onClick: () => toggleSort(column),
+		title: "按该列排序"
+	}, `${column}${sort?.column === column ? sort.order === "asc" ? " ↑" : " ↓" : ""}`) : column)));
+	const body = rows.map((row, index) => react.default.createElement("tr", { key: String(row._row_id ?? index) }, ...columns.map((column) => react.default.createElement("td", {
+		key: column,
+		style: styles.td,
+		title: formatCell(row[column])
+	}, formatCell(row[column])))));
+	return react.default.createElement("div", { style: styles.wrap }, react.default.createElement("div", { style: styles.warn }, "数据可能已发生变化，以最新查询结果为准"), react.default.createElement("div", { style: styles.head }, react.default.createElement("span", { style: styles.title }, `数据集 ${meta.name}`), react.default.createElement("span", null, `共 ${meta.totalRows} 行 · ${meta.columns.length} 列`), servableRows < meta.totalRows ? react.default.createElement("span", { style: styles.muted }, `（仅可浏览前 ${servableRows} 行）`) : null, state.status === "error" ? react.default.createElement("span", { style: styles.error }, state.message ?? "") : null, busy ? react.default.createElement("span", { style: styles.muted }, "加载中…") : null), react.default.createElement("div", { style: styles.scroll }, react.default.createElement("table", { style: styles.table }, react.default.createElement("thead", null, head), react.default.createElement("tbody", null, ...body))), react.default.createElement("div", { style: styles.bar }, react.default.createElement("button", {
+		type: "button",
+		style: styles.button,
+		disabled: page <= 1,
+		onClick: () => setPage(1)
+	}, "« 首页"), react.default.createElement("button", {
+		type: "button",
+		style: styles.button,
+		disabled: page <= 1,
+		onClick: () => setPage((current) => Math.max(1, current - 1))
+	}, "上一页"), react.default.createElement("span", null, `第 ${payload?.page ?? page} / ${totalPages} 页`), react.default.createElement("button", {
+		type: "button",
+		style: styles.button,
+		disabled: !meta.stable || page >= totalPages,
+		onClick: () => setPage((current) => Math.min(totalPages, current + 1))
+	}, "下一页"), !meta.stable ? react.default.createElement("span", { style: styles.muted }, "（该查询未声明稳定排序，仅展示首页）") : null, react.default.createElement("button", {
+		type: "button",
+		style: styles.button,
+		disabled: exportState.running || state.status === "error",
+		title: `按当前排序导出全部可浏览行（${servableRows} 行）为 CSV`,
+		onClick: exportCsv
+	}, exportState.running ? `导出中…（${exportState.progress?.done ?? 0} / ${exportState.progress?.total ?? servableRows} 行）` : "导出 CSV"), exportState.error === undefined ? null : react.default.createElement("span", { style: styles.error }, exportState.error)));
+}
+const name = "dsh-lh-data";
+const inject = ["slots"];
+function apply(ctx) {
+	const slots = ctx.slots;
+	if (slots === undefined) return;
+	slots.inject(TOOLVIEW_SLOT, () => slots.register({
+		name: TOOLVIEW_SLOT,
+		key: TOOL_KEY
+	}, DatasetViewCard));
+	slots.inject("settings.section", () => slots.register({
+		name: "settings.section",
+		id: ADMIN_SECTION_ID,
+		order: ADMIN_SECTION_ORDER,
+		label: ADMIN_SECTION_LABEL
+	}, DatasetSettingsSection));
+}
+
+//#endregion
+exports.apply = apply
+exports.inject = inject
+exports.name = name
+return module.exports; } });
+//# sourceMappingURL=client.js.map