agentworkshop 0.5.1 → 0.5.3

package/.output/server/chunks/build/TownView-DYlUNRZe.mjs

@@ -0,0 +1,2671 @@
+import { _ as _plugin_vue_export_helper_default, u as useI18n, a0 as useHttp } from '../virtual/entry.mjs';
+import { u as useUserStore } from './user-CpVY4OAA.mjs';
+import { u as useWorkspacesStore } from './workspaces-Dq-1zvu9.mjs';
+import { s as setInterval } from './interval-Bt11uRPw.mjs';
+import { u as useTownBus } from './useTownBus-D9SoIsAN.mjs';
+import { u as useDcwStream } from './useDcwStream-BkWDGaWp.mjs';
+import { u as useDaqStream } from './useDaqStream-CwORhsD7.mjs';
+import { u as useDeviceTwins } from './useDeviceTwins-NhtXqSkU.mjs';
+import { u as useEntitiesStore, a as useWorkshopWs } from './useWorkshopWs-Dwr_1Q8f.mjs';
+import { shallowRef, ref, computed, toValue, watch, nextTick, defineComponent, reactive, mergeProps, unref, readonly, getCurrentScope, onScopeDispose, getCurrentInstance, toRef, customRef, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrInterpolate, ssrRenderAttr, ssrRenderClass, ssrIncludeBooleanAttr, ssrRenderComponent, ssrRenderList, ssrRenderStyle, ssrLooseContain, ssrLooseEqual } from 'vue/server-renderer';
+import { aT as DAQ_TEMPLATES } from '../_/nitro.mjs';
+import * as THREE from 'three';
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { RoomEnvironment } from 'three/examples/jsm/environments/RoomEnvironment.js';
+
+function hashHue(id) {
+  if (!id) return 200;
+  let h = 0;
+  for (const c of id) h = (h * 31 + c.charCodeAt(0)) % 360;
+  return h;
+}
+const CHANNEL_HUES = [16, 40, 158, 178, 195, 212, 235, 262];
+function channelColorCss(channelId) {
+  const h = CHANNEL_HUES[hashHue(channelId) % CHANNEL_HUES.length];
+  return `hsl(${h}, 52%, 60%)`;
+}
+
+function partsToText(parts) {
+  return parts.map((p) => {
+    var _a;
+    return "text" in p ? (_a = p.text) != null ? _a : "" : "data" in p ? JSON.stringify(p.data) : "";
+  }).join("\n").trim();
+}
+const truncate = (s, n) => s.length > n ? `${s.slice(0, n)}\u2026` : s;
+function artifactName(a) {
+  var _a, _b;
+  return ((_a = a.name) == null ? void 0 : _a.trim()) ? a.name : ((_b = a.artifactId) != null ? _b : "").slice(0, 6);
+}
+function eventToBubble(e) {
+  var _a, _b, _c, _d, _e, _f;
+  switch (e.type) {
+    case "agent.message": {
+      const msg = e.payload;
+      const t = partsToText((_a = msg.parts) != null ? _a : []);
+      return t ? { channelId: e.channelId, agentId: e.agentId, kind: "info", text: truncate(t, 220), ttlMs: 3600 } : null;
+    }
+    case "agent.status.message": {
+      const text = String((_b = e.payload.text) != null ? _b : "");
+      if (!text) return null;
+      return { channelId: e.channelId, agentId: e.agentId, kind: "info", text: truncate(text, 220), ttlMs: 2600 };
+    }
+    case "a2a.message": {
+      const msg = e.payload;
+      const t = partsToText((_c = msg.parts) != null ? _c : []);
+      return t ? { channelId: e.channelId, agentId: e.agentId, kind: "info", text: truncate(t, 200), ttlMs: 3200 } : null;
+    }
+    case "a2a.artifact": {
+      const p = e.payload;
+      const a = p == null ? void 0 : p.artifact;
+      if (!a) return null;
+      const body = partsToText((_d = a.parts) != null ? _d : []);
+      return {
+        channelId: e.channelId,
+        agentId: e.agentId,
+        kind: "artifact",
+        text: `\u4EA4\u4ED8\u300C${artifactName(a)}\u300D${body ? ` \xB7 ${truncate(body, 120)}` : ""}`,
+        ttlMs: 3200
+      };
+    }
+    case "error": {
+      const p = e.payload;
+      return { channelId: e.channelId, agentId: e.agentId, kind: "error", text: `\u26A0 ${(_e = p.code) != null ? _e : "ERROR"} ${truncate((_f = p.message) != null ? _f : "", 160)}`, ttlMs: 4200 };
+    }
+    default:
+      return null;
+  }
+}
+function mapEnvelopeToIntent(e) {
+  const bubble = eventToBubble(e);
+  switch (e.type) {
+    case "agent.status":
+    case "agent.member":
+    case "task.status":
+    case "task.progress":
+      return { channelId: e.channelId, agentId: e.agentId, bubble: bubble != null ? bubble : void 0 };
+    case "agent.message":
+    case "agent.status.message":
+    case "a2a.message":
+    case "a2a.artifact":
+    case "error":
+      return { channelId: e.channelId, agentId: e.agentId, bubble: bubble != null ? bubble : void 0 };
+    default:
+      return null;
+  }
+}
+
+//#region app/composables/workshop/useCharacterAssets.ts
+/**
+* useCharacterAssets —— 角色模型库(前端注册表 + REST 拉取/上传/绑定)。
+*
+* 职责:
+*  - 拉取服务端资产清单(GET /api/workshop/assets/character)并 merge 内置约定模型;
+*  - 上传新模型(POST /api/workshop/assets/character,multipart);
+*  - 删除模型(引删保护 DELETE):仍被绑定 → 提示 used>0;
+*  - 绑定模型到某 Agent(PATCH /api/workshop/channels/:cid/agents/:agentId/model)。
+* 单例挂 globalThis,跨组件安全;store 为 reactive(异步加载完成后驱动组件重渲染)。
+*/
+var GLOBAL_KEY$1 = "__characterAssets";
+function fromApi(a) {
+	return {
+		id: a.id,
+		name: a.name,
+		file: a.file,
+		frames: a.sheet?.frames ?? 4,
+		frameWidth: a.sheet?.frameWidth ?? 48,
+		frameHeight: a.sheet?.frameHeight ?? 88,
+		kind: a.kind === "glb" ? "glb" : a.kind === "dev" ? "dev" : "sheet",
+		builtin: a.author === "system",
+		applied: (a.appliedTo?.length ?? 0) > 0
+	};
+}
+function createStore$1() {
+	const models = [];
+	const builtins = [
+		{
+			id: "knight",
+			name: "灰羽骑士",
+			file: "/assets/game/character/knight.png",
+			frames: 4,
+			frameWidth: 48,
+			frameHeight: 88,
+			kind: "sheet",
+			builtin: true,
+			applied: false
+		},
+		{
+			id: "mage",
+			name: "紫晶法师",
+			file: "/assets/game/character/mage.png",
+			frames: 4,
+			frameWidth: 48,
+			frameHeight: 88,
+			kind: "sheet",
+			builtin: true,
+			applied: false
+		},
+		{
+			id: "bot",
+			name: "青枢机械",
+			file: "/assets/game/character/bot.png",
+			frames: 4,
+			frameWidth: 48,
+			frameHeight: 88,
+			kind: "sheet",
+			builtin: true,
+			applied: false
+		},
+		{
+			id: "hero-3d",
+			name: "标准员工模型",
+			file: "/assets/game/character/hero-3d.glb",
+			frames: 1,
+			frameWidth: 0,
+			frameHeight: 0,
+			kind: "glb",
+			builtin: true,
+			applied: false,
+			hint: "默认员工 3D 模型"
+		},
+		{
+			id: "device-3d",
+			name: "工业泵设备",
+			file: "/assets/game/character/device-3d.glb",
+			frames: 1,
+			frameWidth: 0,
+			frameHeight: 0,
+			kind: "dev",
+			builtin: true,
+			applied: false,
+			hint: "数字孪生实体模型(拖入场景生成设备)"
+		}
+	];
+	const deviceFallbacks = [];
+	try {
+		const deviceModules = /* #__PURE__ */ Object.assign({});
+		for (const [key, url] of Object.entries(deviceModules)) {
+			const base = key.split("/").pop() ?? "";
+			const id = "dev-folder-" + base.replace(/\.glb$/i, "");
+			const servedFile = url.replace(/^\/public\//, "/");
+			deviceFallbacks.push({
+				id,
+				name: base.replace(/\.glb$/i, "").replace(/[-_]/g, " "),
+				file: servedFile,
+				frames: 1,
+				frameWidth: 0,
+				frameHeight: 0,
+				kind: "dev",
+				builtin: true,
+				applied: false,
+				hint: "设备实体(拖入场景生成数字孪生)"
+			});
+		}
+	} catch {}
+	const headers = (json = true) => {
+		const h = {};
+		if (json) h["content-type"] = "application/json";
+		return h;
+	};
+	const store = reactive({
+		models,
+		loaded: false,
+		loading: false,
+		error: "",
+		async load() {
+			if (store.loading || store.loaded) return;
+			store.loading = true;
+			try {
+				const [charRes, scanRes] = await Promise.allSettled([fetch("/api/workshop/assets/character", { headers: headers() }), fetch("/api/workshop/assets/devices", { headers: headers() })]);
+				const charJson = charRes.status === "fulfilled" ? await charRes.value.json().catch(() => ({})) : {};
+				const scanJson = scanRes.status === "fulfilled" ? await scanRes.value.json().catch(() => ({})) : {};
+				const apiAssets = charJson?.data?.assets ?? [];
+				const scannedDevices = (scanJson?.data?.devices ?? []).map((d) => ({
+					id: d.id,
+					name: d.name,
+					file: d.file,
+					frames: 1,
+					frameWidth: 0,
+					frameHeight: 0,
+					kind: "dev",
+					builtin: true,
+					applied: false,
+					hint: "设备实体(拖入场景生成数字孪生)",
+					hFactor: typeof d.defaultScale === "number" && d.defaultScale > 0 ? d.defaultScale : 1
+				}));
+				const builtinFiles = new Set(builtins.map((b) => b.file));
+				const scannedCharacters = (scanJson?.data?.characters ?? []).filter((d) => !builtinFiles.has(d.file)).map((d) => ({
+					id: d.id,
+					name: d.name,
+					file: d.file,
+					frames: 1,
+					frameWidth: 0,
+					frameHeight: 0,
+					kind: "glb",
+					builtin: true,
+					applied: false,
+					hint: "角色 3D 模型(在频道成员管理中设置)"
+				}));
+				const merged = [];
+				const seen = /* @__PURE__ */ new Set();
+				for (const a of apiAssets) {
+					merged.push(fromApi(a));
+					seen.add(a.id);
+				}
+				for (const d of scannedDevices) {
+					if (seen.has(d.id)) continue;
+					merged.push(d);
+					seen.add(d.id);
+				}
+				for (const c of scannedCharacters) {
+					if (seen.has(c.id)) continue;
+					merged.push(c);
+					seen.add(c.id);
+				}
+				for (const b of builtins) if (!seen.has(b.id)) merged.push(b);
+				for (const d of deviceFallbacks) if (!seen.has(d.id)) merged.push(d);
+				store.models.splice(0, store.models.length, ...merged);
+				store.loaded = true;
+				store.error = "";
+			} catch (err) {
+				store.loaded = false;
+				store.error = err instanceof Error ? err.message : String(err);
+			} finally {
+				store.loading = false;
+			}
+		},
+		byId(id) {
+			return models.find((m) => m.id === id);
+		},
+		async upload(file, opts) {
+			const fd = new FormData();
+			fd.append("file", file);
+			fd.append("name", opts.name ?? file.name.replace(/\.[^.]+$/, ""));
+			fd.append("workspaceId", opts.workspaceId ?? "");
+			fd.append("kind", opts.kind ?? "sheet");
+			fd.append("frameWidth", String(opts.frameWidth ?? 48));
+			fd.append("frameHeight", String(opts.frameHeight ?? 88));
+			fd.append("frames", String(opts.frames ?? 4));
+			const res = await fetch("/api/workshop/assets/character", {
+				method: "POST",
+				headers: headers(false),
+				body: fd
+			});
+			const json = await res.json().catch(() => ({}));
+			if (!res.ok || !json?.data?.asset) throw new Error(json?.message ?? "上传失败");
+			store.loaded = false;
+			await store.load();
+			return fromApi(json.data.asset);
+		},
+		async remove(id) {
+			const res = await fetch(`/api/workshop/assets/character/${id}`, {
+				method: "DELETE",
+				headers: headers()
+			});
+			const json = await res.json().catch(() => ({}));
+			if (!res.ok) throw new Error(json?.message ?? "删除失败");
+			store.loaded = false;
+			await store.load();
+			return { used: json?.data?.used ?? 0 };
+		},
+		async uploadDevice(file, name) {
+			const fd = new FormData();
+			fd.append("file", file);
+			if (name) fd.append("name", name);
+			const res = await fetch("/api/workshop/assets/devices", {
+				method: "POST",
+				headers: headers(false),
+				body: fd
+			});
+			const json = await res.json().catch(() => ({}));
+			if (!res.ok || !json?.data?.asset) throw new Error(json?.message ?? "设备模型上传失败");
+			store.loaded = false;
+			await store.load();
+			const a = json.data.asset;
+			return {
+				id: a.id,
+				name: a.name,
+				file: a.file,
+				frames: 1,
+				frameWidth: 0,
+				frameHeight: 0,
+				kind: "dev",
+				builtin: false,
+				applied: false,
+				hint: "设备实体(拖入场景生成数字孪生)"
+			};
+		},
+		async removeDevice(id) {
+			const key = id.replace(/^dev-folder-/, "");
+			const res = await fetch(`/api/workshop/assets/devices/${encodeURIComponent(key)}`, {
+				method: "DELETE",
+				headers: headers()
+			});
+			const json = await res.json().catch(() => ({}));
+			if (!res.ok) throw new Error(json?.message ?? "设备模型删除失败");
+			store.loaded = false;
+			await store.load();
+		},
+		async bind(channelId, agentId, modelRef) {
+			const res = await fetch(`/api/workshop/channels/${channelId}/agents/${agentId}/model`, {
+				method: "PATCH",
+				headers: headers(),
+				body: JSON.stringify({ modelRef })
+			});
+			const json = await res.json().catch(() => ({}));
+			if (!res.ok) throw new Error(json?.message ?? "绑定失败");
+		}
+	});
+	return store;
+}
+function useCharacterAssets() {
+	const g = globalThis;
+	if (!g[GLOBAL_KEY$1]) g[GLOBAL_KEY$1] = createStore$1();
+	const store = g[GLOBAL_KEY$1];
+	store.load();
+	return store;
+}
+//#endregion
+//#region app/components/workshop/town/ModelPreview3D.vue?vue&type=script&setup=true&lang.ts
+var ModelPreview3D_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ModelPreview3D",
+	__ssrInlineRender: true,
+	props: {
+		file: { default: "" },
+		localFile: { default: null },
+		height: { default: 64 }
+	},
+	setup(__props) {
+		/**
+		* ModelPreview3D —— 设备模型 GLB 实时 3D 缩略预览(共享渲染器版)。
+		*
+		* 关键设计:模型库有 12+ 张卡,浏览器 WebGL 活动上下文上限 ~16 —— 每卡独立
+		* WebGLRenderer 会让排在后面的卡(薄膜双拉系列)上下文被驱逐 → 黑块。
+		* 这里改为模块级共享单渲染器:一个 offscreen WebGL canvas + 单 rAF 循环,
+		* 逐槽位渲染后 drawImage 到各卡自己的 2D canvas。上下文恒为 1,GPU 占用受控。
+		*/
+		const props = __props;
+		const hostRef = ref(null);
+		const failed = ref(false);
+		const loading = ref(false);
+		const rigGlobal = globalThis;
+		let objectUrl = "";
+		function acquireRig() {
+			if (rigGlobal.__modelPreviewRig) return rigGlobal.__modelPreviewRig;
+			const renderer = new THREE.WebGLRenderer({
+				alpha: true,
+				antialias: false,
+				powerPreference: "low-power"
+			});
+			renderer.setPixelRatio(Math.min((void 0).devicePixelRatio, 1.5));
+			renderer.toneMapping = THREE.ACESFilmicToneMapping;
+			renderer.toneMappingExposure = 1.15;
+			const rig = {
+				renderer,
+				slots: /* @__PURE__ */ new Set(),
+				raf: 0,
+				clock: new THREE.Clock()
+			};
+			const tick = () => {
+				rig.raf = requestAnimationFrame(tick);
+				const dt = rig.clock.getDelta();
+				for (const s of rig.slots) {
+					if (!s.canvas.isConnected && s.canvas.width === 0) continue;
+					if (s.group) s.group.rotation.y += dt * s.speed;
+					rig.renderer.setSize(s.w, s.h, false);
+					rig.renderer.render(s.scene, s.camera);
+					s.ctx.clearRect(0, 0, s.w, s.h);
+					s.ctx.drawImage(rig.renderer.domElement, 0, 0, s.w, s.h);
+				}
+			};
+			tick();
+			rigGlobal.__modelPreviewRig = rig;
+			return rig;
+		}
+		function releaseRig() {
+			const rig = rigGlobal.__modelPreviewRig;
+			if (!rig || rig.slots.size > 0) return;
+			cancelAnimationFrame(rig.raf);
+			rig.renderer.dispose();
+			rig.renderer.domElement.remove();
+			delete rigGlobal.__modelPreviewRig;
+		}
+		function buildLighting(scene) {
+			try {
+				const pmrem = new THREE.PMREMGenerator(rigGlobal.__modelPreviewRig.renderer);
+				scene.environment = pmrem.fromScene(new RoomEnvironment(), .04).texture;
+				scene.environmentIntensity = .55;
+				pmrem.dispose();
+			} catch {}
+			scene.add(new THREE.HemisphereLight(14674431, 3813157, 1.3));
+			const key = new THREE.DirectionalLight(16773855, 2.2);
+			key.position.set(3, 4, 2);
+			scene.add(key);
+			const rim = new THREE.DirectionalLight(4311284, 1);
+			rim.position.set(-3, 1, -2.5);
+			scene.add(rim);
+		}
+		function fitObject(obj) {
+			const box = new THREE.Box3().setFromObject(obj);
+			const size = new THREE.Vector3();
+			box.getSize(size);
+			const center = box.getCenter(new THREE.Vector3());
+			const s = 2 / (Math.max(size.x, Math.max(size.y, size.z)) || 1);
+			obj.scale.setScalar(s);
+			obj.position.set(-center.x * s, -center.y * s, -center.z * s);
+		}
+		let slot = null;
+		function mountScene(source) {
+			if (!hostRef.value || failed.value) return;
+			const el = hostRef.value;
+			const w = el.clientWidth || 120;
+			const h = props.height || 64;
+			const rig = acquireRig();
+			const canvas = (void 0).createElement("canvas");
+			canvas.style.width = "100%";
+			canvas.style.height = `${h}px`;
+			canvas.width = Math.max(2, Math.round(w * Math.min((void 0).devicePixelRatio, 1.5)));
+			canvas.height = Math.max(2, Math.round(h * Math.min((void 0).devicePixelRatio, 1.5)));
+			const ctx = canvas.getContext("2d");
+			if (!ctx) {
+				failed.value = true;
+				return;
+			}
+			el.appendChild(canvas);
+			const scene = new THREE.Scene();
+			buildLighting(scene);
+			const camera = new THREE.PerspectiveCamera(38, w / h, .1, 100);
+			camera.position.set(2.4, 1.8, 3.1);
+			camera.lookAt(0, 0, 0);
+			const group = new THREE.Group();
+			scene.add(group);
+			slot = {
+				canvas,
+				ctx,
+				scene,
+				camera,
+				group,
+				w: canvas.width,
+				h: canvas.height,
+				speed: .6
+			};
+			rig.slots.add(slot);
+			loading.value = true;
+			new GLTFLoader().load(source, (glt) => {
+				const obj = glt.scene;
+				if (!slot) return;
+				obj.traverse((c) => {
+					const m = c;
+					if (m.isMesh) {
+						m.castShadow = false;
+						m.receiveShadow = false;
+					}
+				});
+				fitObject(obj);
+				slot.group.add(obj);
+				loading.value = false;
+			}, void 0, () => {
+				loading.value = false;
+				failed.value = true;
+			});
+		}
+		function dispose() {
+			if (objectUrl) URL.revokeObjectURL(objectUrl);
+			objectUrl = "";
+			if (slot) {
+				rigGlobal.__modelPreviewRig?.slots.delete(slot);
+				slot.scene.traverse((c) => {
+					const mesh = c;
+					if (mesh.isMesh) {
+						mesh.geometry?.dispose();
+						const mats = Array.isArray(mesh.material) ? mesh.material : [mesh.material];
+						for (const mat of mats) {
+							for (const key of Object.keys(mat)) {
+								const v = mat[key];
+								if (v && v.isTexture) v.dispose();
+							}
+							mat?.dispose();
+						}
+					}
+				});
+				slot.canvas.remove();
+				slot = null;
+				releaseRig();
+			}
+		}
+		function startLoad() {
+			failed.value = false;
+			if (props.localFile) {
+				objectUrl = URL.createObjectURL(props.localFile);
+				mountScene(objectUrl);
+				return;
+			}
+			if (props.file) mountScene(props.file);
+		}
+		watch(() => [props.file, props.localFile], () => {
+			dispose();
+			if (props.localFile ?? (props.file ? props.file : null)) nextTick(() => startLoad());
+		});
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(`<div${ssrRenderAttrs(mergeProps({
+				ref_key: "hostRef",
+				ref: hostRef,
+				class: "model-preview-3d",
+				style: { height: `${__props.height}px` }
+			}, _attrs))} data-v-b29ffdbe>`);
+			if (unref(loading)) _push(`<div class="mp-loading" data-v-b29ffdbe><span class="mp-spin" data-v-b29ffdbe></span></div>`);
+			else if (unref(failed)) _push(`<div class="mp-failed" data-v-b29ffdbe> PREVIEW NA </div>`);
+			else _push(`<!---->`);
+			_push(`</div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/workshop/town/ModelPreview3D.vue
+var _sfc_setup$3 = ModelPreview3D_vue_vue_type_script_setup_true_lang_default.setup;
+ModelPreview3D_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/workshop/town/ModelPreview3D.vue");
+	return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+var ModelPreview3D_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(ModelPreview3D_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b29ffdbe"]]), { __name: "WorkshopTownModelPreview3D" });
+//#endregion
+//#region app/components/workshop/AssetLibrary.vue?vue&type=script&setup=true&lang.ts
+var AssetLibrary_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AssetLibrary",
+	__ssrInlineRender: true,
+	setup(__props) {
+		/**
+		* 设备模型库(Asset Library)面板 —— 只列举「设备/实体」3D 模型,支持上传/删除。
+		*
+		* 交互:
+		*  - 仅展示 kind === 'dev' 的模型(扫描 public/assets/game/devices + 用户上传);
+		*    character 角色模型不出现在模型库 —— 在频道成员管理中为成员设置。
+		*  - 每张模型卡可拖拽:拖起把 assetId 写入 dataTransfer,落到孪生场景 →
+		*    TownScene3D.dropModelOnWorld() 在落点生成一个设备实例(数字孪生)。
+		*  - 上传:选择 .glb/.gltf/.obj/.fbx → POST /api/workshop/assets/devices,写入 devices 目录。
+		*  - 删除:删除对应模型文件(仅限 devices 目录内)。
+		*/
+		const { t } = useI18n();
+		const assets = useCharacterAssets();
+		/** 侧边模型库:展示所有设备实体模型(含内置模型、设备目录扫描与用户上传)。 */
+		const deviceModels = computed(() => assets.models.filter((m) => m.kind === "dev"));
+		/** 可 3D 预览的格式(glb/gltf);obj/fbx 保持占位图标 */
+		const isPreviewable = (name) => /\.(glb|gltf)$/i.test(name);
+		const uploading = ref(false);
+		const uploadError = ref("");
+		const uploadFile = ref(null);
+		const dropActive = ref(false);
+		const deletingId = ref("");
+		const deleteMsg = ref("");
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(`<aside${ssrRenderAttrs(mergeProps({ class: "asset-lib" }, _attrs))} data-v-c83e9503><div class="lib-head" data-v-c83e9503><span class="head-title" data-v-c83e9503>${ssrInterpolate(_ctx.$t("assetLibrary.k7la4x5001"))}</span><span class="head-hint" data-v-c83e9503>${ssrInterpolate(_ctx.$t("assetLibrary.kulif5b002"))}</span></div><div class="${ssrRenderClass([{ drop: unref(dropActive) }, "upload-box"])}" data-v-c83e9503><label class="upload-row" data-v-c83e9503><input type="file" accept=".glb,.gltf,.obj,.fbx" class="file-input" data-v-c83e9503><span class="upload-name" data-v-c83e9503><span class="i-tabler-plus upload-ico" data-v-c83e9503></span> ${ssrInterpolate(unref(uploadFile)?.name || _ctx.$t("assetLibrary.k1iiort6010"))}</span></label>`);
+			if (unref(dropActive)) _push(`<span class="drop-hint" data-v-c83e9503><span class="i-tabler-download" data-v-c83e9503></span> ${ssrInterpolate(_ctx.$t("assetLibrary.k5hg6jq003"))}</span>`);
+			else _push(`<!---->`);
+			if (unref(uploadFile)) {
+				_push(`<!--[-->`);
+				if (isPreviewable(unref(uploadFile).name)) _push(ssrRenderComponent(ModelPreview3D_default, {
+					"local-file": unref(uploadFile),
+					height: 92
+				}, null, _parent));
+				else _push(`<span class="upload-file-tag" data-v-c83e9503>${ssrInterpolate(unref(uploadFile).name)} (${ssrInterpolate(_ctx.$t("assetLibrary.k1xz5wvk009"))}</span>`);
+				_push(`<div class="upload-actions" data-v-c83e9503><button class="upload-btn go"${ssrIncludeBooleanAttr(unref(uploading)) ? " disabled" : ""} data-v-c83e9503>${ssrInterpolate(unref(uploading) ? _ctx.$t("assetLibrary.k1ar7n8i005") : _ctx.$t("assetLibrary.k1hhga4h014"))}</button><button class="upload-btn"${ssrIncludeBooleanAttr(unref(uploading)) ? " disabled" : ""} data-v-c83e9503>${ssrInterpolate(_ctx.$t("assetLibrary.k3xdnn004"))}</button></div><!--]-->`);
+			} else if (unref(uploading)) _push(`<span class="mini-err" data-v-c83e9503>${ssrInterpolate(_ctx.$t("assetLibrary.k1ar7n8i005"))}</span>`);
+			else _push(`<!---->`);
+			if (unref(uploadError) && !unref(uploadFile)) _push(`<span class="mini-err" data-v-c83e9503>${ssrInterpolate(unref(uploadError))}</span>`);
+			else _push(`<!---->`);
+			_push(`</div><div class="lib-grid" data-v-c83e9503><!--[-->`);
+			ssrRenderList(unref(deviceModels), (m) => {
+				_push(`<div class="model-card"${ssrRenderAttr("data-model-id", m.id)} draggable="true"${ssrRenderAttr("title", m.hint || _ctx.$t("assetLibrary.katn7lo015", { p0: m.name }))} data-v-c83e9503>`);
+				if (isPreviewable(m.file)) _push(ssrRenderComponent(ModelPreview3D_default, {
+					file: m.file,
+					height: 76
+				}, null, _parent));
+				else _push(`<span class="model-img glb dev" data-v-c83e9503><span class="i-tabler-cpu glb-cube" aria-hidden="true" data-v-c83e9503></span></span>`);
+				_push(`<span class="model-name" data-v-c83e9503>${ssrInterpolate(m.name)}</span><span class="model-badge" data-v-c83e9503>${ssrInterpolate(_ctx.$t("assetLibrary.k1n32zs0006"))}</span><div class="card-actions" data-v-c83e9503>`);
+				if (m.file.includes("/assets/game/devices/")) _push(`<button class="card-btn danger"${ssrIncludeBooleanAttr(unref(deletingId) === m.id) ? " disabled" : ""} data-v-c83e9503>${ssrInterpolate(unref(deletingId) === m.id ? "…" : _ctx.$t("assetLibrary.k498l011"))}</button>`);
+				else _push(`<!---->`);
+				_push(`</div></div>`);
+			});
+			_push(`<!--]-->`);
+			if (!unref(assets).loaded) _push(`<div class="lib-note" data-v-c83e9503><span class="loading-dot" data-v-c83e9503></span> ${ssrInterpolate(_ctx.$t("assetLibrary.k1kq2tmi007"))}</div>`);
+			else if (unref(deviceModels).length === 0) _push(`<div class="lib-note" data-v-c83e9503>${ssrInterpolate(_ctx.$t("assetLibrary.k15527e1008"))}</div>`);
+			else _push(`<!---->`);
+			_push(`</div>`);
+			if (unref(deleteMsg)) _push(`<span class="mini-msg" data-v-c83e9503>${ssrInterpolate(unref(deleteMsg))}</span>`);
+			else _push(`<!---->`);
+			_push(`</aside>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/workshop/AssetLibrary.vue
+var _sfc_setup$2 = AssetLibrary_vue_vue_type_script_setup_true_lang_default.setup;
+AssetLibrary_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/workshop/AssetLibrary.vue");
+	return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+var AssetLibrary_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(AssetLibrary_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c83e9503"]]), { __name: "WorkshopAssetLibrary" });
+//#endregion
+//#region app/components/workshop/DeviceTwinPanel.vue?vue&type=script&setup=true&lang.ts
+var DeviceTwinPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DeviceTwinPanel",
+	__ssrInlineRender: true,
+	props: {
+		daqLive: {},
+		dcwLive: {}
+	},
+	emits: ["focus-device"],
+	setup(__props) {
+		/**
+		* 设备控制台(Device Twin Console) —— 工业数字孪生 HMI:
+		* 设备实体直接列表展示(状态灯/遥测数据网格/下发控制),点击行聚焦小镇场景中的对应实体。
+		*
+		* 与 3D 小镇联动:拖 `dev` 模型进场景会创建设备 twin;本面板实时刷新其 state/telemetry,
+		* 并展示绑定智控通道的当前 set 值,支持窗口内直写下发(替代旧 power_on/power_off/set_speed)。
+		*/
+		const { t } = useI18n();
+		/** 实时数采数据(twinId → 该实体相关的实时通道:
+		*  数采节点 = 自身通道;设备 = 绑定到它的全部数采通道;由 TownView 从模拟上报喂入) */
+		const twins = useDeviceTwins();
+		useDcwStream();
+		/** 数采实体(绿卡):kind=daq 或旧数据 modelRef 前缀兜底 */
+		const isDaq = (t) => t.kind === "daq" || (t.modelRef ?? "").startsWith("daq-");
+		const busyId = ref("");
+		const ctrlMsg = ref("");
+		/** 行内删除(两步确认:首击布防 3s,再击执行) */
+		const armedId = ref("");
+		const stateColor = {
+			idle: "var(--hud-amber)",
+			running: "var(--hud-ok)",
+			alarm: "var(--hud-danger)",
+			offline: "var(--hud-dim)"
+		};
+		const stateLabel = {
+			idle: "STANDBY",
+			running: "RUNNING",
+			alarm: "ALARM",
+			offline: "OFFLINE"
+		};
+		const modelTag = (name) => name.replace(/[^A-Za-z0-9]/g, "").slice(0, 4).toUpperCase() || "DEV";
+		const devNo = (id) => id.replace(/^dev-/, "").replace(/[^a-z0-9]/gi, "").slice(-6).toUpperCase();
+		const fmt = (v) => typeof v === "number" ? (Math.round(v * 100) / 100).toString() : String(v);
+		/** 智控上下限文案(无穷大显示 ±∞) */
+		const dcwWinText = (r) => `${Number.isFinite(r.lo) ? r.lo : "-∞"} ~ ${Number.isFinite(r.hi) ? r.hi : "+∞"} ${r.unit}`;
+		/** 写入草稿/错误(智控节点 id 键控) */
+		const dcwDrafts = reactive({});
+		const dcwErrs = reactive({});
+		const dcwBusy = ref("");
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(`<aside${ssrRenderAttrs(mergeProps({ class: "twin-panel" }, _attrs))} data-v-9a00109c><div class="twin-head" data-v-9a00109c><span class="twin-kicker" data-v-9a00109c>${ssrInterpolate(_ctx.$t("deviceTwinPanel.k7k6evr002"))}</span><span class="twin-count" data-v-9a00109c>${ssrInterpolate(unref(twins).twins.length)}</span></div>`);
+			if (unref(twins).error) _push(`<div class="twin-error" data-v-9a00109c>${ssrInterpolate(unref(twins).error)}</div>`);
+			else _push(`<!---->`);
+			if (!unref(twins).loaded) _push(`<div class="twin-empty" data-v-9a00109c>${ssrInterpolate(_ctx.$t("deviceTwinPanel.kkw7sn5003"))}</div>`);
+			else if (unref(twins).twins.length === 0) _push(`<div class="twin-empty" data-v-9a00109c><div class="twin-empty-frame" data-v-9a00109c><div class="twin-empty-title" data-v-9a00109c>${ssrInterpolate(_ctx.$t("deviceTwinPanel.k13y2qmg004"))}</div><div class="twin-empty-sub" data-v-9a00109c>${ssrInterpolate(_ctx.$t("deviceTwinPanel.kotf23l005"))}</div></div></div>`);
+			else {
+				_push(`<div class="twin-list" data-v-9a00109c><!--[-->`);
+				ssrRenderList(unref(twins).twins, (t) => {
+					_push(`<button class="${ssrRenderClass([{ daq: isDaq(t) }, "twin-card"])}" type="button" data-v-9a00109c><div class="twin-row" data-v-9a00109c><span class="twin-model-tag" data-v-9a00109c>${ssrInterpolate(modelTag(t.modelRef || t.name))}</span><div class="twin-idbar" data-v-9a00109c><span class="twin-name" data-v-9a00109c>${ssrInterpolate(t.name)}</span><span class="twin-code" data-v-9a00109c>${ssrInterpolate(isDaq(t) ? "DAQ" : devNo(t.id))}</span></div><button class="${ssrRenderClass([{ armed: unref(armedId) === t.id }, "twin-del"])}"${ssrIncludeBooleanAttr(unref(busyId) === t.id) ? " disabled" : ""}${ssrRenderAttr("title", unref(armedId) === t.id ? "再次点击确认删除该设备实例" : "删除该设备实例")} data-v-9a00109c>${ssrInterpolate(unref(armedId) === t.id ? _ctx.$t("deviceTwinPanel.k44653007") : "✕")}</button><span class="${ssrRenderClass([`s-${t.state}`, "twin-state"])}" data-v-9a00109c><i class="twin-state-dot" style="${ssrRenderStyle({ background: stateColor[t.state] || "var(--hud-dim)" })}" data-v-9a00109c></i> ${ssrInterpolate(stateLabel[t.state] || t.state)}</span></div>`);
+					if (Object.keys(t.telemetry).length) {
+						_push(`<div class="twin-tele" data-v-9a00109c><!--[-->`);
+						ssrRenderList(t.telemetry, (v, k) => {
+							_push(`<span class="tele-item" data-v-9a00109c><em data-v-9a00109c>${ssrInterpolate(k)}</em><b data-v-9a00109c>${ssrInterpolate(fmt(v))}</b></span>`);
+						});
+						_push(`<!--]--></div>`);
+					} else _push(`<!---->`);
+					if (__props.daqLive?.[t.id]?.length) {
+						_push(`<div class="twin-daq" data-v-9a00109c><!--[-->`);
+						ssrRenderList(__props.daqLive[t.id], (d, i) => {
+							_push(`<span class="${ssrRenderClass([{ alarm: d.alarm }, "daq-item"])}" data-v-9a00109c><em data-v-9a00109c>${ssrInterpolate(d.ch)}</em><b data-v-9a00109c>${ssrInterpolate(d.value)}<i data-v-9a00109c>${ssrInterpolate(d.unit)}</i></b></span>`);
+						});
+						_push(`<!--]--></div>`);
+					} else _push(`<!---->`);
+					if (__props.dcwLive?.[t.id]?.length) {
+						_push(`<div class="twin-dcw" data-v-9a00109c><!--[-->`);
+						ssrRenderList(__props.dcwLive[t.id], (r) => {
+							_push(`<div class="dcw-item" data-v-9a00109c><div class="dcw-head" data-v-9a00109c><em data-v-9a00109c>${ssrInterpolate(r.ch)}`);
+							if (r.src === "recipe") _push(`<i class="dcw-src" data-v-9a00109c>${ssrInterpolate(_ctx.$t("deviceTwinPanel.k48grv006"))}</i>`);
+							else _push(`<!---->`);
+							_push(`</em><b class="dcw-set" data-v-9a00109c>${ssrInterpolate(r.value != null ? r.value.toFixed(r.decimals) : "--")}<i data-v-9a00109c>${ssrInterpolate(r.unit)}</i></b></div><div class="dcw-win" data-v-9a00109c><span${ssrRenderAttr("title", r.src === "recipe" ? "当前运行配方工艺窗口" : "节点全局量程")} data-v-9a00109c>${ssrInterpolate(dcwWinText(r))}</span></div><div class="dcw-ctrl" data-v-9a00109c><input${ssrRenderAttr("value", unref(dcwDrafts)[r.id])} type="number" class="ctrl-input"${ssrRenderAttr("step", 10 ** -r.decimals)}${ssrRenderAttr("min", Number.isFinite(r.lo) ? r.lo : void 0)}${ssrRenderAttr("max", Number.isFinite(r.hi) ? r.hi : void 0)}${ssrRenderAttr("placeholder", `${Number.isFinite(r.lo) ? r.lo : ""} ~ ${Number.isFinite(r.hi) ? r.hi : ""}`)} data-v-9a00109c><button class="ctrl-btn dcw-send"${ssrIncludeBooleanAttr(unref(dcwDrafts)[r.id] == null || unref(dcwDrafts)[r.id] === "" || unref(dcwBusy) === r.id) ? " disabled" : ""}${ssrRenderAttr("title", _ctx.$t("deviceTwinPanel.k1j04u8001"))} data-v-9a00109c>${ssrInterpolate(unref(dcwBusy) === r.id ? "···" : "SET")}</button></div>`);
+							if (unref(dcwErrs)[r.id]) _push(`<small class="dcw-err" data-v-9a00109c>${ssrInterpolate(unref(dcwErrs)[r.id])}</small>`);
+							else _push(`<!---->`);
+							_push(`</div>`);
+						});
+						_push(`<!--]--></div>`);
+					} else _push(`<!---->`);
+					_push(`</button>`);
+				});
+				_push(`<!--]--></div>`);
+			}
+			if (unref(ctrlMsg)) _push(`<span class="twin-err" data-v-9a00109c>${ssrInterpolate(unref(ctrlMsg))}</span>`);
+			else _push(`<!---->`);
+			_push(`</aside>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/workshop/DeviceTwinPanel.vue
+var _sfc_setup$1 = DeviceTwinPanel_vue_vue_type_script_setup_true_lang_default.setup;
+DeviceTwinPanel_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/workshop/DeviceTwinPanel.vue");
+	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var DeviceTwinPanel_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(DeviceTwinPanel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9a00109c"]]), { __name: "WorkshopDeviceTwinPanel" });
+//#endregion
+//#region app/composables/workshop/useSceneLayouts.ts
+/**
+* useSceneLayouts —— 频道领地放置(3D 小镇布局注册表)。
+*
+* 职责:
+*  - 拉取已放置频道清单(GET /api/workshop/scene/layouts);
+*  - 放置/更新领地(PUT /:channelId):拖频道入场景、编辑边界后落库;
+*  - 移除放置(DELETE /:channelId):把频道(及其 Agent)从场景撤出。
+* 场景初始为空场地;未放置的频道只出现在频道坞,不进入 3D。
+* 单例挂 globalThis,跨组件安全;store 为 reactive(驱动频道坞/选中面板重渲染)。
+*/
+var GLOBAL_KEY = "__sceneLayouts";
+function headers(json = true) {
+	const h = {};
+	if (json) h["content-type"] = "application/json";
+	return h;
+}
+function createStore() {
+	/** 在飞请求句柄:并发 load 等同一个真实请求(旧实现直接 return → 调用方拿空 layouts 去 hydrate,频道竞态消失) */
+	let inFlight = null;
+	const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+	const store = reactive({
+		layouts: {},
+		loaded: false,
+		loading: false,
+		error: "",
+		rev: 0,
+		async load() {
+			if (!inFlight) inFlight = doLoad().finally(() => {
+				inFlight = null;
+			});
+			return inFlight;
+		},
+		byChannel(channelId) {
+			return store.layouts[channelId];
+		},
+		async save(channelId, input) {
+			store.layouts[channelId] = {
+				channelId,
+				x: input.x,
+				z: input.z,
+				radiusX: input.radiusX,
+				radiusZ: input.radiusZ,
+				shape: input.shape ?? "ellipse",
+				rotationY: input.rotationY ?? 0,
+				updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+			};
+			store.rev++;
+			let lastErr = null;
+			for (let attempt = 0; attempt < 3; attempt++) try {
+				const res = await fetch(`/api/workshop/scene/layouts/${channelId}`, {
+					method: "PUT",
+					headers: headers(),
+					body: JSON.stringify(input)
+				});
+				const json = await res.json().catch(() => ({}));
+				if (!res.ok || !json?.data?.layout) throw new Error(json?.message ?? "保存频道布局失败");
+				store.layouts[channelId] = json.data.layout;
+				return json.data.layout;
+			} catch (err) {
+				lastErr = err instanceof Error ? err : new Error(String(err));
+				if (attempt < 2) await sleep(500 * (attempt + 1));
+			}
+			throw lastErr ?? /* @__PURE__ */ new Error("保存频道布局失败");
+		},
+		async remove(channelId) {
+			const res = await fetch(`/api/workshop/scene/layouts/${channelId}`, {
+				method: "DELETE",
+				headers: headers()
+			});
+			const json = await res.json().catch(() => ({}));
+			if (!res.ok) throw new Error(json?.message ?? "移除频道放置失败");
+			const next = Object.fromEntries(Object.entries(store.layouts).filter(([k]) => k !== channelId));
+			store.layouts = next;
+			store.rev++;
+		}
+	});
+	/** 单次真实拉取(3 次退避重试;非 2xx 视为失败 —— 401/500 的空 layouts 曾让整场频道消失) */
+	async function doLoad() {
+		store.loading = true;
+		let lastErr = "";
+		try {
+			for (let attempt = 0; attempt < 3; attempt++) try {
+				const res = await fetch("/api/workshop/scene/layouts", { headers: headers() });
+				if (!res.ok) throw new Error(`HTTP ${res.status}`);
+				const list = (await res.json().catch(() => ({})))?.data?.layouts ?? [];
+				const next = {};
+				for (const l of list) next[l.channelId] = l;
+				store.layouts = next;
+				store.loaded = true;
+				store.error = "";
+				store.rev++;
+				return;
+			} catch (err) {
+				lastErr = err instanceof Error ? err.message : String(err);
+				if (attempt < 2) await sleep(400 * (attempt + 1));
+			}
+			store.loaded = false;
+			store.error = lastErr;
+		} finally {
+			store.loading = false;
+		}
+	}
+	return store;
+}
+function useSceneLayouts() {
+	const g = globalThis;
+	if (!g[GLOBAL_KEY]) g[GLOBAL_KEY] = createStore();
+	const store = g[GLOBAL_KEY];
+	store.load();
+	return store;
+}
+//#endregion
+//#region node_modules/.pnpm/@vueuse+shared@13.9.0_vue@3.5.41_typescript@5.9.3_/node_modules/@vueuse/shared/index.mjs
+function tryOnScopeDispose(fn) {
+	if (getCurrentScope()) {
+		onScopeDispose(fn);
+		return true;
+	}
+	return false;
+}
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+var toString = Object.prototype.toString;
+var isObject = (val) => toString.call(val) === "[object Object]";
+var noop = () => {};
+function toRef$1(...args) {
+	if (args.length !== 1) return toRef(...args);
+	const r = args[0];
+	return typeof r === "function" ? readonly(customRef(() => ({
+		get: r,
+		set: noop
+	}))) : ref(r);
+}
+function createFilterWrapper(filter, fn) {
+	function wrapper(...args) {
+		return new Promise((resolve, reject) => {
+			Promise.resolve(filter(() => fn.apply(this, args), {
+				fn,
+				thisArg: this,
+				args
+			})).then(resolve).catch(reject);
+		});
+	}
+	return wrapper;
+}
+var bypassFilter = (invoke) => {
+	return invoke();
+};
+function pausableFilter(extendFilter = bypassFilter, options = {}) {
+	const { initialState = "active" } = options;
+	const isActive = toRef$1(initialState === "active");
+	function pause() {
+		isActive.value = false;
+	}
+	function resume() {
+		isActive.value = true;
+	}
+	const eventFilter = (...args) => {
+		if (isActive.value) extendFilter(...args);
+	};
+	return {
+		isActive: readonly(isActive),
+		pause,
+		resume,
+		eventFilter
+	};
+}
+function toArray(value) {
+	return Array.isArray(value) ? value : [value];
+}
+function getLifeCycleTarget(target) {
+	return getCurrentInstance();
+}
+function watchWithFilter(source, cb, options = {}) {
+	const { eventFilter = bypassFilter, ...watchOptions } = options;
+	return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
+}
+function watchPausable(source, cb, options = {}) {
+	const { eventFilter: filter, initialState = "active", ...watchOptions } = options;
+	const { eventFilter, pause, resume, isActive } = pausableFilter(filter, { initialState });
+	return {
+		stop: watchWithFilter(source, cb, {
+			...watchOptions,
+			eventFilter
+		}),
+		pause,
+		resume,
+		isActive
+	};
+}
+function tryOnMounted(fn, sync = true, target) {
+	if (getLifeCycleTarget());
+	else if (sync) fn();
+	else nextTick(fn);
+}
+function watchImmediate(source, cb, options) {
+	return watch(source, cb, {
+		...options,
+		immediate: true
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@vueuse+core@13.9.0_vue@3.5.41_typescript@5.9.3_/node_modules/@vueuse/core/index.mjs
+var defaultWindow = void 0;
+function unrefElement(elRef) {
+	var _a;
+	const plain = toValue(elRef);
+	return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+function useEventListener(...args) {
+	const cleanups = [];
+	const cleanup = () => {
+		cleanups.forEach((fn) => fn());
+		cleanups.length = 0;
+	};
+	const register = (el, event, listener, options) => {
+		el.addEventListener(event, listener, options);
+		return () => el.removeEventListener(event, listener, options);
+	};
+	const firstParamTargets = computed(() => {
+		const test = toArray(toValue(args[0])).filter((e) => e != null);
+		return test.every((e) => typeof e !== "string") ? test : void 0;
+	});
+	const stopWatch = watchImmediate(() => {
+		var _a, _b;
+		return [
+			(_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
+			toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
+			toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+			toValue(firstParamTargets.value ? args[3] : args[2])
+		];
+	}, ([raw_targets, raw_events, raw_listeners, raw_options]) => {
+		cleanup();
+		if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length)) return;
+		const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+		cleanups.push(...raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone)))));
+	}, { flush: "post" });
+	const stop = () => {
+		stopWatch();
+		cleanup();
+	};
+	tryOnScopeDispose(cleanup);
+	return stop;
+}
+var _global = typeof globalThis !== "undefined" ? globalThis : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+var globalKey = "__vueuse_ssr_handlers__";
+var handlers = /* @__PURE__ */ getHandlers();
+function getHandlers() {
+	if (!(globalKey in _global)) _global[globalKey] = _global[globalKey] || {};
+	return _global[globalKey];
+}
+function getSSRHandler(key, fallback) {
+	return handlers[key] || fallback;
+}
+function guessSerializerType(rawInit) {
+	return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
+}
+var StorageSerializers = {
+	boolean: {
+		read: (v) => v === "true",
+		write: (v) => String(v)
+	},
+	object: {
+		read: (v) => JSON.parse(v),
+		write: (v) => JSON.stringify(v)
+	},
+	number: {
+		read: (v) => Number.parseFloat(v),
+		write: (v) => String(v)
+	},
+	any: {
+		read: (v) => v,
+		write: (v) => String(v)
+	},
+	string: {
+		read: (v) => v,
+		write: (v) => String(v)
+	},
+	map: {
+		read: (v) => new Map(JSON.parse(v)),
+		write: (v) => JSON.stringify(Array.from(v.entries()))
+	},
+	set: {
+		read: (v) => new Set(JSON.parse(v)),
+		write: (v) => JSON.stringify(Array.from(v))
+	},
+	date: {
+		read: (v) => new Date(v),
+		write: (v) => v.toISOString()
+	}
+};
+var customStorageEventName = "vueuse-storage";
+function useStorage(key, defaults, storage, options = {}) {
+	var _a;
+	const { flush = "pre", deep = true, listenToStorageChanges = true, writeDefaults = true, mergeDefaults = false, shallow, window = defaultWindow, eventFilter, onError = (e) => {
+		console.error(e);
+	}, initOnMounted } = options;
+	const data = (shallow ? shallowRef : ref)(typeof defaults === "function" ? defaults() : defaults);
+	const keyComputed = computed(() => toValue(key));
+	if (!storage) try {
+		storage = getSSRHandler("getDefaultStorage", () => {
+			var _a2;
+			return (_a2 = defaultWindow) == null ? void 0 : _a2.localStorage;
+		})();
+	} catch (e) {
+		onError(e);
+	}
+	if (!storage) return data;
+	const rawInit = toValue(defaults);
+	const type = guessSerializerType(rawInit);
+	const serializer = (_a = options.serializer) != null ? _a : StorageSerializers[type];
+	const { pause: pauseWatch, resume: resumeWatch } = watchPausable(data, (newValue) => write(newValue), {
+		flush,
+		deep,
+		eventFilter
+	});
+	watch(keyComputed, () => update(), { flush });
+	let firstMounted = false;
+	const onStorageEvent = (ev) => {
+		if (initOnMounted && !firstMounted) return;
+		update(ev);
+	};
+	const onStorageCustomEvent = (ev) => {
+		if (initOnMounted && !firstMounted) return;
+		updateFromCustomEvent(ev);
+	};
+	if (window && listenToStorageChanges) {
+		if (storage instanceof Storage) useEventListener(window, "storage", onStorageEvent, { passive: true });
+		else useEventListener(window, customStorageEventName, onStorageCustomEvent);
+	}
+	if (initOnMounted) tryOnMounted(() => {
+		firstMounted = true;
+		update();
+	});
+	else update();
+	function dispatchWriteEvent(oldValue, newValue) {
+		if (window) {
+			const payload = {
+				key: keyComputed.value,
+				oldValue,
+				newValue,
+				storageArea: storage
+			};
+			window.dispatchEvent(storage instanceof Storage ? new StorageEvent("storage", payload) : new CustomEvent(customStorageEventName, { detail: payload }));
+		}
+	}
+	function write(v) {
+		try {
+			const oldValue = storage.getItem(keyComputed.value);
+			if (v == null) {
+				dispatchWriteEvent(oldValue, null);
+				storage.removeItem(keyComputed.value);
+			} else {
+				const serialized = serializer.write(v);
+				if (oldValue !== serialized) {
+					storage.setItem(keyComputed.value, serialized);
+					dispatchWriteEvent(oldValue, serialized);
+				}
+			}
+		} catch (e) {
+			onError(e);
+		}
+	}
+	function read(event) {
+		const rawValue = event ? event.newValue : storage.getItem(keyComputed.value);
+		if (rawValue == null) {
+			if (writeDefaults && rawInit != null) storage.setItem(keyComputed.value, serializer.write(rawInit));
+			return rawInit;
+		} else if (!event && mergeDefaults) {
+			const value = serializer.read(rawValue);
+			if (typeof mergeDefaults === "function") return mergeDefaults(value, rawInit);
+			else if (type === "object" && !Array.isArray(value)) return {
+				...rawInit,
+				...value
+			};
+			return value;
+		} else if (typeof rawValue !== "string") return rawValue;
+		else return serializer.read(rawValue);
+	}
+	function update(event) {
+		if (event && event.storageArea !== storage) return;
+		if (event && event.key == null) {
+			data.value = rawInit;
+			return;
+		}
+		if (event && event.key !== keyComputed.value) return;
+		pauseWatch();
+		try {
+			const serializedData = serializer.write(data.value);
+			if (event === void 0 || (event == null ? void 0 : event.newValue) !== serializedData) data.value = read(event);
+		} catch (e) {
+			onError(e);
+		} finally {
+			if (event) nextTick(resumeWatch);
+			else resumeWatch();
+		}
+	}
+	function updateFromCustomEvent(event) {
+		update(event.detail);
+	}
+	return data;
+}
+//#endregion
+//#region app/components/workshop/town/TownView.vue?vue&type=script&setup=true&lang.ts
+/** 两种渲染器共享:事件订阅 + HUD 事件 + E2E 钩子 */
+var PANEL_POS_KEY = "aw-town-panel-pos";
+var HISTORY_TTL_MS = 3e4;
+var CALLOUT_STACK = 104;
+var TREND_VISIBLE_DEFAULT = 8;
+/** 地图窗口缩放随 3D dolly(夹在 0.4~5;dolly 再深地图不再放大) */
+var TownView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "TownView",
+	__ssrInlineRender: true,
+	props: {
+		channelId: {},
+		allChannels: { type: Boolean }
+	},
+	setup(__props) {
+		/**
+		* 小镇视图(AgentTeam RPG 可视化)— Vue 壳。
+		*
+		* 职责:挂载 Phaser(SSR 安全动态 import)、从 entities store 构建初始实体基线、
+		* 订阅用TownBus(与时间线同源事件流)驱动场景、监听 channel.snapshot 重建、
+		* HUD 覆盖层(加载态/连接态/当前说话者/统计)、E2E 钩子。
+		*/
+		const { t } = useI18n();
+		/**
+		* 两种渲染器(Phaser 2D / Three.js 3D)共享的最小公开接口。
+		* TownView 无感切换:事件订阅/HUD/跑马灯/迷你地图/拖放换装只用这里的方法。
+		*/
+		const props = __props;
+		const entities = useEntitiesStore();
+		const wsStore = useWorkspacesStore();
+		const { conn } = useWorkshopWs();
+		useTownBus();
+		const characterAssets = useCharacterAssets();
+		const deviceTwins = useDeviceTwins();
+		const sceneLayouts = useSceneLayouts();
+		useHttp();
+		ref(null);
+		/** 当前渲染器(TownScene / TownScene3D 之一) */
+		const sceneRef = shallowRef(null);
+		shallowRef(null);
+		/** 3D 场景实例(dispose 用) */
+		const scene3dRef = shallowRef(null);
+		const ready = ref(false);
+		const fps = ref(0);
+		const agentCount = ref(0);
+		const blockCount = ref(0);
+		ref(null);
+		const selected = ref(null);
+		const errorText = ref("");
+		const syncing = computed(() => conn.state === "connecting");
+		const activeChannelName = computed(() => entities.channels[props.channelId]?.name ?? "");
+		const mode = ref("browse");
+		const snap = ref(true);
+		const saveState = ref(null);
+		const saveStateLabel = computed(() => {
+			switch (saveState.value?.state) {
+				case "dirty": return t("townView.k3oo50k155");
+				case "saving": return t("townView.k1b38d59156");
+				case "saved": return t("townView.k3n51yk157");
+				case "error": return t("townView.k1b3ayhc158");
+				default: return "";
+			}
+		});
+		/** 变换模式(Blender 键位):G 移动 / R 旋转 / S 缩放;选中设备时与场景手柄联动 */
+		const tMode = ref("translate");
+		watch(() => [selected.value, mode.value], ([sel, m]) => {
+			if (m === "edit" && sel?.kind === "device") scene3dRef.value?.setTransformMode(tMode.value);
+		});
+		/** 选中频道(边界编辑面板) */
+		const selectedChannel = ref(null);
+		/** 边界编辑面板(拖拽中存草稿;确认后场景 applySceneLayouts + 落库) */
+		const boundaryDraft = ref(null);
+		/** 频道坞:把某频道拖入场景(须拖拽放置;点击不自动落点)。 */
+		const dockHint = ref("");
+		/** 角色模型选项(character 3D .glb;只在成员/选中面板设置,不进设备模型库) */
+		const agentModels = computed(() => characterAssets.models.filter((m) => m.kind === "glb"));
+		/** 设备模型选项(仅设备模型;换模即时重挂 + 落库) */
+		const deviceModels = computed(() => characterAssets.models.filter((m) => m.kind === "dev"));
+		/** 选中对象名称草稿(设备可改名;角色只读显示) */
+		const objNameDraft = ref("");
+		/** 选中角色活动范围草稿(面板滑杆/形状实时 → setAgentRangeScene;提交 → 落库) */
+		const agentRangeDraft = ref(null);
+		/** 框选绘制中标记(面板按钮态;绘制完成/切换选中/退出编辑自动复位) */
+		const agentDrawingRange = ref(false);
+		watch(() => selected.value, (sel) => {
+			objNameDraft.value = sel?.kind === "device" ? scene3dRef.value?.getDeviceName?.(sel.id) ?? "" : "";
+			agentRangeDraft.value = null;
+			if (sel?.kind === "agent") {
+				const r = scene3dRef.value?.getAgentRange?.(sel.id);
+				agentRangeDraft.value = r ? {
+					radiusX: r.radiusX,
+					radiusZ: r.radiusZ,
+					shape: r.shape
+				} : null;
+				agentDrawingRange.value = scene3dRef.value?.isRangeDrawing(sel.id) ?? false;
+			} else agentDrawingRange.value = false;
+		});
+		/** 活动范围状态文本(对象面板展示) */
+		const agentRangeStatusText = computed(() => {
+			const sel = selected.value;
+			if (!sel || sel.kind !== "agent") return "";
+			const r = scene3dRef.value?.getAgentRange?.(sel.id);
+			if (!r) return t("townView.k1v1icf6160");
+			return `${r.shape === "rect" ? t("townView.k43u0g050") : t("townView.k414bc049")} ${Math.round(r.radiusX)} × ${Math.round(r.radiusZ)}`;
+		});
+		/** 删除选中设备实例(移除孪生 + 场景节点);两步确认:首击布防 3s,再击执行 */
+		const deviceDeleteArmed = ref("");
+		const channelPanelTab = ref("boundary");
+		/** 选中频道成员(供成员 tab 为每个成员设置 character 模型) */
+		const channelMembers = computed(() => {
+			if (!selectedChannel.value) return [];
+			return buildTownInput().find((c) => c.channelId === selectedChannel.value)?.agents ?? [];
+		});
+		/** 场景放置/移除版本戳(blockCount 事件时自增;驱动 dockChannels 对 hasChannel 的响应式重算) */
+		const dockRev = ref(0);
+		/** 频道坞列表(所有挂载频道;已放置/未放置标记) */
+		const dockChannels = computed(() => {
+			dockRev.value;
+			return allMountedChannelIds().map((cid) => {
+				return {
+					channelId: cid,
+					name: entities.channels[cid]?.name ?? cid.slice(0, 8),
+					agentCount: (entities.agents[cid] ?? []).length,
+					placed: scene3dRef.value?.hasChannel(cid) ?? false,
+					color: hashColor(cid)
+				};
+			});
+		});
+		function allMountedChannelIds() {
+			const ids = [];
+			for (const ws of wsWorkspaces() ?? []) for (const cid of ws.channelIds ?? []) if (!ids.includes(cid)) ids.push(cid);
+			if (!ids.includes(props.channelId)) ids.push(props.channelId);
+			return ids;
+		}
+		/** workspaces store(频道坞列举所有已挂载频道) */
+		function wsWorkspaces() {
+			return wsStore.workspaces;
+		}
+		/** 稳定频道色(与场景 channelColorNum 同源:同一 hashHue,UI 用 CSS 色) */
+		function hashColor(id) {
+			return channelColorCss(id);
+		}
+		/** 从 entities store 构建小镇实体基线(当前 workspace 挂载的 channel) */
+		function buildTownInput() {
+			const out = [];
+			for (const [cid, ch] of Object.entries(entities.channels)) {
+				const agents = (entities.agents[cid] ?? []).map((a) => {
+					const curTask = a.currentTaskId ? (entities.tasks[cid] ?? []).find((t) => t.id === a.currentTaskId) : void 0;
+					return {
+						agentId: a.agentId,
+						name: a.name,
+						role: a.role,
+						harness: a.harness,
+						state: a.state,
+						currentTaskId: a.currentTaskId ?? null,
+						currentTaskTitle: curTask?.title ?? null,
+						currentTaskProgress: a.currentTaskProgress ?? curTask?.progress ?? null,
+						modelRef: a.modelRef ?? null,
+						homeX: a.config?.homeX ?? null,
+						homeZ: a.config?.homeZ ?? null,
+						range: a.config?.range ?? null
+					};
+				});
+				out.push({
+					channelId: cid,
+					channelName: ch.name,
+					agents
+				});
+			}
+			return out;
+		}
+		function syncSceneModels(scene) {
+			if (!scene || !("registerModelsFromList" in scene)) return;
+			if ("screenToWorld" in scene) scene.registerModelsFromList(characterAssets.models.map((m) => ({
+				id: m.id,
+				file: m.file,
+				name: m.name,
+				kind: m.kind,
+				hFactor: m.hFactor ?? 1
+			})));
+			else scene.registerModelsFromList(characterAssets.models.map((m) => ({
+				id: m.id,
+				file: m.file,
+				name: m.name
+			})));
+		}
+		watch(() => characterAssets.models.map((m) => `${m.id}:${m.file}`).join("|"), () => syncSceneModels(sceneRef.value));
+		/** 用全量设备池收敛场景节点(真设备孪生 + 全部 DAQ 节点投影;按节点 id 对账)。
+		*  必须传 sceneTwinPool 而非 deviceTwins.twins —— syncDevices 会移除不在清单内的
+		*  本地节点,漏掉 daq 投影时设备事件每次到达都会把场景中的数采节点误删。 */
+		function syncSceneDevices(scene) {
+			if ("syncDevices" in scene) scene.syncDevices(sceneTwinPool.value);
+		}
+		watch(() => sceneLayouts.rev, (rev) => {
+			const scene = scene3dRef.value;
+			if (!scene || !sceneLayouts.loaded || rev === 0) return;
+			scene.hydrate(buildTownInput(), Object.values(sceneLayouts.layouts), sceneTwinPool.value);
+			syncChannelDock();
+		});
+		/** 频道坞已放置/未放置标记刷新(布局变化后) */
+		function syncChannelDock() {
+			sceneLayouts.load().finally(() => {});
+		}
+		/** 设备控制台行点击 → 场景镜头聚焦该实体并选中(工业 HMI 联动手感) */
+		function onFocusDevice(t) {
+			const s = scene3dRef.value;
+			if (!s) return;
+			if (typeof t.posX === "number" && typeof t.posZ === "number") s.focusTo(t.posX, t.posZ);
+			s.setSelected?.({
+				kind: "device",
+				id: t.id
+			});
+		}
+		const panelPos = reactive({});
+		function restorePanelPos() {
+			if (typeof localStorage === "undefined") return;
+			try {
+				const saved = JSON.parse(localStorage.getItem(PANEL_POS_KEY) || "{}");
+				for (const k of Object.keys(saved)) if (saved[k] && Number.isFinite(saved[k].x)) panelPos[k] = saved[k];
+			} catch {}
+		}
+		restorePanelPos();
+		/** 领地块(2D 场景无形状数据 → 回退圆) */
+		const minimap = shallowRef(null);
+		const lastDrop = shallowRef(null);
+		/** 模型落点反馈(供 HUD 显示) */
+		const lastDropText = computed(() => {
+			const d = lastDrop.value;
+			if (!d) return "";
+			return d.mode === "rebind" ? t("townView.kgz2nej193", {
+				p0: d.agentId?.slice(0, 8) ?? t("townView.k479op189"),
+				p1: d.textureKey
+			}) : t("townView.k5e2460194", { p0: d.textureKey });
+		});
+		/** 员工会话台:选中角色时展示其「本人」消息(实时缓冲直采,按 agentId 精确归属;重名不串扰) */
+		const agentChatRows = computed(() => {
+			const sel = selected.value;
+			if (!sel || sel.kind !== "agent") return [];
+			const rows = liveChatBuf.get(sel.id);
+			if (!rows || rows.length === 0) return [];
+			const lastHistAt = agentHistory.value.length ? agentHistory.value[agentHistory.value.length - 1]?.at ?? 0 : 0;
+			return rows.filter((r) => r.at > lastHistAt);
+		});
+		const agentChatTitle = computed(() => {
+			if (!selected.value || selected.value.kind !== "agent") return "";
+			return scene3dRef.value?.getAgentName?.(selected.value.id) ?? t("townView.k3xdvm125");
+		});
+		/** 选中角色的实体元数据(状态/harness/角色;驱动会话台头部状态章) */
+		const selectedAgentMeta = computed(() => {
+			const sel = selected.value;
+			if (!sel || sel.kind !== "agent") return null;
+			for (const list of Object.values(entities.agents)) {
+				const a = (list ?? []).find((x) => x.agentId === sel.id);
+				if (a) return a;
+			}
+			return null;
+		});
+		/** 选中角色的职务名(卡片标题/身份章):Leader / Worker —— 以职务取代人称,贴近 Agent Harness 习惯 */
+		const selectedAgentRoleLabel = computed(() => selectedAgentMeta.value?.role === "lead" ? "Leader" : "Worker");
+		const selectedAgentRoleTag = computed(() => selectedAgentMeta.value?.role === "lead" ? "LEADER" : "WORKER");
+		const agentChatStateLabel = computed(() => {
+			const st = selectedAgentMeta.value?.state;
+			if (st === "busy") return t("townView.k3n4l5f163");
+			if (st === "stopped") return t("townView.k3n58d1164");
+			return t("townView.k3zcvb115");
+		});
+		const agentHistory = ref([]);
+		const historyLoading = ref(false);
+		/** 历史缓存(30s TTL;重选同角色短时间内免拉) */
+		const historyCache = /* @__PURE__ */ new Map();
+		const chatScroll = ref(null);
+		/** 实时消息缓冲(agentId → 近实时条目;响应式 Map,computed 直接追踪) */
+		const liveChatBuf = reactive(/* @__PURE__ */ new Map());
+		function cookieToken() {
+			return "";
+		}
+		function channelOfAgent(agentId) {
+			for (const cid of Object.keys(entities.agents)) if ((entities.agents[cid] ?? []).some((a) => a.agentId === agentId)) return cid;
+		}
+		/** 拉取并缓存该角色的历史对话(按 at 升序;force 跳过 TTL 缓存) */
+		async function loadAgentHistory(agentId, channelId, force = false) {
+			const cached = historyCache.get(agentId);
+			if (!force && cached && Date.now() - cached.at < HISTORY_TTL_MS) {
+				agentHistory.value = cached.rows;
+				return;
+			}
+			historyLoading.value = true;
+			try {
+				const tok = cookieToken();
+				const q = `/api/workshop/channels/${channelId}/events?limit=500&excludeTypes=agent.delta`;
+				const json = await (await fetch(q, { headers: tok ? { authorization: `Bearer ${decodeURIComponent(tok)}` } : {} })).json().catch(() => null);
+				const events = json?.data?.items ?? (Array.isArray(json?.data) ? json.data : []);
+				const rows = [];
+				for (const e of events) {
+					const b = mapEnvelopeToIntent(e)?.bubble;
+					if (!b || b.agentId !== agentId) continue;
+					const atRaw = e.at;
+					const at = typeof atRaw === "number" ? atRaw : atRaw ? Date.parse(String(atRaw)) : 0;
+					rows.push({
+						id: `${String(e.seq ?? rows.length)}-${rows.length}`,
+						agentId: b.agentId,
+						text: b.text,
+						kind: b.kind,
+						at,
+						live: false
+					});
+				}
+				rows.sort((a, b) => a.at - b.at);
+				historyCache.set(agentId, {
+					rows,
+					at: Date.now()
+				});
+				agentHistory.value = rows;
+			} catch {
+				agentHistory.value = [];
+			} finally {
+				historyLoading.value = false;
+			}
+		}
+		watch(() => selected.value, (sel) => {
+			if (!sel || sel.kind !== "agent") {
+				agentHistory.value = [];
+				return;
+			}
+			const cid = channelOfAgent(sel.id);
+			if (cid) loadAgentHistory(sel.id, cid);
+			else agentHistory.value = [];
+		}, { immediate: true });
+		/** 选中角色的身份色(频道哈希,与场景环同源) */
+		const agentChatColor = computed(() => {
+			const sel = selected.value;
+			if (!sel || sel.kind !== "agent") return "#35e0a0";
+			const cid = channelOfAgent(sel.id);
+			return cid ? channelColorCss(cid) ?? "#35e0a0" : "#35e0a0";
+		});
+		/** 对话类型标签(工业 HMI 小印章) */
+		function chatKindLabel(kind) {
+			switch (kind) {
+				case "artifact": return t("townView.k3w9q9165");
+				case "delta": return "……";
+				case "info": return t("townView.k44xa7166");
+				case "error": return t("townView.k3zbgf167");
+				default: return "";
+			}
+		}
+		/** 时间戳(HH:MM:SS;空值占位) */
+		function fmtTime(at) {
+			if (!at || !Number.isFinite(at) || at <= 0) return "--:--:--";
+			const d = new Date(at);
+			return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}:${String(d.getSeconds()).padStart(2, "0")}`;
+		}
+		watch(() => agentHistory.value.length + agentChatRows.value.length, async () => {
+			await nextTick();
+			const el = chatScroll.value;
+			if (el) el.scrollTop = el.scrollHeight;
+		});
+		/** 场景管线统一设备池:真实设备孪生(剔除旧 daq 孪生)+ server 数采节点伪孪生 */
+		/** 产线光晕色(lineId → Hex;未分配 undefined = 缺省绿) */
+		const lineColorOf = (lid) => dcw.lines.find((l) => l.id === lid)?.color;
+		/** 智控节点伪孪生投影(与 daqTwins 同构;value = 当前设定值;lineColor = 产线光环) */
+		const dcwTwins = computed(() => dcw.nodes.map((n) => ({
+			id: n.id,
+			workspaceId: "",
+			name: n.name,
+			modelRef: `dcw-${n.templateRef.startsWith("dcw-") ? n.templateRef.slice(4) : n.templateRef}`,
+			boundAgentId: null,
+			kind: "daq",
+			telemetry: { value: n.value ?? 0 },
+			desired: {},
+			controls: [],
+			state: n.enabled ? n.state === "error" ? "alarm" : "running" : "offline",
+			posX: n.posX,
+			posZ: n.posZ,
+			lineId: n.lineId || void 0,
+			lineColor: n.lineId ? lineColorOf(n.lineId) : void 0,
+			updatedAt: n.lastWriteAt ?? n.createdAt
+		})));
+		const sceneTwinPool = computed(() => [
+			...deviceTwins.twins.filter((t) => !isLegacyDaqTwin(t)),
+			...daqTwins.value,
+			...dcwTwins.value
+		]);
+		const sceneTwinById = (id) => sceneTwinPool.value.find((t) => t.id === id);
+		/** 空场景提示判定:场景里没有任何「已落位」实体(设备/数采/数控)且无频道积木时才提示。
+		*  只看 blockCount 会在清空频道布局后、设备与工业节点仍在场时误报"空场景"。 */
+		const sceneEmpty = computed(() => ready.value && blockCount.value === 0 && !sceneTwinPool.value.some((t) => typeof t.posX === "number" && typeof t.posZ === "number"));
+		/** 事件流:最近事件队列(at 供右轨"实时事件"面板;2D 场景无 at → 占位) */
+		const ticker = shallowRef([]);
+		/** 数采流单例:REST 快照 + townBus WS 帧(reading/node.changed/controller) */
+		const daq = useDaqStream();
+		/** 智控流单例(写控制;与数采对称:模板目录/节点/场景/绑定) */
+		const dcw = useDcwStream();
+		/** 智控模板目录(server 权威;与 daqTemplates 同构投影) */
+		const dcwTemplates = reactive(dcw.templates.map((t) => ({
+			id: t.key,
+			name: t.name,
+			code: t.code,
+			ch: t.ch,
+			unit: t.unit,
+			min: t.min,
+			max: t.max,
+			decimals: t.decimals,
+			icon: t.icon
+		})));
+		watch(() => dcw.templates, (list) => {
+			if (!list?.length) return;
+			dcwTemplates.splice(0, dcwTemplates.length, ...list.map((t) => ({
+				id: t.key,
+				name: t.name,
+				code: t.code,
+				ch: t.ch,
+				unit: t.unit,
+				min: t.min,
+				max: t.max,
+				decimals: t.decimals,
+				icon: t.icon
+			})));
+		}, {
+			immediate: true,
+			deep: true
+		});
+		/** 左轨树形目录:模板 = 可展开分组(不可拖拽),节点 = 可拖入场景的叶子。
+		*  展开状态持久化(aw.twin.treeOpen),拖拽载荷 = 既有节点 id(非模板)。 */
+		const treeOpen = useStorage("aw.twin.treeOpen", {});
+		const daqNodesByTpl = computed(() => {
+			const m = /* @__PURE__ */ new Map();
+			for (const n of daq.nodes) {
+				const key = n.templateRef.startsWith("daq-") ? n.templateRef.slice(4) : n.templateRef;
+				const arr = m.get(key) ?? [];
+				arr.push(n);
+				m.set(key, arr);
+			}
+			for (const arr of m.values()) arr.sort((a, b) => a.name.localeCompare(b.name, void 0, { numeric: true }));
+			return m;
+		});
+		const dcwNodesByTpl = computed(() => {
+			const m = /* @__PURE__ */ new Map();
+			for (const n of dcw.nodes) {
+				const key = n.templateRef.startsWith("dcw-") ? n.templateRef.slice(4) : n.templateRef;
+				const arr = m.get(key) ?? [];
+				arr.push(n);
+				m.set(key, arr);
+			}
+			for (const arr of m.values()) arr.sort((a, b) => a.name.localeCompare(b.name, void 0, { numeric: true }));
+			return m;
+		});
+		/** 叶子状态点(与伪孪生投影同一状态语义):绿=运行/黄=预警/红=告警/空心=离线 */
+		function daqLeafState(n) {
+			if (!daq.controller.running || !n.enabled || n.state === "offline") return "offline";
+			if (n.state === "alarm") return "alarm";
+			if (n.state === "warn") return "warn";
+			return "running";
+		}
+		function dcwLeafState(n) {
+			if (!n.enabled || n.state === "error") return "offline";
+			return "running";
+		}
+		/** 左轨模板目录(server 权威:内置 + 自定义随 REST/WS 收敛;字段名兼容既有轨道模板标记) */
+		const daqTemplates = reactive(DAQ_TEMPLATES.map((t) => ({
+			id: t.key,
+			name: t.name,
+			code: t.code,
+			ch: t.ch,
+			unit: t.unit,
+			base: t.base,
+			amp: t.amp,
+			min: t.min,
+			max: t.max,
+			decimals: t.decimals,
+			icon: t.icon
+		})));
+		watch(() => daq.templates, (list) => {
+			if (!list?.length) return;
+			daqTemplates.splice(0, daqTemplates.length, ...list.map((t) => ({
+				id: t.key,
+				name: t.name,
+				code: t.code,
+				ch: t.ch,
+				unit: t.unit,
+				base: t.base,
+				amp: t.amp,
+				min: t.min,
+				max: t.max,
+				decimals: t.decimals,
+				icon: t.icon
+			})));
+		}, {
+			immediate: true,
+			deep: true
+		});
+		const daqTplById = (ref) => {
+			const key = ref.startsWith("daq-") ? ref.slice(4) : ref;
+			return daqTemplates.find((t) => t.id === key);
+		};
+		const daqTplOf = (n) => daqTplById(n.templateRef);
+		/** 孪生状态映射(node state → DeviceTwin.state 联合;warn 在值卡层表达) */
+		function effectiveTwinState(n) {
+			if (!daq.controller.running || !n.enabled) return "offline";
+			if (n.state === "alarm") return "alarm";
+			return "running";
+		}
+		/** 场景中的数采实例(server Node → 伪孪生投影;与设备孪生同构进 syncDevices/callout 管线) */
+		const isLegacyDaqTwin = (t) => t.kind === "daq" || (t.modelRef ?? "").startsWith("daq-");
+		const daqTwins = computed(() => daq.nodes.map((n) => ({
+			id: n.id,
+			workspaceId: "",
+			name: n.name,
+			modelRef: `daq-${daqTplOf(n)?.id ?? "unknown"}`,
+			boundAgentId: null,
+			kind: "daq",
+			telemetry: { value: n.value ?? 0 },
+			desired: {},
+			controls: [],
+			state: effectiveTwinState(n),
+			posX: n.posX,
+			posZ: n.posZ,
+			lineId: n.lineId || void 0,
+			lineColor: n.lineId ? lineColorOf(n.lineId) : void 0,
+			updatedAt: n.lastAt ?? n.createdAt
+		})));
+		/**
+		* 兼容视图:旧 UI 全部消费 DaqSimState(value/hist/tpl/alarm),保留同形结构。
+		*
+		* 双通道数据消费(与渲染帧率彻底解耦):
+		*  - 消费层:WS 读数帧直写 rtcVals/rtcHist(非响应式,帧到即入,零合批延迟),
+		*    告警边沿检测同帧完成(异常事件即时上屏);
+		*  - 展示层:daqSim 计算属性消费 rtc 覆盖 + store hist(趋势),帧计数器作失效信号,
+		*    Vue 渲染管线自行合批 DOM 更新;场景渲染循环每帧只取「当前最新值」。
+		*/
+		const liveTick = ref(0);
+		const rtcVals = /* @__PURE__ */ new Map();
+		const rtcHist = /* @__PURE__ */ new Map();
+		const daqSim = computed(() => {
+			liveTick.value;
+			const m = /* @__PURE__ */ new Map();
+			for (const n of daq.nodes) {
+				const tpl = daqTplOf(n);
+				if (!tpl) continue;
+				const lv = rtcVals.get(n.id);
+				const fresher = lv && (!n.lastAt || lv.atMs >= Date.parse(n.lastAt));
+				const value = fresher ? lv.value : n.value;
+				if (value == null) continue;
+				const state = fresher ? lv.state : n.state;
+				m.set(n.id, {
+					value,
+					hist: rtcHist.get(n.id) ?? n.hist,
+					phase: 0,
+					tpl,
+					alarm: state === "alarm"
+				});
+			}
+			return m;
+		});
+		const fmtDaq = (st) => st.value.toFixed(st.tpl.decimals);
+		/** 告警推进(server 派生 state 变化 → 场景告警面板;恢复自动消警语义保持)。
+		*  prevDaqState 为帧通道(即时)与批量 watch(兜底)共享的去重账本 —— 先到先记。 */
+		const prevDaqState = /* @__PURE__ */ new Map();
+		/** 状态边沿 → 告警文案(crit/warn/恢复 info;label 优先绑定设备名) */
+		function stateEdgeAlarm(nodeId, prevState, nextState, value) {
+			const n = daq.nodeById(nodeId);
+			const tpl = n ? daqTplOf(n) : null;
+			const label = (n?.deviceBindingId ? deviceTwins.byId(n.deviceBindingId)?.name : null) ?? n?.name ?? nodeId.slice(0, 8);
+			const val = `${value?.toFixed(tpl?.decimals ?? 2) ?? "--"} ${tpl?.unit ?? ""}`;
+			if (nextState === "alarm") raiseAlarm(t("townView.k113fir9195", {
+				p0: label,
+				p1: tpl?.ch ?? "",
+				p2: val
+			}), "crit", label);
+			else if (nextState === "warn") raiseAlarm(t("townView.k1knv89d196", {
+				p0: label,
+				p1: tpl?.ch ?? "",
+				p2: val
+			}), "warn", label);
+			else if (prevState !== "ok" && nextState === "ok") raiseAlarm(t("townView.ksjancw197", {
+				p0: label,
+				p1: tpl?.ch ?? ""
+			}), "info", label);
+		}
+		/** 批量兜底:REST 快照收敛时捕捉帧通道未见的边沿(如离线判定);帧通道已记的自动去重 */
+		watch(() => daq.nodes.map((n) => `${n.id}:${n.state}`).join("|"), () => {
+			for (const n of daq.nodes) {
+				const prev = prevDaqState.get(n.id);
+				prevDaqState.set(n.id, n.state);
+				if (!prev || prev === n.state) continue;
+				stateEdgeAlarm(n.id, prev, n.state, n.value);
+			}
+		});
+		function approvalRemainingSec(ap) {
+			return Math.max(0, Math.ceil((Date.parse(ap.expiresAt) - Date.now()) / 1e3));
+		}
+		const authHeaders = () => {
+			const token = (void 0).cookie.match(/(?:^|;\s*)token=([^;]+)/)?.[1] ?? "";
+			return {
+				"content-type": "application/json",
+				"authorization": `Bearer ${decodeURIComponent(token)}`
+			};
+		};
+		const agentBindings = ref([]);
+		const agentBindKind = ref("dcw");
+		const agentBindNodeId = ref("");
+		const agentBindMode = ref("auto");
+		const pendingApprovals = ref([]);
+		const approvalComments = reactive({});
+		let approvalPoll = null;
+		async function loadAgentBindings() {
+			const id = selected.value?.id;
+			if (selected.value?.kind !== "agent" || !id) return;
+			try {
+				const r = await fetch(`/api/workshop/agent-tools/bindings?agentId=${encodeURIComponent(id)}`, { headers: authHeaders() }).then((x) => x.json());
+				agentBindings.value = r.data?.bindings ?? [];
+			} catch {}
+		}
+		async function loadPendingApprovals() {
+			const id = selected.value?.id;
+			if (selected.value?.kind !== "agent" || !id) return;
+			try {
+				const r = await fetch(`/api/workshop/agent-tools/approvals?agentId=${encodeURIComponent(id)}`, { headers: authHeaders() }).then((x) => x.json());
+				pendingApprovals.value = r.data?.approvals ?? [];
+			} catch {}
+		}
+		watch(() => selected.value?.id, (id) => {
+			if (approvalPoll) {
+				clearInterval(approvalPoll);
+				approvalPoll = null;
+			}
+			if (selected.value?.kind === "agent" && id) {
+				loadAgentBindings();
+				loadPendingApprovals();
+				approvalPoll = setInterval();
+			}
+		}, { immediate: true });
+		/** 绑定行的节点名(dcw/daq store 解析) */
+		function bindingNodeName(b) {
+			return b.kind === "dcw" ? dcw.nodeById(b.nodeId)?.name ?? b.nodeId : daq.nodeById(b.nodeId)?.name ?? b.nodeId;
+		}
+		/** 数采 → 设备绑定(server 权威:node.deviceBindingId;REST bind 落库 + WS 收敛) */
+		const boundDeviceOf = (daqId) => daq.nodeById(daqId)?.deviceBindingId ?? null;
+		const daqOfDevice = (deviceId) => deviceId ? daq.nodes.filter((n) => n.deviceBindingId === deviceId).map((n) => n.id) : [];
+		/** 数采模板图标(设计稿 ICONS;SVG path 直嵌) */
+		const DAQ_ICONS = {
+			thermo: "<path d=\"M10 4a2 2 0 0 1 4 0v9a4 4 0 1 1-4 0V4Z\"/><circle cx=\"12\" cy=\"16.5\" r=\"1.6\"/>",
+			pressure: "<circle cx=\"12\" cy=\"12\" r=\"8\"/><path d=\"m12 12 3.5-3.5\"/><circle cx=\"12\" cy=\"12\" r=\"1.2\"/>",
+			tension: "<circle cx=\"12\" cy=\"10\" r=\"4\"/><path d=\"M4 18.5h16M8 18.5V14M16 18.5V14\"/><path d=\"M2.5 10H8M16 10h5.5\"/>",
+			encoder: "<circle cx=\"12\" cy=\"12\" r=\"8\"/><circle cx=\"12\" cy=\"12\" r=\"2\"/><path d=\"M12 4v3M12 17v3M4 12h3M17 12h3\"/>",
+			camera: "<rect x=\"3\" y=\"7\" width=\"13\" height=\"10\" rx=\"2\"/><path d=\"m16 11 5-3v8l-5-3\"/><circle cx=\"8\" cy=\"12\" r=\"2.5\"/>",
+			gateway: "<rect x=\"8\" y=\"11\" width=\"8\" height=\"10\" rx=\"1.5\"/><circle cx=\"12\" cy=\"5.5\" r=\"1.5\"/><path d=\"M12 10V7M8.5 8.5a5 5 0 0 1 7 0M6 6a8.5 8.5 0 0 1 12 0\"/>"
+		};
+		const daqIcon = (icon) => DAQ_ICONS[icon] ?? DAQ_ICONS.gateway;
+		/** bind-pop:添加数采通道 —— 直接选择节点实例绑定(server 权威 deviceBindingId,双向同源)。
+		*  列出未绑定 + 绑在他设备的节点(按模板分组,显示当前归属);不再隐式创建/就近复用。 */
+		const bindPopOpen = ref(false);
+		const dcwBindPopOpen = ref(false);
+		/** 弹层高度钳制:top 恰好贴住所属 Inspector 卡片顶缘(不越出面板、不顶到页面顶部) */
+		const bindPopMaxH = ref(420);
+		const daqBindChoices = computed(() => {
+			const devId = selected.value?.kind === "device" ? selected.value.id : "";
+			const map = {};
+			if (!devId) return map;
+			for (const n of daq.nodes) {
+				if (n.deviceBindingId === devId) continue;
+				const tpl = daqTplOf(n);
+				if (!tpl) continue;
+				(map[tpl.id] ??= []).push({
+					id: n.id,
+					name: n.name,
+					tpl,
+					devName: n.deviceBindingId ? deviceTwins.byId(n.deviceBindingId)?.name ?? null : null,
+					placed: typeof n.posX === "number"
+				});
+			}
+			return map;
+		});
+		const daqBindChoiceCount = computed(() => Object.values(daqBindChoices.value).reduce((s, a) => s + a.length, 0));
+		/** 场景链路同步:绑定关系 → TownScene3D.syncDaqLinks(虚线 + 脉冲);server 绑定为权威 */
+		watch(() => daq.nodes.map((n) => `${n.id}:${n.posX ?? ""}:${n.posZ ?? ""}:${n.enabled}:${n.state}:${n.deviceBindingId ?? ""}`).join("|"), () => {
+			if (sceneRef.value) syncSceneDevices(sceneRef.value);
+		});
+		watch(() => dcw.nodes.map((n) => `${n.id}:${n.posX ?? ""}:${n.posZ ?? ""}:${n.enabled}:${n.deviceBindingId ?? ""}:${n.value ?? ""}`).join("|"), () => {
+			if (sceneRef.value) syncSceneDevices(sceneRef.value);
+		});
+		watch(() => daq.nodes.map((n) => `${n.id}:${n.deviceBindingId ?? ""}`).join("|"), () => {
+			const s = scene3dRef.value;
+			if (!s || !("syncDaqLinks" in s)) return;
+			s.syncDaqLinks(daq.nodes.filter((n) => n.deviceBindingId).map((n) => ({
+				daqId: n.id,
+				deviceId: n.deviceBindingId
+			})));
+		});
+		/** 选中上下文:是否数采节点 / 其模板 / 实时值 */
+		const selectedIsDaq = computed(() => selected.value?.kind === "device" && (daqOfSelected.value?.modelRef || "").startsWith("daq-"));
+		const daqOfSelected = computed(() => {
+			if (selected.value?.kind !== "device") return null;
+			return sceneTwinById(selected.value?.id) ?? null;
+		});
+		const selectedDaqSim = computed(() => {
+			const id = selected.value?.id;
+			return id ? daqSim.value.get(id) ?? null : null;
+		});
+		/** 绑定选择器:待绑定数采下拉 */
+		const bindPick = ref("");
+		const boundDaqRows = computed(() => {
+			const id = selected.value?.id;
+			if (!id) return [];
+			return daqOfDevice(id).map((daqId) => {
+				const t = sceneTwinById(daqId);
+				const st = daqSim.value.get(daqId);
+				const tpl = st?.tpl ?? daqTplById(t?.modelRef ?? "");
+				return {
+					daqId,
+					name: t?.name ?? daqId,
+					ch: tpl?.ch ?? t("townView.k1ef3cls168"),
+					icon: tpl?.icon ?? "gateway",
+					value: st ? fmtDaq(st) : "--",
+					unit: st?.tpl.unit ?? tpl?.unit ?? "",
+					color: trendColor(daqId)
+				};
+			});
+		});
+		/** 数采节点选中:其绑定设备名 */
+		const daqBoundDeviceName = computed(() => {
+			const id = selected.value?.id;
+			if (!id) return "";
+			const devId = boundDeviceOf(id);
+			if (!devId) return "";
+			return deviceTwins.twins.find((t) => t.id === devId)?.name ?? devId.slice(0, 8);
+		});
+		const dcwOfDevice = (deviceId) => deviceId ? dcw.nodes.filter((n) => n.deviceBindingId === deviceId) : [];
+		/** 活动配方对该智控节点的工艺窗口参数(产线未开跑/未命中 → null = 用节点全局量程) */
+		/** 节点所属产线的活动配方窗口参数(逐产线运行窗;节点级寻址) */
+		function activeRecipeParamOf(dcwId) {
+			const node = dcw.nodeById(dcwId);
+			if (!node || !node.lineId) return null;
+			const run = dcw.lineStateOf(node.lineId);
+			if (!run.active || !run.recipeId) return null;
+			const r = dcw.recipes.find((x) => x.id === run.recipeId);
+			if (!r) return null;
+			return r.params.find((p) => p.nodeId === dcwId) ?? null;
+		}
+		const boundDcwRows = computed(() => {
+			const id = selected.value?.id;
+			if (!id) return [];
+			return dcwOfDevice(id).map((n) => {
+				const key = n.templateRef.startsWith("dcw-") ? n.templateRef.slice(4) : n.templateRef;
+				const tpl = dcw.templates.find((t) => t.key === key);
+				const rp = activeRecipeParamOf(n.id);
+				return {
+					dcwId: n.id,
+					name: n.name,
+					ch: tpl?.ch ?? key,
+					unit: n.unit,
+					icon: tpl?.icon ?? "gateway",
+					value: n.value,
+					state: n.state,
+					decimals: n.decimals,
+					gMin: n.min,
+					gMax: n.max,
+					rMin: rp?.min ?? null,
+					rMax: rp?.max ?? null
+				};
+			});
+		});
+		/** 生效窗口:活动配方窗口优先,否则节点全局量程 */
+		function dcwWindowOf(node) {
+			const rp = activeRecipeParamOf(node.id);
+			if (rp && (rp.min != null || rp.max != null)) return {
+				lo: rp.min ?? Number.NEGATIVE_INFINITY,
+				hi: rp.max ?? Number.POSITIVE_INFINITY,
+				src: "recipe"
+			};
+			return {
+				lo: node.min,
+				hi: node.max,
+				src: "global"
+			};
+		}
+		/** 窗口游标(0~100%):当前设定值在生效窗口带上的位置(越界钳边;∞ 窗口居中) */
+		function dcwMarkPct(r) {
+			const lo = r.rMin ?? r.gMin;
+			const hi = r.rMax ?? r.gMax;
+			if (!Number.isFinite(lo) || !Number.isFinite(hi) || hi <= lo || r.value == null) return 50;
+			return Math.min(100, Math.max(0, (r.value - lo) / (hi - lo) * 100));
+		}
+		const dcwWriteDrafts = reactive({});
+		const dcwWriteErrs = reactive({});
+		/** 添加智控通道 —— 直接选择节点实例绑定(与数采同构;绑定后设备面板可 SET 直写) */
+		const dcwTplById = (ref_) => {
+			const key = ref_.startsWith("dcw-") ? ref_.slice(4) : ref_;
+			return dcwTemplates.find((t) => t.id === key);
+		};
+		const dcwBindChoices = computed(() => {
+			const devId = selected.value?.kind === "device" ? selected.value.id : "";
+			const map = {};
+			if (!devId) return map;
+			for (const n of dcw.nodes) {
+				if (n.deviceBindingId === devId) continue;
+				const tpl = dcwTplById(n.templateRef);
+				if (!tpl) continue;
+				(map[tpl.id] ??= []).push({
+					id: n.id,
+					name: n.name,
+					tpl,
+					devName: n.deviceBindingId ? deviceTwins.byId(n.deviceBindingId)?.name ?? null : null,
+					placed: typeof n.posX === "number"
+				});
+			}
+			return map;
+		});
+		const dcwBindChoiceCount = computed(() => Object.values(dcwBindChoices.value).reduce((s, a) => s + a.length, 0));
+		/** 选中智控节点(检查器:绑定设备 + 设定值直写) */
+		const selectedIsDcw = computed(() => selected.value?.kind === "device" && (sceneTwinById(selected.value?.id)?.modelRef ?? "").startsWith("dcw-"));
+		const selectedDcwNode = computed(() => {
+			const id = selected.value?.id;
+			return id ? dcw.nodeById(id) ?? null : null;
+		});
+		const selectedDcwWindow = computed(() => {
+			const n = selectedDcwNode.value;
+			return n ? dcwWindowOf(n) : null;
+		});
+		const selectedDcwDeviceName = computed(() => {
+			const n = selectedDcwNode.value;
+			if (!n?.deviceBindingId) return "";
+			return deviceTwins.twins.find((t) => t.id === n.deviceBindingId)?.name ?? n.deviceBindingId.slice(0, 8);
+		});
+		const dcwBindPick = ref("");
+		function dcwWinLabel(n) {
+			if (!n) return "--";
+			const w = dcwWindowOf(n);
+			return `${Number.isFinite(w.lo) ? w.lo : "-∞"} ~ ${Number.isFinite(w.hi) ? w.hi : "+∞"} ${n.unit}`;
+		}
+		function dcwWinInputPh(n) {
+			if (!n) return "";
+			const w = dcwWindowOf(n);
+			return `${Number.isFinite(w.lo) ? w.lo : ""} ~ ${Number.isFinite(w.hi) ? w.hi : ""}`;
+		}
+		/** 选中数采节点的 live 视图(检查器单点控制用:启停/周期/阈值/解绑/删除) */
+		const selectedDaqNode = computed(() => {
+			const id = selected.value?.id;
+			return id ? daq.nodeById(id) ?? null : null;
+		});
+		const daqIntervalDraft = ref(null);
+		watch(selectedDaqNode, (n) => {
+			daqIntervalDraft.value = n ? n.intervalMs ?? daq.controller.defaultIntervalMs : null;
+		}, { immediate: true });
+		/** 标注显隐(设计稿 tPins,默认开) */
+		const showCallouts = ref(true);
+		/** 自动环绕(设计稿 tOrbit) */
+		const orbitOn = ref(false);
+		/** 悬浮标注(绑定设备的实时值;150ms 跟随投影) */
+		const calloutPos = ref({});
+		/** 越近越亮:相机到锚点的 3D 距离阈值(世界单位;用户可在场景控制里调节)。
+		*  只有所注视/飞近的设备亮起数据,邻机与远方节点保持静默 —— 数据属于走近的人。 */
+		const calloutNearDist = useStorage("aw.twin.calloutNear", 1150);
+		/** 设备控制台实时数采(twinId → 相关通道;数采自身 + 绑定设备双挂,随 server 读数流刷新) */
+		const daqLive = computed(() => {
+			const map = {};
+			for (const t of daqTwins.value) {
+				const st = daqSim.value.get(t.id);
+				if (!st) continue;
+				const row = {
+					ch: st.tpl.ch,
+					value: fmtDaq(st),
+					unit: st.tpl.unit,
+					alarm: st.alarm ?? false
+				};
+				(map[t.id] ??= []).push(row);
+				const dev = boundDeviceOf(t.id);
+				if (dev) (map[dev] ??= []).push(row);
+			}
+			return map;
+		});
+		/** 智控设定实时数据(关键设备监控卡片:twinId → 该设备绑定的全部智控通道;
+		*  含当前 set 值与生效上下限(活动配方工艺窗口优先,否则节点全局量程),由 TownView 喂入) */
+		const dcwLive = computed(() => {
+			const map = {};
+			for (const n of dcw.nodes) {
+				if (!n.deviceBindingId) continue;
+				const key = n.templateRef.startsWith("dcw-") ? n.templateRef.slice(4) : n.templateRef;
+				const tpl = dcw.templates.find((t) => t.key === key);
+				const w = dcwWindowOf(n);
+				(map[n.deviceBindingId] ??= []).push({
+					id: n.id,
+					ch: tpl?.ch ?? key,
+					name: n.name,
+					unit: n.unit,
+					value: n.value,
+					decimals: n.decimals,
+					lo: w.lo,
+					hi: w.hi,
+					src: w.src
+				});
+			}
+			return map;
+		});
+		/** 同设备多路通道的竖排堆叠间距(px;卡高 ~88 + 间隙) */
+		const camPose = ref({
+			pos: {
+				x: 0,
+				y: 0,
+				z: 0
+			},
+			target: {
+				x: 0,
+				z: 0
+			},
+			yaw: 0,
+			dolly: 1
+		});
+		const callouts = computed(() => {
+			if (!showCallouts.value) return [];
+			const s3 = scene3dRef.value;
+			if (!s3) return [];
+			const nodes = s3.getDeviceNodes();
+			const stageW = stageRef.value?.clientWidth ?? 1600;
+			const rows = [];
+			for (const t of daqTwins.value) {
+				const st = daqSim.value.get(t.id);
+				if (!st) continue;
+				const boundDev = boundDeviceOf(t.id);
+				const anchor = boundDev ? nodes.find((n) => n.twinId === boundDev) : nodes.find((n) => n.twinId === t.id);
+				if (!anchor) continue;
+				const pos = calloutPos.value[t.id];
+				if (!pos) continue;
+				rows.push({
+					t,
+					st,
+					anchor,
+					pos
+				});
+			}
+			const anchorTopY = new Map(rows.map((r) => [r.anchor.twinId, r.anchor.topY]));
+			const byAnchor = /* @__PURE__ */ new Map();
+			for (const r of rows) {
+				const list = byAnchor.get(r.anchor.twinId) ?? [];
+				list.push(r);
+				byAnchor.set(r.anchor.twinId, list);
+			}
+			const out = [];
+			for (const group of byAnchor.values()) {
+				group.sort((a, b) => a.t.id < b.t.id ? -1 : 1);
+				const head = group[0];
+				const near = Math.hypot(camPose.value.pos.x - head.anchor.x, camPose.value.pos.y - (anchorTopY.get(head.anchor.twinId) ?? 60), camPose.value.pos.z - head.anchor.z) < calloutNearDist.value;
+				const cx = Math.min(stageW - 96, Math.max(96, head.pos.x));
+				group.forEach((r, i) => {
+					const { lo, hi } = alarmRange(r.st.tpl.min, r.st.tpl.max);
+					out.push({
+						id: r.t.id,
+						x: cx,
+						y: head.pos.y - i * CALLOUT_STACK,
+						label: `${r.st.tpl.ch} · ${r.anchor.name || r.t.name}`,
+						value: fmtDaq(r.st),
+						unit: r.st.tpl.unit,
+						lo,
+						hi,
+						warn: r.st.alarm ?? false,
+						near,
+						leader: i === 0
+					});
+				});
+			}
+			return out;
+		});
+		/** KPI 条(舞台底部居中浮条) */
+		const deviceCount = computed(() => deviceTwins.twins.length);
+		const runningCount = computed(() => deviceTwins.twins.filter((t) => t.state === "running").length);
+		/** 顶栏用户 */
+		const userStore = useUserStore();
+		/** 舞台引用(全屏)与视角预设 */
+		const stageRef = ref(null);
+		const viewPreset = ref("std");
+		/** 设备健康度(环形图数据) */
+		const idleCount = computed(() => deviceTwins.twins.filter((t) => t.state === "idle").length);
+		const alarmCount = computed(() => deviceTwins.twins.filter((t) => t.state === "alarm").length);
+		const offlineCount = computed(() => deviceTwins.twins.filter((t) => t.state === "offline").length);
+		const healthPct = computed(() => {
+			const total = deviceTwins.twins.length;
+			if (!total) return 100;
+			const healthy = runningCount.value + idleCount.value;
+			return Math.round(healthy / total * 100);
+		});
+		/** 健康分档语义色:中心百分数跟健康走(绿≥90/琥珀≥60/红<60),环保持状态分布语义 */
+		const healthTone = computed(() => healthPct.value >= 90 ? "#35e0a0" : healthPct.value >= 60 ? "#f6c453" : "#ff6b6b");
+		const donutCanvas = ref(null);
+		function drawDonut() {
+			const cv = donutCanvas.value;
+			if (!cv) return;
+			const ctx = cv.getContext("2d");
+			if (!ctx) return;
+			const total = deviceTwins.twins.length || 1;
+			const segs = [
+				{
+					n: runningCount.value,
+					color: "#35e0a0"
+				},
+				{
+					n: idleCount.value,
+					color: "#f6c453"
+				},
+				{
+					n: alarmCount.value,
+					color: "#ff6b6b"
+				},
+				{
+					n: offlineCount.value,
+					color: "#3a4a63"
+				}
+			];
+			ctx.clearRect(0, 0, 118, 118);
+			ctx.lineWidth = 12;
+			let ang = -Math.PI / 2;
+			for (const seg of segs) {
+				if (!seg.n) continue;
+				const sweep = seg.n / total * Math.PI * 2;
+				ctx.beginPath();
+				ctx.strokeStyle = seg.color;
+				ctx.arc(59, 59, 48, ang, ang + sweep);
+				ctx.stroke();
+				ang += sweep;
+			}
+		}
+		watch(healthPct, () => drawDonut());
+		watch(() => deviceTwins.twins.length, () => drawDonut());
+		const alarms = ref([]);
+		let alarmTid = 0;
+		const ALARM_STATES = [
+			t("townView.k3ng94k170"),
+			t("townView.k3mi2n0171"),
+			t("townView.k3ncnxl172")
+		];
+		function raiseAlarm(txt, level = "warn", src = "SYSTEM") {
+			const d = /* @__PURE__ */ new Date();
+			const time = [
+				d.getHours(),
+				d.getMinutes(),
+				d.getSeconds()
+			].map((n) => String(n).padStart(2, "0")).join(":");
+			alarms.value.unshift({
+				id: ++alarmTid,
+				txt,
+				src,
+				time,
+				state: 0,
+				level
+			});
+			if (alarms.value.length > 30) alarms.value.pop();
+		}
+		const activeAlarmCount = computed(() => alarms.value.filter((a) => a.state < 2).length);
+		/** 告警阈值(设计稿 rThresh 60~120%;>100 收紧,<100 放宽) */
+		const threshPct = ref(100);
+		/** 帧率上限(用户可选 60/120/∞;持久化)。只节流渲染帧,数据消费走帧通道与此无关 */
+		const fpsCap = useStorage("aw.twin.fpsCap", "60");
+		const FPS_OPTIONS = [
+			{
+				v: "60",
+				label: "60"
+			},
+			{
+				v: "120",
+				label: "120"
+			},
+			{
+				v: "0",
+				label: "∞"
+			}
+		];
+		/** 画质(用户可选 自动/普通/高清/超清;持久化)。auto = 帧率自适应阶梯;三档手动固定 */
+		const qualityMode = useStorage("aw.twin.quality", "auto");
+		const QUALITY_OPTIONS = [
+			{
+				v: "auto",
+				label: "townView.qualityAuto"
+			},
+			{
+				v: "normal",
+				label: "townView.qualityNormal"
+			},
+			{
+				v: "hd",
+				label: "townView.qualityHD"
+			},
+			{
+				v: "ultra",
+				label: "townView.qualityUltra"
+			}
+		];
+		/** 量程收紧后的告警上下界(设计稿公式:base ± 按阈值比例的内缩区间) */
+		function alarmRange(min, max) {
+			const t = threshPct.value / 100;
+			const mid = (min + max) / 2;
+			return {
+				lo: mid - (mid - min) * t,
+				hi: mid + (max - mid) * t
+			};
+		}
+		/** E-STOP(设计稿 btnEstop:全线停机态;告警面板置 crit;再次点击解除) */
+		const estop = ref(false);
+		/** 场景控制:曝光/领地染色/重置视角 */
+		const exposure = ref(1.12);
+		const tintOpacity = ref(1);
+		/** 滑杆填充比例(--fill;轨道随值染色,设计稿 setSliderFill) */
+		function sliderPct(v, min, max) {
+			return `${Math.min(100, Math.max(0, (v - min) / (max - min) * 100)).toFixed(1)}%`;
+		}
+		ref(null);
+		const hiddenTrends = ref({});
+		const TREND_COLORS = [
+			"#35e0a0",
+			"#41c8f4",
+			"#f6c453",
+			"#a78bfa",
+			"#ff6b6b",
+			"#4dd0e1"
+		];
+		const trendColor = (id) => TREND_COLORS[Math.abs(id.split("").reduce((a, c) => a * 31 + c.charCodeAt(0), 7)) % TREND_COLORS.length] ?? "#35e0a0";
+		/** 默认只画前 8 路:52 条曲线叠绘成不可读 spaghetti,数据可读性优先;
+		*  用户显式点过 chip 的以 hiddenTrends 覆盖为准 */
+		function trendOn(id, idx) {
+			const v = hiddenTrends.value[id];
+			if (v != null) return !v;
+			return (daqTwins.value.findIndex((t) => t.id === id)) < TREND_VISIBLE_DEFAULT;
+		}
+		/** 信号条折叠:收起时只渲染前 8 枚 chip,余量聚合成「+N」(展开/收起) */
+		const trendExpanded = ref(false);
+		const trendOverflow = computed(() => Math.max(daqTwins.value.length - TREND_VISIBLE_DEFAULT, 0));
+		const trendChips = computed(() => trendExpanded.value ? daqTwins.value : daqTwins.value.slice(0, TREND_VISIBLE_DEFAULT));
+		ref(null);
+		const navScale = computed(() => Math.min(5, Math.max(.4, camPose.value.dolly)));
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_WorkshopAssetLibrary = AssetLibrary_default;
+			const _component_WorkshopDeviceTwinPanel = DeviceTwinPanel_default;
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "town-view" }, _attrs))} data-v-771c2c29><header class="topnav" data-v-771c2c29><div class="brand" data-v-771c2c29><svg class="brand-glyph" viewBox="0 0 32 32" fill="none" aria-hidden="true" data-v-771c2c29><path d="M16 2.5 27.5 9v14L16 29.5 4.5 23V9L16 2.5Z" stroke="#35e0a0" stroke-width="1.6" data-v-771c2c29></path><path d="M16 8.2 22.5 12v8L16 23.8 9.5 20v-8L16 8.2Z" stroke="#41c8f4" stroke-width="1.3" opacity=".85" data-v-771c2c29></path><circle cx="16" cy="16" r="2.4" fill="#35e0a0" data-v-771c2c29></circle><circle cx="25.5" cy="7.5" r="1.6" fill="#41c8f4" data-v-771c2c29></circle></svg><div data-v-771c2c29><div class="brand-name" data-v-771c2c29> DIGITAL <em data-v-771c2c29>TWIN</em></div><div class="brand-sub" data-v-771c2c29> AGENTWORKSHOP · ${ssrInterpolate(_ctx.$t("townView.klyi8yg127"))}</div></div></div><nav class="nav-tabs"${ssrRenderAttr("aria-label", _ctx.$t("townView.k1c9jyta001"))} data-v-771c2c29><div class="seg" data-v-771c2c29><button class="${ssrRenderClass({ on: unref(mode) === "browse" })}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k48dwh027"))}</button><button class="${ssrRenderClass({ on: unref(mode) === "edit" })}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k45eb0028"))}</button></div><button class="nav-action"${ssrIncludeBooleanAttr(unref(mode) !== "edit") ? " disabled" : ""}${ssrRenderAttr("title", unref(mode) === "edit" ? "把全部设备的位置/朝向/缩放写入数据库" : "运行模式只读")} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1b3bk8t029"))}</button>`);
+			if (unref(saveState) && unref(saveState).state !== "idle") _push(`<span class="${ssrRenderClass([`s-${unref(saveState).state}`, "save-chip"])}" data-v-771c2c29>${ssrInterpolate(unref(saveStateLabel))}</span>`);
+			else _push(`<!---->`);
+			_push(`</nav><div class="nav-right" data-v-771c2c29><span class="${ssrRenderClass([{ "nav-bell-warn": unref(activeAlarmCount) > 0 }, "nav-chip mono"])}"${ssrRenderAttr("title", _ctx.$t("townView.k1fsi3ir002"))} data-v-771c2c29>◉ ${ssrInterpolate(unref(activeAlarmCount))}</span><span class="nav-chip mono" data-v-771c2c29>${ssrInterpolate(unref(fps))} FPS</span><div class="avatar-chip"${ssrRenderAttr("title", _ctx.$t("townView.k1demf38003"))} data-v-771c2c29><div class="avatar-fallback" data-v-771c2c29>${ssrInterpolate((unref(userStore).user?.name ?? "OP").slice(0, 2).toUpperCase())}</div><span data-v-771c2c29>${ssrInterpolate(unref(userStore).user?.name || _ctx.$t("townView.k1pub99m139"))}</span></div></div></header><div class="app" data-v-771c2c29><aside class="rail rail-left" data-v-771c2c29><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1k75lzy030"))}</h3><span class="panel-tag" data-v-771c2c29>${ssrInterpolate(unref(deviceModels).length)}</span></div>`);
+			_push(ssrRenderComponent(_component_WorkshopAssetLibrary, { class: "lib-embed" }, null, _parent));
+			_push(`</section><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2gwyas031"))}</h3><span class="panel-tag" data-v-771c2c29>${ssrInterpolate(unref(daqTwins).length)}</span></div><div class="daq-ctrl" data-v-771c2c29><button class="${ssrRenderClass([{ on: unref(daq).controller.running }, "daq-ctl-btn"])}"${ssrRenderAttr("title", unref(daq).controller.running ? "暂停全部采集:停止所有启用节点的采样(节点级启停独立)" : "恢复全部采集:仅启用节点恢复采集(手动停用的保持停用)")} data-v-771c2c29>${ssrInterpolate(unref(daq).controller.running ? _ctx.$t("townView.k3w3j8f140") : _ctx.$t("townView.k3n93ed175"))}</button><label class="daq-ctl-cycle mono"${ssrRenderAttr("title", _ctx.$t("townView.khzlyf5004"))} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3xg3w032"))} <input type="number" min="200" max="60000" step="100"${ssrRenderAttr("value", unref(daq).controller.defaultIntervalMs)} data-v-771c2c29>ms </label></div><div class="daq-list" data-v-771c2c29><!--[-->`);
+			ssrRenderList(unref(daqTemplates), (tpl) => {
+				_push(`<div class="daq-group" data-v-771c2c29><div class="${ssrRenderClass([{ open: !!unref(treeOpen)[`daq:${tpl.id}`] }, "daq-card tpl"])}" role="button" tabindex="0"${ssrRenderAttr("title", _ctx.$t("townView.k2tplxp0001", {
+					p0: tpl.name,
+					p1: tpl.ch,
+					p2: tpl.min,
+					p3: tpl.max,
+					p4: tpl.unit
+				}))} data-v-771c2c29><span class="daq-caret" data-v-771c2c29>▶</span><span class="daq-ico" data-v-771c2c29><svg class="daq-svg" viewBox="0 0 24 24" data-v-771c2c29>${daqIcon(tpl.icon) ?? ""}</svg></span><div class="daq-meta" data-v-771c2c29><span class="daq-name" data-v-771c2c29>${ssrInterpolate(tpl.name)}</span><span class="daq-code" data-v-771c2c29>${ssrInterpolate(tpl.code)}</span></div>`);
+				if (unref(mode) === "edit") _push(`<button class="daq-add"${ssrRenderAttr("title", _ctx.$t("townView.k2tplxp0002", { p0: tpl.name }))} data-v-771c2c29> ＋ </button>`);
+				else _push(`<!---->`);
+				_push(`<span class="daq-count" data-v-771c2c29>×${ssrInterpolate(unref(daqNodesByTpl).get(tpl.id)?.length ?? 0)}</span></div>`);
+				if (unref(treeOpen)[`daq:${tpl.id}`]) {
+					_push(`<div class="daq-children" data-v-771c2c29><!--[-->`);
+					ssrRenderList(unref(daqNodesByTpl).get(tpl.id) ?? [], (n) => {
+						_push(`<div class="${ssrRenderClass([{ placed: typeof n.posX === "number" }, "daq-node"])}"${ssrRenderAttr("draggable", unref(mode) === "edit")}${ssrRenderAttr("title", typeof n.posX === "number" ? _ctx.$t("townView.k2tplxp0005") : _ctx.$t("townView.k2tplxp0006"))} data-v-771c2c29><span class="${ssrRenderClass([daqLeafState(n), "node-dot"])}" data-v-771c2c29></span><div class="daq-meta" data-v-771c2c29><span class="daq-name" data-v-771c2c29>${ssrInterpolate(n.name)}</span><span class="daq-node-sub" data-v-771c2c29><span class="node-val mono" data-v-771c2c29>${ssrInterpolate(n.value != null ? `${n.value.toFixed(tpl.decimals)} ${tpl.unit}` : "--")}</span><span class="node-dev" data-v-771c2c29>${ssrInterpolate(n.deviceBindingId ? unref(deviceTwins).byId(n.deviceBindingId)?.name ?? _ctx.$t("townView.k3own4q148") : _ctx.$t("townView.k3own4q148"))}</span></span></div>`);
+						if (typeof n.posX === "number") _push(`<span class="scene-cur" data-v-771c2c29>✓</span>`);
+						else _push(`<!---->`);
+						_push(`</div>`);
+					});
+					_push(`<!--]-->`);
+					if (!unref(daqNodesByTpl).get(tpl.id)?.length) _push(`<div class="daq-empty-hint" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2tplxp0003"))}</div>`);
+					else _push(`<!---->`);
+					_push(`</div>`);
+				} else _push(`<!---->`);
+				_push(`</div>`);
+			});
+			_push(`<!--]--></div></section><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.km7ayhi033"))}</h3><span class="panel-tag" data-v-771c2c29>${ssrInterpolate(unref(dcw).nodes.length)}</span></div><div class="daq-list" data-v-771c2c29><!--[-->`);
+			ssrRenderList(unref(dcwTemplates), (tpl) => {
+				_push(`<div class="daq-group" data-v-771c2c29><div class="${ssrRenderClass([{ open: !!unref(treeOpen)[`dcw:${tpl.id}`] }, "daq-card tpl"])}" role="button" tabindex="0"${ssrRenderAttr("title", _ctx.$t("townView.k2tplxp0001", {
+					p0: tpl.name,
+					p1: tpl.ch,
+					p2: tpl.min,
+					p3: tpl.max,
+					p4: tpl.unit
+				}))} data-v-771c2c29><span class="daq-caret" data-v-771c2c29>▶</span><span class="daq-ico" data-v-771c2c29><svg class="daq-svg" viewBox="0 0 24 24" data-v-771c2c29>${daqIcon(tpl.icon) ?? ""}</svg></span><div class="daq-meta" data-v-771c2c29><span class="daq-name" data-v-771c2c29>${ssrInterpolate(tpl.name)}</span><span class="daq-code" data-v-771c2c29>${ssrInterpolate(tpl.code)}</span></div>`);
+				if (unref(mode) === "edit") _push(`<button class="daq-add"${ssrRenderAttr("title", _ctx.$t("townView.k2tplxp0002", { p0: tpl.name }))} data-v-771c2c29> ＋ </button>`);
+				else _push(`<!---->`);
+				_push(`<span class="daq-count" data-v-771c2c29>×${ssrInterpolate(unref(dcwNodesByTpl).get(tpl.id)?.length ?? 0)}</span></div>`);
+				if (unref(treeOpen)[`dcw:${tpl.id}`]) {
+					_push(`<div class="daq-children" data-v-771c2c29><!--[-->`);
+					ssrRenderList(unref(dcwNodesByTpl).get(tpl.id) ?? [], (n) => {
+						_push(`<div class="${ssrRenderClass([{ placed: typeof n.posX === "number" }, "daq-node"])}"${ssrRenderAttr("draggable", unref(mode) === "edit")}${ssrRenderAttr("title", typeof n.posX === "number" ? _ctx.$t("townView.k2tplxp0005") : _ctx.$t("townView.k2tplxp0006"))} data-v-771c2c29><span class="${ssrRenderClass([dcwLeafState(n), "node-dot"])}" data-v-771c2c29></span><div class="daq-meta" data-v-771c2c29><span class="daq-name" data-v-771c2c29>${ssrInterpolate(n.name)}</span><span class="daq-node-sub" data-v-771c2c29><span class="node-val mono" data-v-771c2c29>${ssrInterpolate(n.value != null ? `${n.value.toFixed(tpl.decimals)} ${tpl.unit}` : "--")}</span><span class="node-dev" data-v-771c2c29>${ssrInterpolate(n.deviceBindingId ? unref(deviceTwins).byId(n.deviceBindingId)?.name ?? _ctx.$t("townView.k3own4q148") : _ctx.$t("townView.k3own4q148"))}</span></span></div>`);
+						if (typeof n.posX === "number") _push(`<span class="scene-cur" data-v-771c2c29>✓</span>`);
+						else _push(`<!---->`);
+						_push(`</div>`);
+					});
+					_push(`<!--]-->`);
+					if (!unref(dcwNodesByTpl).get(tpl.id)?.length) _push(`<div class="daq-empty-hint" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2tplxp0003"))}</div>`);
+					else _push(`<!---->`);
+					_push(`</div>`);
+				} else _push(`<!---->`);
+				_push(`</div>`);
+			});
+			_push(`<!--]--></div></section><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1c9n911034"))}</h3><span class="panel-tag" data-v-771c2c29>${ssrInterpolate(unref(dockChannels).length)}</span></div><div class="scene-list" data-v-771c2c29><!--[-->`);
+			ssrRenderList(unref(dockChannels), (ch) => {
+				_push(`<div class="${ssrRenderClass([{ active: ch.placed }, "scene-row"])}"${ssrRenderAttr("draggable", !ch.placed && unref(mode) === "edit")}${ssrRenderAttr("data-channel-id", ch.channelId)}${ssrRenderAttr("title", ch.placed ? "已在场景中,点击定位" : "拖拽到场景放置")} data-v-771c2c29><span class="scene-ico" style="${ssrRenderStyle({ "--ch": ch.color })}" data-v-771c2c29></span><div class="scene-meta-wrap" data-v-771c2c29><span class="scene-name" data-v-771c2c29>${ssrInterpolate(ch.name)}</span><span class="scene-meta" data-v-771c2c29>${ssrInterpolate(ch.agentCount)} ${ssrInterpolate(_ctx.$t("townView.k1brss7t128"))} ${ssrInterpolate(ch.placed ? _ctx.$t("townView.k3n94g3141") : _ctx.$t("townView.k3os7i3176"))}</span></div>`);
+				if (ch.placed) _push(`<span class="scene-cur" data-v-771c2c29>✓</span>`);
+				else _push(`<span class="scene-add" data-v-771c2c29>＋</span>`);
+				_push(`</div>`);
+			});
+			_push(`<!--]-->`);
+			if (unref(dockHint)) _push(`<div class="scene-hint" data-v-771c2c29>${ssrInterpolate(unref(dockHint))}</div>`);
+			else _push(`<!---->`);
+			_push(`</div></section></aside><main class="stage-col" data-v-771c2c29><div class="stage" data-v-771c2c29><div id="town-host" class="town-host" data-v-771c2c29></div><div class="stage-vignette" data-v-771c2c29></div><div class="stage-top" data-v-771c2c29><div class="vp-title" data-v-771c2c29><h2 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1b0z4vr035"))}</h2><span class="vp-id" data-v-771c2c29>CH · ${ssrInterpolate(unref(activeChannelName) || _ctx.$t("townView.k3lkuz3142"))}</span></div><div class="vp-tools" data-v-771c2c29><button class="vp-tool"${ssrRenderAttr("title", _ctx.$t("townView.k18d6wnb005"))} data-v-771c2c29><svg class="vp-svg" viewBox="0 0 24 24" data-v-771c2c29><circle cx="12" cy="12" r="7" data-v-771c2c29></circle><path d="M12 2v4M12 18v4M2 12h4M18 12h4" data-v-771c2c29></path></svg></button><button class="${ssrRenderClass([{ on: unref(orbitOn) }, "vp-tool"])}"${ssrRenderAttr("title", _ctx.$t("townView.k1io51dn006"))} data-v-771c2c29><svg class="vp-svg" viewBox="0 0 24 24" data-v-771c2c29><circle cx="12" cy="12" r="3.2" data-v-771c2c29></circle><path d="M20.5 9a10 10 0 0 1 .3 4.5M3.5 15a10 10 0 0 1-.3-4.5" data-v-771c2c29></path></svg></button><button class="${ssrRenderClass([{ on: unref(showCallouts) }, "vp-tool"])}"${ssrRenderAttr("title", _ctx.$t("townView.k1sgjlq8007"))} data-v-771c2c29><svg class="vp-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M4 8h12l4 4-4 4H4z" data-v-771c2c29></path><circle cx="8.5" cy="12" r="1.4" data-v-771c2c29></circle></svg></button><button class="vp-tool"${ssrRenderAttr("title", _ctx.$t("townView.k3wuf0008"))} data-v-771c2c29><svg class="vp-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5" data-v-771c2c29></path></svg></button></div></div><div class="angle-chip" data-v-771c2c29><select${ssrRenderAttr("value", unref(viewPreset))}${ssrRenderAttr("aria-label", _ctx.$t("townView.k1k4j5i7009"))} data-v-771c2c29><option value="std" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kv72860036"))}</option><option value="top" data-v-771c2c29> 俯视 · TOP </option><option value="front" data-v-771c2c29> 前视 · FRONT </option><option value="side" data-v-771c2c29> 侧视 · SIDE </option></select></div>`);
+			if (unref(showCallouts)) {
+				_push(`<!--[--><svg class="leaders" data-v-771c2c29><!--[-->`);
+				ssrRenderList(unref(callouts), (c) => {
+					_push(`<g class="${ssrRenderClass({ near: c.near })}" style="${ssrRenderStyle(c.leader ? null : { display: "none" })}" data-v-771c2c29><path${ssrRenderAttr("d", `M ${c.x} ${c.y - 8} L ${c.x} ${c.y - 2}`)}${ssrRenderAttr("stroke", c.warn ? "rgba(246,196,83,.8)" : "rgba(65,200,244,.55)")} stroke-width="1.3" fill="none" data-v-771c2c29></path><circle${ssrRenderAttr("cx", c.x)}${ssrRenderAttr("cy", c.y)} r="2.6"${ssrRenderAttr("fill", c.warn ? "#f6c453" : "#41c8f4")} data-v-771c2c29></circle></g>`);
+				});
+				_push(`<!--]--></svg><div class="callout-layer" data-v-771c2c29><!--[-->`);
+				ssrRenderList(unref(callouts), (c) => {
+					_push(`<div class="${ssrRenderClass([{
+						warn: c.warn,
+						near: c.near
+					}, "callout"])}" style="${ssrRenderStyle({
+						left: c.x + "px",
+						top: c.y + "px"
+					})}"${ssrRenderAttr("title", _ctx.$t("townView.k1ejxiwp010"))} data-v-771c2c29><div class="co-label" data-v-771c2c29><span class="co-dot" data-v-771c2c29></span>${ssrInterpolate(c.label)}</div><div class="co-val" data-v-771c2c29>${ssrInterpolate(c.value)}<small data-v-771c2c29>${ssrInterpolate(c.unit)}</small></div><div class="co-range" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1faqmjb073"))} ${ssrInterpolate(c.lo.toFixed(Math.min(2, (String(c.lo).split(".")[1] ?? "").length + 1)))} – ${ssrInterpolate(c.hi.toFixed(Math.min(2, (String(c.hi).split(".")[1] ?? "").length + 1)))}</div></div>`);
+				});
+				_push(`<!--]--></div><!--]-->`);
+			} else _push(`<!---->`);
+			_push(`<div class="kpi-strip" data-v-771c2c29><div class="kpi" data-v-771c2c29><span class="kpi-ico c1" data-v-771c2c29><svg class="kpi-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M4 8.5 12 4l8 4.5v7L12 20l-8-4.5v-7Z" data-v-771c2c29></path><path d="M4 8.5l8 4.5 8-4.5M12 13v7" data-v-771c2c29></path></svg></span><div class="kpi-meta" data-v-771c2c29><div class="kpi-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1k6xemt037"))}</div><div class="kpi-val" data-v-771c2c29>${ssrInterpolate(unref(deviceCount))}<small data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k49lh038"))}</small></div></div></div><div class="kpi" data-v-771c2c29><span class="kpi-ico c2" data-v-771c2c29><svg class="kpi-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="m5 12.5 4.5 4.5L19 7.5" data-v-771c2c29></path></svg></span><div class="kpi-meta" data-v-771c2c29><div class="kpi-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1l1a9t2039"))}</div><div class="kpi-val" data-v-771c2c29>${ssrInterpolate(unref(runningCount))}<small data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k49lh038"))}</small></div></div></div><div class="kpi" data-v-771c2c29><span class="kpi-ico c3" data-v-771c2c29><svg class="kpi-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M12 3 22 20H2L12 3Z" data-v-771c2c29></path><path d="M12 10v4M12 17v.2" data-v-771c2c29></path></svg></span><div class="kpi-meta" data-v-771c2c29><div class="kpi-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1fsi3ir002"))}</div><div class="kpi-val" data-v-771c2c29>${ssrInterpolate(unref(activeAlarmCount))}<small data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k4dfq040"))}</small></div></div></div><div class="kpi" data-v-771c2c29><span class="kpi-ico c4" data-v-771c2c29><svg class="kpi-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M9.5 14.5 14.5 9.5" data-v-771c2c29></path><path d="M11 6.5 12.8 4.7a4 4 0 0 1 5.6 5.6L16.5 12" data-v-771c2c29></path><path d="m13 17.5-1.8 1.8a4 4 0 0 1-5.6-5.6L7.5 12" data-v-771c2c29></path></svg></span><div class="kpi-meta" data-v-771c2c29><div class="kpi-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1emsai1041"))}</div><div class="kpi-val" data-v-771c2c29>${ssrInterpolate(unref(daqTwins).length)}<small data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k4l1w042"))}</small></div></div></div><div class="kpi" data-v-771c2c29><span class="kpi-ico c5" data-v-771c2c29><svg class="kpi-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M5 19a9 9 0 1 1 14 0" data-v-771c2c29></path><path d="M12 13l3.5-3.5" data-v-771c2c29></path><circle cx="12" cy="13" r="1.4" data-v-771c2c29></circle></svg></span><div class="kpi-meta" data-v-771c2c29><div class="kpi-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kbrxdq1043"))}</div><div class="kpi-val" data-v-771c2c29>${ssrInterpolate(unref(healthPct))}<small data-v-771c2c29>%</small></div></div></div></div>`);
+			if (unref(sceneEmpty)) _push(`<div class="empty-hint" data-v-771c2c29><b data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3rwxjc044"))}</b><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1sa1eaj045"))}</span></div>`);
+			else _push(`<!---->`);
+			if (unref(selectedChannel) && unref(boundaryDraft)) {
+				_push(`<div class="boundary-panel drag-panel" style="${ssrRenderStyle(unref(panelPos).boundary ? {
+					left: unref(panelPos).boundary.x + "px",
+					top: unref(panelPos).boundary.y + "px",
+					bottom: "auto",
+					transform: "none"
+				} : void 0)}" data-v-771c2c29><div class="bp-title drag-grip"${ssrRenderAttr("title", _ctx.$t("townView.k1d0rl5z011"))} data-v-771c2c29><span class="bp-name" data-v-771c2c29>${ssrInterpolate(unref(entities).channels[unref(selectedChannel)]?.name ?? unref(selectedChannel).slice(0, 8))}</span><span class="bp-sub" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1mehlxs046"))}</span><div class="bp-tabs" data-v-771c2c29><button class="${ssrRenderClass([{ on: unref(channelPanelTab) === "boundary" }, "bp-tab"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k489ka047"))}</button><button class="${ssrRenderClass([{ on: unref(channelPanelTab) === "members" }, "bp-tab"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3ztf1129"))} ${ssrInterpolate(unref(channelMembers).length)}</button></div></div>`);
+				if (unref(channelPanelTab) === "boundary") _push(`<!--[--><div class="bp-row" data-v-771c2c29><span class="bp-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3zhy5048"))}</span><div class="bp-seg" data-v-771c2c29><button class="${ssrRenderClass([{ on: unref(boundaryDraft).shape === "ellipse" }, "seg-btn"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k414bc049"))}</button><button class="${ssrRenderClass([{ on: unref(boundaryDraft).shape === "rect" }, "seg-btn"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k43u0g050"))}</button></div></div><div class="bp-row" data-v-771c2c29><span class="bp-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1fbz4s1051"))}</span><input${ssrRenderAttr("value", unref(boundaryDraft).radiusX)} class="bp-range" type="range" min="80" max="4000" step="8" style="${ssrRenderStyle({ "--fill": sliderPct(unref(boundaryDraft).radiusX, 80, 4e3) })}" data-v-771c2c29><span class="bp-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(boundaryDraft).radiusX))}</span></div><div class="bp-row" data-v-771c2c29><span class="bp-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1ighwgs052"))}</span><input${ssrRenderAttr("value", unref(boundaryDraft).radiusZ)} class="bp-range" type="range" min="60" max="4000" step="8" style="${ssrRenderStyle({ "--fill": sliderPct(unref(boundaryDraft).radiusZ, 60, 4e3) })}" data-v-771c2c29><span class="bp-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(boundaryDraft).radiusZ))}</span></div><div class="bp-row" data-v-771c2c29><span class="bp-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k40qab053"))}</span><input${ssrRenderAttr("value", unref(boundaryDraft).rotationY)} class="bp-range" type="range" min="0" max="360" step="5" style="${ssrRenderStyle({ "--fill": sliderPct(unref(boundaryDraft).rotationY ?? 0, 0, 360) })}" data-v-771c2c29><span class="bp-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(boundaryDraft).rotationY ?? 0))}°</span></div><!--]-->`);
+				else {
+					_push(`<!--[--><div class="bp-hint" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kimxls2054"))}</div><div class="member-list" data-v-771c2c29><!--[-->`);
+					ssrRenderList(unref(channelMembers), (m) => {
+						_push(`<div class="member-row" data-v-771c2c29><span class="member-ava" style="${ssrRenderStyle({ color: hashColor(unref(selectedChannel)) })}" data-v-771c2c29>${ssrInterpolate(m.name.charAt(0).toUpperCase())}</span><div class="member-info" data-v-771c2c29><span class="member-name" data-v-771c2c29>${ssrInterpolate(m.name)}</span><span class="${ssrRenderClass([m.role === "lead" ? "r-lead" : "r-worker", "member-role"])}" data-v-771c2c29>${ssrInterpolate(m.role === "lead" ? "Leader" : "Worker")}</span></div><select class="member-select"${ssrRenderAttr("value", (m.modelRef ?? "") || "hero-3d")} data-v-771c2c29><!--[-->`);
+						ssrRenderList(unref(agentModels), (model) => {
+							_push(`<option${ssrRenderAttr("value", model.id)} data-v-771c2c29>${ssrInterpolate(model.name)}</option>`);
+						});
+						_push(`<!--]--></select></div>`);
+					});
+					_push(`<!--]-->`);
+					if (unref(channelMembers).length === 0) _push(`<div class="bp-hint" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k419rbs055"))}</div>`);
+					else _push(`<!---->`);
+					_push(`</div><!--]-->`);
+				}
+				_push(`<div class="bp-actions" data-v-771c2c29>`);
+				if (unref(channelPanelTab) === "boundary") _push(`<button class="bp-btn save" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1b3kp8f056"))}</button>`);
+				else _push(`<!---->`);
+				_push(`<button class="bp-btn danger" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1hs45qg057"))}</button><button class="bp-btn" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3x62t058"))}</button></div></div>`);
+			} else _push(`<!---->`);
+			if (unref(lastDropText)) _push(`<div class="drop-chip" data-v-771c2c29>${ssrInterpolate(unref(lastDropText))}</div>`);
+			else _push(`<!---->`);
+			if (unref(errorText)) _push(`<div class="error-chip" data-v-771c2c29>${ssrInterpolate(unref(errorText))}</div>`);
+			else _push(`<!---->`);
+			if (!unref(ready)) _push(`<div data-hud="town-loading" class="loading-mask" data-v-771c2c29><div class="loading-spinner" data-v-771c2c29></div><span class="loading-text" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kvjdqfg059"))}</span></div>`);
+			else _push(`<!---->`);
+			_push(`</div><div class="dock" data-v-771c2c29><section class="dock-card" data-v-771c2c29><div class="dock-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1c9iq23060"))}</h3><span class="dock-mode" data-v-771c2c29>${ssrInterpolate(unref(mode) === "edit" ? _ctx.$t("townView.k1iipfcs143") : _ctx.$t("townView.k1l147w1177"))}</span></div><p class="ctl-sec" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.secRender"))}</p><div class="ctl-row" data-v-771c2c29><span class="ctl-name"${ssrRenderAttr("title", _ctx.$t("townView.qualityTip"))} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.qualityLabel"))}</span><div class="fps-seg" data-v-771c2c29><!--[-->`);
+			ssrRenderList(QUALITY_OPTIONS, (o) => {
+				_push(`<button class="${ssrRenderClass({ on: unref(qualityMode) === o.v })}" data-v-771c2c29>${ssrInterpolate(_ctx.$t(o.label))}</button>`);
+			});
+			_push(`<!--]--></div><span class="ctl-val" data-v-771c2c29></span></div><div class="ctl-row" data-v-771c2c29><span class="ctl-name"${ssrRenderAttr("title", _ctx.$t("townView.fpsCapTip"))} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.fpsCapLabel"))}</span><div class="fps-seg" data-v-771c2c29><!--[-->`);
+			ssrRenderList(FPS_OPTIONS, (o) => {
+				_push(`<button class="${ssrRenderClass({ on: unref(fpsCap) === o.v })}" data-v-771c2c29>${ssrInterpolate(o.label)}</button>`);
+			});
+			_push(`<!--]--></div><span class="ctl-val" data-v-771c2c29></span></div><p class="ctl-sec" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.secEnv"))}</p><div class="ctl-row" data-v-771c2c29><span class="ctl-name" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1gizopz061"))}</span><input class="ctl-range" type="range" min="30" max="220"${ssrRenderAttr("value", Math.round(unref(exposure) * 100))} style="${ssrRenderStyle({ "--fill": sliderPct(Math.round(unref(exposure) * 100), 30, 220) })}" data-v-771c2c29><span class="ctl-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(exposure) * 100))}%</span></div><div class="ctl-row" data-v-771c2c29><span class="ctl-name" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1bcpqto062"))}</span><input class="ctl-range" type="range" min="10" max="100"${ssrRenderAttr("value", Math.round(unref(tintOpacity) * 100))} style="${ssrRenderStyle({ "--fill": sliderPct(Math.round(unref(tintOpacity) * 100), 10, 100) })}" data-v-771c2c29><span class="ctl-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(tintOpacity) * 100))}%</span></div><div class="ctl-row" data-v-771c2c29><span class="ctl-name" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1bztha1063"))}</span><input class="ctl-range" type="range" min="60" max="120"${ssrRenderAttr("value", unref(threshPct))} style="${ssrRenderStyle({ "--fill": sliderPct(unref(threshPct), 60, 120) })}" data-v-771c2c29><span class="ctl-val" data-v-771c2c29>${ssrInterpolate(unref(threshPct))}%</span></div><div class="ctl-row" data-v-771c2c29><span class="ctl-name"${ssrRenderAttr("title", _ctx.$t("townView.kz71l1f012"))} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.ka4i1s9064"))}</span><input class="ctl-range" type="range" min="0" max="3000" step="50"${ssrRenderAttr("value", unref(calloutNearDist))} style="${ssrRenderStyle({ "--fill": sliderPct(unref(calloutNearDist), 0, 3e3) })}" data-v-771c2c29><span class="ctl-val" data-v-771c2c29>${ssrInterpolate(unref(calloutNearDist) === 0 ? _ctx.$t("townView.k493s144") : `${unref(calloutNearDist)}`)}</span></div><p class="ctl-sec" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.secOps"))}</p><div class="ctl-row" data-v-771c2c29><span class="ctl-name" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1idc6pa065"))}</span><button class="${ssrRenderClass([{ on: unref(snap) }, "snap-toggle"])}" data-v-771c2c29>${ssrInterpolate(unref(snap) ? _ctx.$t("townView.k4bs5145") : _ctx.$t("townView.k493s144"))}</button><span class="ctl-val" data-v-771c2c29></span></div><div class="ctl-btns" data-v-771c2c29><button class="btn btn-primary" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1lap9bs024"))}</button><button class="btn btn-ghost"${ssrIncludeBooleanAttr(unref(mode) !== "edit") ? " disabled" : ""}${ssrRenderAttr("title", unref(mode) === "edit" ? _ctx.$t("townView.ksavetip181") : _ctx.$t("townView.krotip182"))} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1b3bk8t029"))}</button><button class="${ssrRenderClass([{ armed: unref(estop) }, "btn btn-danger"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1i046wf066"))}</button></div></section><section class="dock-card" data-v-771c2c29><div class="dock-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1kfoef9067"))}</h3><span class="dock-count mono" data-v-771c2c29>${ssrInterpolate(unref(daqTwins).length)}</span><div class="${ssrRenderClass([{ expanded: unref(trendExpanded) }, "trend-legend"])}" data-v-771c2c29><!--[-->`);
+			ssrRenderList(unref(trendChips), (t) => {
+				_push(`<button class="${ssrRenderClass([{ off: !trendOn(t.id) }, "lg-chip"])}" data-v-771c2c29><span class="lg-dot" style="${ssrRenderStyle({ background: trendColor(t.id) })}" data-v-771c2c29></span>${ssrInterpolate(t.name)}</button>`);
+			});
+			_push(`<!--]-->`);
+			if (unref(trendOverflow) > 0) _push(`<button class="lg-chip lg-more mono"${ssrRenderAttr("title", unref(trendExpanded) ? _ctx.$t("townView.trendCollapse") : _ctx.$t("townView.trendExpandAll", { p0: unref(daqTwins).length }))} data-v-771c2c29>${ssrInterpolate(unref(trendExpanded) ? _ctx.$t("townView.trendCollapse") : `+${unref(trendOverflow)}`)}</button>`);
+			else _push(`<!---->`);
+			_push(`</div></div><div class="trend-wrap" data-v-771c2c29><canvas class="trend-cv" data-v-771c2c29></canvas>`);
+			if (!unref(daqTwins).length) _push(`<span class="trend-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1uht2uv068"))}</span>`);
+			else _push(`<!---->`);
+			_push(`</div></section></div></main><aside class="rail rail-right" data-v-771c2c29>`);
+			if (unref(selected)) {
+				_push(`<section class="panel inspector" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(unref(selected).kind === "device" ? unref(selectedIsDcw) ? _ctx.$t("townView.k1ekqxlt146") : unref(selectedIsDaq) ? _ctx.$t("townView.k1empnnb178") : _ctx.$t("townView.k1k6wg8j185") : unref(selectedAgentRoleLabel))}</h3><button class="mini-btn"${ssrRenderAttr("title", _ctx.$t("townView.k1bsckft013"))} data-v-771c2c29> ✕ </button></div><div class="ins-chip-row" data-v-771c2c29><span class="ins-chip mono" data-v-771c2c29>${ssrInterpolate(unref(selected).id.slice(0, 8))}</span>`);
+				if (unref(selected).kind === "device" && unref(selectedIsDaq)) _push(`<span class="ins-chip accent" data-v-771c2c29>DAQ</span>`);
+				else if (unref(selected).kind === "device" && unref(selectedIsDcw)) _push(`<span class="ins-chip accent" data-v-771c2c29>DCW</span>`);
+				else _push(`<!---->`);
+				_push(`</div>`);
+				if (unref(selected).kind === "device") {
+					_push(`<!--[-->`);
+					if (unref(selectedIsDcw)) {
+						_push(`<div class="daq-info" data-v-771c2c29><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1deqh0d069"))}</span><b class="cy" data-v-771c2c29>${ssrInterpolate(unref(selectedDcwNode)?.value != null ? unref(selectedDcwNode).value.toFixed(unref(selectedDcwNode).decimals) : "--")} ${ssrInterpolate(unref(selectedDcwNode)?.unit)}</b></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(unref(selectedDcwWindow)?.src === "recipe" ? _ctx.$t("townView.kq2jssk147") : _ctx.$t("townView.k1iwj796179"))}</span><b class="${ssrRenderClass({ amber: unref(selectedDcwWindow)?.src === "recipe" })}" data-v-771c2c29>${ssrInterpolate(dcwWinLabel(unref(selectedDcwNode)))}</b></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1i8rtqt070"))}</span><b data-v-771c2c29>${ssrInterpolate(unref(selectedDcwDeviceName) || _ctx.$t("townView.k3own4q148"))}</b></div><div class="daq-bind-bar" data-v-771c2c29><input${ssrRenderAttr("value", unref(dcwWriteDrafts)[unref(selected).id])} type="number" class="bind-select"${ssrRenderAttr("step", 10 ** -(unref(selectedDcwNode)?.decimals ?? 2))}${ssrRenderAttr("placeholder", dcwWinInputPh(unref(selectedDcwNode)))} data-v-771c2c29><button class="bind-add-btn"${ssrIncludeBooleanAttr(unref(dcwWriteDrafts)[unref(selected).id] == null || unref(dcwWriteDrafts)[unref(selected).id] === "") ? " disabled" : ""} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kwrbtn180"))}</button></div>`);
+						if (unref(dcwWriteErrs)[unref(selected).id]) _push(`<p class="dcw-err" data-v-771c2c29>${ssrInterpolate(unref(dcwWriteErrs)[unref(selected).id])}</p>`);
+						else _push(`<!---->`);
+						if (unref(mode) === "edit") {
+							_push(`<div class="daq-bind-bar" data-v-771c2c29><select class="bind-select" data-v-771c2c29><option value="" data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(dcwBindPick)) ? ssrLooseContain(unref(dcwBindPick), "") : ssrLooseEqual(unref(dcwBindPick), "")) ? " selected" : ""}>${ssrInterpolate(_ctx.$t("townView.kjo6ekr071"))}</option><!--[-->`);
+							ssrRenderList(unref(deviceTwins).twins.filter((x) => !isLegacyDaqTwin(x) && x.id !== (unref(selected)?.id ?? "")), (dv) => {
+								_push(`<option${ssrRenderAttr("value", dv.id)} data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(dcwBindPick)) ? ssrLooseContain(unref(dcwBindPick), dv.id) : ssrLooseEqual(unref(dcwBindPick), dv.id)) ? " selected" : ""}>${ssrInterpolate(dv.name)}</option>`);
+							});
+							_push(`<!--]--></select><button class="bind-add-btn"${ssrIncludeBooleanAttr(!unref(selectedDcwDeviceName) && !unref(dcwBindPick)) ? " disabled" : ""} data-v-771c2c29>${ssrInterpolate(unref(selectedDcwDeviceName) ? _ctx.$t("townView.k479eh149") : _ctx.$t("townView.k452a8102"))}</button></div>`);
+						} else _push(`<!---->`);
+						_push(`</div>`);
+					} else if (unref(selectedIsDaq)) {
+						_push(`<div class="daq-info" data-v-771c2c29><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3mv305072"))}</span><b class="cy" data-v-771c2c29>${ssrInterpolate(unref(selectedDaqSim) ? fmtDaq(unref(selectedDaqSim)) : "--")} ${ssrInterpolate(unref(selectedDaqSim)?.tpl.unit)}</b></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1faqmjb073"))}</span><b data-v-771c2c29>${ssrInterpolate(unref(selectedDaqSim)?.tpl.min)} ~ ${ssrInterpolate(unref(selectedDaqSim)?.tpl.max)}</b></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1i8rtqt070"))}</span><b data-v-771c2c29>${ssrInterpolate(unref(daqBoundDeviceName) || _ctx.$t("townView.k3own4q148"))}</b></div>`);
+						if (unref(mode) === "edit") {
+							_push(`<div class="daq-bind-bar" data-v-771c2c29><select class="bind-select" data-v-771c2c29><option value="" data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(bindPick)) ? ssrLooseContain(unref(bindPick), "") : ssrLooseEqual(unref(bindPick), "")) ? " selected" : ""}>${ssrInterpolate(_ctx.$t("townView.kjo6ekr071"))}</option><!--[-->`);
+							ssrRenderList(unref(deviceTwins).twins.filter((x) => !isLegacyDaqTwin(x) && x.id !== (unref(selected)?.id ?? "")), (dv) => {
+								_push(`<option${ssrRenderAttr("value", dv.id)} data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(bindPick)) ? ssrLooseContain(unref(bindPick), dv.id) : ssrLooseEqual(unref(bindPick), dv.id)) ? " selected" : ""}>${ssrInterpolate(dv.name)}</option>`);
+							});
+							_push(`<!--]--></select><button class="bind-add-btn"${ssrIncludeBooleanAttr(!unref(daqBoundDeviceName) && !unref(bindPick)) ? " disabled" : ""} data-v-771c2c29>${ssrInterpolate(unref(daqBoundDeviceName) ? _ctx.$t("townView.k479eh149") : _ctx.$t("townView.k452a8102"))}</button></div>`);
+						} else _push(`<!---->`);
+						if (unref(mode) === "edit" && unref(selectedDaqNode)) _push(`<div class="daq-node-ctl" data-v-771c2c29><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1l6g2ga074"))}</span><span class="daq-th-inputs" data-v-771c2c29><input${ssrRenderAttr("value", unref(daqIntervalDraft))} type="number" min="200" max="60000" step="100" class="daq-num" data-v-771c2c29><small data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1or92b075"))}</small></span></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3x5tpx076"))}</span><span class="daq-th-inputs" data-v-771c2c29><input${ssrRenderAttr("value", unref(selectedDaqNode).warnLow)} type="number" step="any" class="daq-num" data-v-771c2c29> ~ <input${ssrRenderAttr("value", unref(selectedDaqNode).warnHigh)} type="number" step="any" class="daq-num" data-v-771c2c29></span></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1hjj0jf077"))}</span><span class="daq-th-inputs" data-v-771c2c29><input${ssrRenderAttr("value", unref(selectedDaqNode).min)} type="number" step="any" class="daq-num" data-v-771c2c29> ~ <input${ssrRenderAttr("value", unref(selectedDaqNode).max)} type="number" step="any" class="daq-num" data-v-771c2c29></span></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k48tki078"))}</span><button class="${ssrRenderClass([{ warn: unref(selectedDaqNode).enabled }, "bind-add-btn"])}" data-v-771c2c29>${ssrInterpolate(unref(selectedDaqNode).enabled ? _ctx.$t("townView.k1wv0nyo150") : _ctx.$t("townView.kh1586b180"))}</button></div><div class="daq-info-row" data-v-771c2c29><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3xakp079"))}</span><button class="bind-add-btn danger"${ssrRenderAttr("title", _ctx.$t("townView.kpwutri014"))} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1bpp30k080"))}</button></div></div>`);
+						else _push(`<div class="ins-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kzk5dfx081"))}</div>`);
+						_push(`</div>`);
+					} else {
+						_push(`<!--[--><div class="obj-row" data-v-771c2c29><span class="obj-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3xhia082"))}</span><input${ssrRenderAttr("value", unref(objNameDraft))} class="obj-input"${ssrRenderAttr("placeholder", _ctx.$t("townView.k1k6vbaf015"))}${ssrIncludeBooleanAttr(unref(mode) !== "edit") ? " disabled" : ""}${ssrRenderAttr("title", unref(mode) === "edit" ? "设备名称" : "运行模式只读")} data-v-771c2c29></div><div class="obj-row" data-v-771c2c29><span class="obj-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k41amp083"))}</span><select class="obj-select"${ssrRenderAttr("value", unref(scene3dRef)?.getDeviceModelRef?.(unref(selected).id) ?? "")}${ssrIncludeBooleanAttr(unref(mode) !== "edit") ? " disabled" : ""} data-v-771c2c29><!--[-->`);
+						ssrRenderList(unref(deviceModels), (m) => {
+							_push(`<option${ssrRenderAttr("value", m.id)} data-v-771c2c29>${ssrInterpolate(m.name)}</option>`);
+						});
+						_push(`<!--]--></select></div><div class="sect-hd" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1vtyk05130"))} ${ssrInterpolate(unref(boundDaqRows).length)} ${ssrInterpolate(_ctx.$t("townView.k3vfpz5138"))}</div><!--[-->`);
+						ssrRenderList(unref(boundDaqRows), (r) => {
+							_push(`<div class="bind-row" data-v-771c2c29><span class="bind-ico" data-v-771c2c29><svg class="bind-svg" viewBox="0 0 24 24" data-v-771c2c29>${daqIcon(r.icon) ?? ""}</svg></span><span class="bind-meta" data-v-771c2c29><span class="bind-label" data-v-771c2c29>${ssrInterpolate(r.ch)}</span><span class="bind-val" data-v-771c2c29><b data-v-771c2c29>${ssrInterpolate(r.value)}</b> ${ssrInterpolate(r.unit)} · ${ssrInterpolate(r.name)}</span></span><canvas class="bind-spark" width="56" height="20" data-v-771c2c29></canvas>`);
+							if (unref(mode) === "edit") _push(`<button class="bind-x"${ssrRenderAttr("title", _ctx.$t("townView.k1k73omv016"))} data-v-771c2c29> ✕ </button>`);
+							else _push(`<!---->`);
+							_push(`</div>`);
+						});
+						_push(`<!--]-->`);
+						if (!unref(boundDaqRows).length) _push(`<div class="ins-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kgpuqhb084"))}</div>`);
+						else _push(`<!---->`);
+						if (unref(mode) === "edit") {
+							_push(`<div class="bind-add-wrap" data-v-771c2c29><button class="bind-add" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kvm0lin085"))}</button>`);
+							if (unref(bindPopOpen)) {
+								_push(`<div class="bind-pop" style="${ssrRenderStyle({ maxHeight: `${unref(bindPopMaxH)}px` })}" data-v-771c2c29><!--[-->`);
+								ssrRenderList(unref(daqTemplates), (tpl) => {
+									_push(`<!--[-->`);
+									if (unref(daqBindChoices)[tpl.id]?.length) {
+										_push(`<div class="bp-group" data-v-771c2c29><span class="bp-tpl" data-v-771c2c29>${ssrInterpolate(tpl.name)} · ${ssrInterpolate(tpl.ch)}</span><!--[-->`);
+										ssrRenderList(unref(daqBindChoices)[tpl.id], (c) => {
+											_push(`<button${ssrRenderAttr("data-node-id", c.id)}${ssrRenderAttr("title", c.devName ? _ctx.$t("townView.k2bindr0007", { p0: c.devName }) : _ctx.$t("townView.k2bindr0008"))} data-v-771c2c29><svg class="bind-svg" viewBox="0 0 24 24" data-v-771c2c29>${daqIcon(c.tpl.icon) ?? ""}</svg><span data-v-771c2c29>${ssrInterpolate(c.name)}`);
+											if (c.devName) _push(`<i class="bp-cur" data-v-771c2c29>→ ${ssrInterpolate(c.devName)}</i>`);
+											else if (!c.placed) _push(`<i class="bp-cur" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2bindr0009"))}</i>`);
+											else _push(`<!---->`);
+											_push(`</span></button>`);
+										});
+										_push(`<!--]--></div>`);
+									} else _push(`<!---->`);
+									_push(`<!--]-->`);
+								});
+								_push(`<!--]-->`);
+								if (!unref(daqBindChoiceCount)) _push(`<div class="bp-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2bindr0010"))}</div>`);
+								else _push(`<!---->`);
+								_push(`</div>`);
+							} else _push(`<!---->`);
+							_push(`</div>`);
+						} else _push(`<!---->`);
+						_push(`<div class="sect-hd" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.ktzir2t131"))} ${ssrInterpolate(unref(boundDcwRows).length)} ${ssrInterpolate(_ctx.$t("townView.k4l1w042"))}</div><!--[-->`);
+						ssrRenderList(unref(boundDcwRows), (r) => {
+							_push(`<div class="dcw-row" data-v-771c2c29><div class="dcw-top" data-v-771c2c29><span class="bind-ico" data-v-771c2c29><svg class="bind-svg" viewBox="0 0 24 24" data-v-771c2c29>${daqIcon(r.icon) ?? ""}</svg></span><span class="dcw-id" data-v-771c2c29><span class="bind-label" data-v-771c2c29>${ssrInterpolate(r.ch)}`);
+							if (r.rMin != null || r.rMax != null) _push(`<i class="dcw-tag" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k48grv086"))}</i>`);
+							else _push(`<!---->`);
+							_push(`</span><span class="dcw-name" data-v-771c2c29>${ssrInterpolate(r.name)}</span></span><span class="dcw-cur" data-v-771c2c29><b data-v-771c2c29>${ssrInterpolate(r.value != null ? r.value.toFixed(r.decimals) : "--")}</b><i data-v-771c2c29>${ssrInterpolate(r.unit)}</i></span>`);
+							if (unref(mode) === "edit") _push(`<button class="bind-x"${ssrRenderAttr("title", _ctx.$t("townView.k1k73omv016"))} data-v-771c2c29> ✕ </button>`);
+							else _push(`<!---->`);
+							_push(`</div><div class="${ssrRenderClass([{ recipe: r.rMin != null || r.rMax != null }, "dcw-win"])}" data-v-771c2c29><em data-v-771c2c29>${ssrInterpolate(r.rMin != null || r.rMax != null ? _ctx.$t("townView.k1l3m0hx151") : _ctx.$t("townView.k1bc6rqf181"))}</em><span class="dcw-win-num" data-v-771c2c29>${ssrInterpolate(r.rMin ?? "-∞")}</span><span class="dcw-win-track" data-v-771c2c29><i style="${ssrRenderStyle({ left: `${dcwMarkPct(r)}%` })}" data-v-771c2c29></i></span><span class="dcw-win-num" data-v-771c2c29>${ssrInterpolate(r.rMax ?? "+∞")}</span></div><div class="dcw-write" data-v-771c2c29><input${ssrRenderAttr("value", unref(dcwWriteDrafts)[r.dcwId])} type="number"${ssrRenderAttr("step", 10 ** -r.decimals)}${ssrRenderAttr("placeholder", `${r.rMin ?? r.gMin} ~ ${r.rMax ?? r.gMax}`)} data-v-771c2c29><button class="dcw-send"${ssrIncludeBooleanAttr(unref(dcwWriteDrafts)[r.dcwId] == null || unref(dcwWriteDrafts)[r.dcwId] === "") ? " disabled" : ""}${ssrRenderAttr("title", _ctx.$t("townView.k15t7izc017"))} data-v-771c2c29> write </button></div>`);
+							if (unref(dcwWriteErrs)[r.dcwId]) _push(`<small class="dcw-err" data-v-771c2c29>${ssrInterpolate(unref(dcwWriteErrs)[r.dcwId])}</small>`);
+							else _push(`<!---->`);
+							_push(`</div>`);
+						});
+						_push(`<!--]-->`);
+						if (!unref(boundDcwRows).length) _push(`<div class="ins-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k10smf24087"))}</div>`);
+						else _push(`<!---->`);
+						if (unref(mode) === "edit") {
+							_push(`<div class="bind-add-wrap" data-v-771c2c29><button class="bind-add" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kvk1vh5088"))}</button>`);
+							if (unref(dcwBindPopOpen)) {
+								_push(`<div class="bind-pop" style="${ssrRenderStyle({ maxHeight: `${unref(bindPopMaxH)}px` })}" data-v-771c2c29><!--[-->`);
+								ssrRenderList(unref(dcwTemplates), (tpl) => {
+									_push(`<!--[-->`);
+									if (unref(dcwBindChoices)[tpl.id]?.length) {
+										_push(`<div class="bp-group" data-v-771c2c29><span class="bp-tpl" data-v-771c2c29>${ssrInterpolate(tpl.name)} · ${ssrInterpolate(tpl.ch)}</span><!--[-->`);
+										ssrRenderList(unref(dcwBindChoices)[tpl.id], (c) => {
+											_push(`<button${ssrRenderAttr("data-node-id", c.id)}${ssrRenderAttr("title", c.devName ? _ctx.$t("townView.k2bindr0007", { p0: c.devName }) : _ctx.$t("townView.k2bindr0008"))} data-v-771c2c29><svg class="bind-svg" viewBox="0 0 24 24" data-v-771c2c29>${daqIcon(c.tpl.icon) ?? ""}</svg><span data-v-771c2c29>${ssrInterpolate(c.name)}`);
+											if (c.devName) _push(`<i class="bp-cur" data-v-771c2c29>→ ${ssrInterpolate(c.devName)}</i>`);
+											else if (!c.placed) _push(`<i class="bp-cur" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2bindr0009"))}</i>`);
+											else _push(`<!---->`);
+											_push(`</span></button>`);
+										});
+										_push(`<!--]--></div>`);
+									} else _push(`<!---->`);
+									_push(`<!--]-->`);
+								});
+								_push(`<!--]-->`);
+								if (!unref(dcwBindChoiceCount)) _push(`<div class="bp-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2bindr0010"))}</div>`);
+								else _push(`<!---->`);
+								_push(`</div>`);
+							} else _push(`<!---->`);
+							_push(`</div>`);
+						} else _push(`<!---->`);
+						if (unref(mode) === "edit") _push(`<!--[--><div class="sect-hd" data-v-771c2c29> 变换 · BLENDER </div><div class="xz-seg" data-v-771c2c29><button class="${ssrRenderClass([{ on: unref(tMode) === "translate" }, "seg-btn"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1hg3167089"))}</button><button class="${ssrRenderClass([{ on: unref(tMode) === "rotate" }, "seg-btn"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1enlg7i090"))}</button><button class="${ssrRenderClass([{ on: unref(tMode) === "scale" }, "seg-btn"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1ibjg3j091"))}</button></div><div class="scale-row" data-v-771c2c29><span class="scale-min" data-v-771c2c29>0.2×</span><input class="scale-range" type="range" min="0.2" max="5" step="0.05"${ssrRenderAttr("value", unref(selected).scale)} data-v-771c2c29><span class="scale-max" data-v-771c2c29>5×</span></div><div class="scale-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(selected).scale * 100))}% </div><div class="ins-foot" data-v-771c2c29><button class="${ssrRenderClass([{ armed: unref(deviceDeleteArmed) === unref(selected).id }, "btn btn-danger ins-del"])}" data-v-771c2c29>${ssrInterpolate(unref(deviceDeleteArmed) === unref(selected).id ? _ctx.$t("townView.k1w10xa5152") : _ctx.$t("townView.k121kfef182"))}</button></div><!--]-->`);
+						else _push(`<div class="ins-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kt0i3y2092"))}</div>`);
+						_push(`<!--]-->`);
+					}
+					_push(`<!--]-->`);
+				} else if (unref(selected).kind === "agent") {
+					_push(`<!--[--><div class="chat-id-row" data-v-771c2c29><span class="chat-badge" style="${ssrRenderStyle({ "--p-acc": unref(agentChatColor) })}" data-v-771c2c29>${ssrInterpolate(unref(agentChatTitle).slice(0, 1).toUpperCase())}</span><div class="chat-nameplate" data-v-771c2c29><span class="chat-name" data-v-771c2c29>${ssrInterpolate(unref(agentChatTitle))}</span><span class="chat-meta" data-v-771c2c29><span class="${ssrRenderClass([unref(selectedAgentMeta)?.role === "lead" ? "r-lead" : "r-worker", "chat-role"])}" data-v-771c2c29>${ssrInterpolate(unref(selectedAgentRoleTag))}</span><span class="${ssrRenderClass([`s-${unref(selectedAgentMeta)?.state ?? "idle"}`, "chat-state"])}" data-v-771c2c29>${ssrInterpolate(unref(agentChatStateLabel))}</span>`);
+					if (unref(selectedAgentMeta)?.harness) _push(`<span class="chat-harness" data-v-771c2c29>${ssrInterpolate(unref(selectedAgentMeta).harness.toUpperCase())}</span>`);
+					else _push(`<!---->`);
+					_push(`<span class="chat-count" data-v-771c2c29>${ssrInterpolate(unref(agentHistory).length + unref(agentChatRows).length)} ${ssrInterpolate(_ctx.$t("townView.k4dfq040"))}</span></span></div></div><div class="obj-row" data-v-771c2c29><span class="obj-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k41amp083"))}</span><select class="obj-select"${ssrRenderAttr("value", (unref(scene3dRef)?.getAgentModel?.(unref(selected).id) ?? "") || "hero-3d")}${ssrIncludeBooleanAttr(unref(mode) !== "edit") ? " disabled" : ""} data-v-771c2c29><!--[-->`);
+					ssrRenderList(unref(agentModels), (m) => {
+						_push(`<option${ssrRenderAttr("value", m.id)} data-v-771c2c29>${ssrInterpolate(m.name)}</option>`);
+					});
+					_push(`<!--]--></select></div><div class="obj-sep" data-v-771c2c29></div><div class="obj-row" data-v-771c2c29><span class="obj-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1fix3hb093"))}</span><span class="range-status" data-v-771c2c29>${ssrInterpolate(unref(agentRangeStatusText))}</span>`);
+					if (unref(mode) === "edit") _push(`<button class="${ssrRenderClass([{ on: unref(agentDrawingRange) }, "obj-mini"])}"${ssrRenderAttr("title", _ctx.$t("townView.k13enoy3018"))} data-v-771c2c29>${ssrInterpolate(unref(agentDrawingRange) ? _ctx.$t("townView.k3slzhc153") : _ctx.$t("townView.k1f1xmci183"))}</button>`);
+					else _push(`<!---->`);
+					_push(`</div><div class="obj-sep" data-v-771c2c29></div><div class="sect-hd" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1p7nru2094"))}</div><!--[-->`);
+					ssrRenderList(unref(agentBindings), (b) => {
+						_push(`<div class="bind-row" data-v-771c2c29><span class="${ssrRenderClass([b.kind === "dcw" ? "accent" : "", "ins-chip"])}" style="${ssrRenderStyle({ "flex": "none" })}" data-v-771c2c29>${ssrInterpolate(b.kind === "dcw" ? _ctx.$t("townView.k40ifw097") : _ctx.$t("townView.k40rjw098"))}</span><span class="bind-meta" data-v-771c2c29><span class="bind-label" data-v-771c2c29>${ssrInterpolate(bindingNodeName(b))}</span><select class="bind-select" style="${ssrRenderStyle({ "margin-top": "3px" })}"${ssrRenderAttr("value", b.mode)}${ssrRenderAttr("title", _ctx.$t("townView.khqvwix019"))} data-v-771c2c29><option value="auto" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1io1ylm095"))}</option><option value="manual" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1duyr8q096"))}</option></select></span><button class="bind-x"${ssrRenderAttr("title", _ctx.$t("townView.k1k73omv016"))} data-v-771c2c29> ✕ </button></div>`);
+					});
+					_push(`<!--]-->`);
+					if (!unref(agentBindings).length) _push(`<div class="ins-empty" data-v-771c2c29> 未绑定工业节点 —— 绑定后 Agent 可用 dcw_control / daq_query 工具 </div>`);
+					else _push(`<!---->`);
+					if (unref(mode) === "edit") {
+						_push(`<div class="daq-bind-bar" style="${ssrRenderStyle({ "margin-bottom": "8px" })}" data-v-771c2c29><select class="bind-select" style="${ssrRenderStyle({
+							"flex": "none",
+							"width": "62px"
+						})}" data-v-771c2c29><option value="dcw" data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(agentBindKind)) ? ssrLooseContain(unref(agentBindKind), "dcw") : ssrLooseEqual(unref(agentBindKind), "dcw")) ? " selected" : ""}>${ssrInterpolate(_ctx.$t("townView.k40ifw097"))}</option><option value="daq" data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(agentBindKind)) ? ssrLooseContain(unref(agentBindKind), "daq") : ssrLooseEqual(unref(agentBindKind), "daq")) ? " selected" : ""}>${ssrInterpolate(_ctx.$t("townView.k40rjw098"))}</option></select><select class="bind-select" data-v-771c2c29><option value="" data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(agentBindNodeId)) ? ssrLooseContain(unref(agentBindNodeId), "") : ssrLooseEqual(unref(agentBindNodeId), "")) ? " selected" : ""}>${ssrInterpolate(_ctx.$t("townView.kurjldk099"))}</option>`);
+						if (unref(agentBindKind) === "dcw") {
+							_push(`<!--[-->`);
+							ssrRenderList(unref(dcw).nodes, (n) => {
+								_push(`<option${ssrRenderAttr("value", n.id)} data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(agentBindNodeId)) ? ssrLooseContain(unref(agentBindNodeId), n.id) : ssrLooseEqual(unref(agentBindNodeId), n.id)) ? " selected" : ""}>${ssrInterpolate(n.name)}</option>`);
+							});
+							_push(`<!--]-->`);
+						} else {
+							_push(`<!--[-->`);
+							ssrRenderList(unref(daq).nodes, (n) => {
+								_push(`<option${ssrRenderAttr("value", n.id)} data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(agentBindNodeId)) ? ssrLooseContain(unref(agentBindNodeId), n.id) : ssrLooseEqual(unref(agentBindNodeId), n.id)) ? " selected" : ""}>${ssrInterpolate(n.name)}</option>`);
+							});
+							_push(`<!--]-->`);
+						}
+						_push(`</select><select class="bind-select" style="${ssrRenderStyle({
+							"flex": "none",
+							"width": "76px"
+						})}" data-v-771c2c29><option value="auto" data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(agentBindMode)) ? ssrLooseContain(unref(agentBindMode), "auto") : ssrLooseEqual(unref(agentBindMode), "auto")) ? " selected" : ""}>${ssrInterpolate(_ctx.$t("townView.k45kpj100"))}</option><option value="manual" data-v-771c2c29${ssrIncludeBooleanAttr(Array.isArray(unref(agentBindMode)) ? ssrLooseContain(unref(agentBindMode), "manual") : ssrLooseEqual(unref(agentBindMode), "manual")) ? " selected" : ""}>${ssrInterpolate(_ctx.$t("townView.k3zul4101"))}</option></select><button class="bind-add-btn"${ssrIncludeBooleanAttr(!unref(agentBindNodeId)) ? " disabled" : ""} data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k452a8102"))}</button></div>`);
+					} else _push(`<!---->`);
+					if (unref(pendingApprovals).length) {
+						_push(`<!--[--><div class="sect-hd" style="${ssrRenderStyle({ "color": "var(--hud-amber)" })}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1gk2jg7132"))} ${ssrInterpolate(unref(pendingApprovals).length)}</div><!--[-->`);
+						ssrRenderList(unref(pendingApprovals), (ap) => {
+							_push(`<div class="approval-card" data-v-771c2c29><div class="approval-detail" data-v-771c2c29>${ssrInterpolate(ap.detail)}</div><div class="${ssrRenderClass([{ urgent: approvalRemainingSec(ap) <= 30 }, "approval-ttl"])}" data-v-771c2c29> ⏱ ${ssrInterpolate(approvalRemainingSec(ap))}s ${ssrInterpolate(_ctx.$t("townView.hitlAutoReject"))}</div><input${ssrRenderAttr("value", unref(approvalComments)[ap.id])} class="dcw-write input-inline" style="${ssrRenderStyle({
+								"width": "100%",
+								"margin-top": "5px"
+							})}"${ssrRenderAttr("placeholder", _ctx.$t("townView.keztqrn020"))} data-v-771c2c29><div class="daq-bind-bar" style="${ssrRenderStyle({ "margin-top": "5px" })}" data-v-771c2c29><button class="bind-add-btn" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kslcozu103"))}</button><button class="bind-add-btn danger" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k14gu3rd104"))}</button></div></div>`);
+						});
+						_push(`<!--]--><!--]-->`);
+					} else _push(`<!---->`);
+					if (unref(agentRangeDraft) && unref(mode) === "edit") _push(`<!--[--><div class="obj-row" data-v-771c2c29><span class="obj-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3zhy5048"))}</span><div class="bp-seg" data-v-771c2c29><button class="${ssrRenderClass([{ on: unref(agentRangeDraft).shape === "ellipse" }, "seg-btn"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k414bc049"))}</button><button class="${ssrRenderClass([{ on: unref(agentRangeDraft).shape === "rect" }, "seg-btn"])}" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k43u0g050"))}</button></div></div><div class="obj-row" data-v-771c2c29><span class="obj-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k41lwj105"))}</span><input${ssrRenderAttr("value", unref(agentRangeDraft).radiusX)} class="obj-range" type="range" min="40" max="4000" step="8" data-v-771c2c29><span class="bp-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(agentRangeDraft).radiusX))}</span></div><div class="obj-row" data-v-771c2c29><span class="obj-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k45bta106"))}</span><input${ssrRenderAttr("value", unref(agentRangeDraft).radiusZ)} class="obj-range" type="range" min="40" max="4000" step="8" data-v-771c2c29><span class="bp-val" data-v-771c2c29>${ssrInterpolate(Math.round(unref(agentRangeDraft).radiusZ))}</span></div><button class="obj-mini danger" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1w45mzc107"))}</button><!--]-->`);
+					else _push(`<div class="ins-empty" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k14s8urm108"))}</div>`);
+					_push(`<div class="obj-sep" data-v-771c2c29></div><div class="sect-hd chat-sect" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1ghjbfc133"))} ${ssrInterpolate(unref(agentChatTitle))} <button class="mini-btn chat-refresh"${ssrRenderAttr("title", _ctx.$t("townView.k15avt7g021"))} data-v-771c2c29>${ssrInterpolate(unref(historyLoading) ? "…" : "↻")}</button></div><div class="rpg-lines chat-embed" data-v-771c2c29>`);
+					if (unref(historyLoading)) _push(`<div class="rpg-note" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kkhlx5h109"))}</div>`);
+					else _push(`<!---->`);
+					if (unref(agentHistory).length) {
+						_push(`<!--[--><div class="rpg-divider" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k768cnt134"))} ${ssrInterpolate(unref(agentHistory).length)}</div><!--[-->`);
+						ssrRenderList(unref(agentHistory), (r) => {
+							_push(`<div class="rpg-line hist" data-v-771c2c29><span class="rpg-time" data-v-771c2c29>${ssrInterpolate(fmtTime(r.at))}</span><div class="rpg-bubble" data-v-771c2c29>`);
+							if (chatKindLabel(r.kind)) _push(`<span class="${ssrRenderClass([`k-${r.kind}`, "rpg-kind"])}" data-v-771c2c29>${ssrInterpolate(chatKindLabel(r.kind))}</span>`);
+							else _push(`<!---->`);
+							_push(`<span class="rpg-text" data-v-771c2c29>${ssrInterpolate(r.text)}</span></div></div>`);
+						});
+						_push(`<!--]--><!--]-->`);
+					} else _push(`<!---->`);
+					if (unref(agentChatRows).length) _push(`<div class="rpg-divider live" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1cwz73k135"))} ${ssrInterpolate(unref(agentChatRows).length)}</div>`);
+					else _push(`<!---->`);
+					_push(`<!--[-->`);
+					ssrRenderList(unref(agentChatRows), (r) => {
+						_push(`<div class="rpg-line live" data-v-771c2c29><span class="rpg-time" data-v-771c2c29>${ssrInterpolate(fmtTime(r.at))}</span><div class="rpg-bubble" data-v-771c2c29><span class="rpg-text" data-v-771c2c29>${ssrInterpolate(r.text)}</span></div></div>`);
+					});
+					_push(`<!--]-->`);
+					if (unref(selectedAgentMeta)?.state === "busy") _push(`<div class="rpg-typing" data-v-771c2c29><span class="ty-dot" data-v-771c2c29></span><span class="ty-dot" data-v-771c2c29></span><span class="ty-dot" data-v-771c2c29></span><span class="ty-label" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k3o5tz9110"))}</span></div>`);
+					else _push(`<!---->`);
+					if (!unref(historyLoading) && !unref(agentHistory).length && !unref(agentChatRows).length) _push(`<div class="rpg-note" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1qkqld7111"))}</div>`);
+					else _push(`<!---->`);
+					_push(`</div><!--]-->`);
+				} else _push(`<!---->`);
+				_push(`</section>`);
+			} else _push(`<!---->`);
+			_push(`<section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k17dkhgd112"))}</h3></div><div class="health-body" data-v-771c2c29><div class="donut-wrap" data-v-771c2c29><canvas width="118" height="118" data-v-771c2c29></canvas><div class="donut-center" data-v-771c2c29><b style="${ssrRenderStyle({ color: unref(healthTone) })}" data-v-771c2c29>${ssrInterpolate(unref(healthPct))}%</b><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k7h1nxo113"))}</span></div></div><div class="health-legend" data-v-771c2c29><div class="hl-row" data-v-771c2c29><span class="hl-dot" style="${ssrRenderStyle({ background: "var(--hud-accent)" })}" data-v-771c2c29></span> ${ssrInterpolate(_ctx.$t("townView.k3vp67i114"))} <span class="n" data-v-771c2c29>${ssrInterpolate(unref(runningCount))}</span></div><div class="hl-row" data-v-771c2c29><span class="hl-dot" style="${ssrRenderStyle({ background: "var(--hud-amber)" })}" data-v-771c2c29></span> ${ssrInterpolate(_ctx.$t("townView.k3zcvb115"))} <span class="n" data-v-771c2c29>${ssrInterpolate(unref(idleCount))}</span></div><div class="hl-row" data-v-771c2c29><span class="hl-dot" style="${ssrRenderStyle({ background: "var(--hud-danger)" })}" data-v-771c2c29></span> ${ssrInterpolate(_ctx.$t("townView.k3xmid116"))} <span class="n" data-v-771c2c29>${ssrInterpolate(unref(alarmCount))}</span></div><div class="hl-row" data-v-771c2c29><span class="hl-dot" style="${ssrRenderStyle({ background: "#3a4a63" })}" data-v-771c2c29></span> ${ssrInterpolate(_ctx.$t("townView.statesOffline"))} <span class="n" data-v-771c2c29>${ssrInterpolate(unref(offlineCount))}</span></div></div></div></section><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1q247fn117"))}</h3><span class="panel-tag" data-v-771c2c29>${ssrInterpolate(unref(deviceTwins).twins.length)}</span></div>`);
+			_push(ssrRenderComponent(_component_WorkshopDeviceTwinPanel, {
+				class: "kd-embed",
+				"daq-live": unref(daqLive),
+				"dcw-live": unref(dcwLive),
+				onFocusDevice
+			}, null, _parent));
+			_push(`</section><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1cxf749118"))}</h3><span class="panel-tag" data-v-771c2c29>${ssrInterpolate(unref(activeAlarmCount))} ${ssrInterpolate(_ctx.$t("townView.k4dfq040"))}</span><button class="mini-btn"${ssrRenderAttr("title", _ctx.$t("townView.k1bkswpz022"))} data-v-771c2c29> ✓ </button></div><div class="alarm-list" data-v-771c2c29><!--[-->`);
+			ssrRenderList(unref(alarms).slice(0, 8), (a) => {
+				_push(`<div class="al-row" data-v-771c2c29><span class="${ssrRenderClass([a.state === 2 ? "info" : a.state === 1 ? "warn" : "crit", "al-ico"])}" data-v-771c2c29><svg class="al-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M12 3 22 20H2L12 3Z" data-v-771c2c29></path><path d="M12 10v4M12 17v.2" data-v-771c2c29></path></svg></span><div class="al-body" data-v-771c2c29><div class="al-txt" data-v-771c2c29>${ssrInterpolate(a.txt)}</div><div class="al-src" data-v-771c2c29>${ssrInterpolate(a.src)} · ${ssrInterpolate(a.time)}</div></div><button class="${ssrRenderClass([`s${a.state}`, "al-state"])}" data-v-771c2c29>${ssrInterpolate(ALARM_STATES[a.state])}</button></div>`);
+			});
+			_push(`<!--]-->`);
+			if (!unref(alarms).length) _push(`<div class="rail-empty" data-v-771c2c29><svg class="re-ico" viewBox="0 0 24 24" data-v-771c2c29><path d="M12 3l7 3v5c0 4.6-3 8.2-7 10-4-1.8-7-5.4-7-10V6l7-3Z" data-v-771c2c29></path><path d="m9.2 12.2 2 2 3.6-4" data-v-771c2c29></path></svg><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kjz544r119"))}</span></div>`);
+			else _push(`<!---->`);
+			_push(`</div></section><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1cxdtq2120"))}</h3><span class="panel-tag" data-v-771c2c29>${ssrInterpolate(unref(ticker).length)}</span></div><div class="event-list" data-v-771c2c29><!--[-->`);
+			ssrRenderList([...unref(ticker)].reverse(), (t, i) => {
+				_push(`<div class="event-row" data-v-771c2c29><span class="ev-time" data-v-771c2c29>${ssrInterpolate(fmtTime(t.at))}</span><span class="ev-name"${ssrRenderAttr("title", t.agentName)} data-v-771c2c29>${ssrInterpolate(t.agentName)}</span><span class="ev-text"${ssrRenderAttr("title", t.text)} data-v-771c2c29>${ssrInterpolate(t.text)}</span></div>`);
+			});
+			_push(`<!--]-->`);
+			if (!unref(ticker).length) _push(`<div class="rail-empty" data-v-771c2c29><svg class="re-ico" viewBox="0 0 24 24" data-v-771c2c29><path d="M3 12h3l2.5-6 4 12L15 12h6" data-v-771c2c29></path></svg><span data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k2uk6ua121"))}</span></div>`);
+			else _push(`<!---->`);
+			_push(`</div></section><section class="panel" data-v-771c2c29><div class="panel-hd" data-v-771c2c29><h3 data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kjug2jq122"))}</h3></div><div class="mm-body" data-v-771c2c29><div class="mm-wrap"${ssrRenderAttr("title", _ctx.$t("townView.klfwiqg023"))} data-v-771c2c29><canvas class="nav-cv" data-v-771c2c29></canvas></div><div class="mm-col" data-v-771c2c29><button class="vp-tool"${ssrRenderAttr("title", _ctx.$t("townView.k1lap9bs024"))} data-v-771c2c29><svg class="vp-svg" viewBox="0 0 24 24" data-v-771c2c29><path d="M3 12a9 9 0 1 0 3-6.7M3 4v5h5" data-v-771c2c29></path></svg></button><button class="vp-tool"${ssrRenderAttr("title", _ctx.$t("townView.kav8a8k025"))} data-v-771c2c29><svg class="vp-svg" viewBox="0 0 24 24" data-v-771c2c29><circle cx="11" cy="11" r="6.5" data-v-771c2c29></circle><path d="m16 16 4.5 4.5M8.5 11h5" data-v-771c2c29></path></svg></button><button class="vp-tool"${ssrRenderAttr("title", _ctx.$t("townView.k1u7uce9026"))} data-v-771c2c29><svg class="vp-svg" viewBox="0 0 24 24" data-v-771c2c29><circle cx="11" cy="11" r="6.5" data-v-771c2c29></circle><path d="m16 16 4.5 4.5M8.5 11h5M11 8.5v5" data-v-771c2c29></path></svg></button></div></div><div class="mm-meta mono" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k1gaaodq136"))}${ssrInterpolate(unref(navScale).toFixed(1))} · ${ssrInterpolate(unref(minimap)?.devices?.length ?? 0)} ${ssrInterpolate(_ctx.$t("townView.k47e16126"))}</div></section></aside></div><footer class="statusbar" data-v-771c2c29><span data-v-771c2c29><span class="${ssrRenderClass([{ red: unref(conn).state !== "open" }, "sb-dot"])}" data-v-771c2c29></span>${ssrInterpolate(_ctx.$t("townView.k1i4g246123"))} <b data-v-771c2c29>${ssrInterpolate(unref(conn).state === "open" ? _ctx.$t("townView.k41k5c154") : unref(syncing) ? _ctx.$t("townView.k3lmtk3184") : _ctx.$t("townView.k44c2n186"))}</b></span><span class="sb-stats" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.k4a0jt124"))} <b data-v-771c2c29>${ssrInterpolate(unref(blockCount))}</b><i data-v-771c2c29>·</i>${ssrInterpolate(_ctx.$t("townView.k3xdvm125"))} <b data-v-771c2c29>${ssrInterpolate(unref(agentCount))}</b><i data-v-771c2c29>·</i>${ssrInterpolate(_ctx.$t("townView.k47e16126"))} <b data-v-771c2c29>${ssrInterpolate(unref(deviceCount))}</b></span><span class="sb-lat mono" data-v-771c2c29>${ssrInterpolate(unref(fps))} FPS </span><span class="copy" data-v-771c2c29> © 2026 ABO · DIGITAL TWIN · ${ssrInterpolate(_ctx.$t("townView.k1h5gxpf137"))}</span></footer>`);
+			if (!unref(ready)) _push(`<div data-hud="town-loading" class="loading-mask" data-v-771c2c29><div class="loading-spinner" data-v-771c2c29></div><span class="loading-text" data-v-771c2c29>${ssrInterpolate(_ctx.$t("townView.kvjdqfg059"))}</span></div>`);
+			else _push(`<!---->`);
+			_push(`</div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/workshop/town/TownView.vue
+var _sfc_setup = TownView_vue_vue_type_script_setup_true_lang_default.setup;
+TownView_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/workshop/town/TownView.vue");
+	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var TownView_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(TownView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-771c2c29"]]), { __name: "WorkshopTownView" });
+
+export { TownView_default as T, useStorage as u };
+//# sourceMappingURL=TownView-DYlUNRZe.mjs.map