uomtiles 0.1.0

package/.output/server/chunks/build/compare-DmSAW8oA.mjs

@@ -0,0 +1,1093 @@
+import process from 'node:process';globalThis._importMeta_=globalThis._importMeta_||{url:"file:///_entry.js",env:process.env};import { u as useSeoMeta$1, a as useToast, _ as _sfc_main$5, b as _sfc_main, c as _sfc_main$7, $ as $fetch$1 } from '../virtual/entry.mjs';
+import { C as CompletedTaskSelect_default, a as _sfc_main$2 } from './Alert-0ngTJXxP.mjs';
+import { _ as _sfc_main$9 } from './Slider-D-n8Y0CX.mjs';
+import { _ as _sfc_main$3, a as _sfc_main$1, M as MapBaseLayerTabs_default, b as _sfc_main$2$1 } from './MapBaseLayerTabs-4445J6yh.mjs';
+import { _ as _sfc_main$6 } from './Pagination-CDHx4HTZ.mjs';
+import { F as FileDropZone_default, _ as _sfc_main$4 } from './ScrollArea-BQK3em8b.mjs';
+import { u as useFileWorkspace, _ as _sfc_main$8 } from './Empty-CkW3mADt.mjs';
+import { defineComponent, ref, computed, watch, mergeProps, withCtx, unref, isRef, openBlock, createBlock, Fragment, renderList, createVNode, toDisplayString, createCommentVNode, shallowRef, useTemplateRef, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderClass, ssrRenderList, ssrRenderAttrs, ssrRenderStyle } from 'vue/server-renderer';
+import 'unhead/plugins';
+import 'unhead/utils';
+import '../routes/renderer.mjs';
+import '../nitro/nitro.mjs';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:crypto';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import 'unhead/server';
+import 'unhead/legacy';
+import 'nostics';
+import 'vue-bundle-renderer/runtime';
+import 'devalue';
+import 'fnv1a-64';
+import 'object-identity';
+import 'tailwindcss/colors';
+import './DashboardSidebarToggle-pncTaIJq.mjs';
+import './FocusScope-Cf0lg0zt.mjs';
+import './PopperArrow-Bqfdf2Et.mjs';
+import './esm-Dp2lJXbp.mjs';
+import './Input-BeNavYXb.mjs';
+import './Tooltip-CkpSktvJ.mjs';
+
+//#region app/components/VersionCompare.vue?vue&type=script&setup=true&lang.ts
+var VersionCompare_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "VersionCompare",
+	__ssrInlineRender: true,
+	props: {
+		leftUrls: {},
+		rightUrls: {},
+		leftDiffRootUrls: {},
+		rightDiffRootUrls: {},
+		leftSourceVersion: {},
+		rightSourceVersion: {},
+		leftLabel: {},
+		rightLabel: {},
+		mode: {},
+		baseMap: { default: "tianditu" },
+		liveStatusUrl: {},
+		localSources: { default: () => [] },
+		focusTile: {},
+		minZoom: { default: 3 },
+		maxZoom: { default: 24 },
+		leftSourceMinZoom: { default: 3 },
+		rightSourceMinZoom: { default: 3 },
+		leftSourceMaxZoom: { default: 18 },
+		rightSourceMaxZoom: { default: 18 },
+		leftResampling: { default: "nearest" },
+		rightResampling: { default: "nearest" }
+	},
+	setup(__props) {
+		useTemplateRef("left-map");
+		useTemplateRef("right-map");
+		const split = ref(50);
+		const rendererUnavailable = ref(false);
+		const clipStyle = computed(() => __props.mode === "swipe" ? { clipPath: `inset(0 ${100 - split.value}% 0 0)` } : void 0);
+		let leftMap = null;
+		let rightMap = null;
+		function applyMode() {}
+		function focus(tile) {}
+		watch(() => __props.mode, applyMode);
+		watch(() => __props.focusTile, focus);
+		watch(() => __props.baseMap, (value) => {
+			for (const map of [leftMap, rightMap]) {
+				map?.setLayoutProperty("basemap", "visibility", value === "tianditu" ? "visible" : "none");
+				map?.setLayoutProperty("labels", "visibility", value === "tianditu" ? "visible" : "none");
+				map?.setLayoutProperty("osm", "visibility", value === "osm" ? "visible" : "none");
+			}
+		});
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_USlider = _sfc_main$9;
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "relative h-full min-h-[520px] overflow-hidden bg-muted" }, _attrs))}>`);
+			if (unref(rendererUnavailable)) _push(`<div class="absolute inset-0 z-40 grid place-items-center bg-muted"><p class="text-sm text-muted">当前浏览器未启用 WebGL2</p></div>`);
+			else _push(`<!---->`);
+			_push(`<div class="${ssrRenderClass([__props.mode === "side" ? "left-1/2" : "left-0", "absolute inset-y-0 right-0"])}"><div class="h-full w-full"></div></div><div class="${ssrRenderClass([__props.mode === "side" ? "right-1/2" : __props.mode === "overlay" ? "hidden" : "right-0", "absolute inset-y-0 left-0 z-10 overflow-hidden"])}" style="${ssrRenderStyle(unref(clipStyle))}"><div class="h-full w-full"></div></div>`);
+			if (__props.mode !== "overlay") _push(`<div class="pointer-events-none absolute left-4 top-4 z-20 max-w-[40%] truncate bg-[#18201d]/90 px-3 py-1.5 text-xs text-white shadow-sm">${ssrInterpolate(__props.leftLabel)}</div>`);
+			else _push(`<!---->`);
+			if (__props.mode !== "overlay") _push(`<div class="pointer-events-none absolute right-16 top-4 z-20 max-w-[40%] truncate bg-[#18201d]/90 px-3 py-1.5 text-xs text-white shadow-sm">${ssrInterpolate(__props.rightLabel)}</div>`);
+			else _push(`<div class="pointer-events-none absolute left-4 top-4 z-20 flex items-center gap-4 bg-[#18201d]/90 px-3 py-1.5 text-xs text-white shadow-sm"><span class="flex items-center gap-1.5"><span class="size-2 bg-[#dc3b3a]"></span>左侧独有</span><span class="flex items-center gap-1.5"><span class="size-2 bg-[#18a66c]"></span>右侧新增</span></div>`);
+			if (__props.mode === "side") _push(`<div class="pointer-events-none absolute inset-y-0 left-1/2 z-20 w-px bg-default"></div>`);
+			else _push(`<!---->`);
+			if (__props.mode === "swipe") _push(`<div class="pointer-events-none absolute inset-y-0 z-20 w-px bg-white shadow-[0_0_0_1px_rgba(0,0,0,.25)]" style="${ssrRenderStyle({ left: `${unref(split)}%` })}"></div>`);
+			else _push(`<!---->`);
+			if (__props.mode === "swipe") {
+				_push(`<div class="absolute inset-x-0 bottom-0 z-30 border-t border-default bg-default/96 px-5 py-3">`);
+				_push(ssrRenderComponent(_component_USlider, {
+					modelValue: unref(split),
+					"onUpdate:modelValue": ($event) => isRef(split) ? split.value = $event : null,
+					min: 5,
+					max: 95,
+					step: 1,
+					"aria-label": "地图版本分割位置"
+				}, null, _parent));
+				_push(`</div>`);
+			} else _push(`<!---->`);
+			_push(`</div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/VersionCompare.vue
+var _sfc_setup$1 = VersionCompare_vue_vue_type_script_setup_true_lang_default.setup;
+VersionCompare_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/VersionCompare.vue");
+	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var VersionCompare_default = Object.assign(VersionCompare_vue_vue_type_script_setup_true_lang_default, { __name: "VersionCompare" });
+//#endregion
+//#region app/composables/pixel-diff.ts
+var batchSize = 256;
+function emptyTotals() {
+	return {
+		processedTiles: 0,
+		changedTiles: 0,
+		identicalTiles: 0,
+		missingLeft: 0,
+		missingRight: 0,
+		diffPixels: 0,
+		addedPixels: 0,
+		removedPixels: 0
+	};
+}
+function usePixelDiff() {
+	const state = ref("idle");
+	const totals = ref(emptyTotals());
+	const totalTiles = ref(0);
+	const workerCount = ref(0);
+	const report = shallowRef(null);
+	const error = ref(null);
+	const progress = computed(() => totalTiles.value === 0 ? 0 : totals.value.processedTiles / totalTiles.value * 100);
+	let workers = [];
+	let localWorker = null;
+	let generation = 0;
+	function terminateWorkers() {
+		for (const worker of workers) worker.terminate();
+		workers = [];
+		localWorker?.terminate();
+		localWorker = null;
+	}
+	function cancel() {
+		generation++;
+		terminateWorkers();
+		state.value = "idle";
+		totals.value = emptyTotals();
+		totalTiles.value = 0;
+		workerCount.value = 0;
+		report.value = null;
+		error.value = null;
+	}
+	async function run(leftFilename, rightFilename) {
+		cancel();
+		const currentGeneration = generation;
+		state.value = "preparing";
+		totals.value = emptyTotals();
+		totalTiles.value = 0;
+		workerCount.value = 0;
+		report.value = null;
+		error.value = null;
+		try {
+			const manifest = await $fetch$1("/api/workspace/compare", {
+				method: "POST",
+				body: {
+					leftFilename,
+					rightFilename
+				}
+			});
+			if (currentGeneration !== generation) return;
+			totalTiles.value = manifest.totalTiles;
+			if (manifest.totalTiles === 0) {
+				report.value = {
+					...emptyTotals(),
+					totalTiles: 0,
+					tiles: [],
+					identical: true
+				};
+				state.value = "completed";
+				return;
+			}
+			workerCount.value = Math.min(4, Math.max(1, (void 0).hardwareConcurrency || 2), Math.ceil(manifest.totalTiles / batchSize));
+			state.value = "running";
+			const changedTiles = [];
+			await new Promise((resolve, reject) => {
+				let completedWorkers = 0;
+				const fail = (message) => {
+					terminateWorkers();
+					reject(new Error(message));
+				};
+				for (let workerIndex = 0; workerIndex < workerCount.value; workerIndex++) {
+					const worker = new Worker(new URL("../workers/tile-diff.worker.ts", globalThis._importMeta_.url), { type: "module" });
+					workers.push(worker);
+					worker.onerror = (event) => fail(event.message || "像素 diff Worker 异常退出");
+					worker.onmessage = (event) => {
+						if (currentGeneration !== generation) return;
+						const message = event.data;
+						if (message.type === "error") {
+							fail(message.message);
+							return;
+						}
+						if (message.type === "complete") {
+							completedWorkers++;
+							if (completedWorkers === workerCount.value) resolve();
+							return;
+						}
+						changedTiles.push(...message.tiles);
+						const next = { ...totals.value };
+						for (const key of Object.keys(message.totals)) next[key] += message.totals[key];
+						totals.value = next;
+					};
+					worker.postMessage({
+						type: "start",
+						leftFilename,
+						rightFilename,
+						totalTiles: manifest.totalTiles,
+						workerIndex,
+						workerCount: workerCount.value,
+						batchSize
+					});
+				}
+			});
+			if (currentGeneration !== generation) return;
+			terminateWorkers();
+			changedTiles.sort((left, right) => right.diffPercent - left.diffPercent || right.diffPixels - left.diffPixels || right.z - left.z || left.x - right.x || left.y - right.y);
+			report.value = {
+				...totals.value,
+				totalTiles: manifest.totalTiles,
+				tiles: changedTiles,
+				identical: totals.value.changedTiles === 0
+			};
+			state.value = "completed";
+		} catch (cause) {
+			if (currentGeneration !== generation) return;
+			terminateWorkers();
+			error.value = cause instanceof Error ? cause.message : String(cause);
+			state.value = "error";
+			throw cause;
+		}
+	}
+	async function runLocal(leftFile, rightFile) {
+		cancel();
+		const currentGeneration = generation;
+		state.value = "preparing";
+		try {
+			const localChangedTiles = [];
+			await new Promise((resolve, reject) => {
+				const worker = new Worker(new URL("../workers/local-pixel-diff.worker.ts", globalThis._importMeta_.url), { type: "module" });
+				localWorker = worker;
+				let settled = false;
+				const finish = (cause) => {
+					if (settled) return;
+					settled = true;
+					worker.terminate();
+					if (localWorker === worker) localWorker = null;
+					if (cause) reject(cause);
+					else resolve();
+				};
+				worker.onerror = (event) => finish(new Error(event.message || "本地像素 diff Worker 异常退出"));
+				worker.onmessage = (event) => {
+					if (currentGeneration !== generation) return;
+					if (event.data.type === "manifest") {
+						totalTiles.value = event.data.totalTiles;
+						workerCount.value = 1;
+						state.value = event.data.totalTiles ? "running" : "completed";
+						return;
+					}
+					if (event.data.type === "batch") {
+						const next = { ...totals.value };
+						for (const key of Object.keys(event.data.totals)) next[key] += event.data.totals[key];
+						totals.value = next;
+						localChangedTiles.push(...event.data.tiles);
+						return;
+					}
+					if (event.data.type === "error") {
+						finish(new Error(event.data.message));
+						return;
+					}
+					finish();
+				};
+				worker.postMessage({
+					left: leftFile,
+					right: rightFile,
+					batchSize
+				});
+			});
+			if (currentGeneration !== generation) return;
+			localChangedTiles.sort((left, right) => right.diffPercent - left.diffPercent || right.diffPixels - left.diffPixels || right.z - left.z || left.x - right.x || left.y - right.y);
+			report.value = {
+				...totals.value,
+				totalTiles: totalTiles.value,
+				tiles: localChangedTiles,
+				identical: totals.value.changedTiles === 0
+			};
+			state.value = "completed";
+		} catch (cause) {
+			if (currentGeneration !== generation) return;
+			error.value = cause instanceof Error ? cause.message : String(cause);
+			state.value = "error";
+			throw cause;
+		}
+	}
+	return {
+		state,
+		totals,
+		totalTiles,
+		workerCount,
+		report,
+		error,
+		progress,
+		run,
+		runLocal,
+		cancel
+	};
+}
+//#endregion
+//#region app/pages/compare.vue?vue&type=script&setup=true&lang.ts
+var pageSize = 50;
+var compare_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "compare",
+	__ssrInlineRender: true,
+	setup(__props) {
+		useSeoMeta$1({ title: "地图版本对比" });
+		const workspace = useFileWorkspace();
+		const { displayWorkspaceName, displayMapFileName } = workspace;
+		const toast = useToast();
+		const leftFilename = ref(), rightFilename = ref();
+		const leftPending = ref(false), rightPending = ref(false);
+		const localFiles = ref([]);
+		const onlineRevision = ref(Date.now());
+		const baseMap = ref("tianditu");
+		const mode = ref("side");
+		const selectedTile = ref(null);
+		const page = ref(1);
+		const selectionStage = ref("select");
+		const pixelPanelOpen = ref(true);
+		const diffStarting = ref(false);
+		const { state, totals, totalTiles, workerCount, report, error, progress, run, runLocal, cancel } = usePixelDiff();
+		const comparable = computed(() => workspace.files.value);
+		watch([leftFilename, rightFilename], () => {
+			cancel();
+			selectedTile.value = null;
+			page.value = 1;
+			if (selectionStage.value === "compare") selectionStage.value = "select";
+		});
+		const localSource = (refName) => refName ? localFiles.value.find((file) => file.id === refName) : void 0;
+		const left = computed(() => comparable.value.find((file) => file.filename === leftFilename.value) || localSource(leftFilename.value));
+		const right = computed(() => comparable.value.find((file) => file.filename === rightFilename.value) || localSource(rightFilename.value));
+		const leftSelected = computed(() => leftFilename.value === "online" || Boolean(left.value));
+		const rightSelected = computed(() => rightFilename.value === "online" || Boolean(right.value));
+		const selectionReady = computed(() => leftSelected.value && rightSelected.value && leftFilename.value !== rightFilename.value);
+		const onlineMode = computed(() => leftFilename.value === "online" || rightFilename.value === "online");
+		const running = computed(() => state.value === "preparing" || state.value === "running");
+		const diffRunning = computed(() => diffStarting.value || running.value);
+		const modeItems = [
+			{
+				label: "同步双图",
+				icon: "i-lucide-columns-2",
+				value: "side"
+			},
+			{
+				label: "滑块对比",
+				icon: "i-lucide-panel-left-close",
+				value: "swipe"
+			},
+			{
+				label: "差异叠加",
+				icon: "i-lucide-layers-2",
+				value: "overlay"
+			}
+		];
+		const pagedTiles = computed(() => report.value?.tiles.slice((page.value - 1) * pageSize, page.value * pageSize) || []);
+		const overallDiffPercent = computed(() => report.value && report.value.totalTiles ? report.value.diffPixels / (report.value.totalTiles * 256 * 256) * 100 : 0);
+		const onlineUrls = computed(() => Array.from({ length: 6 }, (_, group) => `/api/map/online/${group}/{z}/{x}/{y}?v=${onlineRevision.value}`));
+		const onlineRootUrls = computed(() => Array.from({ length: 6 }, (_, group) => `/api/map/online-root/${group}/{x}/{y}?v=${onlineRevision.value}`));
+		function urls(source) {
+			if (source === "online") return onlineUrls.value;
+			if (!source) return [];
+			return localSource(source) ? [`local:${source}/{z}/{x}/{y}`] : [`/api/workspace/${encodeURIComponent(source)}/tile?z={z}&x={x}&y={y}`];
+		}
+		function label(source) {
+			if (source === "online") return "UOM 在线版本";
+			const local = localSource(source);
+			return local ? displayMapFileName(local.filename) : source ? displayWorkspaceName(source) : "";
+		}
+		function sourceMin(source) {
+			if (source === "online") return 9;
+			if (localSource(source)) return 0;
+			return comparable.value.find((file) => file.filename === source)?.minZoom ?? 0;
+		}
+		function sourceMax(source) {
+			if (source === "online") return 24;
+			if (localSource(source)) return localSource(source)?.kind === "uomtiles" ? 18 : 24;
+			return comparable.value.find((file) => file.filename === source)?.maxZoom ?? 24;
+		}
+		function number(value) {
+			return new Intl.NumberFormat("zh-CN").format(value);
+		}
+		function percent(value) {
+			return `${value.toFixed(value >= 1 ? 2 : 4)}%`;
+		}
+		async function openVersion(side, file) {
+			if (!/\.(uomtiles|mbtiles|pmtiles)$/i.test(file.name)) {
+				toast.add({
+					title: "不支持的地图文件",
+					description: "请选择 .uomtiles、.mbtiles 或 .pmtiles。",
+					color: "error"
+				});
+				return;
+			}
+			const pending = side === "left" ? leftPending : rightPending;
+			pending.value = true;
+			try {
+				const kind = file.name.split(".").pop()?.toLowerCase();
+				if (kind !== "uomtiles" && kind !== "mbtiles" && kind !== "pmtiles") throw new Error("请选择 .uomtiles、.mbtiles 或 .pmtiles 文件");
+				const imported = {
+					id: `local-${crypto.randomUUID()}`,
+					file,
+					filename: file.name,
+					kind
+				};
+				localFiles.value = [...localFiles.value, imported];
+				if (side === "left") leftFilename.value = imported.id;
+				else rightFilename.value = imported.id;
+			} catch (cause) {
+				toast.add({
+					title: "无法打开地图文件",
+					description: cause?.data?.message || cause?.message,
+					color: "error"
+				});
+			} finally {
+				pending.value = false;
+			}
+		}
+		async function compare() {
+			const leftFile = leftFilename.value;
+			const rightFile = rightFilename.value;
+			if (!leftFile || !rightFile || leftFile === rightFile || onlineMode.value || diffRunning.value) return;
+			diffStarting.value = true;
+			try {
+				const localLeft = localSource(leftFile), localRight = localSource(rightFile);
+				if (localLeft && localRight) await runLocal(localLeft.file, localRight.file);
+				else if (!localLeft && !localRight) await run(leftFile, rightFile);
+				else {
+					toast.add({
+						title: "逐像素 diff 需要两侧使用相同类型的来源",
+						description: "请都选择任务文件，或都选择本地文件。",
+						color: "warning"
+					});
+					return;
+				}
+				selectedTile.value = report.value?.tiles[0] || null;
+				toast.add({
+					title: report.value?.identical ? "像素结果完全一致" : `发现 ${number(report.value?.changedTiles || 0)} 个差异瓦片`,
+					color: report.value?.identical ? "success" : "warning",
+					icon: report.value?.identical ? "i-lucide-circle-check" : "i-lucide-triangle-alert"
+				});
+			} catch {
+				toast.add({
+					title: "像素 diff 失败",
+					description: error.value || "浏览器 Worker 未能完成比较",
+					color: "error"
+				});
+			} finally {
+				diffStarting.value = false;
+			}
+		}
+		function beginCompare() {
+			if (!selectionReady.value) return;
+			selectionStage.value = "compare";
+			pixelPanelOpen.value = true;
+		}
+		function chooseAgain() {
+			cancel();
+			diffStarting.value = false;
+			selectionStage.value = "select";
+			selectedTile.value = null;
+			page.value = 1;
+		}
+		function selectOnline(side) {
+			if (side === "left") {
+				leftFilename.value = "online";
+				if (rightFilename.value === "online") rightFilename.value = void 0;
+			} else {
+				rightFilename.value = "online";
+				if (leftFilename.value === "online") leftFilename.value = void 0;
+			}
+			onlineRevision.value = Date.now();
+		}
+		function selectTile(tile) {
+			selectedTile.value = tile;
+			mode.value = "overlay";
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UDashboardPanel = _sfc_main$3;
+			const _component_UDashboardNavbar = _sfc_main$2$1;
+			const _component_UButton = _sfc_main;
+			const _component_UIcon = _sfc_main$5;
+			const _component_FileDropZone = FileDropZone_default;
+			const _component_CompletedTaskSelect = CompletedTaskSelect_default;
+			const _component_UTabs = _sfc_main$1;
+			const _component_MapBaseLayerTabs = MapBaseLayerTabs_default;
+			const _component_VersionCompare = VersionCompare_default;
+			const _component_UProgress = _sfc_main$7;
+			const _component_UAlert = _sfc_main$2;
+			const _component_UScrollArea = _sfc_main$4;
+			const _component_UPagination = _sfc_main$6;
+			const _component_UEmpty = _sfc_main$8;
+			_push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({
+				id: "version-compare",
+				class: "min-w-0",
+				ui: { body: "gap-0 p-0 sm:gap-0 sm:p-0" }
+			}, _attrs), {
+				header: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UDashboardNavbar, { title: "地图版本对比" }, {
+						right: withCtx((_, _push, _parent, _scopeId) => {
+							if (_push) {
+								if (unref(selectionStage) === "compare") {
+									_push(`<!--[-->`);
+									_push(ssrRenderComponent(_component_UButton, {
+										icon: "i-lucide-files",
+										label: "重新选择",
+										color: "neutral",
+										variant: "outline",
+										disabled: unref(diffRunning),
+										onClick: chooseAgain
+									}, null, _parent, _scopeId));
+									if (unref(onlineMode)) _push(ssrRenderComponent(_component_UButton, {
+										icon: "i-lucide-refresh-cw",
+										label: "刷新在线版本",
+										color: "neutral",
+										variant: "outline",
+										onClick: ($event) => onlineRevision.value = Date.now()
+									}, null, _parent, _scopeId));
+									else _push(ssrRenderComponent(_component_UButton, {
+										icon: "i-lucide-scan-line",
+										label: "运行像素 diff",
+										disabled: unref(diffRunning),
+										loading: unref(diffRunning),
+										onClick: compare
+									}, null, _parent, _scopeId));
+									_push(`<!--]-->`);
+								} else _push(`<!---->`);
+							} else return [unref(selectionStage) === "compare" ? (openBlock(), createBlock(Fragment, { key: 0 }, [createVNode(_component_UButton, {
+								icon: "i-lucide-files",
+								label: "重新选择",
+								color: "neutral",
+								variant: "outline",
+								disabled: unref(diffRunning),
+								onClick: chooseAgain
+							}, null, 8, ["disabled"]), unref(onlineMode) ? (openBlock(), createBlock(_component_UButton, {
+								key: 0,
+								icon: "i-lucide-refresh-cw",
+								label: "刷新在线版本",
+								color: "neutral",
+								variant: "outline",
+								onClick: ($event) => onlineRevision.value = Date.now()
+							}, null, 8, ["onClick"])) : (openBlock(), createBlock(_component_UButton, {
+								key: 1,
+								icon: "i-lucide-scan-line",
+								label: "运行像素 diff",
+								disabled: unref(diffRunning),
+								loading: unref(diffRunning),
+								onClick: compare
+							}, null, 8, ["disabled", "loading"]))], 64)) : createCommentVNode("", true)];
+						}),
+						_: 1
+					}, _parent, _scopeId));
+					else return [createVNode(_component_UDashboardNavbar, { title: "地图版本对比" }, {
+						right: withCtx(() => [unref(selectionStage) === "compare" ? (openBlock(), createBlock(Fragment, { key: 0 }, [createVNode(_component_UButton, {
+							icon: "i-lucide-files",
+							label: "重新选择",
+							color: "neutral",
+							variant: "outline",
+							disabled: unref(diffRunning),
+							onClick: chooseAgain
+						}, null, 8, ["disabled"]), unref(onlineMode) ? (openBlock(), createBlock(_component_UButton, {
+							key: 0,
+							icon: "i-lucide-refresh-cw",
+							label: "刷新在线版本",
+							color: "neutral",
+							variant: "outline",
+							onClick: ($event) => onlineRevision.value = Date.now()
+						}, null, 8, ["onClick"])) : (openBlock(), createBlock(_component_UButton, {
+							key: 1,
+							icon: "i-lucide-scan-line",
+							label: "运行像素 diff",
+							disabled: unref(diffRunning),
+							loading: unref(diffRunning),
+							onClick: compare
+						}, null, 8, ["disabled", "loading"]))], 64)) : createCommentVNode("", true)]),
+						_: 1
+					})];
+				}),
+				body: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						if (!unref(workspace).ready.value) {
+							_push(`<div class="grid min-h-[32rem] flex-1 place-items-center"${_scopeId}><div class="flex flex-col items-center gap-3 text-sm text-muted"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UIcon, {
+								name: "i-lucide-loader-circle",
+								class: "size-5 animate-spin text-primary"
+							}, null, _parent, _scopeId));
+							_push(`<span${_scopeId}>加载地图文件</span></div></div>`);
+						} else if (unref(selectionStage) === "select") {
+							_push(`<div class="grid min-h-0 flex-1 place-items-center overflow-y-auto px-5 py-8"${_scopeId}><div class="grid w-full max-w-5xl gap-4 xl:grid-cols-2"${_scopeId}><div class="space-y-2"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_FileDropZone, {
+								accept: ".uomtiles,.mbtiles,.pmtiles",
+								title: "选择左侧版本",
+								"file-name": unref(leftFilename) === "online" ? "UOM 在线版本" : unref(left) ? unref(displayMapFileName)(unref(left).filename) : void 0,
+								pending: unref(leftPending),
+								onSelect: ($event) => openVersion("left", $event)
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_CompletedTaskSelect, {
+								modelValue: unref(leftFilename),
+								"onUpdate:modelValue": ($event) => isRef(leftFilename) ? leftFilename.value = $event : null,
+								class: "w-full"
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_UButton, {
+								icon: "i-lucide-cloud",
+								label: "使用 UOM 在线版本",
+								color: "neutral",
+								variant: unref(leftFilename) === "online" ? "soft" : "outline",
+								block: "",
+								onClick: ($event) => selectOnline("left")
+							}, null, _parent, _scopeId));
+							_push(`</div><div class="space-y-2"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_FileDropZone, {
+								accept: ".uomtiles,.mbtiles,.pmtiles",
+								title: "选择右侧版本",
+								"file-name": unref(rightFilename) === "online" ? "UOM 在线版本" : unref(right) ? unref(displayMapFileName)(unref(right).filename) : void 0,
+								pending: unref(rightPending),
+								onSelect: ($event) => openVersion("right", $event)
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_CompletedTaskSelect, {
+								modelValue: unref(rightFilename),
+								"onUpdate:modelValue": ($event) => isRef(rightFilename) ? rightFilename.value = $event : null,
+								class: "w-full"
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_UButton, {
+								icon: "i-lucide-cloud",
+								label: "使用 UOM 在线版本",
+								color: "neutral",
+								variant: unref(rightFilename) === "online" ? "soft" : "outline",
+								block: "",
+								onClick: ($event) => selectOnline("right")
+							}, null, _parent, _scopeId));
+							_push(`</div><div class="flex justify-end xl:col-span-2"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UButton, {
+								icon: "i-lucide-columns-2",
+								label: "开始比较",
+								size: "lg",
+								disabled: !unref(selectionReady),
+								onClick: beginCompare
+							}, null, _parent, _scopeId));
+							_push(`</div></div></div>`);
+						} else if (unref(selectionReady)) {
+							_push(`<div class="flex min-h-0 flex-1 flex-col"${_scopeId}><div class="flex flex-wrap items-center justify-between gap-3 border-b border-default px-5 py-3"${_scopeId}><div class="flex min-w-0 items-center gap-2 text-sm"${_scopeId}><span class="max-w-56 truncate font-medium"${_scopeId}>${ssrInterpolate(label(unref(leftFilename)))}</span>`);
+							_push(ssrRenderComponent(_component_UIcon, {
+								name: "i-lucide-arrow-right",
+								class: "size-4 shrink-0 text-muted"
+							}, null, _parent, _scopeId));
+							_push(`<span class="max-w-56 truncate font-medium"${_scopeId}>${ssrInterpolate(label(unref(rightFilename)))}</span></div><div class="flex flex-wrap items-center gap-3"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UTabs, {
+								modelValue: unref(mode),
+								"onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+								items: modeItems,
+								content: false,
+								size: "sm",
+								class: "w-[22rem]"
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_MapBaseLayerTabs, {
+								modelValue: unref(baseMap),
+								"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+							}, null, _parent, _scopeId));
+							if (!unref(onlineMode) && !unref(pixelPanelOpen)) _push(ssrRenderComponent(_component_UButton, {
+								icon: "i-lucide-panel-right-open",
+								label: "逐像素校验",
+								color: "neutral",
+								variant: "outline",
+								onClick: ($event) => pixelPanelOpen.value = true
+							}, null, _parent, _scopeId));
+							else _push(`<!---->`);
+							_push(`</div></div><div class="${ssrRenderClass([unref(onlineMode) || !unref(pixelPanelOpen) ? "" : "xl:grid-cols-[minmax(0,1fr)_24rem]", "grid min-h-0 flex-1"])}"${_scopeId}><div class="${ssrRenderClass([!unref(onlineMode) && unref(pixelPanelOpen) ? "border-r border-default" : "", "min-h-[560px]"])}"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_VersionCompare, {
+								key: `${unref(leftFilename)}-${unref(rightFilename)}-${unref(onlineRevision)}`,
+								"left-urls": urls(unref(leftFilename)),
+								"right-urls": urls(unref(rightFilename)),
+								"left-diff-root-urls": unref(leftFilename) === "online" ? unref(onlineRootUrls) : void 0,
+								"right-diff-root-urls": unref(rightFilename) === "online" ? unref(onlineRootUrls) : void 0,
+								"left-source-version": unref(leftFilename) === "online" ? String(unref(onlineRevision)) : unref(leftFilename),
+								"right-source-version": unref(rightFilename) === "online" ? String(unref(onlineRevision)) : unref(rightFilename),
+								"left-label": label(unref(leftFilename)),
+								"right-label": label(unref(rightFilename)),
+								mode: unref(mode),
+								"base-map": unref(baseMap),
+								"live-status-url": unref(onlineMode) ? `/api/map/live/status?v=${unref(onlineRevision)}` : void 0,
+								"focus-tile": unref(selectedTile),
+								"min-zoom": unref(onlineMode) ? 6 : 3,
+								"max-zoom": 24,
+								"left-source-min-zoom": sourceMin(unref(leftFilename)),
+								"right-source-min-zoom": sourceMin(unref(rightFilename)),
+								"left-source-max-zoom": sourceMax(unref(leftFilename)),
+								"right-source-max-zoom": sourceMax(unref(rightFilename)),
+								"local-sources": unref(localFiles).map((file) => ({
+									id: file.id,
+									file: file.file
+								})),
+								"left-resampling": unref(leftFilename) === "online" ? "linear" : "nearest",
+								"right-resampling": unref(rightFilename) === "online" ? "linear" : "nearest"
+							}, null, _parent, _scopeId));
+							_push(`</div>`);
+							if (!unref(onlineMode) && unref(pixelPanelOpen)) {
+								_push(`<aside class="flex min-h-0 flex-col overflow-hidden border-l border-default"${_scopeId}>`);
+								_push(ssrRenderComponent(_component_UButton, {
+									block: "",
+									color: "neutral",
+									variant: "ghost",
+									label: "逐像素校验",
+									"trailing-icon": "i-lucide-panel-right-close",
+									ui: { base: "justify-between rounded-none border-b border-default px-5 py-3" },
+									onClick: ($event) => pixelPanelOpen.value = false
+								}, null, _parent, _scopeId));
+								_push(`<div class="flex h-full min-h-0 flex-col overflow-hidden"${_scopeId}><div class="border-b border-default px-5 py-4"${_scopeId}><div class="flex items-center justify-between gap-4"${_scopeId}><span class="text-xs text-muted"${_scopeId}>${ssrInterpolate(unref(state) === "running" ? `${unref(workerCount)} Workers` : "全图瓦片")}</span></div>`);
+								if (unref(running)) {
+									_push(`<div class="mt-4"${_scopeId}>`);
+									_push(ssrRenderComponent(_component_UProgress, {
+										"model-value": unref(progress),
+										max: 100,
+										size: "sm"
+									}, null, _parent, _scopeId));
+									_push(`<div class="mt-2 flex items-center justify-between gap-3 text-xs text-muted"${_scopeId}><span${_scopeId}>${ssrInterpolate(unref(state) === "preparing" ? "正在建立瓦片索引" : `${number(unref(totals).processedTiles)} / ${number(unref(totalTiles))} tiles`)}</span>`);
+									if (unref(state) === "running") _push(`<span${_scopeId}>已发现 ${ssrInterpolate(number(unref(totals).changedTiles))} 个差异</span>`);
+									else _push(`<!---->`);
+									_push(`</div></div>`);
+								} else if (unref(state) === "error") _push(ssrRenderComponent(_component_UAlert, {
+									class: "mt-4",
+									color: "error",
+									icon: "i-lucide-circle-x",
+									title: "像素 diff 失败",
+									description: unref(error) || void 0
+								}, null, _parent, _scopeId));
+								else if (unref(report)) _push(ssrRenderComponent(_component_UAlert, {
+									class: "mt-4",
+									color: unref(report).identical ? "success" : "warning",
+									icon: unref(report).identical ? "i-lucide-circle-check" : "i-lucide-triangle-alert",
+									title: unref(report).identical ? "两个版本像素完全一致" : "检测到像素差异"
+								}, null, _parent, _scopeId));
+								else _push(`<!---->`);
+								if (unref(report)) _push(`<div class="mt-4 grid grid-cols-2 gap-x-5 gap-y-4 text-sm"${_scopeId}><div${_scopeId}><p class="text-xs text-muted"${_scopeId}>差异瓦片</p><p class="uom-mono mt-1"${_scopeId}>${ssrInterpolate(number(unref(report).changedTiles))}</p></div><div${_scopeId}><p class="text-xs text-muted"${_scopeId}>全图差异</p><p class="uom-mono mt-1"${_scopeId}>${ssrInterpolate(percent(unref(overallDiffPercent)))}</p></div><div${_scopeId}><p class="text-xs text-muted"${_scopeId}>新增像素</p><p class="uom-mono mt-1 text-success"${_scopeId}>+${ssrInterpolate(number(unref(report).addedPixels))}</p></div><div${_scopeId}><p class="text-xs text-muted"${_scopeId}>移除像素</p><p class="uom-mono mt-1 text-error"${_scopeId}>-${ssrInterpolate(number(unref(report).removedPixels))}</p></div></div>`);
+								else _push(`<!---->`);
+								_push(`</div>`);
+								if (unref(report)?.tiles.length) {
+									_push(`<div class="flex min-h-0 flex-1 flex-col"${_scopeId}><div class="grid grid-cols-[1fr_5.5rem_4rem_4rem] gap-2 border-b border-default px-4 py-2 text-[11px] text-muted"${_scopeId}><span${_scopeId}>瓦片</span><span class="text-right"${_scopeId}>diff%</span><span class="text-right"${_scopeId}>新增</span><span class="text-right"${_scopeId}>移除</span></div>`);
+									_push(ssrRenderComponent(_component_UScrollArea, { class: "min-h-0 flex-1" }, {
+										default: withCtx((_, _push, _parent, _scopeId) => {
+											if (_push) {
+												_push(`<!--[-->`);
+												ssrRenderList(unref(pagedTiles), (tile) => {
+													_push(`<button type="button" class="${ssrRenderClass([unref(selectedTile) === tile ? "bg-elevated" : "", "grid w-full grid-cols-[1fr_5.5rem_4rem_4rem] gap-2 border-b border-default px-4 py-2.5 text-left text-xs transition-colors hover:bg-elevated focus-visible:outline-2 focus-visible:outline-primary"])}"${_scopeId}><span class="uom-mono truncate"${_scopeId}>z${ssrInterpolate(tile.z)}/${ssrInterpolate(tile.x)}/${ssrInterpolate(tile.y)}</span><span class="uom-mono text-right font-medium"${_scopeId}>${ssrInterpolate(percent(tile.diffPercent))}</span><span class="uom-mono text-right text-success"${_scopeId}>${ssrInterpolate(number(tile.addedPixels))}</span><span class="uom-mono text-right text-error"${_scopeId}>${ssrInterpolate(number(tile.removedPixels))}</span></button>`);
+												});
+												_push(`<!--]-->`);
+											} else return [(openBlock(true), createBlock(Fragment, null, renderList(unref(pagedTiles), (tile) => {
+												return openBlock(), createBlock("button", {
+													key: `${tile.z}/${tile.x}/${tile.y}`,
+													type: "button",
+													class: ["grid w-full grid-cols-[1fr_5.5rem_4rem_4rem] gap-2 border-b border-default px-4 py-2.5 text-left text-xs transition-colors hover:bg-elevated focus-visible:outline-2 focus-visible:outline-primary", unref(selectedTile) === tile ? "bg-elevated" : ""],
+													onClick: ($event) => selectTile(tile)
+												}, [
+													createVNode("span", { class: "uom-mono truncate" }, "z" + toDisplayString(tile.z) + "/" + toDisplayString(tile.x) + "/" + toDisplayString(tile.y), 1),
+													createVNode("span", { class: "uom-mono text-right font-medium" }, toDisplayString(percent(tile.diffPercent)), 1),
+													createVNode("span", { class: "uom-mono text-right text-success" }, toDisplayString(number(tile.addedPixels)), 1),
+													createVNode("span", { class: "uom-mono text-right text-error" }, toDisplayString(number(tile.removedPixels)), 1)
+												], 10, ["onClick"]);
+											}), 128))];
+										}),
+										_: 1
+									}, _parent, _scopeId));
+									_push(`<div class="flex items-center justify-between border-t border-default px-4 py-3"${_scopeId}><span class="text-xs text-muted"${_scopeId}>按 diff% 降序</span>`);
+									_push(ssrRenderComponent(_component_UPagination, {
+										page: unref(page),
+										"onUpdate:page": ($event) => isRef(page) ? page.value = $event : null,
+										"items-per-page": pageSize,
+										total: unref(report).tiles.length,
+										size: "xs"
+									}, null, _parent, _scopeId));
+									_push(`</div></div>`);
+								} else if (unref(report)) {
+									_push(`<div class="grid min-h-[220px] flex-1 place-items-center px-6 text-center"${_scopeId}>`);
+									_push(ssrRenderComponent(_component_UEmpty, {
+										icon: "i-lucide-circle-check",
+										title: "没有像素差异"
+									}, null, _parent, _scopeId));
+									_push(`</div>`);
+								} else if (!unref(running) && unref(state) !== "error") {
+									_push(`<div class="grid min-h-[220px] flex-1 place-items-center px-6 text-center"${_scopeId}>`);
+									_push(ssrRenderComponent(_component_UEmpty, {
+										icon: "i-lucide-scan-line",
+										title: "尚未运行像素 diff"
+									}, null, _parent, _scopeId));
+									_push(`</div>`);
+								} else _push(`<!---->`);
+								_push(`</div></aside>`);
+							} else _push(`<!---->`);
+							_push(`</div></div>`);
+						} else {
+							_push(`<div class="grid h-full place-items-center"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UEmpty, {
+								icon: "i-lucide-files",
+								title: "请选择两个不同版本"
+							}, null, _parent, _scopeId));
+							_push(`</div>`);
+						}
+					} else return [!unref(workspace).ready.value ? (openBlock(), createBlock("div", {
+						key: 0,
+						class: "grid min-h-[32rem] flex-1 place-items-center"
+					}, [createVNode("div", { class: "flex flex-col items-center gap-3 text-sm text-muted" }, [createVNode(_component_UIcon, {
+						name: "i-lucide-loader-circle",
+						class: "size-5 animate-spin text-primary"
+					}), createVNode("span", null, "加载地图文件")])])) : unref(selectionStage) === "select" ? (openBlock(), createBlock("div", {
+						key: 1,
+						class: "grid min-h-0 flex-1 place-items-center overflow-y-auto px-5 py-8"
+					}, [createVNode("div", { class: "grid w-full max-w-5xl gap-4 xl:grid-cols-2" }, [
+						createVNode("div", { class: "space-y-2" }, [
+							createVNode(_component_FileDropZone, {
+								accept: ".uomtiles,.mbtiles,.pmtiles",
+								title: "选择左侧版本",
+								"file-name": unref(leftFilename) === "online" ? "UOM 在线版本" : unref(left) ? unref(displayMapFileName)(unref(left).filename) : void 0,
+								pending: unref(leftPending),
+								onSelect: ($event) => openVersion("left", $event)
+							}, null, 8, [
+								"file-name",
+								"pending",
+								"onSelect"
+							]),
+							createVNode(_component_CompletedTaskSelect, {
+								modelValue: unref(leftFilename),
+								"onUpdate:modelValue": ($event) => isRef(leftFilename) ? leftFilename.value = $event : null,
+								class: "w-full"
+							}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+							createVNode(_component_UButton, {
+								icon: "i-lucide-cloud",
+								label: "使用 UOM 在线版本",
+								color: "neutral",
+								variant: unref(leftFilename) === "online" ? "soft" : "outline",
+								block: "",
+								onClick: ($event) => selectOnline("left")
+							}, null, 8, ["variant", "onClick"])
+						]),
+						createVNode("div", { class: "space-y-2" }, [
+							createVNode(_component_FileDropZone, {
+								accept: ".uomtiles,.mbtiles,.pmtiles",
+								title: "选择右侧版本",
+								"file-name": unref(rightFilename) === "online" ? "UOM 在线版本" : unref(right) ? unref(displayMapFileName)(unref(right).filename) : void 0,
+								pending: unref(rightPending),
+								onSelect: ($event) => openVersion("right", $event)
+							}, null, 8, [
+								"file-name",
+								"pending",
+								"onSelect"
+							]),
+							createVNode(_component_CompletedTaskSelect, {
+								modelValue: unref(rightFilename),
+								"onUpdate:modelValue": ($event) => isRef(rightFilename) ? rightFilename.value = $event : null,
+								class: "w-full"
+							}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+							createVNode(_component_UButton, {
+								icon: "i-lucide-cloud",
+								label: "使用 UOM 在线版本",
+								color: "neutral",
+								variant: unref(rightFilename) === "online" ? "soft" : "outline",
+								block: "",
+								onClick: ($event) => selectOnline("right")
+							}, null, 8, ["variant", "onClick"])
+						]),
+						createVNode("div", { class: "flex justify-end xl:col-span-2" }, [createVNode(_component_UButton, {
+							icon: "i-lucide-columns-2",
+							label: "开始比较",
+							size: "lg",
+							disabled: !unref(selectionReady),
+							onClick: beginCompare
+						}, null, 8, ["disabled"])])
+					])])) : unref(selectionReady) ? (openBlock(), createBlock("div", {
+						key: 2,
+						class: "flex min-h-0 flex-1 flex-col"
+					}, [createVNode("div", { class: "flex flex-wrap items-center justify-between gap-3 border-b border-default px-5 py-3" }, [createVNode("div", { class: "flex min-w-0 items-center gap-2 text-sm" }, [
+						createVNode("span", { class: "max-w-56 truncate font-medium" }, toDisplayString(label(unref(leftFilename))), 1),
+						createVNode(_component_UIcon, {
+							name: "i-lucide-arrow-right",
+							class: "size-4 shrink-0 text-muted"
+						}),
+						createVNode("span", { class: "max-w-56 truncate font-medium" }, toDisplayString(label(unref(rightFilename))), 1)
+					]), createVNode("div", { class: "flex flex-wrap items-center gap-3" }, [
+						createVNode(_component_UTabs, {
+							modelValue: unref(mode),
+							"onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+							items: modeItems,
+							content: false,
+							size: "sm",
+							class: "w-[22rem]"
+						}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+						createVNode(_component_MapBaseLayerTabs, {
+							modelValue: unref(baseMap),
+							"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+						}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+						!unref(onlineMode) && !unref(pixelPanelOpen) ? (openBlock(), createBlock(_component_UButton, {
+							key: 0,
+							icon: "i-lucide-panel-right-open",
+							label: "逐像素校验",
+							color: "neutral",
+							variant: "outline",
+							onClick: ($event) => pixelPanelOpen.value = true
+						}, null, 8, ["onClick"])) : createCommentVNode("", true)
+					])]), createVNode("div", { class: ["grid min-h-0 flex-1", unref(onlineMode) || !unref(pixelPanelOpen) ? "" : "xl:grid-cols-[minmax(0,1fr)_24rem]"] }, [createVNode("div", { class: ["min-h-[560px]", !unref(onlineMode) && unref(pixelPanelOpen) ? "border-r border-default" : ""] }, [(openBlock(), createBlock(_component_VersionCompare, {
+						key: `${unref(leftFilename)}-${unref(rightFilename)}-${unref(onlineRevision)}`,
+						"left-urls": urls(unref(leftFilename)),
+						"right-urls": urls(unref(rightFilename)),
+						"left-diff-root-urls": unref(leftFilename) === "online" ? unref(onlineRootUrls) : void 0,
+						"right-diff-root-urls": unref(rightFilename) === "online" ? unref(onlineRootUrls) : void 0,
+						"left-source-version": unref(leftFilename) === "online" ? String(unref(onlineRevision)) : unref(leftFilename),
+						"right-source-version": unref(rightFilename) === "online" ? String(unref(onlineRevision)) : unref(rightFilename),
+						"left-label": label(unref(leftFilename)),
+						"right-label": label(unref(rightFilename)),
+						mode: unref(mode),
+						"base-map": unref(baseMap),
+						"live-status-url": unref(onlineMode) ? `/api/map/live/status?v=${unref(onlineRevision)}` : void 0,
+						"focus-tile": unref(selectedTile),
+						"min-zoom": unref(onlineMode) ? 6 : 3,
+						"max-zoom": 24,
+						"left-source-min-zoom": sourceMin(unref(leftFilename)),
+						"right-source-min-zoom": sourceMin(unref(rightFilename)),
+						"left-source-max-zoom": sourceMax(unref(leftFilename)),
+						"right-source-max-zoom": sourceMax(unref(rightFilename)),
+						"local-sources": unref(localFiles).map((file) => ({
+							id: file.id,
+							file: file.file
+						})),
+						"left-resampling": unref(leftFilename) === "online" ? "linear" : "nearest",
+						"right-resampling": unref(rightFilename) === "online" ? "linear" : "nearest"
+					}, null, 8, [
+						"left-urls",
+						"right-urls",
+						"left-diff-root-urls",
+						"right-diff-root-urls",
+						"left-source-version",
+						"right-source-version",
+						"left-label",
+						"right-label",
+						"mode",
+						"base-map",
+						"live-status-url",
+						"focus-tile",
+						"min-zoom",
+						"left-source-min-zoom",
+						"right-source-min-zoom",
+						"left-source-max-zoom",
+						"right-source-max-zoom",
+						"local-sources",
+						"left-resampling",
+						"right-resampling"
+					]))], 2), !unref(onlineMode) && unref(pixelPanelOpen) ? (openBlock(), createBlock("aside", {
+						key: 0,
+						class: "flex min-h-0 flex-col overflow-hidden border-l border-default"
+					}, [createVNode(_component_UButton, {
+						block: "",
+						color: "neutral",
+						variant: "ghost",
+						label: "逐像素校验",
+						"trailing-icon": "i-lucide-panel-right-close",
+						ui: { base: "justify-between rounded-none border-b border-default px-5 py-3" },
+						onClick: ($event) => pixelPanelOpen.value = false
+					}, null, 8, ["onClick"]), createVNode("div", { class: "flex h-full min-h-0 flex-col overflow-hidden" }, [createVNode("div", { class: "border-b border-default px-5 py-4" }, [
+						createVNode("div", { class: "flex items-center justify-between gap-4" }, [createVNode("span", { class: "text-xs text-muted" }, toDisplayString(unref(state) === "running" ? `${unref(workerCount)} Workers` : "全图瓦片"), 1)]),
+						unref(running) ? (openBlock(), createBlock("div", {
+							key: 0,
+							class: "mt-4"
+						}, [createVNode(_component_UProgress, {
+							"model-value": unref(progress),
+							max: 100,
+							size: "sm"
+						}, null, 8, ["model-value"]), createVNode("div", { class: "mt-2 flex items-center justify-between gap-3 text-xs text-muted" }, [createVNode("span", null, toDisplayString(unref(state) === "preparing" ? "正在建立瓦片索引" : `${number(unref(totals).processedTiles)} / ${number(unref(totalTiles))} tiles`), 1), unref(state) === "running" ? (openBlock(), createBlock("span", { key: 0 }, "已发现 " + toDisplayString(number(unref(totals).changedTiles)) + " 个差异", 1)) : createCommentVNode("", true)])])) : unref(state) === "error" ? (openBlock(), createBlock(_component_UAlert, {
+							key: 1,
+							class: "mt-4",
+							color: "error",
+							icon: "i-lucide-circle-x",
+							title: "像素 diff 失败",
+							description: unref(error) || void 0
+						}, null, 8, ["description"])) : unref(report) ? (openBlock(), createBlock(_component_UAlert, {
+							key: 2,
+							class: "mt-4",
+							color: unref(report).identical ? "success" : "warning",
+							icon: unref(report).identical ? "i-lucide-circle-check" : "i-lucide-triangle-alert",
+							title: unref(report).identical ? "两个版本像素完全一致" : "检测到像素差异"
+						}, null, 8, [
+							"color",
+							"icon",
+							"title"
+						])) : createCommentVNode("", true),
+						unref(report) ? (openBlock(), createBlock("div", {
+							key: 3,
+							class: "mt-4 grid grid-cols-2 gap-x-5 gap-y-4 text-sm"
+						}, [
+							createVNode("div", null, [createVNode("p", { class: "text-xs text-muted" }, "差异瓦片"), createVNode("p", { class: "uom-mono mt-1" }, toDisplayString(number(unref(report).changedTiles)), 1)]),
+							createVNode("div", null, [createVNode("p", { class: "text-xs text-muted" }, "全图差异"), createVNode("p", { class: "uom-mono mt-1" }, toDisplayString(percent(unref(overallDiffPercent))), 1)]),
+							createVNode("div", null, [createVNode("p", { class: "text-xs text-muted" }, "新增像素"), createVNode("p", { class: "uom-mono mt-1 text-success" }, "+" + toDisplayString(number(unref(report).addedPixels)), 1)]),
+							createVNode("div", null, [createVNode("p", { class: "text-xs text-muted" }, "移除像素"), createVNode("p", { class: "uom-mono mt-1 text-error" }, "-" + toDisplayString(number(unref(report).removedPixels)), 1)])
+						])) : createCommentVNode("", true)
+					]), unref(report)?.tiles.length ? (openBlock(), createBlock("div", {
+						key: 0,
+						class: "flex min-h-0 flex-1 flex-col"
+					}, [
+						createVNode("div", { class: "grid grid-cols-[1fr_5.5rem_4rem_4rem] gap-2 border-b border-default px-4 py-2 text-[11px] text-muted" }, [
+							createVNode("span", null, "瓦片"),
+							createVNode("span", { class: "text-right" }, "diff%"),
+							createVNode("span", { class: "text-right" }, "新增"),
+							createVNode("span", { class: "text-right" }, "移除")
+						]),
+						createVNode(_component_UScrollArea, { class: "min-h-0 flex-1" }, {
+							default: withCtx(() => [(openBlock(true), createBlock(Fragment, null, renderList(unref(pagedTiles), (tile) => {
+								return openBlock(), createBlock("button", {
+									key: `${tile.z}/${tile.x}/${tile.y}`,
+									type: "button",
+									class: ["grid w-full grid-cols-[1fr_5.5rem_4rem_4rem] gap-2 border-b border-default px-4 py-2.5 text-left text-xs transition-colors hover:bg-elevated focus-visible:outline-2 focus-visible:outline-primary", unref(selectedTile) === tile ? "bg-elevated" : ""],
+									onClick: ($event) => selectTile(tile)
+								}, [
+									createVNode("span", { class: "uom-mono truncate" }, "z" + toDisplayString(tile.z) + "/" + toDisplayString(tile.x) + "/" + toDisplayString(tile.y), 1),
+									createVNode("span", { class: "uom-mono text-right font-medium" }, toDisplayString(percent(tile.diffPercent)), 1),
+									createVNode("span", { class: "uom-mono text-right text-success" }, toDisplayString(number(tile.addedPixels)), 1),
+									createVNode("span", { class: "uom-mono text-right text-error" }, toDisplayString(number(tile.removedPixels)), 1)
+								], 10, ["onClick"]);
+							}), 128))]),
+							_: 1
+						}),
+						createVNode("div", { class: "flex items-center justify-between border-t border-default px-4 py-3" }, [createVNode("span", { class: "text-xs text-muted" }, "按 diff% 降序"), createVNode(_component_UPagination, {
+							page: unref(page),
+							"onUpdate:page": ($event) => isRef(page) ? page.value = $event : null,
+							"items-per-page": pageSize,
+							total: unref(report).tiles.length,
+							size: "xs"
+						}, null, 8, [
+							"page",
+							"onUpdate:page",
+							"total"
+						])])
+					])) : unref(report) ? (openBlock(), createBlock("div", {
+						key: 1,
+						class: "grid min-h-[220px] flex-1 place-items-center px-6 text-center"
+					}, [createVNode(_component_UEmpty, {
+						icon: "i-lucide-circle-check",
+						title: "没有像素差异"
+					})])) : !unref(running) && unref(state) !== "error" ? (openBlock(), createBlock("div", {
+						key: 2,
+						class: "grid min-h-[220px] flex-1 place-items-center px-6 text-center"
+					}, [createVNode(_component_UEmpty, {
+						icon: "i-lucide-scan-line",
+						title: "尚未运行像素 diff"
+					})])) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 2)])) : (openBlock(), createBlock("div", {
+						key: 3,
+						class: "grid h-full place-items-center"
+					}, [createVNode(_component_UEmpty, {
+						icon: "i-lucide-files",
+						title: "请选择两个不同版本"
+					})]))];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/pages/compare.vue
+var _sfc_setup = compare_vue_vue_type_script_setup_true_lang_default.setup;
+compare_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/compare.vue");
+	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var compare_default = compare_vue_vue_type_script_setup_true_lang_default;
+
+export { compare_default as default };
+//# sourceMappingURL=compare-DmSAW8oA.mjs.map