floor-editor-ts 1.1.0 → 1.1.1

package/dist/floor-editor.es.js

@@ -61678,27 +61678,32 @@ var persons = [];
 var lastSpawnTime = 0;
 var SPAWN_INTERVAL = 1e3;
 var MAX_PERSONS = 20;
-var getHeatmapColor = (t, alpha = 1) => {
+function getHeatmapColor(t, alpha = 1) {
 	t = Math.max(0, Math.min(t, 1));
 	let r, g, b;
-	if (t < .35) {
-		const k = t / .35;
+	if (t < .25) {
+		const k = t / .25;
 		r = 0;
-		g = Math.round(120 + 135 * k);
-		b = Math.round(255 - 180 * k);
-	} else if (t < .7) {
-		const k = (t - .35) / .35;
+		g = Math.round(100 * k);
+		b = 255;
+	} else if (t < .5) {
+		const k = (t - .25) / .25;
+		r = 0;
+		g = Math.round(100 + 155 * k);
+		b = Math.round(255 * (1 - k));
+	} else if (t < .75) {
+		const k = (t - .5) / .25;
 		r = Math.round(255 * k);
 		g = 255;
 		b = 0;
 	} else {
-		const k = (t - .7) / .3;
+		const k = (t - .75) / .25;
 		r = 255;
-		g = Math.round(255 - 255 * k);
+		g = Math.round(255 * (1 - k));
 		b = 0;
 	}
 	return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-};
+}
 var drawCamera = (ctx, w, d, color, heatmapMatrix, hasPerson = false, showHeatmap = false) => {
 	const bodyRadius = 4;
 	const lensR = Math.min(w, d) * .25;
@@ -63867,15 +63872,15 @@ function drawAnnotations(cs, floor, selectedAnnotationId, dimSettings) {
 }
 var ROOM_FILLS_BY_TYPE = {
 	"Living Room": "rgba(96, 165, 250, 0.08)",
-	"Bedroom": "rgba(167, 139, 250, 0.08)",
-	"Kitchen": "rgba(251, 191, 36, 0.08)",
-	"Bathroom": "rgba(45, 212, 191, 0.08)",
+	Bedroom: "rgba(167, 139, 250, 0.08)",
+	Kitchen: "rgba(251, 191, 36, 0.08)",
+	Bathroom: "rgba(45, 212, 191, 0.08)",
 	"Dining Room": "rgba(251, 146, 60, 0.08)",
-	"Office": "rgba(52, 211, 153, 0.08)",
-	"Hallway": "rgba(156, 163, 175, 0.06)",
-	"Closet": "rgba(244, 114, 182, 0.06)",
-	"Laundry": "rgba(129, 140, 248, 0.08)",
-	"Garage": "rgba(163, 163, 163, 0.08)"
+	Office: "rgba(52, 211, 153, 0.08)",
+	Hallway: "rgba(156, 163, 175, 0.06)",
+	Closet: "rgba(244, 114, 182, 0.06)",
+	Laundry: "rgba(129, 140, 248, 0.08)",
+	Garage: "rgba(163, 163, 163, 0.08)"
 };
 var ROOM_FILLS_DEFAULT = [
 	"rgba(167, 139, 250, 0.07)",
@@ -63897,15 +63902,15 @@ function getRoomFill(room, index) {
 }
 var ROOM_FLOOR_PATTERN = {
 	"Living Room": "wood",
-	"Bedroom": "wood",
-	"Office": "wood",
+	Bedroom: "wood",
+	Office: "wood",
 	"Dining Room": "wood",
-	"Hallway": "wood",
-	"Kitchen": "tile",
-	"Bathroom": "tile",
-	"Laundry": "tile",
-	"Garage": "stone",
-	"Closet": "none"
+	Hallway: "wood",
+	Kitchen: "tile",
+	Bathroom: "tile",
+	Laundry: "tile",
+	Garage: "stone",
+	Closet: "none"
 };
 function drawRoomFloorPattern(cs, room, screenPoly) {
 	var _ROOM_FLOOR_PATTERN$r;
@@ -64175,13 +64180,19 @@ function drawMinimap(cs, minimapCanvas, floor, getWorldBBox) {
 	mctx.lineWidth = 1;
 	mctx.strokeRect(0, 0, mw, mh);
 }
+var heatmapCache = null;
+function getMatrixKey(matrix) {
+	const flat = matrix.flat();
+	const step = Math.max(1, Math.floor(flat.length / 20));
+	return flat.filter((_, i) => i % step === 0).join(",");
+}
 function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
 	var _heatmapMatrix$;
-	const { ctx, zoom } = cs;
+	const { ctx } = cs;
 	const rows = heatmapMatrix.length;
 	const cols = ((_heatmapMatrix$ = heatmapMatrix[0]) === null || _heatmapMatrix$ === void 0 ? void 0 : _heatmapMatrix$.length) || 0;
 	if (rows === 0 || cols === 0) return;
-	const maxValue = Math.max(...heatmapMatrix.flat());
+	const maxValue = heatmapMatrix.reduce((max, row) => row.reduce((m, v) => v > m ? v : m, max), 0);
 	if (maxValue <= 0) return;
 	const bounds = getFloorBounds(floor);
 	if (!bounds) return;
@@ -64189,14 +64200,73 @@ function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
 	const boxW = bounds.width;
 	const boxH = bounds.height;
 	if (boxW <= 0 || boxH <= 0) return;
-	const cellW = boxW / cols;
-	const cellH = boxH / rows;
+	const matrixKey = getMatrixKey(heatmapMatrix);
+	const floorId = floor.id;
+	const needsRedraw = !heatmapCache || heatmapCache.matrixKey !== matrixKey || heatmapCache.floorId !== floorId;
+	const OFFSCREEN_W = 512;
+	const OFFSCREEN_H = 512;
+	if (needsRedraw) {
+		const offCellW = OFFSCREEN_W / cols;
+		const offCellH = OFFSCREEN_H / rows;
+		const radius = Math.max(offCellW, offCellH) * 1.3;
+		const blobCanvas = document.createElement("canvas");
+		blobCanvas.width = OFFSCREEN_W;
+		blobCanvas.height = OFFSCREEN_H;
+		const blobCtx = blobCanvas.getContext("2d");
+		blobCtx.filter = `blur(${Math.min(10, Math.max(2, radius * .2))}px)`;
+		for (let y = 0; y < rows; y++) for (let x = 0; x < cols; x++) {
+			const value = heatmapMatrix[y][x];
+			if (!value || value <= 0) continue;
+			const intensity = Math.min(value / maxValue, 1);
+			const px = (x + .5) * offCellW;
+			const py = (y + .5) * offCellH;
+			const alpha = .5 + intensity * .45;
+			const gradient = blobCtx.createRadialGradient(px, py, 0, px, py, radius);
+			gradient.addColorStop(0, getHeatmapColor(intensity, alpha));
+			gradient.addColorStop(.2, getHeatmapColor(intensity, alpha * .75));
+			gradient.addColorStop(.5, getHeatmapColor(intensity, alpha * .25));
+			gradient.addColorStop(1, getHeatmapColor(intensity, 0));
+			blobCtx.fillStyle = gradient;
+			blobCtx.beginPath();
+			blobCtx.arc(px, py, radius, 0, Math.PI * 2);
+			blobCtx.fill();
+		}
+		const finalCanvas = document.createElement("canvas");
+		finalCanvas.width = OFFSCREEN_W;
+		finalCanvas.height = OFFSCREEN_H;
+		const finalCtx = finalCanvas.getContext("2d");
+		finalCtx.drawImage(blobCanvas, 0, 0);
+		finalCtx.filter = "none";
+		finalCtx.strokeStyle = "rgba(255, 255, 255, 0.18)";
+		finalCtx.lineWidth = .5;
+		finalCtx.beginPath();
+		for (let x = 0; x <= cols; x++) {
+			const px = x * offCellW;
+			finalCtx.moveTo(px, 0);
+			finalCtx.lineTo(px, OFFSCREEN_H);
+		}
+		for (let y = 0; y <= rows; y++) {
+			const py = y * offCellH;
+			finalCtx.moveTo(0, py);
+			finalCtx.lineTo(OFFSCREEN_W, py);
+		}
+		finalCtx.stroke();
+		heatmapCache = {
+			canvas: finalCanvas,
+			matrixKey,
+			floorId
+		};
+	}
+	const p1 = wts(cs, minX, minY);
+	const p2 = wts(cs, maxX, maxY);
+	const destX = Math.min(p1.x, p2.x);
+	const destY = Math.min(p1.y, p2.y);
+	const destW = Math.abs(p2.x - p1.x);
+	const destH = Math.abs(p2.y - p1.y);
+	const canvasW = ctx.canvas.width;
+	const canvasH = ctx.canvas.height;
+	if (destX > canvasW || destY > canvasH || destX + destW < 0 || destY + destH < 0) return;
 	ctx.save();
-	const boundP1 = wts(cs, minX, minY);
-	const boundP2 = wts(cs, maxX, maxY);
-	ctx.beginPath();
-	ctx.rect(Math.min(boundP1.x, boundP2.x), Math.min(boundP1.y, boundP2.y), Math.abs(boundP2.x - boundP1.x), Math.abs(boundP2.y - boundP1.y));
-	ctx.clip();
 	let hasRoomClip = false;
 	ctx.beginPath();
 	for (const room of detectedRooms) {
@@ -64208,288 +64278,1345 @@ function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
 		ctx.closePath();
 		hasRoomClip = true;
 	}
-	if (hasRoomClip) ctx.clip();
-	ctx.globalCompositeOperation = "source-over";
-	ctx.filter = `blur(${Math.min(14, Math.max(3, 5 * zoom))}px)`;
-	const radius = Math.max(cellW, cellH) * zoom * 1.15;
-	for (let y = 0; y < rows; y++) for (let x = 0; x < cols; x++) {
-		const value = heatmapMatrix[y][x];
-		if (!value || value <= 0) continue;
-		const intensity = Math.min(value / maxValue, 1);
-		const s = wts(cs, minX + (x + .5) * cellW, minY + (y + .5) * cellH);
-		const gradient = ctx.createRadialGradient(s.x, s.y, 0, s.x, s.y, radius);
-		const alpha = .08 + intensity * .45;
-		gradient.addColorStop(0, getHeatmapColor(intensity, alpha));
-		gradient.addColorStop(.35, getHeatmapColor(intensity, alpha * .35));
-		gradient.addColorStop(1, getHeatmapColor(intensity, 0));
-		ctx.fillStyle = gradient;
-		ctx.beginPath();
-		ctx.arc(s.x, s.y, radius, 0, Math.PI * 2);
-		ctx.fill();
-	}
-	ctx.filter = "none";
-	ctx.globalCompositeOperation = "source-over";
-	ctx.strokeStyle = "rgba(255, 255, 255, 0.22)";
-	ctx.lineWidth = Math.max(.5, 1 / zoom);
-	ctx.beginPath();
-	for (let x = 0; x <= cols; x++) {
-		const wx = minX + x * cellW;
-		const p1 = wts(cs, wx, minY);
-		const p2 = wts(cs, wx, maxY);
-		ctx.moveTo(p1.x, p1.y);
-		ctx.lineTo(p2.x, p2.y);
-	}
-	for (let y = 0; y <= rows; y++) {
-		const wy = minY + y * cellH;
-		const p1 = wts(cs, minX, wy);
-		const p2 = wts(cs, maxX, wy);
-		ctx.moveTo(p1.x, p1.y);
-		ctx.lineTo(p2.x, p2.y);
-	}
-	ctx.stroke();
+	if (hasRoomClip) ctx.clip("evenodd");
+	ctx.globalAlpha = .92;
+	ctx.drawImage(heatmapCache.canvas, destX, destY, destW, destH);
+	ctx.globalAlpha = 1;
 	ctx.restore();
 }
 //#endregion
-//#region src/lib/utils/hitTesting.ts
-function pointInPolygon(p, poly) {
-	let inside = false;
-	for (let i = 0, j = poly.length - 1; i < poly.length; j = i++) if (poly[i].y > p.y !== poly[j].y > p.y && p.x < (poly[j].x - poly[i].x) * (p.y - poly[i].y) / (poly[j].y - poly[i].y) + poly[i].x) inside = !inside;
-	return inside;
-}
-function pointToSegmentDist(p, a, b) {
-	const dx = b.x - a.x, dy = b.y - a.y;
-	const len2 = dx * dx + dy * dy;
-	if (len2 === 0) return Math.hypot(p.x - a.x, p.y - a.y);
-	let t = ((p.x - a.x) * dx + (p.y - a.y) * dy) / len2;
-	t = Math.max(0, Math.min(1, t));
-	return Math.hypot(p.x - (a.x + t * dx), p.y - (a.y + t * dy));
-}
-function positionOnWall(p, w) {
-	if (w.curvePoint) {
-		let bestT = .5, bestDist = Infinity;
-		for (let i = 0; i <= 40; i++) {
-			const t = i / 40;
-			const pt = wallPointAt(w, t);
-			const d = Math.hypot(p.x - pt.x, p.y - pt.y);
-			if (d < bestDist) {
-				bestDist = d;
-				bestT = t;
-			}
-		}
-		return Math.max(.1, Math.min(.9, bestT));
-	}
-	const dx = w.end.x - w.start.x, dy = w.end.y - w.start.y;
-	const len2 = dx * dx + dy * dy;
-	if (len2 === 0) return .5;
-	return Math.max(.1, Math.min(.9, ((p.x - w.start.x) * dx + (p.y - w.start.y) * dy) / len2));
-}
-function findWallAt(p, walls, zoom) {
-	const threshold = 15 / zoom;
-	for (const w of walls) if (w.curvePoint) for (let i = 0; i <= 20; i++) {
-		const pt = wallPointAt(w, i / 20);
-		if (Math.hypot(p.x - pt.x, p.y - pt.y) < threshold + w.thickness / 2) return w;
-	}
-	else if (pointToSegmentDist(p, w.start, w.end) < threshold) return w;
-	return null;
-}
-function findHandleAt(p, selectedId, furniture, zoom) {
-	var _fi$scale$x, _fi$scale, _fi$scale$y, _fi$scale2;
-	if (!selectedId) return null;
-	const fi = furniture.find((f) => f.id === selectedId);
-	if (!fi) return null;
-	const cat = getCatalogItem(fi.catalogId);
-	if (!cat) return null;
-	const dx = p.x - fi.position.x;
-	const dy = p.y - fi.position.y;
-	const angle = -(fi.rotation * Math.PI) / 180;
-	const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
-	const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
-	const hw = cat.width * Math.abs((_fi$scale$x = (_fi$scale = fi.scale) === null || _fi$scale === void 0 ? void 0 : _fi$scale.x) !== null && _fi$scale$x !== void 0 ? _fi$scale$x : 1) / 2;
-	const hd = cat.depth * Math.abs((_fi$scale$y = (_fi$scale2 = fi.scale) === null || _fi$scale2 === void 0 ? void 0 : _fi$scale2.y) !== null && _fi$scale$y !== void 0 ? _fi$scale$y : 1) / 2;
-	const ht = 8 / zoom;
-	const rotHandleDist = 18 / zoom;
-	if (Math.abs(rx) < ht && Math.abs(ry - (-hd - rotHandleDist)) < ht) return "rotate";
-	if (Math.abs(rx - -hw) < ht && Math.abs(ry - -hd) < ht) return "resize-tl";
-	if (Math.abs(rx - hw) < ht && Math.abs(ry - -hd) < ht) return "resize-tr";
-	if (Math.abs(rx - -hw) < ht && Math.abs(ry - hd) < ht) return "resize-bl";
-	if (Math.abs(rx - hw) < ht && Math.abs(ry - hd) < ht) return "resize-br";
-	if (Math.abs(rx) < ht && Math.abs(ry - -hd) < ht) return "resize-t";
-	if (Math.abs(rx) < ht && Math.abs(ry - hd) < ht) return "resize-b";
-	if (Math.abs(rx - -hw) < ht && Math.abs(ry) < ht) return "resize-l";
-	if (Math.abs(rx - hw) < ht && Math.abs(ry) < ht) return "resize-r";
-	return null;
-}
-function findFurnitureAt(p, furniture) {
-	for (const fi of [...furniture].reverse()) {
-		var _fi$scale$x2, _fi$scale3, _fi$scale$y2, _fi$scale4;
-		const cat = getCatalogItem(fi.catalogId);
-		if (!cat) continue;
-		const dx = p.x - fi.position.x;
-		const dy = p.y - fi.position.y;
-		const angle = -(fi.rotation * Math.PI) / 180;
-		const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
-		const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
-		const hw = cat.width * Math.abs((_fi$scale$x2 = (_fi$scale3 = fi.scale) === null || _fi$scale3 === void 0 ? void 0 : _fi$scale3.x) !== null && _fi$scale$x2 !== void 0 ? _fi$scale$x2 : 1) / 2;
-		const hd = cat.depth * Math.abs((_fi$scale$y2 = (_fi$scale4 = fi.scale) === null || _fi$scale4 === void 0 ? void 0 : _fi$scale4.y) !== null && _fi$scale$y2 !== void 0 ? _fi$scale$y2 : 1) / 2;
-		if (Math.abs(rx) < hw && Math.abs(ry) < hd) return fi;
-	}
-	return null;
-}
-function findColumnAt(p, columns) {
-	if (!columns) return null;
-	for (const col of [...columns].reverse()) {
-		const dx = p.x - col.position.x;
-		const dy = p.y - col.position.y;
-		if (col.shape === "round") {
-			if (Math.hypot(dx, dy) < col.diameter / 2) return col;
-		} else {
-			const angle = -(col.rotation * Math.PI) / 180;
-			const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
-			const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
-			if (Math.abs(rx) < col.diameter / 2 && Math.abs(ry) < col.diameter / 2) return col;
-		}
-	}
-	return null;
-}
-function findStairAt(p, stairs) {
-	if (!stairs) return null;
-	for (const stair of [...stairs].reverse()) {
-		const dx = p.x - stair.position.x;
-		const dy = p.y - stair.position.y;
-		const angle = -(stair.rotation * Math.PI) / 180;
-		const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
-		const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
-		if (Math.abs(rx) < stair.width / 2 && Math.abs(ry) < stair.depth / 2) return stair;
-	}
-	return null;
-}
-function findDoorAt(p, doors, walls, zoom) {
-	for (const d of doors) {
-		const wall = walls.find((w) => w.id === d.wallId);
-		if (!wall) continue;
-		const cp = wallPointAt(wall, d.position);
-		if (Math.hypot(p.x - cp.x, p.y - cp.y) < (d.width / 2 + 5) / zoom) return d;
-	}
-	return null;
-}
-function findWindowAt(p, windows, walls, zoom) {
-	for (const w of windows) {
-		const wall = walls.find((wl) => wl.id === w.wallId);
-		if (!wall) continue;
-		const cp = wallPointAt(wall, w.position);
-		if (Math.hypot(p.x - cp.x, p.y - cp.y) < (w.width / 2 + 5) / zoom) return w;
-	}
-	return null;
-}
-function findRoomAt(p, rooms, walls) {
-	for (const room of rooms) if (pointInPolygon(p, getRoomPolygon(room, walls))) return room;
-	return null;
-}
-function hitTestMeasurement(wp, floor, zoom) {
-	if (!floor.measurements) return null;
-	const threshold = 8 / zoom;
-	for (const m of floor.measurements) {
-		const dx = m.x2 - m.x1, dy = m.y2 - m.y1;
-		const len2 = dx * dx + dy * dy;
-		if (len2 === 0) continue;
-		let t = ((wp.x - m.x1) * dx + (wp.y - m.y1) * dy) / len2;
-		t = Math.max(0, Math.min(1, t));
-		const px = m.x1 + t * dx, py = m.y1 + t * dy;
-		if (Math.hypot(wp.x - px, wp.y - py) < threshold) return m.id;
-	}
-	return null;
-}
-function hitTestAnnotation(wp, floor, zoom) {
-	if (!floor.annotations) return null;
-	const threshold = 10 / zoom;
-	for (const a of floor.annotations) {
-		const offset = a.offset || 40;
-		const dx = a.x2 - a.x1, dy = a.y2 - a.y1;
-		const len = Math.hypot(dx, dy);
-		if (len < 1) continue;
-		const ux = dx / len;
-		const nx = -(dy / len), ny = ux;
-		const d1x = a.x1 + nx * offset, d1y = a.y1 + ny * offset;
-		const d2x = a.x2 + nx * offset, d2y = a.y2 + ny * offset;
-		const ddx = d2x - d1x, ddy = d2y - d1y;
-		const len2 = ddx * ddx + ddy * ddy;
-		if (len2 === 0) continue;
-		let t = ((wp.x - d1x) * ddx + (wp.y - d1y) * ddy) / len2;
-		t = Math.max(0, Math.min(1, t));
-		const px = d1x + t * ddx, py = d1y + t * ddy;
-		if (Math.hypot(wp.x - px, wp.y - py) < threshold) return a.id;
-		for (const [lx1, ly1, lx2, ly2] of [[
-			a.x1,
-			a.y1,
-			d1x,
-			d1y
-		], [
-			a.x2,
-			a.y2,
-			d2x,
-			d2y
-		]]) {
-			const ldx = lx2 - lx1, ldy = ly2 - ly1;
-			const llen2 = ldx * ldx + ldy * ldy;
-			if (llen2 === 0) continue;
-			let lt = ((wp.x - lx1) * ldx + (wp.y - ly1) * ldy) / llen2;
-			lt = Math.max(0, Math.min(1, lt));
-			const lpx = lx1 + lt * ldx, lpy = ly1 + lt * ldy;
-			if (Math.hypot(wp.x - lpx, wp.y - lpy) < threshold) return a.id;
-		}
-	}
-	return null;
-}
-function hitTestTextAnnotation(wp, floor, ctx, zoom) {
-	if (!floor.textAnnotations) return null;
-	for (let i = floor.textAnnotations.length - 1; i >= 0; i--) {
-		const ta = floor.textAnnotations[i];
-		let dx = wp.x - ta.x;
-		let dy = wp.y - ta.y;
-		if (ta.rotation) {
-			const angle = -ta.rotation * Math.PI / 180;
-			const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
-			const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
-			dx = rx;
-			dy = ry;
-		}
-		ctx.font = `${ta.fontSize}px sans-serif`;
-		const lines = ta.text.split("\n");
-		const lineHeight = ta.fontSize * 1.2;
-		const totalHeight = lines.length * lineHeight;
-		let maxW = 0;
-		for (const line of lines) {
-			const w = ctx.measureText(line).width / zoom;
-			if (w > maxW) maxW = w;
-		}
-		const pad = 8 / zoom;
-		if (Math.abs(dx) < maxW / 2 + pad && Math.abs(dy) < totalHeight / 2 + pad) return ta.id;
-	}
-	return null;
-}
-//#endregion
-//#region src/lib/components/editor/FloorPlanCanvas.svelte
-init_client();
-init_index_client();
-var root_2$3 = /* @__PURE__ */ from_html(`<input type="text" class="absolute bg-white border-2 border-blue-500 rounded px-2 py-1 text-sm text-center shadow-lg outline-none"/>`);
-var root_3$2 = /* @__PURE__ */ from_html(`<input type="text" class="absolute bg-white border-2 border-blue-500 rounded px-2 py-1 text-sm text-center shadow-lg outline-none"/>`);
-var root_4$3 = /* @__PURE__ */ from_html(`<div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="text-center opacity-60"><div class="text-5xl mb-3">🏠</div> <div class="text-sm font-medium text-gray-500">Start building your floor plan</div> <div class="text-xs text-gray-400 mt-1">Draw walls with <span class="font-mono bg-gray-100 px-1 rounded">W</span> or drag items from the sidebar</div></div></div>`);
-var root_5 = /* @__PURE__ */ from_html(`<canvas width="180" height="120" class="absolute bottom-10 right-2 rounded-lg shadow-lg border border-gray-300 cursor-crosshair bg-white" style="z-index: 15;"></canvas>`);
-var root_6 = /* @__PURE__ */ from_html(`<span> </span> <span> </span> <span class="text-gray-300">|</span>`, 1);
-var root_8$1 = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_9 = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_10 = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_7$1 = /* @__PURE__ */ from_html(`<span> </span> <!> <!> <!> <span class="text-gray-300">|</span>`, 1);
-var root_11 = /* @__PURE__ */ from_html(`<span class="text-blue-600 font-medium"> </span> <span class="text-gray-300">|</span>`, 1);
-var root_13 = /* @__PURE__ */ from_html(`<label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span> </span></label>`);
-var root_12 = /* @__PURE__ */ from_html(`<div class="absolute bottom-12 right-2 z-20 bg-white rounded-lg shadow-lg border border-gray-200 p-3 text-xs min-w-[160px]"><div class="font-semibold text-gray-700 mb-2">Layers</div> <!> <hr class="my-1 border-gray-100"/> <label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span>Room Labels</span></label> <label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span>Dimensions</span></label></div>`);
-var root_16 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Flip swing" aria-label="Flip swing"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 16V4m0 0L3 8m4-4l4 4M17 8v12m0 0l4-4m-4 4l-4-4"></path></svg></button>`);
-var root_17 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Split wall at midpoint" aria-label="Split wall at midpoint"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20M4 12h4M16 12h4"></path></svg></button>`);
-var root_15 = /* @__PURE__ */ from_html(`<div class="absolute z-40 flex items-center gap-0.5 bg-white rounded-lg shadow-lg border border-gray-200 px-1 py-0.5"><button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Duplicate" aria-label="Duplicate"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"></rect><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"></path></svg></button> <!> <!> <div class="w-px h-5 bg-gray-200 mx-0.5"></div> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-red-50 text-gray-400 hover:text-red-600" title="Delete" aria-label="Delete"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14"></path></svg></button></div>`);
-var root_18 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-blue-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to add wall segment · Double-click to finish · C to close loop ·
-        Esc to cancel</div>`);
-var root_19 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-purple-600 text-white px-3 py-1 rounded-full text-xs shadow"> </div>`);
-var root_20 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-red-600 text-white px-3 py-1 rounded-full text-xs shadow">Right-click two points to measure · M to exit · Esc to cancel</div>`);
+//#region src/lib/utils/heatmapData.ts
+var SAMPLE_HEATMAP_32X32 = [
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		12.748932716414688,
+		45.32230658043087,
+		68.04250459126601,
+		45.32230658043087,
+		12.748932716414688,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		45.4224478194094,
+		181.72045122075266,
+		275.3766843118068,
+		181.72045122075266,
+		45.4224478194094,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		68.31590812975966,
+		276.0871751974888,
+		412.63080261542115,
+		276.0567800219605,
+		68.28551295423132,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.030395175528338574,
+		45.85002901047233,
+		183.2669337255748,
+		277.5660942229701,
+		183.11495784793308,
+		45.72844830835897,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.04559276329250786,
+		13.231129308385174,
+		46.80863529396807,
+		70.01815269312522,
+		46.595869065269696,
+		13.063955842979313,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.0883900124257005,
+		.1184538668534887,
+		.0883900124257005,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		.3548876788672499,
+		1.5365008894852765,
+		2.311642755673626,
+		1.849545906847856,
+		1.0591053080371047,
+		.8374628344858726,
+		.48600196369050996,
+		.12261466435560091,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.0883900124257005,
+		.29523389170488973,
+		.4437516129861666,
+		.29523389170488973,
+		.11706693153681717,
+		.10683366069643516,
+		.1641874989186685,
+		.10683366069643516,
+		.028676919111116663,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		.05750012585497277,
+		1.6847750070526843,
+		6.3386099807859395,
+		9.604681011260025,
+		6.92418895556232,
+		2.368873542688024,
+		.47238164060697785,
+		.1889763779527559,
+		.047244094488188976,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.1184538668534887,
+		.4437516129861666,
+		.6806593466931441,
+		.4437516129861666,
+		.24890957479401832,
+		.5533188947542446,
+		.8378523578793984,
+		.5533188947542446,
+		.13045570794052963,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		.05750012585497277,
+		2.68681452030272,
+		10.263846862973189,
+		16.09777913600441,
+		12.361964591844814,
+		5.143188882061816,
+		1.4223676084533452,
+		.312782108314394,
+		.031496062992125984,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.0883900124257005,
+		.29523389170488973,
+		.4437516129861666,
+		.3160367950679749,
+		.4853954240093081,
+		1.3799926127035786,
+		1.9659744022399421,
+		1.2759780958881528,
+		.3137937981312669,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		.05750012585497277,
+		3.990289650564119,
+		20.695365814712115,
+		44.3522989543404,
+		49.69632864092277,
+		29.689044491512576,
+		9.033393108938617,
+		1.2347274821574294,
+		.15202866764519157,
+		.023622047244094488,
+		.06937364893635427,
+		.08512168043241726,
+		.1312648874568188,
+		.06921481053660235,
+		.038269191276370074,
+		.0883900124257005,
+		.1184538668534887,
+		.17160162587804118,
+		.7552196059639998,
+		2.180300310840757,
+		2.82987585217934,
+		1.7231446814349316,
+		.406046259121632,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		8.344447730094426,
+		52.77867806990315,
+		128.79488712220683,
+		155.50781484945549,
+		94.8111770857038,
+		26.204290047405273,
+		2.6172004234133746,
+		.5926756971464383,
+		.17415822209335685,
+		.2081209468090628,
+		.41986725837226924,
+		.4562363446228147,
+		.3389093190666259,
+		.13000516159327952,
+		.030395175528338574,
+		0,
+		.1619472165746013,
+		.9301572259016863,
+		2.265879784982036,
+		2.6140297641904335,
+		1.4892533182159182,
+		.3278895175363135,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		11.569261098471213,
+		74.91244899006341,
+		185.41798253416076,
+		223.16964950617853,
+		134.47162508401345,
+		35.29886422851894,
+		2.9823101815276254,
+		.8519113063812257,
+		.239572716510202,
+		.3186059411116472,
+		.6464195523675033,
+		.6905038159663283,
+		.4700153681236928,
+		.20654354414601966,
+		.04559276329250786,
+		0,
+		.1659149823226328,
+		.7137277220177837,
+		1.4724250590707373,
+		1.4853812653248704,
+		.7879622264171209,
+		.14960629921259844,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		7.659608408222048,
+		49.47160326026555,
+		122.0267564546405,
+		146.90471606648813,
+		87.12454645840202,
+		22.206612666760837,
+		1.6704856213622203,
+		.5848016813984068,
+		.17415822209335685,
+		.2081209468090628,
+		.41986725837226924,
+		.4562363446228147,
+		.3389093190666259,
+		.13000516159327952,
+		.030395175528338574,
+		0,
+		.07873560312226063,
+		.2801144141850509,
+		.4950055287578913,
+		.4297207133976494,
+		.1968458393427331,
+		.031496062992125984,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		1.8758964163111886,
+		12.528184619475534,
+		30.384574544711377,
+		36.35399650870346,
+		21.427909044768864,
+		5.489463881244808,
+		.38028740695142366,
+		.12840662040109707,
+		.023622047244094488,
+		.06937364893635427,
+		.08512168043241726,
+		.1312648874568188,
+		.06921481053660235,
+		.038269191276370074,
+		0,
+		0,
+		0,
+		.05793269975917546,
+		.08270336887029212,
+		.05793269975917546,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	]
+];
+//#endregion
+//#region src/lib/utils/hitTesting.ts
+function pointInPolygon(p, poly) {
+	let inside = false;
+	for (let i = 0, j = poly.length - 1; i < poly.length; j = i++) if (poly[i].y > p.y !== poly[j].y > p.y && p.x < (poly[j].x - poly[i].x) * (p.y - poly[i].y) / (poly[j].y - poly[i].y) + poly[i].x) inside = !inside;
+	return inside;
+}
+function pointToSegmentDist(p, a, b) {
+	const dx = b.x - a.x, dy = b.y - a.y;
+	const len2 = dx * dx + dy * dy;
+	if (len2 === 0) return Math.hypot(p.x - a.x, p.y - a.y);
+	let t = ((p.x - a.x) * dx + (p.y - a.y) * dy) / len2;
+	t = Math.max(0, Math.min(1, t));
+	return Math.hypot(p.x - (a.x + t * dx), p.y - (a.y + t * dy));
+}
+function positionOnWall(p, w) {
+	if (w.curvePoint) {
+		let bestT = .5, bestDist = Infinity;
+		for (let i = 0; i <= 40; i++) {
+			const t = i / 40;
+			const pt = wallPointAt(w, t);
+			const d = Math.hypot(p.x - pt.x, p.y - pt.y);
+			if (d < bestDist) {
+				bestDist = d;
+				bestT = t;
+			}
+		}
+		return Math.max(.1, Math.min(.9, bestT));
+	}
+	const dx = w.end.x - w.start.x, dy = w.end.y - w.start.y;
+	const len2 = dx * dx + dy * dy;
+	if (len2 === 0) return .5;
+	return Math.max(.1, Math.min(.9, ((p.x - w.start.x) * dx + (p.y - w.start.y) * dy) / len2));
+}
+function findWallAt(p, walls, zoom) {
+	const threshold = 15 / zoom;
+	for (const w of walls) if (w.curvePoint) for (let i = 0; i <= 20; i++) {
+		const pt = wallPointAt(w, i / 20);
+		if (Math.hypot(p.x - pt.x, p.y - pt.y) < threshold + w.thickness / 2) return w;
+	}
+	else if (pointToSegmentDist(p, w.start, w.end) < threshold) return w;
+	return null;
+}
+function findHandleAt(p, selectedId, furniture, zoom) {
+	var _fi$scale$x, _fi$scale, _fi$scale$y, _fi$scale2;
+	if (!selectedId) return null;
+	const fi = furniture.find((f) => f.id === selectedId);
+	if (!fi) return null;
+	const cat = getCatalogItem(fi.catalogId);
+	if (!cat) return null;
+	const dx = p.x - fi.position.x;
+	const dy = p.y - fi.position.y;
+	const angle = -(fi.rotation * Math.PI) / 180;
+	const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
+	const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
+	const hw = cat.width * Math.abs((_fi$scale$x = (_fi$scale = fi.scale) === null || _fi$scale === void 0 ? void 0 : _fi$scale.x) !== null && _fi$scale$x !== void 0 ? _fi$scale$x : 1) / 2;
+	const hd = cat.depth * Math.abs((_fi$scale$y = (_fi$scale2 = fi.scale) === null || _fi$scale2 === void 0 ? void 0 : _fi$scale2.y) !== null && _fi$scale$y !== void 0 ? _fi$scale$y : 1) / 2;
+	const ht = 8 / zoom;
+	const rotHandleDist = 18 / zoom;
+	if (Math.abs(rx) < ht && Math.abs(ry - (-hd - rotHandleDist)) < ht) return "rotate";
+	if (Math.abs(rx - -hw) < ht && Math.abs(ry - -hd) < ht) return "resize-tl";
+	if (Math.abs(rx - hw) < ht && Math.abs(ry - -hd) < ht) return "resize-tr";
+	if (Math.abs(rx - -hw) < ht && Math.abs(ry - hd) < ht) return "resize-bl";
+	if (Math.abs(rx - hw) < ht && Math.abs(ry - hd) < ht) return "resize-br";
+	if (Math.abs(rx) < ht && Math.abs(ry - -hd) < ht) return "resize-t";
+	if (Math.abs(rx) < ht && Math.abs(ry - hd) < ht) return "resize-b";
+	if (Math.abs(rx - -hw) < ht && Math.abs(ry) < ht) return "resize-l";
+	if (Math.abs(rx - hw) < ht && Math.abs(ry) < ht) return "resize-r";
+	return null;
+}
+function findFurnitureAt(p, furniture) {
+	for (const fi of [...furniture].reverse()) {
+		var _fi$scale$x2, _fi$scale3, _fi$scale$y2, _fi$scale4;
+		const cat = getCatalogItem(fi.catalogId);
+		if (!cat) continue;
+		const dx = p.x - fi.position.x;
+		const dy = p.y - fi.position.y;
+		const angle = -(fi.rotation * Math.PI) / 180;
+		const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
+		const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
+		const hw = cat.width * Math.abs((_fi$scale$x2 = (_fi$scale3 = fi.scale) === null || _fi$scale3 === void 0 ? void 0 : _fi$scale3.x) !== null && _fi$scale$x2 !== void 0 ? _fi$scale$x2 : 1) / 2;
+		const hd = cat.depth * Math.abs((_fi$scale$y2 = (_fi$scale4 = fi.scale) === null || _fi$scale4 === void 0 ? void 0 : _fi$scale4.y) !== null && _fi$scale$y2 !== void 0 ? _fi$scale$y2 : 1) / 2;
+		if (Math.abs(rx) < hw && Math.abs(ry) < hd) return fi;
+	}
+	return null;
+}
+function findColumnAt(p, columns) {
+	if (!columns) return null;
+	for (const col of [...columns].reverse()) {
+		const dx = p.x - col.position.x;
+		const dy = p.y - col.position.y;
+		if (col.shape === "round") {
+			if (Math.hypot(dx, dy) < col.diameter / 2) return col;
+		} else {
+			const angle = -(col.rotation * Math.PI) / 180;
+			const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
+			const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
+			if (Math.abs(rx) < col.diameter / 2 && Math.abs(ry) < col.diameter / 2) return col;
+		}
+	}
+	return null;
+}
+function findStairAt(p, stairs) {
+	if (!stairs) return null;
+	for (const stair of [...stairs].reverse()) {
+		const dx = p.x - stair.position.x;
+		const dy = p.y - stair.position.y;
+		const angle = -(stair.rotation * Math.PI) / 180;
+		const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
+		const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
+		if (Math.abs(rx) < stair.width / 2 && Math.abs(ry) < stair.depth / 2) return stair;
+	}
+	return null;
+}
+function findDoorAt(p, doors, walls, zoom) {
+	for (const d of doors) {
+		const wall = walls.find((w) => w.id === d.wallId);
+		if (!wall) continue;
+		const cp = wallPointAt(wall, d.position);
+		if (Math.hypot(p.x - cp.x, p.y - cp.y) < (d.width / 2 + 5) / zoom) return d;
+	}
+	return null;
+}
+function findWindowAt(p, windows, walls, zoom) {
+	for (const w of windows) {
+		const wall = walls.find((wl) => wl.id === w.wallId);
+		if (!wall) continue;
+		const cp = wallPointAt(wall, w.position);
+		if (Math.hypot(p.x - cp.x, p.y - cp.y) < (w.width / 2 + 5) / zoom) return w;
+	}
+	return null;
+}
+function findRoomAt(p, rooms, walls) {
+	for (const room of rooms) if (pointInPolygon(p, getRoomPolygon(room, walls))) return room;
+	return null;
+}
+function hitTestMeasurement(wp, floor, zoom) {
+	if (!floor.measurements) return null;
+	const threshold = 8 / zoom;
+	for (const m of floor.measurements) {
+		const dx = m.x2 - m.x1, dy = m.y2 - m.y1;
+		const len2 = dx * dx + dy * dy;
+		if (len2 === 0) continue;
+		let t = ((wp.x - m.x1) * dx + (wp.y - m.y1) * dy) / len2;
+		t = Math.max(0, Math.min(1, t));
+		const px = m.x1 + t * dx, py = m.y1 + t * dy;
+		if (Math.hypot(wp.x - px, wp.y - py) < threshold) return m.id;
+	}
+	return null;
+}
+function hitTestAnnotation(wp, floor, zoom) {
+	if (!floor.annotations) return null;
+	const threshold = 10 / zoom;
+	for (const a of floor.annotations) {
+		const offset = a.offset || 40;
+		const dx = a.x2 - a.x1, dy = a.y2 - a.y1;
+		const len = Math.hypot(dx, dy);
+		if (len < 1) continue;
+		const ux = dx / len;
+		const nx = -(dy / len), ny = ux;
+		const d1x = a.x1 + nx * offset, d1y = a.y1 + ny * offset;
+		const d2x = a.x2 + nx * offset, d2y = a.y2 + ny * offset;
+		const ddx = d2x - d1x, ddy = d2y - d1y;
+		const len2 = ddx * ddx + ddy * ddy;
+		if (len2 === 0) continue;
+		let t = ((wp.x - d1x) * ddx + (wp.y - d1y) * ddy) / len2;
+		t = Math.max(0, Math.min(1, t));
+		const px = d1x + t * ddx, py = d1y + t * ddy;
+		if (Math.hypot(wp.x - px, wp.y - py) < threshold) return a.id;
+		for (const [lx1, ly1, lx2, ly2] of [[
+			a.x1,
+			a.y1,
+			d1x,
+			d1y
+		], [
+			a.x2,
+			a.y2,
+			d2x,
+			d2y
+		]]) {
+			const ldx = lx2 - lx1, ldy = ly2 - ly1;
+			const llen2 = ldx * ldx + ldy * ldy;
+			if (llen2 === 0) continue;
+			let lt = ((wp.x - lx1) * ldx + (wp.y - ly1) * ldy) / llen2;
+			lt = Math.max(0, Math.min(1, lt));
+			const lpx = lx1 + lt * ldx, lpy = ly1 + lt * ldy;
+			if (Math.hypot(wp.x - lpx, wp.y - lpy) < threshold) return a.id;
+		}
+	}
+	return null;
+}
+function hitTestTextAnnotation(wp, floor, ctx, zoom) {
+	if (!floor.textAnnotations) return null;
+	for (let i = floor.textAnnotations.length - 1; i >= 0; i--) {
+		const ta = floor.textAnnotations[i];
+		let dx = wp.x - ta.x;
+		let dy = wp.y - ta.y;
+		if (ta.rotation) {
+			const angle = -ta.rotation * Math.PI / 180;
+			const rx = dx * Math.cos(angle) - dy * Math.sin(angle);
+			const ry = dx * Math.sin(angle) + dy * Math.cos(angle);
+			dx = rx;
+			dy = ry;
+		}
+		ctx.font = `${ta.fontSize}px sans-serif`;
+		const lines = ta.text.split("\n");
+		const lineHeight = ta.fontSize * 1.2;
+		const totalHeight = lines.length * lineHeight;
+		let maxW = 0;
+		for (const line of lines) {
+			const w = ctx.measureText(line).width / zoom;
+			if (w > maxW) maxW = w;
+		}
+		const pad = 8 / zoom;
+		if (Math.abs(dx) < maxW / 2 + pad && Math.abs(dy) < totalHeight / 2 + pad) return ta.id;
+	}
+	return null;
+}
+//#endregion
+//#region src/lib/components/editor/FloorPlanCanvas.svelte
+init_client();
+init_index_client();
+var root_2$3 = /* @__PURE__ */ from_html(`<input type="text" class="absolute bg-white border-2 border-blue-500 rounded px-2 py-1 text-sm text-center shadow-lg outline-none"/>`);
+var root_3$2 = /* @__PURE__ */ from_html(`<input type="text" class="absolute bg-white border-2 border-blue-500 rounded px-2 py-1 text-sm text-center shadow-lg outline-none"/>`);
+var root_4$3 = /* @__PURE__ */ from_html(`<div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="text-center opacity-60"><div class="text-5xl mb-3">🏠</div> <div class="text-sm font-medium text-gray-500">Start building your floor plan</div> <div class="text-xs text-gray-400 mt-1">Draw walls with <span class="font-mono bg-gray-100 px-1 rounded">W</span> or drag items from the sidebar</div></div></div>`);
+var root_5 = /* @__PURE__ */ from_html(`<canvas width="180" height="120" class="absolute bottom-10 right-2 rounded-lg shadow-lg border border-gray-300 cursor-crosshair bg-white" style="z-index: 15;"></canvas>`);
+var root_6 = /* @__PURE__ */ from_html(`<span> </span> <span> </span> <span class="text-gray-300">|</span>`, 1);
+var root_8$1 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_9 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_10 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_7$1 = /* @__PURE__ */ from_html(`<span> </span> <!> <!> <!> <span class="text-gray-300">|</span>`, 1);
+var root_11 = /* @__PURE__ */ from_html(`<span class="text-blue-600 font-medium"> </span> <span class="text-gray-300">|</span>`, 1);
+var root_13 = /* @__PURE__ */ from_html(`<label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span> </span></label>`);
+var root_12 = /* @__PURE__ */ from_html(`<div class="absolute bottom-12 right-2 z-20 bg-white rounded-lg shadow-lg border border-gray-200 p-3 text-xs min-w-[160px]"><div class="font-semibold text-gray-700 mb-2">Layers</div> <!> <hr class="my-1 border-gray-100"/> <label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span>Room Labels</span></label> <label class="flex items-center gap-2 py-0.5 cursor-pointer hover:bg-gray-50 rounded px-1"><input type="checkbox" class="accent-blue-500"/> <span>Dimensions</span></label></div>`);
+var root_16 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Flip swing" aria-label="Flip swing"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 16V4m0 0L3 8m4-4l4 4M17 8v12m0 0l4-4m-4 4l-4-4"></path></svg></button>`);
+var root_17 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Split wall at midpoint" aria-label="Split wall at midpoint"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20M4 12h4M16 12h4"></path></svg></button>`);
+var root_15 = /* @__PURE__ */ from_html(`<div class="absolute z-40 flex items-center gap-0.5 bg-white rounded-lg shadow-lg border border-gray-200 px-1 py-0.5"><button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Duplicate" aria-label="Duplicate"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"></rect><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"></path></svg></button> <!> <!> <div class="w-px h-5 bg-gray-200 mx-0.5"></div> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-red-50 text-gray-400 hover:text-red-600" title="Delete" aria-label="Delete"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14"></path></svg></button></div>`);
+var root_18 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-blue-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to add wall segment · Double-click to finish · C to close loop ·
+        Esc to cancel</div>`);
+var root_19 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-purple-600 text-white px-3 py-1 rounded-full text-xs shadow"> </div>`);
+var root_20 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-red-600 text-white px-3 py-1 rounded-full text-xs shadow">Right-click two points to measure · M to exit · Esc to cancel</div>`);
 var root_21 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-emerald-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to place text label · Esc to cancel</div>`);
 var root_22 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-indigo-600 text-white px-3 py-1 rounded-full text-xs shadow"> </div>`);
 var root_1$5 = /* @__PURE__ */ from_html(`<!> <!> <!> <!> <div class="absolute bottom-2 right-2 bg-white/80 rounded px-2 py-1 text-xs text-gray-500 flex gap-3"><!> <!> <!> <span> </span> <button class="hover:text-gray-700" title="Zoom to Fit (F)">⊞ Fit</button> <button class="hover:text-gray-700" title="Toggle Grid (G)"> </button> <button class="hover:text-gray-700" title="Toggle Snap to Grid (S)"> </button> <button class="hover:text-gray-700" title="Toggle Furniture"> </button> <button class="hover:text-gray-700" title="Layer Visibility">🗂 Layers</button> <button class="hover:text-gray-700" title="Toggle Rulers"> </button> <button class="hover:text-gray-700" title="Toggle Mini-map"> </button></div> <!> <!> <!> <!> <!> <!> <!> <div class="absolute bottom-3 left-3 z-20 flex items-center gap-1 bg-white rounded-lg shadow-lg border border-gray-200 px-1 py-0.5"><button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-600 hover:text-gray-800 font-bold text-lg" title="Zoom Out (−)" aria-label="Zoom out">−</button> <button class="min-w-[3.5rem] h-7 flex items-center justify-center rounded hover:bg-gray-100 text-xs font-medium text-gray-600 hover:text-gray-800 tabular-nums" title="Reset to 100%" aria-label="Zoom to 100%"> </button> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-600 hover:text-gray-800 font-bold text-lg" title="Zoom In (+)" aria-label="Zoom in">+</button> <div class="w-px h-5 bg-gray-200"></div> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700 text-sm" title="Zoom to Fit (F)" aria-label="Zoom to fit">⊞</button></div> <!>`, 1);
@@ -65412,7 +66539,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 		canvasDirty = false;
 		ctx.clearRect(0, 0, get(width), get(height));
 		ctx.fillStyle = "#f8f9fa";
-		ctx.fillRect(0, 0, $$props.floorMaxWidth, $$props.floorMaxHeight);
+		ctx.fillRect(0, 0, $$props.viewOnly ? $$props.floorMaxWidth : get(width), $$props.viewOnly ? $$props.floorMaxHeight : get(height));
 		drawGrid();
 		if (!$$props.viewOnly && get(layerVis).guides) drawGuides$1();
 		drawBackgroundImage();
@@ -65433,7 +66560,12 @@ function FloorPlanCanvas($$anchor, $$props) {
 			return id === selId || multiIds.has(id);
 		}
 		drawRooms$1();
-		if (floor && $$props.heatmapEnabled) drawFloorHeatmap(getCS(), floor, $$props.heatmapMatrix || [], get(detectedRooms));
+		console.log("🚀 ~ draw ~ heatmapEnabled:", $$props.heatmapEnabled);
+		console.log("🚀 ~ draw ~ heatmapMatrix:", $$props.heatmapMatrix);
+		if (floor) {
+			var _$$props$heatmapMatri;
+			drawFloorHeatmap(getCS(), floor, $$props.heatmapMatrix ? ((_$$props$heatmapMatri = $$props.heatmapMatrix) === null || _$$props$heatmapMatri === void 0 ? void 0 : _$$props$heatmapMatri.length) > 0 ? $$props.heatmapMatrix : SAMPLE_HEATMAP_32X32 : SAMPLE_HEATMAP_32X32, get(detectedRooms));
+		}
 		if (!$$props.viewOnly) drawSnapPoints$1();
 		if (get(layerVis).walls) {
 			for (const w of floor.walls) drawWall$1(w, isSelected(w.id));