@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/site-reality-viewer.mjs

@@ -0,0 +1,436 @@
+import { TilesRenderer } from "3d-tiles-renderer";
+import * as OBC from "@thatopen/components";
+import * as THREE from "three";
+import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader.js";
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
+//#region src/site-reality-viewer.ts
+/** Confirmed alignment of the mesh under the IFC (metric, both centred). */
+const DEFAULT_ALIGN = {
+	offX: -283,
+	offY: 879,
+	scale: 3.29,
+	rot: -170,
+	zoff: 26.9
+};
+const HOUSE_NAME_RE = /[A-Z]{2,3}\d+-\d+/i;
+const UNASSIGNED = new THREE.Color("#9ca3af");
+const HOVER_ACCENT = new THREE.Color(.13, .5, 1);
+const SELECT_ACCENT = new THREE.Color("#22d3ee");
+async function createSiteViewer(container, options = {}) {
+	const o = {
+		fragUrl: "/site-b.frag",
+		workerUrl: "/worker.mjs",
+		tilesetUrl: "/reality-mesh/capture2/mesh_3d/tileset.json",
+		dracoPath: "/reality-mesh/draco/gltf/",
+		progressUrl: "/house-progress.json",
+		meshOpacity: .85,
+		modelOpacity: 1,
+		colourMode: "progress",
+		labels: true,
+		...options
+	};
+	const align = {
+		...DEFAULT_ALIGN,
+		...options.align ?? {}
+	};
+	const components = new OBC.Components();
+	const world = components.get(OBC.Worlds).create();
+	world.scene = new OBC.SimpleScene(components);
+	world.scene.setup();
+	world.scene.three.background = new THREE.Color("#1a1d21");
+	world.renderer = new OBC.SimpleRenderer(components, container);
+	world.camera = new OBC.OrthoPerspectiveCamera(components);
+	await world.camera.controls.setLookAt(12, 10, 12, 0, 0, 0);
+	components.init();
+	const gl = world.renderer.three;
+	gl.setPixelRatio(Math.min(window.devicePixelRatio, 1.5));
+	const FAR = 5e6;
+	const MAX_DOLLY = 2e6;
+	const raiseClip = () => {
+		const cam = world.camera.three;
+		if (cam.far !== FAR) {
+			cam.far = FAR;
+			cam.updateProjectionMatrix();
+		}
+		if (world.camera.controls.maxDistance !== MAX_DOLLY) world.camera.controls.maxDistance = MAX_DOLLY;
+	};
+	raiseClip();
+	world.camera.controls.addEventListener("update", raiseClip);
+	const workerBlob = await (await fetch(o.workerUrl)).blob();
+	const workerUrl = URL.createObjectURL(new File([workerBlob], "worker.mjs", { type: "text/javascript" }));
+	const fragments = components.get(OBC.FragmentsManager);
+	fragments.init(workerUrl);
+	world.camera.controls.addEventListener("update", () => fragments.core.update());
+	fragments.list.onItemSet.add(({ value: m }) => {
+		m.useCamera(world.camera.three);
+		world.scene.three.add(m.object);
+		fragments.core.update(true);
+	});
+	const bytes = new Uint8Array(await (await fetch(o.fragUrl)).arrayBuffer());
+	await fragments.core.load(bytes, { modelId: "site-b" });
+	const model = fragments.list.get("site-b");
+	if (!model) throw new Error("site-b.frag failed to load");
+	const box0 = model.box ?? new THREE.Box3().setFromObject(model.object);
+	const yOffset = Number.isFinite(box0.min.y) ? -box0.min.y : 0;
+	if (Math.abs(yOffset) > 1e-6) {
+		model.object.position.y += yOffset;
+		model.object.updateMatrixWorld(true);
+		fragments.core.update(true);
+	}
+	const box = box0.clone();
+	box.min.y += yOffset;
+	box.max.y += yOffset;
+	const center = box.getCenter(new THREE.Vector3());
+	const modelScene = new THREE.Scene();
+	modelScene.add(new THREE.AmbientLight(16777215, 2));
+	const dir = new THREE.DirectionalLight(16777215, 2);
+	dir.position.set(1, 2, 1);
+	modelScene.add(dir);
+	world.scene.three.remove(model.object);
+	modelScene.add(model.object);
+	const dbs = gl.getDrawingBufferSize(new THREE.Vector2());
+	const layerRT = new THREE.WebGLRenderTarget(dbs.x, dbs.y, {
+		depthBuffer: true,
+		samples: 4
+	});
+	layerRT.texture.colorSpace = THREE.SRGBColorSpace;
+	const quadCam = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
+	const quadMat = new THREE.MeshBasicMaterial({
+		map: layerRT.texture,
+		transparent: true,
+		opacity: o.modelOpacity,
+		depthTest: false,
+		depthWrite: false,
+		toneMapped: false
+	});
+	const quadScene = new THREE.Scene();
+	quadScene.add(new THREE.Mesh(new THREE.PlaneGeometry(2, 2), quadMat));
+	let modelVisible = o.modelOpacity > .001;
+	world.renderer.onResize.add(() => {
+		const s = gl.getDrawingBufferSize(new THREE.Vector2());
+		layerRT.setSize(s.x, s.y);
+	});
+	world.renderer.onAfterUpdate.add(() => {
+		if (!modelVisible) return;
+		const prevAlpha = gl.getClearAlpha();
+		gl.setRenderTarget(layerRT);
+		gl.setClearColor(0, 0);
+		gl.clear(true, true, false);
+		gl.render(modelScene, world.camera.three);
+		gl.setRenderTarget(null);
+		gl.setClearAlpha(prevAlpha);
+		const prevAuto = gl.autoClear;
+		gl.autoClear = false;
+		gl.render(quadScene, quadCam);
+		gl.autoClear = prevAuto;
+	});
+	const satGroup = new THREE.Group();
+	const enuGroup = new THREE.Group();
+	satGroup.add(enuGroup);
+	world.scene.three.add(satGroup);
+	const tiles = new TilesRenderer(o.tilesetUrl);
+	tiles.errorTarget = 16;
+	tiles.maxDepth = 7;
+	tiles.lruCache.maxSize = 200;
+	tiles.lruCache.minSize = 100;
+	tiles.lruCache.maxBytesSize = .2 * 2 ** 30;
+	tiles.lruCache.unloadPercent = .25;
+	const draco = new DRACOLoader(tiles.manager);
+	draco.setDecoderPath(o.dracoPath);
+	const gltf = new GLTFLoader(tiles.manager);
+	gltf.setDRACOLoader(draco);
+	tiles.manager.addHandler(/\.(gltf|glb)$/i, gltf);
+	tiles.setCamera(world.camera.three);
+	tiles.setResolutionFromRenderer(world.camera.three, gl);
+	enuGroup.add(tiles.group);
+	let meshOpacity = o.meshOpacity;
+	const styleTile = (root) => root.traverse((n) => {
+		const mesh = n;
+		if (!mesh.isMesh) return;
+		for (const m of Array.isArray(mesh.material) ? mesh.material : [mesh.material]) {
+			if (!m) continue;
+			m.transparent = meshOpacity < 1;
+			m.opacity = meshOpacity;
+			m.depthWrite = meshOpacity >= 1;
+			m.needsUpdate = true;
+		}
+	});
+	tiles.addEventListener("load-model", (e) => {
+		if (e.scene) styleTile(e.scene);
+		fragments.core.update();
+	});
+	let framed = false;
+	tiles.addEventListener("load-tile-set", () => {
+		const sphere = new THREE.Sphere();
+		if (framed || !tiles.getBoundingSphere(sphere)) return;
+		framed = true;
+		tiles.group.position.copy(sphere.center).multiplyScalar(-1);
+		enuGroup.quaternion.setFromUnitVectors(sphere.center.clone().normalize(), new THREE.Vector3(0, 1, 0));
+		applyAlign();
+		fitAll();
+		o.onReady?.(api);
+	});
+	world.renderer.onBeforeUpdate.add(() => {
+		tiles.setResolutionFromRenderer(world.camera.three, gl);
+		tiles.update();
+	});
+	function applyAlign() {
+		satGroup.position.set(center.x + align.offX, box.min.y - .05 + align.zoff, center.z - align.offY);
+		satGroup.scale.setScalar(align.scale);
+		satGroup.rotation.y = align.rot * Math.PI / 180;
+		fragments.core.update();
+	}
+	const villaColours = /* @__PURE__ */ new Map();
+	const idToVilla = /* @__PURE__ */ new Map();
+	const villaToIds = /* @__PURE__ */ new Map();
+	let allIds = [];
+	let colourMode = o.colourMode;
+	let hovered = null;
+	let selected = null;
+	async function loadColours() {
+		try {
+			const res = await fetch(o.progressUrl);
+			if (res.ok) {
+				const doc = await res.json();
+				for (const [code, h] of Object.entries(doc.houses)) villaColours.set(code, new THREE.Color(h.color));
+			}
+		} catch {}
+	}
+	const colourFor = (code) => villaColours.get(code) ?? UNASSIGNED;
+	async function indexVillas() {
+		const cats = await model.getItemsOfCategories([/IFCWALL/, /IFCSLAB/]);
+		allIds = [].concat(...Object.values(cats)).filter((x) => x != null);
+		if (!allIds.length) return;
+		const data = await model.getItemsData(allIds, { attributesDefault: true });
+		for (const it of data) {
+			const lid = (it?._localId)?.value;
+			const nm = (it?.Name)?.value;
+			if (typeof lid !== "number" || typeof nm !== "string" || !HOUSE_NAME_RE.test(nm)) continue;
+			idToVilla.set(lid, nm);
+			const arr = villaToIds.get(nm);
+			if (arr) arr.push(lid);
+			else villaToIds.set(nm, [lid]);
+		}
+	}
+	async function paint(code) {
+		const ids = villaToIds.get(code);
+		if (!ids) return;
+		if (selected === code) return model.setColor(ids, SELECT_ACCENT);
+		if (hovered === code) {
+			if (colourMode === "material") return model.setColor(ids, HOVER_ACCENT);
+			return model.setColor(ids, colourFor(code).clone().lerp(new THREE.Color(1, 1, 1), .4));
+		}
+		if (colourMode === "progress") return model.setColor(ids, colourFor(code));
+		if (colourMode === "hover") return model.resetColor(ids);
+		return model.resetColor(ids);
+	}
+	async function repaintAll() {
+		if (colourMode === "progress") await Promise.all([...villaToIds.keys()].map((c) => paint(c)));
+		else {
+			await model.resetColor(allIds);
+			if (selected) await paint(selected);
+		}
+		await fragments.core.update(true);
+	}
+	let labelsVisible = options.labels ?? true;
+	const labelEls = [];
+	const labelLayer = document.createElement("div");
+	labelLayer.style.cssText = "position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2";
+	const styleLabel = (el, light) => {
+		el.style.background = light ? "#ffffff" : "#000000";
+		el.style.color = light ? "#111827" : "#ffffff";
+	};
+	function restyleLabels() {
+		for (const L of labelEls) styleLabel(L.inner, L.code === selected);
+	}
+	const _labelSphere = box.getBoundingSphere(new THREE.Sphere());
+	const _labelFov = (world.camera.three.fov ?? 50) * Math.PI / 180;
+	const labelZoomDist = _labelSphere.radius / Math.tan(_labelFov / 2) * .5;
+	const _labelTarget = new THREE.Vector3();
+	const cameraFramingDistance = () => {
+		world.camera.controls.getTarget(_labelTarget);
+		return world.camera.three.position.distanceTo(_labelTarget);
+	};
+	const _proj = new THREE.Vector3();
+	function updateLabels() {
+		const W = container.clientWidth;
+		const H = container.clientHeight;
+		const cam = world.camera.three;
+		const zoomedIn = cameraFramingDistance() <= labelZoomDist;
+		for (const L of labelEls) {
+			_proj.copy(L.center).project(cam);
+			if (!(labelsVisible && zoomedIn && _proj.z > -1 && _proj.z < 1 && Math.abs(_proj.x) < 1.15 && Math.abs(_proj.y) < 1.15)) {
+				if (L.el.style.visibility !== "hidden") L.el.style.visibility = "hidden";
+				continue;
+			}
+			L.el.style.visibility = "visible";
+			L.el.style.transform = `translate(-50%,-50%) translate(${(_proj.x * .5 + .5) * W}px,${(-_proj.y * .5 + .5) * H}px)`;
+		}
+	}
+	async function buildLabels() {
+		container.appendChild(labelLayer);
+		await Promise.all([...villaToIds.keys()].map(async (code) => {
+			const ids = villaToIds.get(code);
+			if (!ids?.length) return;
+			const b = await model.getMergedBox(ids);
+			if (!b) return;
+			const center = b.getCenter(new THREE.Vector3());
+			const el = document.createElement("div");
+			el.style.cssText = "position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;will-change:transform";
+			const inner = document.createElement("div");
+			inner.textContent = code.split("-").pop() ?? code;
+			inner.style.cssText = "padding:2px 6px;border-radius:5px;font:600 12px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.35)";
+			styleLabel(inner, code === selected);
+			el.appendChild(inner);
+			labelLayer.appendChild(el);
+			labelEls.push({
+				code,
+				el,
+				inner,
+				center
+			});
+		}));
+		updateLabels();
+	}
+	world.renderer.onBeforeUpdate.add(updateLabels);
+	let raf = 0;
+	let lastXY = null;
+	let busy = false;
+	async function hitVilla(x, y) {
+		const hit = await model.raycast({
+			camera: world.camera.three,
+			mouse: new THREE.Vector2(x, y),
+			dom: gl.domElement
+		});
+		return hit && typeof hit.localId === "number" ? idToVilla.get(hit.localId) ?? null : null;
+	}
+	async function onHoverTick() {
+		raf = 0;
+		if (busy || !lastXY) return;
+		busy = true;
+		try {
+			const code = await hitVilla(lastXY.x, lastXY.y);
+			if (code !== hovered) {
+				const prev = hovered;
+				hovered = code;
+				if (prev && prev !== selected) await paint(prev);
+				if (code && code !== selected) await paint(code);
+				await fragments.core.update(true);
+				api.onHover?.(code);
+			}
+		} finally {
+			busy = false;
+		}
+	}
+	const onMove = (e) => {
+		lastXY = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		if (!raf) raf = requestAnimationFrame(() => void onHoverTick());
+	};
+	const onLeave = () => {
+		lastXY = null;
+		if (hovered && hovered !== selected) {
+			const h = hovered;
+			hovered = null;
+			paint(h).then(() => fragments.core.update(true));
+		}
+		hovered = null;
+		api.onHover?.(null);
+	};
+	const onClick = (e) => {
+		hitVilla(e.clientX, e.clientY).then((c) => api.selectVilla(c));
+	};
+	container.addEventListener("mousemove", onMove);
+	container.addEventListener("mouseleave", onLeave);
+	container.addEventListener("click", onClick);
+	const api = {
+		setModelOpacity(op) {
+			quadMat.opacity = op;
+			modelVisible = op > .001;
+			fragments.core.update();
+		},
+		setMeshOpacity(op) {
+			meshOpacity = op;
+			tiles.group.traverse((n) => styleTile(n));
+			fragments.core.update();
+		},
+		setModelVisible(v) {
+			modelVisible = v;
+			fragments.core.update();
+		},
+		setMeshVisible(v) {
+			satGroup.visible = v;
+			fragments.core.update();
+		},
+		setLabelsVisible(v) {
+			labelsVisible = v;
+			updateLabels();
+		},
+		async setColourMode(mode) {
+			colourMode = mode;
+			hovered = null;
+			await repaintAll();
+		},
+		setVillaColours(map) {
+			for (const [code, hex] of Object.entries(map)) villaColours.set(code, new THREE.Color(hex));
+			repaintAll();
+		},
+		async selectVilla(code) {
+			const prev = selected;
+			selected = code;
+			if (prev) await paint(prev);
+			if (code) await paint(code);
+			await fragments.core.update(true);
+			restyleLabels();
+			api.onSelect?.(code);
+		},
+		getSelectedVilla() {
+			return selected;
+		},
+		getVillaCodes() {
+			return [...villaToIds.keys()];
+		},
+		getVillaColour(code) {
+			const c = villaColours.get(code);
+			return c ? "#" + c.getHexString() : null;
+		},
+		async fitVilla(code) {
+			const ids = villaToIds.get(code);
+			if (!ids?.length) return;
+			const b = await model.getMergedBox(ids);
+			if (!b) return;
+			const c = b.getCenter(new THREE.Vector3());
+			b.setFromCenterAndSize(c, b.getSize(new THREE.Vector3()).multiplyScalar(4));
+			await world.camera.controls.fitToBox(b, true);
+		},
+		async fitAll() {
+			await world.camera.controls.fitToBox(box, true);
+		},
+		onHover: options.onHover,
+		onSelect: options.onSelect,
+		dispose() {
+			container.removeEventListener("mousemove", onMove);
+			container.removeEventListener("mouseleave", onLeave);
+			container.removeEventListener("click", onClick);
+			try {
+				tiles.dispose();
+			} catch {}
+			components.dispose();
+			container.replaceChildren();
+		}
+	};
+	async function fitAll() {
+		await world.camera.controls.fitToBox(box, true);
+	}
+	await loadColours();
+	await indexVillas();
+	await repaintAll();
+	buildLabels();
+	return api;
+}
+//#endregion
+export { createSiteViewer };
+
+//# sourceMappingURL=site-reality-viewer.mjs.map

package/dist/site-reality-viewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-reality-viewer.mjs","names":[],"sources":["../src/site-reality-viewer.ts"],"sourcesContent":["// Headless reality-mesh + progress-model viewer (no built-in UI). Renders the DroneDeploy reality-capture\n// mesh (Cesium 3D Tiles) with the IFC \"progress model\" composited on top at a uniform opacity, and exposes\n// a programmatic API keyed by villa number. Adapted from the embed-reality-mesh-viewer handoff prompt.\nimport {TilesRenderer} from \"3d-tiles-renderer\";\nimport * as OBC from \"@thatopen/components\";\nimport * as THREE from \"three\";\nimport {DRACOLoader} from \"three/examples/jsm/loaders/DRACOLoader.js\";\nimport {GLTFLoader} from \"three/examples/jsm/loaders/GLTFLoader.js\";\n\nexport type ColourMode = \"material\" | \"progress\" | \"hover\";\nexport interface AlignState {\n\toffX: number;\n\toffY: number;\n\tscale: number;\n\trot: number;\n\tzoff: number;\n}\nexport interface SiteViewerOptions {\n\tfragUrl?: string;\n\tworkerUrl?: string;\n\ttilesetUrl?: string;\n\tdracoPath?: string;\n\tprogressUrl?: string;\n\talign?: Partial<AlignState>;\n\tmeshOpacity?: number;\n\tmodelOpacity?: number;\n\tcolourMode?: ColourMode;\n\t/** Show the villa-number chips floating over each villa. Default true. */\n\tlabels?: boolean;\n\tonReady?: (v: SiteViewer) => void;\n\tonHover?: (code: string | null) => void;\n\tonSelect?: (code: string | null) => void;\n}\nexport interface SiteViewer {\n\tsetModelOpacity(op: number): void;\n\tsetMeshOpacity(op: number): void;\n\tsetModelVisible(v: boolean): void;\n\tsetMeshVisible(v: boolean): void;\n\tsetLabelsVisible(v: boolean): void;\n\tsetColourMode(mode: ColourMode): void;\n\tsetVillaColours(map: Record<string, string>): void;\n\tselectVilla(code: string | null): void;\n\tgetSelectedVilla(): string | null;\n\tgetVillaCodes(): string[];\n\tgetVillaColour(code: string): string | null;\n\tfitVilla(code: string): Promise<void>;\n\tfitAll(): Promise<void>;\n\tonHover?: (code: string | null) => void;\n\tonSelect?: (code: string | null) => void;\n\tdispose(): void;\n}\n\n/** Confirmed alignment of the mesh under the IFC (metric, both centred). */\nconst DEFAULT_ALIGN: AlignState = {offX: -283, offY: 879, scale: 3.29, rot: -170, zoff: 26.9};\nconst HOUSE_NAME_RE = /[A-Z]{2,3}\\d+-\\d+/i; // villa numbers: DP4-2050, VL4-2275, TH1-2234…\nconst UNASSIGNED = new THREE.Color(\"#9ca3af\");\nconst HOVER_ACCENT = new THREE.Color(0.13, 0.5, 1);\nconst SELECT_ACCENT = new THREE.Color(\"#22d3ee\");\n\nexport async function createSiteViewer(container: HTMLElement, options: SiteViewerOptions = {}): Promise<SiteViewer> {\n\tconst o = {\n\t\tfragUrl: \"/site-b.frag\",\n\t\tworkerUrl: \"/worker.mjs\",\n\t\ttilesetUrl: \"/reality-mesh/capture2/mesh_3d/tileset.json\",\n\t\tdracoPath: \"/reality-mesh/draco/gltf/\",\n\t\tprogressUrl: \"/house-progress.json\",\n\t\tmeshOpacity: 0.85,\n\t\tmodelOpacity: 1,\n\t\tcolourMode: \"progress\" as ColourMode,\n\t\tlabels: true,\n\t\t...options,\n\t};\n\tconst align: AlignState = {...DEFAULT_ALIGN, ...(options.align ?? {})};\n\n\t// --- World ---------------------------------------------------------------\n\tconst components = new OBC.Components();\n\tconst world = components.get(OBC.Worlds).create<OBC.SimpleScene, OBC.OrthoPerspectiveCamera, OBC.SimpleRenderer>();\n\tworld.scene = new OBC.SimpleScene(components);\n\tworld.scene.setup();\n\tworld.scene.three.background = new THREE.Color(\"#1a1d21\");\n\tworld.renderer = new OBC.SimpleRenderer(components, container);\n\tworld.camera = new OBC.OrthoPerspectiveCamera(components);\n\tawait world.camera.controls.setLookAt(12, 10, 12, 0, 0, 0);\n\tcomponents.init();\n\n\tconst gl = (world.renderer as OBC.SimpleRenderer).three;\n\tgl.setPixelRatio(Math.min(window.devicePixelRatio, 1.5));\n\n\t// Zoom out over the ~1.8 km site without clipping.\n\tconst FAR = 5_000_000;\n\tconst MAX_DOLLY = 2_000_000;\n\tconst raiseClip = () => {\n\t\tconst cam = world.camera.three as THREE.PerspectiveCamera;\n\t\tif (cam.far !== FAR) {\n\t\t\tcam.far = FAR;\n\t\t\tcam.updateProjectionMatrix();\n\t\t}\n\t\tif (world.camera.controls.maxDistance !== MAX_DOLLY) world.camera.controls.maxDistance = MAX_DOLLY;\n\t};\n\traiseClip();\n\tworld.camera.controls.addEventListener(\"update\", raiseClip);\n\n\t// --- Fragments (progress model) -----------------------------------------\n\tconst workerBlob = await (await fetch(o.workerUrl)).blob();\n\tconst workerUrl = URL.createObjectURL(new File([workerBlob], \"worker.mjs\", {type: \"text/javascript\"}));\n\tconst fragments = components.get(OBC.FragmentsManager);\n\tfragments.init(workerUrl);\n\tworld.camera.controls.addEventListener(\"update\", () => fragments.core.update());\n\tfragments.list.onItemSet.add(({value: m}) => {\n\t\tm.useCamera(world.camera.three);\n\t\tworld.scene.three.add(m.object);\n\t\tfragments.core.update(true);\n\t});\n\n\tconst bytes = new Uint8Array(await (await fetch(o.fragUrl)).arrayBuffer());\n\tawait fragments.core.load(bytes, {modelId: \"site-b\"});\n\tconst model = fragments.list.get(\"site-b\");\n\tif (!model) throw new Error(\"site-b.frag failed to load\");\n\n\t// Sit the model base on y = 0.\n\tconst box0 = model.box ?? new THREE.Box3().setFromObject(model.object);\n\tconst yOffset = Number.isFinite(box0.min.y) ? -box0.min.y : 0;\n\tif (Math.abs(yOffset) > 1e-6) {\n\t\tmodel.object.position.y += yOffset;\n\t\tmodel.object.updateMatrixWorld(true);\n\t\tfragments.core.update(true);\n\t}\n\tconst box = box0.clone();\n\tbox.min.y += yOffset;\n\tbox.max.y += yOffset;\n\tconst center = box.getCenter(new THREE.Vector3());\n\n\t// --- Progress model as its own composited layer -------------------------\n\tconst modelScene = new THREE.Scene();\n\tmodelScene.add(new THREE.AmbientLight(0xffffff, 2));\n\tconst dir = new THREE.DirectionalLight(0xffffff, 2);\n\tdir.position.set(1, 2, 1);\n\tmodelScene.add(dir);\n\tworld.scene.three.remove(model.object);\n\tmodelScene.add(model.object);\n\n\tconst dbs = gl.getDrawingBufferSize(new THREE.Vector2());\n\tconst layerRT = new THREE.WebGLRenderTarget(dbs.x, dbs.y, {depthBuffer: true, samples: 4});\n\tlayerRT.texture.colorSpace = THREE.SRGBColorSpace;\n\tconst quadCam = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);\n\tconst quadMat = new THREE.MeshBasicMaterial({\n\t\tmap: layerRT.texture,\n\t\ttransparent: true,\n\t\topacity: o.modelOpacity,\n\t\tdepthTest: false,\n\t\tdepthWrite: false,\n\t\ttoneMapped: false,\n\t});\n\tconst quadScene = new THREE.Scene();\n\tquadScene.add(new THREE.Mesh(new THREE.PlaneGeometry(2, 2), quadMat));\n\tlet modelVisible = o.modelOpacity > 0.001;\n\tworld.renderer.onResize.add(() => {\n\t\tconst s = gl.getDrawingBufferSize(new THREE.Vector2());\n\t\tlayerRT.setSize(s.x, s.y);\n\t});\n\tworld.renderer.onAfterUpdate.add(() => {\n\t\tif (!modelVisible) return;\n\t\tconst prevAlpha = gl.getClearAlpha();\n\t\tgl.setRenderTarget(layerRT);\n\t\tgl.setClearColor(0x000000, 0);\n\t\tgl.clear(true, true, false);\n\t\tgl.render(modelScene, world.camera.three);\n\t\tgl.setRenderTarget(null);\n\t\tgl.setClearAlpha(prevAlpha);\n\t\tconst prevAuto = gl.autoClear;\n\t\tgl.autoClear = false;\n\t\tgl.render(quadScene, quadCam);\n\t\tgl.autoClear = prevAuto;\n\t});\n\n\t// --- Reality mesh (Cesium 3D Tiles, ECEF) --------------------------------\n\tconst satGroup = new THREE.Group(); // alignment to the IFC\n\tconst enuGroup = new THREE.Group(); // ECEF-up -> world +Y\n\tsatGroup.add(enuGroup);\n\tworld.scene.three.add(satGroup);\n\tconst tiles = new TilesRenderer(o.tilesetUrl);\n\ttiles.errorTarget = 16;\n\ttiles.maxDepth = 7;\n\ttiles.lruCache.maxSize = 200;\n\ttiles.lruCache.minSize = 100;\n\ttiles.lruCache.maxBytesSize = 0.2 * 2 ** 30;\n\ttiles.lruCache.unloadPercent = 0.25;\n\tconst draco = new DRACOLoader(tiles.manager);\n\tdraco.setDecoderPath(o.dracoPath);\n\tconst gltf = new GLTFLoader(tiles.manager);\n\tgltf.setDRACOLoader(draco);\n\ttiles.manager.addHandler(/\\.(gltf|glb)$/i, gltf);\n\ttiles.setCamera(world.camera.three);\n\ttiles.setResolutionFromRenderer(world.camera.three, gl);\n\tenuGroup.add(tiles.group);\n\n\tlet meshOpacity = o.meshOpacity;\n\tconst styleTile = (root: THREE.Object3D) =>\n\t\troot.traverse((n) => {\n\t\t\tconst mesh = n as THREE.Mesh;\n\t\t\tif (!mesh.isMesh) return;\n\t\t\tfor (const m of Array.isArray(mesh.material) ? mesh.material : [mesh.material]) {\n\t\t\t\tif (!m) continue;\n\t\t\t\tm.transparent = meshOpacity < 1;\n\t\t\t\t(m as THREE.Material & {opacity: number}).opacity = meshOpacity;\n\t\t\t\tm.depthWrite = meshOpacity >= 1;\n\t\t\t\tm.needsUpdate = true;\n\t\t\t}\n\t\t});\n\ttiles.addEventListener(\"load-model\", (e: {scene?: THREE.Object3D}) => {\n\t\tif (e.scene) styleTile(e.scene);\n\t\tfragments.core.update();\n\t});\n\tlet framed = false;\n\ttiles.addEventListener(\"load-tile-set\", () => {\n\t\tconst sphere = new THREE.Sphere();\n\t\tif (framed || !tiles.getBoundingSphere(sphere)) return;\n\t\tframed = true;\n\t\ttiles.group.position.copy(sphere.center).multiplyScalar(-1);\n\t\tenuGroup.quaternion.setFromUnitVectors(sphere.center.clone().normalize(), new THREE.Vector3(0, 1, 0));\n\t\tapplyAlign();\n\t\tvoid fitAll();\n\t\to.onReady?.(api);\n\t});\n\tworld.renderer.onBeforeUpdate.add(() => {\n\t\ttiles.setResolutionFromRenderer(world.camera.three, gl);\n\t\ttiles.update();\n\t});\n\tfunction applyAlign() {\n\t\tsatGroup.position.set(center.x + align.offX, box.min.y - 0.05 + align.zoff, center.z - align.offY);\n\t\tsatGroup.scale.setScalar(align.scale);\n\t\tsatGroup.rotation.y = (align.rot * Math.PI) / 180;\n\t\tfragments.core.update();\n\t}\n\n\t// --- Villa identity + colouring -----------------------------------------\n\tconst villaColours = new Map<string, THREE.Color>();\n\tconst idToVilla = new Map<number, string>();\n\tconst villaToIds = new Map<string, number[]>();\n\tlet allIds: number[] = [];\n\tlet colourMode: ColourMode = o.colourMode;\n\tlet hovered: string | null = null;\n\tlet selected: string | null = null;\n\n\tasync function loadColours() {\n\t\ttry {\n\t\t\tconst res = await fetch(o.progressUrl);\n\t\t\tif (res.ok) {\n\t\t\t\tconst doc = (await res.json()) as {houses: Record<string, {color: string}>};\n\t\t\t\tfor (const [code, h] of Object.entries(doc.houses)) villaColours.set(code, new THREE.Color(h.color));\n\t\t\t}\n\t\t} catch {\n\t\t\t/* villas fall back to grey */\n\t\t}\n\t}\n\tconst colourFor = (code: string) => villaColours.get(code) ?? UNASSIGNED;\n\n\tasync function indexVillas() {\n\t\tconst cats = await model!.getItemsOfCategories([/IFCWALL/, /IFCSLAB/]);\n\t\tallIds = ([] as number[]).concat(...Object.values(cats)).filter((x) => x != null);\n\t\tif (!allIds.length) return;\n\t\tconst data = (await model!.getItemsData(allIds, {attributesDefault: true})) as Array<\n\t\t\tRecord<string, {value?: unknown} | undefined>\n\t\t>;\n\t\tfor (const it of data) {\n\t\t\tconst lid = (it?._localId as {value?: unknown} | undefined)?.value;\n\t\t\tconst nm = (it?.Name as {value?: unknown} | undefined)?.value;\n\t\t\tif (typeof lid !== \"number\" || typeof nm !== \"string\" || !HOUSE_NAME_RE.test(nm)) continue;\n\t\t\tidToVilla.set(lid, nm);\n\t\t\tconst arr = villaToIds.get(nm);\n\t\t\tif (arr) arr.push(lid);\n\t\t\telse villaToIds.set(nm, [lid]);\n\t\t}\n\t}\n\n\t// Paint one villa according to (mode, selected, hovered).\n\tasync function paint(code: string) {\n\t\tconst ids = villaToIds.get(code);\n\t\tif (!ids) return;\n\t\tif (selected === code) return model!.setColor(ids, SELECT_ACCENT);\n\t\tif (hovered === code) {\n\t\t\tif (colourMode === \"material\") return model!.setColor(ids, HOVER_ACCENT);\n\t\t\treturn model!.setColor(\n\t\t\t\tids,\n\t\t\t\tcolourFor(code)\n\t\t\t\t\t.clone()\n\t\t\t\t\t.lerp(new THREE.Color(1, 1, 1), 0.4),\n\t\t\t);\n\t\t}\n\t\tif (colourMode === \"progress\") return model!.setColor(ids, colourFor(code));\n\t\tif (colourMode === \"hover\") return model!.resetColor(ids);\n\t\treturn model!.resetColor(ids); // material\n\t}\n\tasync function repaintAll() {\n\t\tif (colourMode === \"progress\") {\n\t\t\tawait Promise.all([...villaToIds.keys()].map((c) => paint(c)));\n\t\t} else {\n\t\t\tawait model!.resetColor(allIds);\n\t\t\tif (selected) await paint(selected);\n\t\t}\n\t\tawait fragments.core.update(true);\n\t}\n\n\t// --- Villa-number labels (HTML chips over each villa, matching the 2D site-plan labels) -----------------\n\t// A DOM overlay ABOVE the canvas but `pointer-events:none`, so it never blocks orbit / hover / click. One\n\t// chip per villa carrying the same theme as the 2D `VillaLabel`: a black pill with white text by default,\n\t// flipped to a white pill with dark text when its villa is selected. Each frame the villa's world centre is\n\t// projected to screen space and the chip is moved there; chips that fall off-screen hide.\n\tlet labelsVisible = options.labels ?? true;\n\tconst labelEls: {code: string; el: HTMLDivElement; inner: HTMLDivElement; center: THREE.Vector3}[] = [];\n\tconst labelLayer = document.createElement(\"div\");\n\tlabelLayer.style.cssText = \"position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2\";\n\tconst styleLabel = (el: HTMLDivElement, light: boolean) => {\n\t\t// Matches the 2D VillaLabel: dark chip / white text by default; white chip / dark text when selected.\n\t\tel.style.background = light ? \"#ffffff\" : \"#000000\";\n\t\tel.style.color = light ? \"#111827\" : \"#ffffff\";\n\t};\n\tfunction restyleLabels() {\n\t\tfor (const L of labelEls) styleLabel(L.inner, L.code === selected);\n\t}\n\t// Labels only appear once the camera has zoomed in past 50% — at the full-site framing hundreds of chips\n\t// overlap into noise. `labelZoomDist` is the distance that frames the whole model, halved; chips show only\n\t// while the camera sits closer to its target than that (i.e. zoomed in more than 50%).\n\tconst _labelSphere = box.getBoundingSphere(new THREE.Sphere());\n\tconst _labelFov = (((world.camera.three as THREE.PerspectiveCamera).fov ?? 50) * Math.PI) / 180;\n\tconst labelZoomDist = (_labelSphere.radius / Math.tan(_labelFov / 2)) * 0.5;\n\tconst _labelTarget = new THREE.Vector3();\n\tconst cameraFramingDistance = () => {\n\t\t(world.camera.controls as unknown as {getTarget(v: THREE.Vector3): THREE.Vector3}).getTarget(_labelTarget);\n\t\treturn world.camera.three.position.distanceTo(_labelTarget);\n\t};\n\tconst _proj = new THREE.Vector3();\n\tfunction updateLabels() {\n\t\tconst W = container.clientWidth;\n\t\tconst H = container.clientHeight;\n\t\tconst cam = world.camera.three;\n\t\tconst zoomedIn = cameraFramingDistance() <= labelZoomDist;\n\t\tfor (const L of labelEls) {\n\t\t\t_proj.copy(L.center).project(cam);\n\t\t\tconst onScreen =\n\t\t\t\tlabelsVisible &&\n\t\t\t\tzoomedIn &&\n\t\t\t\t_proj.z > -1 &&\n\t\t\t\t_proj.z < 1 &&\n\t\t\t\tMath.abs(_proj.x) < 1.15 &&\n\t\t\t\tMath.abs(_proj.y) < 1.15;\n\t\t\tif (!onScreen) {\n\t\t\t\tif (L.el.style.visibility !== \"hidden\") L.el.style.visibility = \"hidden\";\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tL.el.style.visibility = \"visible\";\n\t\t\tL.el.style.transform = `translate(-50%,-50%) translate(${(_proj.x * 0.5 + 0.5) * W}px,${(-_proj.y * 0.5 + 0.5) * H}px)`;\n\t\t}\n\t}\n\tasync function buildLabels() {\n\t\tcontainer.appendChild(labelLayer);\n\t\tawait Promise.all(\n\t\t\t[...villaToIds.keys()].map(async (code) => {\n\t\t\t\tconst ids = villaToIds.get(code);\n\t\t\t\tif (!ids?.length) return;\n\t\t\t\tconst b = await model!.getMergedBox(ids);\n\t\t\t\tif (!b) return;\n\t\t\t\tconst center = b.getCenter(new THREE.Vector3());\n\t\t\t\t// Outer positioner — moved to the villa's projected screen point every frame.\n\t\t\t\tconst el = document.createElement(\"div\");\n\t\t\t\tel.style.cssText = \"position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;will-change:transform\";\n\t\t\t\t// Inner pill — the visible chip (plot number only, like the 2D chips).\n\t\t\t\tconst inner = document.createElement(\"div\");\n\t\t\t\tinner.textContent = code.split(\"-\").pop() ?? code;\n\t\t\t\tinner.style.cssText =\n\t\t\t\t\t\"padding:2px 6px;border-radius:5px;font:600 12px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;\" +\n\t\t\t\t\t\"white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.35)\";\n\t\t\t\tstyleLabel(inner, code === selected);\n\t\t\t\tel.appendChild(inner);\n\t\t\t\tlabelLayer.appendChild(el);\n\t\t\t\tlabelEls.push({code, el, inner, center});\n\t\t\t}),\n\t\t);\n\t\tupdateLabels();\n\t}\n\tworld.renderer.onBeforeUpdate.add(updateLabels);\n\n\t// --- Pointer: hover + click -> villa number ------------------------------\n\tlet raf = 0;\n\tlet lastXY: {x: number; y: number} | null = null;\n\tlet busy = false;\n\tasync function hitVilla(x: number, y: number): Promise<string | null> {\n\t\tconst hit = (await model!.raycast({\n\t\t\tcamera: world.camera.three,\n\t\t\tmouse: new THREE.Vector2(x, y),\n\t\t\tdom: gl.domElement,\n\t\t})) as {localId?: number} | null;\n\t\treturn hit && typeof hit.localId === \"number\" ? (idToVilla.get(hit.localId) ?? null) : null;\n\t}\n\tasync function onHoverTick() {\n\t\traf = 0;\n\t\tif (busy || !lastXY) return;\n\t\tbusy = true;\n\t\ttry {\n\t\t\tconst code = await hitVilla(lastXY.x, lastXY.y);\n\t\t\tif (code !== hovered) {\n\t\t\t\tconst prev = hovered;\n\t\t\t\thovered = code;\n\t\t\t\tif (prev && prev !== selected) await paint(prev);\n\t\t\t\tif (code && code !== selected) await paint(code);\n\t\t\t\tawait fragments.core.update(true);\n\t\t\t\tapi.onHover?.(code);\n\t\t\t}\n\t\t} finally {\n\t\t\tbusy = false;\n\t\t}\n\t}\n\tconst onMove = (e: MouseEvent) => {\n\t\tlastXY = {x: e.clientX, y: e.clientY};\n\t\tif (!raf) raf = requestAnimationFrame(() => void onHoverTick());\n\t};\n\tconst onLeave = () => {\n\t\tlastXY = null;\n\t\tif (hovered && hovered !== selected) {\n\t\t\tconst h = hovered;\n\t\t\thovered = null;\n\t\t\tvoid paint(h).then(() => fragments.core.update(true));\n\t\t}\n\t\thovered = null;\n\t\tapi.onHover?.(null);\n\t};\n\tconst onClick = (e: MouseEvent) => {\n\t\tvoid hitVilla(e.clientX, e.clientY).then((c) => api.selectVilla(c));\n\t};\n\tcontainer.addEventListener(\"mousemove\", onMove);\n\tcontainer.addEventListener(\"mouseleave\", onLeave);\n\tcontainer.addEventListener(\"click\", onClick);\n\n\t// --- Public API ----------------------------------------------------------\n\tconst api: SiteViewer = {\n\t\tsetModelOpacity(op) {\n\t\t\tquadMat.opacity = op;\n\t\t\tmodelVisible = op > 0.001;\n\t\t\tfragments.core.update();\n\t\t},\n\t\tsetMeshOpacity(op) {\n\t\t\tmeshOpacity = op;\n\t\t\ttiles.group.traverse((n) => styleTile(n));\n\t\t\tfragments.core.update();\n\t\t},\n\t\tsetModelVisible(v) {\n\t\t\tmodelVisible = v;\n\t\t\tfragments.core.update();\n\t\t},\n\t\tsetMeshVisible(v) {\n\t\t\tsatGroup.visible = v;\n\t\t\tfragments.core.update();\n\t\t},\n\t\tsetLabelsVisible(v) {\n\t\t\tlabelsVisible = v;\n\t\t\tupdateLabels();\n\t\t},\n\t\tasync setColourMode(mode) {\n\t\t\tcolourMode = mode;\n\t\t\thovered = null;\n\t\t\tawait repaintAll();\n\t\t},\n\t\tsetVillaColours(map) {\n\t\t\tfor (const [code, hex] of Object.entries(map)) villaColours.set(code, new THREE.Color(hex));\n\t\t\tvoid repaintAll();\n\t\t},\n\t\tasync selectVilla(code) {\n\t\t\tconst prev = selected;\n\t\t\tselected = code;\n\t\t\tif (prev) await paint(prev);\n\t\t\tif (code) await paint(code);\n\t\t\tawait fragments.core.update(true);\n\t\t\t// Flip the selected villa's label to the white (light) chip; every other chip stays black.\n\t\t\trestyleLabels();\n\t\t\tapi.onSelect?.(code);\n\t\t},\n\t\tgetSelectedVilla() {\n\t\t\treturn selected;\n\t\t},\n\t\tgetVillaCodes() {\n\t\t\treturn [...villaToIds.keys()];\n\t\t},\n\t\tgetVillaColour(code) {\n\t\t\tconst c = villaColours.get(code);\n\t\t\treturn c ? \"#\" + c.getHexString() : null;\n\t\t},\n\t\tasync fitVilla(code) {\n\t\t\tconst ids = villaToIds.get(code);\n\t\t\tif (!ids?.length) return;\n\t\t\tconst b = await model!.getMergedBox(ids);\n\t\t\tif (!b) return;\n\t\t\t// Frame a box 4× the villa's size so the selected villa settles with plenty of surrounding context\n\t\t\t// (a tight 1× fit-to-box zoomed in far too close).\n\t\t\tconst c = b.getCenter(new THREE.Vector3());\n\t\t\tb.setFromCenterAndSize(c, b.getSize(new THREE.Vector3()).multiplyScalar(4));\n\t\t\tawait world.camera.controls.fitToBox(b, true);\n\t\t},\n\t\tasync fitAll() {\n\t\t\tawait world.camera.controls.fitToBox(box, true);\n\t\t},\n\t\tonHover: options.onHover,\n\t\tonSelect: options.onSelect,\n\t\tdispose() {\n\t\t\tcontainer.removeEventListener(\"mousemove\", onMove);\n\t\t\tcontainer.removeEventListener(\"mouseleave\", onLeave);\n\t\t\tcontainer.removeEventListener(\"click\", onClick);\n\t\t\ttry {\n\t\t\t\ttiles.dispose();\n\t\t\t} catch {\n\t\t\t\t/* ignore */\n\t\t\t}\n\t\t\tcomponents.dispose();\n\t\t\tcontainer.replaceChildren();\n\t\t},\n\t};\n\n\tasync function fitAll() {\n\t\tawait world.camera.controls.fitToBox(box, true);\n\t}\n\n\tawait loadColours();\n\tawait indexVillas();\n\tawait repaintAll();\n\tvoid buildLabels();\n\treturn api;\n}\n"],"mappings":"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"}

package/dist/site-toolbar.d.mts

@@ -0,0 +1,54 @@
+import { ComponentType } from "react";
+//#region src/site-toolbar.d.ts
+/** The LBS level shown on the canvas — Villa (leaf) or Batch (parent grouping, with the level dropdown). */
+export type ViewId = "villa" | "batch";
+/** How the canvas is rendered, independent of the level: 2D plan, satellite basemap, or the 3D model. */
+export type ViewMode = "plan" | "satellite" | "3d";
+/** Grouping level under the "Batch" slot. */
+export type LevelId = "block" | "batch" | "zone" | "phase";
+/** Lucide-style icon component (rendered with a `className`). */
+type IconComponent = ComponentType<{
+  className?: string;
+}>;
+export type SiteToolbarLevel = {
+  id: LevelId;
+  label: string;
+  icon: IconComponent;
+};
+export type SiteToolbarModeTab = {
+  id: ViewMode;
+  label: string;
+  thumb: string;
+  icon: IconComponent;
+};
+export type SiteToolbarProps = {
+  view: ViewId;
+  mode: ViewMode;
+  level: LevelId;
+  /** The resolved active grouping level (drives the Batch slot's icon + label). */
+  activeLevel: SiteToolbarLevel;
+  /** Level dropdown items (Batch / Zone / Phase). */
+  levels: SiteToolbarLevel[];
+  /** Mode tiles (Reality / Plan / Satellite); host filters out 3d when `hide3d`. */
+  modeTabs: SiteToolbarModeTab[];
+  /** Satellite tile enable/disable (derived by the host from view + level + currentLocation). */
+  hasSatellite: boolean;
+  /** Drop the 3D (Reality) tile — mirrors the host's `hide3d` prop. */
+  hide3d?: boolean;
+  /** reportsOpen fade + pointer-events-none (host-computed). */
+  chromeFade: string;
+  /** Villa / Batch buttons → host `selectView`. */
+  onSelectView: (v: ViewId) => void;
+  /** Dropdown item → host `selectLevel`. */
+  onSelectLevel: (l: LevelId) => void;
+  /** Reality / Plan / Satellite tile → host `selectMode` (host runs the isZoomedIn / toVillaLevel / toSiteLevel branch). */
+  onSelectMode: (m: ViewMode) => void;
+};
+/**
+ * Top-centre canvas toolbar: LEFT level-nav pill (Villa + Batch dropdown) and
+ * RIGHT view-mode switcher (Reality / Plan). Fully controlled — see file header.
+ */
+export declare function SiteToolbar({ view, mode, level, activeLevel, levels, modeTabs, hasSatellite, hide3d, chromeFade, onSelectView, onSelectLevel, onSelectMode }: SiteToolbarProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SiteToolbar as default };
+//# sourceMappingURL=site-toolbar.d.mts.map

package/dist/site-toolbar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-toolbar.d.mts","names":[],"sources":["../src/site-toolbar.tsx"],"mappings":";;;YAgDY;;YAEA;;YAEA;;KAGP,gBAAgB;EAAe;;YAExB;EAAoB,IAAI;EAAS;EAAe,MAAM;;YACtD;EAAsB,IAAI;EAAU;EAAe;EAAe,MAAM;;YAExE;EACX,MAAM;EACN,MAAM;EACN,OAAO;;EAEP,aAAa;;EAGb,QAAQ;;EAER,UAAU;;EAGV;;EAEA;;EAGA;;EAIA,eAAe,GAAG;;EAElB,gBAAgB,GAAG;;EAEnB,eAAe,GAAG;;;;;;wBAOH,cACf,MACA,MACA,OACA,aACA,QACA,UACA,cACA,QACA,YACA,cACA,eACA,gBACE,+CAAgB,IAAA"}

package/dist/site-toolbar.mjs

@@ -0,0 +1,110 @@
+import { cn } from "@corensystem/coren-utils";
+import { Check, Home } from "lucide-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/site-toolbar.tsx
+/**
+* Top-centre canvas toolbar: LEFT level-nav pill (Villa + Batch dropdown) and
+* RIGHT view-mode switcher (Reality / Plan). Fully controlled — see file header.
+*/
+function SiteToolbar({ view, mode, level, activeLevel, levels, modeTabs, hasSatellite, hide3d, chromeFade, onSelectView, onSelectLevel, onSelectMode }) {
+	const [levelMenuOpen, setLevelMenuOpen] = useState(false);
+	const LevelIcon = activeLevel.icon;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:absolute wwc:left-1/2 wwc:top-4 wwc:z-20 wwc:flex wwc:-translate-x-1/2 wwc:items-stretch wwc:gap-2", chromeFade),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-center wwc:gap-1 wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card/95 wwc:p-1 wwc:shadow-lg wwc:backdrop-blur-sm",
+			children: [/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"aria-pressed": view === "villa",
+				onClick: () => onSelectView("villa"),
+				className: cn("wwc:flex wwc:flex-col wwc:items-center wwc:gap-1 wwc:rounded-md wwc:px-4 wwc:py-2 wwc:text-xs wwc:font-medium wwc:transition-colors", view === "villa" ? "wwc:bg-primary/10 wwc:text-primary" : "wwc:text-muted-foreground wwc:hover:bg-accent wwc:hover:text-foreground"),
+				children: [/* @__PURE__ */ jsx(Home, { className: "wwc:size-4" }), "Villa"]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:relative",
+				onMouseEnter: () => setLevelMenuOpen(true),
+				onMouseLeave: () => setLevelMenuOpen(false),
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					"aria-pressed": view === "batch",
+					"aria-haspopup": "menu",
+					"aria-expanded": levelMenuOpen,
+					onClick: () => onSelectView("batch"),
+					className: cn("wwc:flex wwc:flex-col wwc:items-center wwc:gap-1 wwc:rounded-md wwc:px-4 wwc:py-2 wwc:text-xs wwc:font-medium wwc:transition-colors", view === "batch" ? "wwc:bg-primary/10 wwc:text-primary" : "wwc:text-muted-foreground wwc:hover:bg-accent wwc:hover:text-foreground"),
+					children: [/* @__PURE__ */ jsx(LevelIcon, { className: "wwc:size-4" }), activeLevel.label]
+				}), levelMenuOpen ? /* @__PURE__ */ jsx("div", {
+					className: "wwc:absolute wwc:left-1/2 wwc:top-full wwc:z-30 wwc:-translate-x-1/2 wwc:pt-1.5",
+					children: /* @__PURE__ */ jsx("div", {
+						role: "menu",
+						className: "wwc:min-w-[180px] wwc:overflow-hidden wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:p-1 wwc:shadow-lg",
+						children: levels.map((l) => {
+							const LIcon = l.icon;
+							const selected = level === l.id && view === "batch" && mode !== "3d";
+							return /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								role: "menuitemradio",
+								"aria-checked": selected,
+								onClick: () => {
+									setLevelMenuOpen(false);
+									onSelectLevel(l.id);
+								},
+								className: cn("wwc:flex wwc:w-full wwc:items-center wwc:gap-2.5 wwc:rounded-md wwc:px-2.5 wwc:py-2 wwc:text-sm wwc:font-medium wwc:transition-colors", selected ? "wwc:bg-primary/10 wwc:text-primary" : "wwc:text-foreground wwc:hover:bg-accent"),
+								children: [
+									/* @__PURE__ */ jsx(LIcon, { className: "wwc:size-4 wwc:shrink-0" }),
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:flex-1 wwc:text-left",
+										children: l.label
+									}),
+									selected ? /* @__PURE__ */ jsx(Check, { className: "wwc:size-4 wwc:shrink-0" }) : null
+								]
+							}, l.id);
+						})
+					})
+				}) : null]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "wwc:flex wwc:items-stretch wwc:gap-1 wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card/95 wwc:p-1 wwc:shadow-lg wwc:backdrop-blur-sm",
+			children: modeTabs.filter((m) => !(hide3d && m.id === "3d")).map((m) => {
+				const Icon = m.icon;
+				const active = mode === m.id;
+				const disabled = m.id === "satellite" && !hasSatellite;
+				return /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					"aria-pressed": active,
+					"aria-label": m.label,
+					disabled,
+					onClick: () => onSelectMode(m.id),
+					className: cn("wwc:group wwc:relative wwc:w-20 wwc:overflow-hidden wwc:rounded-md wwc:border wwc:border-transparent wwc:transition wwc:hover:brightness-105 wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-primary", active && "wwc:border-primary wwc:ring-2 wwc:ring-primary", disabled && "wwc:cursor-not-allowed wwc:border-border wwc:bg-muted wwc:hover:brightness-100"),
+					children: [disabled ? /* @__PURE__ */ jsx("svg", {
+						className: "wwc:absolute wwc:inset-0 wwc:size-full wwc:text-muted-foreground/50",
+						viewBox: "0 0 100 100",
+						preserveAspectRatio: "none",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ jsx("line", {
+							x1: "6",
+							y1: "94",
+							x2: "94",
+							y2: "6",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							strokeLinecap: "round",
+							vectorEffect: "non-scaling-stroke"
+						})
+					}) : /* @__PURE__ */ jsx("img", {
+						src: m.thumb,
+						alt: "",
+						"aria-hidden": true,
+						className: "wwc:absolute wwc:inset-0 wwc:size-full wwc:object-cover"
+					}), /* @__PURE__ */ jsxs("span", {
+						className: cn("wwc:absolute wwc:inset-x-0 wwc:bottom-0 wwc:flex wwc:items-center wwc:justify-center wwc:gap-1 wwc:pt-4 wwc:pb-1 wwc:text-[11px] wwc:font-semibold", disabled ? "wwc:text-muted-foreground" : "wwc:bg-gradient-to-t wwc:from-black/85 wwc:via-black/40 wwc:to-transparent wwc:text-white"),
+						children: [/* @__PURE__ */ jsx(Icon, { className: "wwc:size-3.5" }), m.label]
+					})]
+				}, m.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { SiteToolbar, SiteToolbar as default };
+
+//# sourceMappingURL=site-toolbar.mjs.map