@eyeon/map 2.0.1 → 2.0.2

package/dist/editor/index.js

@@ -1,734 +1,2442 @@
-import { jsxs as r, jsx as n, Fragment as q } from "react/jsx-runtime";
-import { useRef as z, useState as h, useMemo as V, useEffect as J, Suspense as Q, useCallback as ee } from "react";
-import { v as Z, e as le } from "../chunks/pathfinding.js";
-import { w as ne } from "../chunks/graph-tools.js";
-import { a as ie } from "../chunks/MapViewer.js";
-function F(i) {
-  return i.map((l) => {
-    if (l.length === 0) return "";
-    let p = `M ${l[0].x} ${l[0].y}`;
-    for (let d = 1; d < l.length; d++) p += ` L ${l[d].x} ${l[d].y}`;
-    return p += " Z", p;
+import { jsx as o, jsxs as s, Fragment as de } from "react/jsx-runtime";
+import { useRef as he, useState as w, useEffect as ae, useMemo as se, useLayoutEffect as Ge, Suspense as Ke, useCallback as we } from "react";
+import { ac as Ue, f as We, a9 as Ve, Z as Fe, K as je, o as Ye, w as Xe, x as ze, z as Re, X as He } from "../chunks/stacking.js";
+import { createPortal as Je } from "react-dom";
+import { b as Ze } from "../chunks/MapViewer.js";
+function Ce(e) {
+  return e.map((n) => n.map((r) => ({ x: r.x, y: r.y })));
+}
+function qe(e) {
+  return e.map((n) => {
+    if (n.length === 0) return "";
+    let r = `M ${n[0].x} ${n[0].y}`;
+    for (let l = 1; l < n.length; l++)
+      r += ` L ${n[l].x} ${n[l].y}`;
+    return r += " Z", r;
   }).join(" ");
 }
-function ae({
-  level: i,
-  shapes: l,
-  anchors: p,
-  edges: d,
-  theme: f,
-  tool: y,
-  baseAngle: K,
-  selectedShapeId: D,
-  selectedAnchorIds: _,
-  baseSvgUrl: I,
-  onSelectShape: C,
-  onSelectAnchors: t,
-  onCreateRoutePoint: u,
-  onMoveAnchor: S,
-  onCreateShape: O
+function be(e) {
+  const n = e.map((r) => r.length > 1 && r[0].x === r[r.length - 1].x && r[0].y === r[r.length - 1].y ? r.slice(0, -1) : r).filter((r) => r.length >= 3);
+  return {
+    paths: n.map((r) => ({
+      d: qe([r]),
+      closed: !0
+    })),
+    polygons: n
+  };
+}
+function Me(e, n, r) {
+  const l = Ce(e.polygons).map(
+    (t) => t.map((c) => ({ x: c.x + n, y: c.y + r }))
+  );
+  return be(l);
+}
+function Qe(e, n, r, l) {
+  const t = Ce(e.polygons), c = t[n];
+  return !c || r < 0 || r >= c.length ? e : (c[r] = { x: l.x, y: l.y }, be(t));
+}
+function en(e, n, r, l) {
+  const t = Ce(e.polygons), c = t[n];
+  return !c || r < 0 || r >= c.length ? e : (c.splice(r + 1, 0, { x: l.x, y: l.y }), be(t));
+}
+function nn(e, n, r) {
+  const l = Ce(e.polygons), t = l[n];
+  return !t || t.length <= 3 || r < 0 || r >= t.length ? e : (t.splice(r, 1), be(l));
+}
+function rn(e, n, r) {
+  let l = null;
+  return e.polygons.forEach((t, c) => {
+    t.forEach((y, M) => {
+      const x = Math.hypot(y.x - n.x, y.y - n.y);
+      x <= r && (!l || x < l.distance) && (l = {
+        polygonIndex: c,
+        vertexIndex: M,
+        point: { x: y.x, y: y.y },
+        distance: x
+      });
+    });
+  }), l;
+}
+function on(e, n, r) {
+  let l = null;
+  return e.polygons.forEach((t, c) => {
+    if (!(t.length < 2))
+      for (let y = 0; y < t.length; y++) {
+        const M = t[y], x = t[(y + 1) % t.length], N = { x: (M.x + x.x) / 2, y: (M.y + x.y) / 2 }, T = Math.hypot(N.x - n.x, N.y - n.y);
+        T <= r && (!l || T < l.distance) && (l = {
+          polygonIndex: c,
+          afterVertexIndex: y,
+          point: N,
+          distance: T
+        });
+      }
+  }), l;
+}
+function tn(e, n, r) {
+  const l = e.a * e.d - e.b * e.c;
+  if (l === 0) return { x: 0, y: 0 };
+  const t = n - e.e, c = r - e.f;
+  return {
+    x: (e.d * t - e.c * c) / l,
+    y: (-e.b * t + e.a * c) / l
+  };
+}
+function xe(e, n, r) {
+  const l = e.getScreenCTM();
+  return l ? tn(l, n, r) : { x: 0, y: 0 };
+}
+function ln(e, n, r) {
+  const l = r === 0 ? 1 : r;
+  return {
+    x: (e.x - n.x) / l,
+    y: (e.y - n.y) / l
+  };
+}
+function an(e, n) {
+  return [
+    { x: e.x, y: e.y },
+    { x: n.x, y: e.y },
+    { x: n.x, y: n.y },
+    { x: e.x, y: n.y }
+  ];
+}
+function Ee(e, n) {
+  return Math.hypot(n.x - e.x, n.y - e.y);
+}
+function Oe(e) {
+  return e.map((n) => {
+    if (n.length === 0) return "";
+    let r = `M ${n[0].x} ${n[0].y}`;
+    for (let l = 1; l < n.length; l++) r += ` L ${n[l].x} ${n[l].y}`;
+    return r += " Z", r;
+  }).join(" ");
+}
+function sn(e, n) {
+  return e.orphanedAt ? !1 : n ? We.includes(e.kind) : !0;
+}
+function dn({
+  level: e,
+  shapes: n,
+  anchors: r,
+  edges: l,
+  theme: t,
+  tool: c,
+  baseAngle: y,
+  selectedShapeId: M,
+  selectedAnchorIds: x,
+  baseSvgUrl: N,
+  baseViewbox: T = null,
+  levelSvgUrl: J = null,
+  underlayShapes: b = [],
+  interactiveOnly: S = !1,
+  showGrid: P = !0,
+  onSelectShape: Q,
+  onSelectAnchors: ee,
+  onCreateRoutePoint: $,
+  onMoveAnchor: W,
+  onCreateShape: R,
+  onUpdateShapeGeometry: Z
 }) {
-  const M = z(null), [b, E] = h({ x: 0, y: 0 }), [m, B] = h(1), [k, R] = h([]), [A, U] = h(null), [$, o] = h(null), g = z(null), v = (i == null ? void 0 : i.sourceViewbox) ?? { x: 0, y: 0, width: 1e3, height: 800 }, w = (e, c) => {
-    const s = M.current;
-    if (!s) return { x: 0, y: 0 };
-    const L = s.getBoundingClientRect(), T = (e - L.left - b.x) / m, a = (c - L.top - b.y) / m;
-    return { x: T + v.x, y: a + v.y };
-  }, Y = V(
-    () => new Map(p.map((e) => [e.id, e])),
-    [p]
-  ), X = (e) => {
-    if (y === "pan" || e.button === 1) {
-      g.current = { x: e.clientX, y: e.clientY, panX: b.x, panY: b.y };
+  const F = he(null), [j, B] = w({ x: 0, y: 0 }), [v, ne] = w(1), [_, G] = w([]), [V, u] = w([]), [K, U] = w(null), [ce, ue] = w(null), [H, q] = w(null), [te, A] = w({ x: 0, y: 0 }), [re, Y] = w(null), [E, le] = w(null), oe = he(null);
+  ae(() => {
+    G([]), u([]), ue(null), q(null), Y(null), A({ x: 0, y: 0 });
+  }, [c]), ae(() => {
+    le(null), q(null), Y(null), A({ x: 0, y: 0 });
+  }, [M]);
+  const X = Ue(e == null ? void 0 : e.sourceViewbox, T), me = J ?? ((e == null ? void 0 : e.kind) === "outdoor" ? N : null), g = se(
+    () => n.filter((i) => sn(i, S)),
+    [n, S]
+  ), C = g.find((i) => i.id === M) ?? null, L = se(() => C ? H && H.shapeId === C.id ? Me(H.originGeometry, te.x, te.y) : C.geometry : null, [C, H, te]), pe = (i, p) => {
+    const a = F.current;
+    return a ? ln(xe(a, i, p), j, v) : { x: 0, y: 0 };
+  }, z = se(
+    () => new Map(r.map((i) => [i.id, i])),
+    [r]
+  ), fe = () => {
+    if (V.length < 3) {
+      u([]);
       return;
     }
-    const c = w(e.clientX, e.clientY);
-    if (y === "draw-route") {
-      const s = $ ? Z(Y.get($) ?? c, c, K) : c;
-      u(s, $);
+    R("unit", be([V])), u([]);
+  };
+  ae(() => {
+    const i = (p) => {
+      if (c === "draw-polygon" && (p.key === "Enter" ? (p.preventDefault(), fe()) : p.key === "Escape" && u([])), (p.key === "Backspace" || p.key === "Delete") && C && E && c === "select") {
+        p.preventDefault();
+        const a = nn(
+          C.geometry,
+          E.polygonIndex,
+          E.vertexIndex
+        );
+        a !== C.geometry && (Z(C.id, a), le(null));
+      }
+    };
+    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+  }, [c, V, C, E]);
+  const ge = (i) => {
+    var a, m, k, I;
+    if (c === "pan" || i.button === 1) {
+      const O = F.current, d = O ? xe(O, i.clientX, i.clientY) : { x: i.clientX, y: i.clientY };
+      oe.current = { x: d.x, y: d.y, panX: j.x, panY: j.y };
       return;
     }
-    y === "draw-unit" && R([c]);
-  }, j = (e) => {
-    if (g.current) {
-      E({
-        x: g.current.panX + (e.clientX - g.current.x),
-        y: g.current.panY + (e.clientY - g.current.y)
-      });
+    const p = pe(i.clientX, i.clientY);
+    if (c === "draw-polygon") {
+      if (V.length >= 3) {
+        const O = V[0];
+        if (Math.hypot(p.x - O.x, p.y - O.y) <= 6 / v) {
+          fe();
+          return;
+        }
+      }
+      u((O) => [...O, p]);
       return;
     }
-    if (A != null) {
-      const c = w(e.clientX, e.clientY);
-      S(A, c.x, c.y);
+    if (c === "draw-route") {
+      const O = ce ? Ve(z.get(ce) ?? p, p, y) : p;
+      $(O, ce);
       return;
     }
-    if (y === "draw-unit" && k.length > 0) {
-      const c = w(e.clientX, e.clientY);
-      R((s) => [...s.slice(0, -1), s[s.length - 1], c].slice(0, -0) || [...s.slice(0, -1), c]), R((s) => s.length === 0 ? s : [...s.slice(0, -1), c]);
+    if (c === "draw-unit" || c === "draw-line") {
+      (m = (a = i.currentTarget).setPointerCapture) == null || m.call(a, i.pointerId), G([p, p]);
+      return;
     }
-  }, x = () => {
-    if (g.current = null, A != null) {
-      const e = p.find((c) => c.id === A);
-      if (e) {
-        const c = p.filter((s) => s.id !== e.id).filter((s) => Math.hypot(s.x - e.x, s.y - e.y) <= 2.5).map((s) => s.id);
-        c.length && t([e.id, ...c]);
+    if (c === "select" && C && L) {
+      const O = 8 / v, d = rn(L, p, O);
+      if (d) {
+        le({
+          polygonIndex: d.polygonIndex,
+          vertexIndex: d.vertexIndex
+        }), Y({
+          shapeId: C.id,
+          polygonIndex: d.polygonIndex,
+          vertexIndex: d.vertexIndex
+        }), (I = (k = i.currentTarget).setPointerCapture) == null || I.call(k, i.pointerId);
+        return;
+      }
+      const h = on(L, p, O);
+      if (h && i.detail >= 2) {
+        const f = en(
+          C.geometry,
+          h.polygonIndex,
+          h.afterVertexIndex,
+          h.point
+        );
+        Z(C.id, f), le({
+          polygonIndex: h.polygonIndex,
+          vertexIndex: h.afterVertexIndex + 1
+        });
+        return;
       }
-      U(null);
     }
-  }, G = () => {
-    if (k.length < 3) {
-      R([]);
+  }, ye = (i) => {
+    if (oe.current) {
+      const p = F.current;
+      if (!p) return;
+      const a = xe(p, i.clientX, i.clientY);
+      B({
+        x: oe.current.panX + (a.x - oe.current.x),
+        y: oe.current.panY + (a.y - oe.current.y)
+      });
       return;
     }
-    const e = {
-      paths: [
-        {
-          d: F([k]),
-          closed: !0
-        }
-      ],
-      polygons: [k]
+    if (K != null) {
+      const p = pe(i.clientX, i.clientY);
+      W(K, p.x, p.y);
+      return;
+    }
+    if (re && C) {
+      const p = pe(i.clientX, i.clientY), a = Qe(
+        C.geometry,
+        re.polygonIndex,
+        re.vertexIndex,
+        p
+      );
+      Z(C.id, a);
+      return;
+    }
+    if (H) {
+      const p = pe(i.clientX, i.clientY);
+      A({
+        x: p.x - H.start.x,
+        y: p.y - H.start.y
+      });
+      return;
+    }
+    if ((c === "draw-unit" || c === "draw-line") && _.length > 0) {
+      const p = pe(i.clientX, i.clientY);
+      G((a) => a.length === 0 ? a : [a[0], p]);
+    }
+  }, ve = () => {
+    if (_.length < 2) {
+      G([]);
+      return;
+    }
+    const [i, p] = [_[0], _[_.length - 1]];
+    if (Ee(i, p) < 2) {
+      G([]);
+      return;
+    }
+    const a = an(i, p);
+    R("unit", be([a])), G([]);
+  }, ke = () => {
+    if (_.length < 2) {
+      G([]);
+      return;
+    }
+    const [i, p] = [_[0], _[_.length - 1]];
+    if (Ee(i, p) < 2) {
+      G([]);
+      return;
+    }
+    const a = {
+      paths: [{ d: `M ${i.x} ${i.y} L ${p.x} ${p.y}`, closed: !1 }],
+      polygons: []
     };
-    O("unit", e), R([]);
-  };
-  return /* @__PURE__ */ r(
+    R("wall", a), G([]);
+  }, Ne = () => {
+    if (oe.current = null, re) {
+      Y(null);
+      return;
+    }
+    if (H && C) {
+      const i = Me(
+        H.originGeometry,
+        te.x,
+        te.y
+      );
+      Math.hypot(te.x, te.y) >= 0.5 && Z(C.id, i), q(null), A({ x: 0, y: 0 });
+      return;
+    }
+    if (K != null) {
+      const i = r.find((p) => p.id === K);
+      if (i) {
+        const p = r.filter((a) => a.id !== i.id).filter((a) => Math.hypot(a.x - i.x, a.y - i.y) <= 2.5).map((a) => a.id);
+        p.length && ee([i.id, ...p]);
+      }
+      U(null);
+      return;
+    }
+    c === "draw-unit" && ve(), c === "draw-line" && ke();
+  }, Ie = (i) => M === i.id && L && (H == null ? void 0 : H.shapeId) === i.id ? L.paths.map((p) => p.d).join(" ") || Oe(L.polygons) : i.geometry.paths.map((p) => p.d).join(" ") || Oe(i.geometry.polygons);
+  return e ? /* @__PURE__ */ o(
     "div",
     {
-      className: "eyeon-map-canvas",
-      onWheel: (e) => {
-        e.preventDefault(), B((c) => Math.min(8, Math.max(0.2, c * (e.deltaY > 0 ? 0.9 : 1.1))));
+      className: `eyeon-map-canvas${P ? " eyeon-map-canvas--grid" : ""}`,
+      onWheel: (i) => {
+        i.preventDefault(), ne((p) => Math.min(8, Math.max(0.2, p * (i.deltaY > 0 ? 0.9 : 1.1))));
       },
-      children: [
-        /* @__PURE__ */ n(
-          "svg",
-          {
-            ref: M,
-            className: "eyeon-map-canvas__svg",
-            viewBox: `${v.x} ${v.y} ${v.width} ${v.height}`,
-            onPointerDown: X,
-            onPointerMove: j,
-            onPointerUp: x,
-            onDoubleClick: () => {
-              y === "draw-unit" && G();
-            },
-            children: /* @__PURE__ */ r("g", { transform: `translate(${b.x / m}, ${b.y / m}) scale(${m})`, children: [
-              I && /* @__PURE__ */ n(
-                "image",
-                {
-                  href: I,
-                  x: v.x,
-                  y: v.y,
-                  width: v.width,
-                  height: v.height,
-                  opacity: 0.85
-                }
-              ),
-              l.map((e) => /* @__PURE__ */ n(
-                "path",
-                {
-                  d: e.geometry.paths.map((c) => c.d).join(" ") || F(e.geometry.polygons),
-                  fill: e.style.fill ?? (e.kind === "walkable" ? f.WALKABLE_COLOR : e.kind === "unit" ? f.STORE_DEFAULT_COLOR : "#cbd5e1"),
-                  fillOpacity: e.kind === "amenity" ? 0.15 : 0.85,
-                  stroke: D === e.id ? f.ACCENT_COLOR : "#64748b",
-                  strokeWidth: D === e.id ? 2.5 / m : 1 / m,
-                  onClick: (c) => {
-                    c.stopPropagation(), y === "select" && C(e.id);
-                  },
-                  style: { cursor: y === "select" ? "pointer" : "default" }
+      children: /* @__PURE__ */ o(
+        "svg",
+        {
+          ref: F,
+          className: "eyeon-map-canvas__svg",
+          viewBox: `${X.x} ${X.y} ${X.width} ${X.height}`,
+          onPointerDown: ge,
+          onPointerMove: ye,
+          onPointerUp: Ne,
+          children: /* @__PURE__ */ s("g", { transform: `translate(${j.x}, ${j.y}) scale(${v})`, children: [
+            me && /* @__PURE__ */ o(
+              "image",
+              {
+                href: me,
+                x: (T ?? X).x,
+                y: (T ?? X).y,
+                width: (T ?? X).width,
+                height: (T ?? X).height,
+                opacity: 0.85,
+                pointerEvents: "none"
+              }
+            ),
+            b.map((i) => /* @__PURE__ */ o(
+              "path",
+              {
+                d: i.geometry.paths.map((p) => p.d).join(" ") || Oe(i.geometry.polygons),
+                fill: i.style.fill ?? (i.kind === "walkable" ? t.WALKABLE_COLOR : i.kind === "unit" ? t.STORE_DEFAULT_COLOR : "#cbd5e1"),
+                fillOpacity: 0.45,
+                stroke: "#94a3b8",
+                strokeWidth: 1 / v,
+                pointerEvents: "none"
+              },
+              `base-${i.id}`
+            )),
+            g.map((i) => /* @__PURE__ */ o(
+              "path",
+              {
+                d: Ie(i),
+                fill: i.style.fill ?? (i.kind === "walkable" ? t.WALKABLE_COLOR : i.kind === "unit" ? t.STORE_DEFAULT_COLOR : "#cbd5e1"),
+                fillOpacity: i.kind === "amenity" ? 0.15 : 0.85,
+                stroke: M === i.id ? t.ACCENT_COLOR : "#64748b",
+                strokeWidth: M === i.id ? 2.5 / v : 1 / v,
+                onPointerDown: (p) => {
+                  var m, k;
+                  if (c !== "select") return;
+                  p.stopPropagation(), Q(i.id);
+                  const a = pe(p.clientX, p.clientY);
+                  q({
+                    shapeId: i.id,
+                    start: a,
+                    originGeometry: i.geometry
+                  }), A({ x: 0, y: 0 }), (k = (m = p.currentTarget).setPointerCapture) == null || k.call(m, p.pointerId);
                 },
-                e.id
-              )),
-              d.map((e) => {
-                const c = Y.get(e.fromAnchorId), s = Y.get(e.toAnchorId);
-                return !c || !s ? null : /* @__PURE__ */ n(
-                  "line",
-                  {
-                    x1: c.x,
-                    y1: c.y,
-                    x2: s.x,
-                    y2: s.y,
-                    stroke: f.ACCENT_COLOR,
-                    strokeWidth: 2 / m,
-                    strokeLinecap: "round"
-                  },
-                  e.id
-                );
-              }),
-              p.map((e) => {
-                const c = _.includes(e.id), s = c && _.some((L) => {
-                  if (L === e.id) return !1;
-                  const T = Y.get(L);
-                  return T && Math.hypot(T.x - e.x, T.y - e.y) <= 2.5;
-                });
-                return /* @__PURE__ */ n(
+                style: { cursor: c === "select" ? "grab" : "default" }
+              },
+              i.id
+            )),
+            C && (L ?? C.geometry).polygons.map(
+              (i, p) => i.map((a, m) => {
+                const k = (E == null ? void 0 : E.polygonIndex) === p && (E == null ? void 0 : E.vertexIndex) === m;
+                return /* @__PURE__ */ o(
                   "circle",
                   {
-                    cx: e.x,
-                    cy: e.y,
-                    r: (c ? 5 : 3.5) / m,
-                    fill: s ? "#22c55e" : c ? f.ACCENT_COLOR : "#0f172a",
-                    stroke: "#fff",
-                    strokeWidth: 1 / m,
-                    onPointerDown: (L) => {
-                      if (L.stopPropagation(), y === "draw-route") {
-                        o(e.id), u(e, $);
-                        return;
-                      }
-                      y === "select" && (t(
-                        L.shiftKey ? _.includes(e.id) ? _.filter((T) => T !== e.id) : [..._, e.id] : [e.id]
-                      ), U(e.id));
+                    cx: a.x,
+                    cy: a.y,
+                    r: (k ? 6 : 5) / v,
+                    fill: k ? t.ACCENT_COLOR : "#fff",
+                    stroke: t.ACCENT_COLOR,
+                    strokeWidth: 1.5 / v,
+                    onPointerDown: (I) => {
+                      var O, d;
+                      c === "select" && (I.stopPropagation(), le({ polygonIndex: p, vertexIndex: m }), Y({
+                        shapeId: C.id,
+                        polygonIndex: p,
+                        vertexIndex: m
+                      }), (d = (O = I.currentTarget).setPointerCapture) == null || d.call(O, I.pointerId));
                     },
-                    style: { cursor: "grab" }
+                    style: { cursor: "crosshair" }
                   },
-                  e.id
+                  `v-${C.id}-${p}-${m}`
                 );
-              }),
-              k.length > 1 && /* @__PURE__ */ n(
+              })
+            ),
+            l.map((i) => {
+              const p = z.get(i.fromAnchorId), a = z.get(i.toAnchorId);
+              return !p || !a ? null : /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: p.x,
+                  y1: p.y,
+                  x2: a.x,
+                  y2: a.y,
+                  stroke: t.ACCENT_COLOR,
+                  strokeWidth: 2 / v,
+                  strokeLinecap: "round"
+                },
+                i.id
+              );
+            }),
+            r.map((i) => {
+              const p = x.includes(i.id), a = p && x.some((m) => {
+                if (m === i.id) return !1;
+                const k = z.get(m);
+                return k && Math.hypot(k.x - i.x, k.y - i.y) <= 2.5;
+              });
+              return /* @__PURE__ */ o(
+                "circle",
+                {
+                  cx: i.x,
+                  cy: i.y,
+                  r: (p ? 5 : 3.5) / v,
+                  fill: a ? "#22c55e" : p ? t.ACCENT_COLOR : "#0f172a",
+                  stroke: "#fff",
+                  strokeWidth: 1 / v,
+                  onPointerDown: (m) => {
+                    if (m.stopPropagation(), c === "draw-route") {
+                      ue(i.id), $(i, ce);
+                      return;
+                    }
+                    c === "select" && (ee(
+                      m.shiftKey ? x.includes(i.id) ? x.filter((k) => k !== i.id) : [...x, i.id] : [i.id]
+                    ), U(i.id));
+                  },
+                  style: { cursor: "grab" }
+                },
+                i.id
+              );
+            }),
+            _.length > 1 && c === "draw-unit" && /* @__PURE__ */ o(
+              "rect",
+              {
+                x: Math.min(_[0].x, _[1].x),
+                y: Math.min(_[0].y, _[1].y),
+                width: Math.abs(_[1].x - _[0].x),
+                height: Math.abs(_[1].y - _[0].y),
+                fill: t.STORE_DEFAULT_COLOR,
+                fillOpacity: 0.2,
+                stroke: t.ACCENT_COLOR,
+                strokeWidth: 2 / v,
+                strokeDasharray: `${6 / v} ${4 / v}`
+              }
+            ),
+            _.length > 1 && c === "draw-line" && /* @__PURE__ */ o(
+              "line",
+              {
+                x1: _[0].x,
+                y1: _[0].y,
+                x2: _[1].x,
+                y2: _[1].y,
+                stroke: t.ACCENT_COLOR,
+                strokeWidth: 2 / v,
+                strokeDasharray: `${6 / v} ${4 / v}`,
+                strokeLinecap: "round"
+              }
+            ),
+            V.length > 0 && c === "draw-polygon" && /* @__PURE__ */ s(de, { children: [
+              /* @__PURE__ */ o(
                 "polyline",
                 {
-                  points: k.map((e) => `${e.x},${e.y}`).join(" "),
+                  points: V.map((i) => `${i.x},${i.y}`).join(" "),
                   fill: "none",
-                  stroke: f.ACCENT_COLOR,
-                  strokeWidth: 2 / m,
-                  strokeDasharray: `${6 / m} ${4 / m}`
+                  stroke: t.ACCENT_COLOR,
+                  strokeWidth: 2 / v,
+                  strokeDasharray: `${6 / v} ${4 / v}`
                 }
-              )
+              ),
+              V.map((i, p) => /* @__PURE__ */ o(
+                "circle",
+                {
+                  cx: i.x,
+                  cy: i.y,
+                  r: (p === 0 ? 5 : 3.5) / v,
+                  fill: p === 0 ? t.ACCENT_COLOR : "#fff",
+                  stroke: t.ACCENT_COLOR,
+                  strokeWidth: 1 / v
+                },
+                `pp-${p}`
+              ))
             ] })
-          }
-        ),
-        !i && /* @__PURE__ */ n("div", { className: "eyeon-map-canvas__empty", children: "Select or create a level to begin" })
+          ] })
+        }
+      )
+    }
+  ) : /* @__PURE__ */ o("div", { className: `eyeon-map-canvas${P ? " eyeon-map-canvas--grid" : ""}`, children: /* @__PURE__ */ o("div", { className: "eyeon-map-canvas__empty", children: "Choose a floor or Outdoor to edit" }) });
+}
+function cn(e) {
+  const n = ((e == null ? void 0 : e.polygons) ?? []).flat();
+  return Ye(n);
+}
+function Ae(e, n) {
+  const r = e.findIndex((t) => t.id === n.id);
+  if (r < 0) return [...e, n];
+  const l = e.slice();
+  return l[r] = n, l;
+}
+function un(e, n) {
+  switch (n.op) {
+    case "upsert_shape": {
+      const r = n.shape, l = r.id;
+      if (l == null) return e;
+      const t = e.shapes.find((M) => M.id === l), c = r.geometry ?? (t == null ? void 0 : t.geometry) ?? {
+        paths: [],
+        polygons: []
+      }, y = {
+        id: l,
+        levelId: r.levelId ?? (t == null ? void 0 : t.levelId) ?? 0,
+        key: r.key ?? (t == null ? void 0 : t.key) ?? `shape-${l}`,
+        kind: r.kind ?? (t == null ? void 0 : t.kind) ?? "unit",
+        geometry: c,
+        bbox: r.bbox ?? (t == null ? void 0 : t.bbox) ?? cn(c),
+        zIndex: r.zIndex ?? (t == null ? void 0 : t.zIndex) ?? 0,
+        style: r.style ?? (t == null ? void 0 : t.style) ?? {},
+        label: r.label ?? (t == null ? void 0 : t.label) ?? {},
+        sourceSvgId: r.sourceSvgId ?? (t == null ? void 0 : t.sourceSvgId) ?? null,
+        origin: r.origin ?? (t == null ? void 0 : t.origin) ?? "manual",
+        geometryLocked: r.geometryLocked ?? (r.geometry != null ? !0 : t == null ? void 0 : t.geometryLocked) ?? !1,
+        orphanedAt: r.orphanedAt ?? (t == null ? void 0 : t.orphanedAt) ?? null
+      };
+      return { ...e, shapes: Ae(e.shapes, y) };
+    }
+    case "delete_shape":
+      return {
+        ...e,
+        shapes: e.shapes.filter((r) => r.id !== n.shapeId),
+        assignments: e.assignments.filter((r) => r.shapeId !== n.shapeId)
+      };
+    case "upsert_assignment": {
+      const r = {
+        shapeId: n.assignment.shapeId,
+        targetType: n.assignment.targetType ?? "none",
+        retailerId: n.assignment.retailerId ?? null,
+        amenityId: n.assignment.amenityId ?? null,
+        kioskId: n.assignment.kioskId ?? null,
+        unitStatus: n.assignment.unitStatus ?? "vacant",
+        unitNumber: n.assignment.unitNumber ?? null,
+        customLabel: n.assignment.customLabel ?? null,
+        customImageKey: n.assignment.customImageKey ?? null
+      }, l = e.assignments.filter((t) => t.shapeId !== r.shapeId);
+      return { ...e, assignments: [...l, r] };
+    }
+    case "delete_assignment":
+      return {
+        ...e,
+        assignments: e.assignments.filter((r) => r.shapeId !== n.shapeId)
+      };
+    case "upsert_anchor": {
+      const r = n.anchor, l = r.id;
+      if (l == null) return e;
+      const t = e.anchors.find((y) => y.id === l), c = {
+        id: l,
+        levelId: r.levelId ?? (t == null ? void 0 : t.levelId) ?? 0,
+        shapeId: r.shapeId ?? (t == null ? void 0 : t.shapeId) ?? null,
+        kind: r.kind ?? (t == null ? void 0 : t.kind) ?? "junction",
+        x: r.x ?? (t == null ? void 0 : t.x) ?? 0,
+        y: r.y ?? (t == null ? void 0 : t.y) ?? 0,
+        connectorId: r.connectorId ?? (t == null ? void 0 : t.connectorId) ?? null
+      };
+      return { ...e, anchors: Ae(e.anchors, c) };
+    }
+    case "delete_anchor":
+      return {
+        ...e,
+        anchors: e.anchors.filter((r) => r.id !== n.anchorId),
+        edges: e.edges.filter(
+          (r) => r.fromAnchorId !== n.anchorId && r.toAnchorId !== n.anchorId
+        )
+      };
+    case "upsert_edge": {
+      const r = n.edge, l = r.id;
+      if (l == null) return e;
+      const t = e.edges.find((y) => y.id === l), c = {
+        id: l,
+        mapId: r.mapId ?? (t == null ? void 0 : t.mapId) ?? e.mapId,
+        fromAnchorId: r.fromAnchorId ?? (t == null ? void 0 : t.fromAnchorId) ?? 0,
+        toAnchorId: r.toAnchorId ?? (t == null ? void 0 : t.toAnchorId) ?? 0,
+        weight: r.weight ?? (t == null ? void 0 : t.weight) ?? null,
+        directed: r.directed ?? (t == null ? void 0 : t.directed) ?? !1,
+        accessible: r.accessible ?? (t == null ? void 0 : t.accessible) ?? !0,
+        kind: r.kind ?? (t == null ? void 0 : t.kind) ?? "walk"
+      };
+      return { ...e, edges: Ae(e.edges, c) };
+    }
+    case "delete_edge":
+      return { ...e, edges: e.edges.filter((r) => r.id !== n.edgeId) };
+    case "weld_anchors": {
+      const r = (n.anchorIds ?? []).filter((y) => Number.isFinite(y));
+      if (r.length < 2) return e;
+      const l = r[0], t = new Set(r.slice(1)), c = e.edges.map((y) => ({
+        ...y,
+        fromAnchorId: t.has(y.fromAnchorId) ? l : y.fromAnchorId,
+        toAnchorId: t.has(y.toAnchorId) ? l : y.toAnchorId
+      })).filter((y) => y.fromAnchorId !== y.toAnchorId);
+      return {
+        ...e,
+        anchors: e.anchors.filter((y) => !t.has(y.id)),
+        edges: c
+      };
+    }
+    case "update_theme":
+      return { ...e, theme: { ...e.theme, ...n.theme } };
+    default:
+      return e;
+  }
+}
+function pn(e, n) {
+  return n.reduce(un, hn(e));
+}
+function hn(e) {
+  let n = !1;
+  const r = e.shapes.map((l) => {
+    const t = Fe(l.geometry);
+    return t === l.geometry ? l : (n = !0, { ...l, geometry: t, bbox: je(t) });
+  });
+  return n ? { ...e, shapes: r } : e;
+}
+function mn(e, n) {
+  if (n.op === "update_theme") {
+    const r = e.filter((c) => c.op === "update_theme"), l = e.filter((c) => c.op !== "update_theme"), t = r.reduce(
+      (c, y) => y.op === "update_theme" ? { ...c, ...y.theme } : c,
+      {}
+    );
+    return [...l, { op: "update_theme", theme: { ...t, ...n.theme } }];
+  }
+  if (n.op === "upsert_shape" && n.shape.id != null) {
+    const r = e.findIndex(
+      (l) => l.op === "upsert_shape" && l.shape.id === n.shape.id
+    );
+    if (r >= 0 && e[r].op === "upsert_shape") {
+      const l = e.slice();
+      return l[r] = {
+        op: "upsert_shape",
+        shape: { ...e[r].shape, ...n.shape }
+      }, l;
+    }
+  }
+  if (n.op === "upsert_anchor" && n.anchor.id != null) {
+    const r = e.findIndex(
+      (l) => l.op === "upsert_anchor" && l.anchor.id === n.anchor.id
+    );
+    if (r >= 0 && e[r].op === "upsert_anchor") {
+      const l = e.slice();
+      return l[r] = {
+        op: "upsert_anchor",
+        anchor: { ...e[r].anchor, ...n.anchor }
+      }, l;
+    }
+  }
+  if (n.op === "upsert_assignment") {
+    const r = e.findIndex(
+      (l) => l.op === "upsert_assignment" && l.assignment.shapeId === n.assignment.shapeId
+    );
+    if (r >= 0 && e[r].op === "upsert_assignment") {
+      const l = e.slice();
+      return l[r] = { op: "upsert_assignment", assignment: n.assignment }, l;
+    }
+  }
+  return [...e, n];
+}
+const Te = {
+  unit: "Store",
+  amenity: "Amenity",
+  kiosk_screen: "Kiosk",
+  connector: "Connector",
+  entrance: "Entrance",
+  walkable: "Walkway",
+  void: "Opening",
+  wall: "Wall",
+  boundary: "Boundary",
+  floorplate: "Floor plate",
+  decor: "Decor",
+  label: "Label",
+  zone: "Zone",
+  parking_zone: "Parking",
+  green_area: "Green area",
+  water: "Water",
+  parking_icon: "Parking icon"
+}, Be = {
+  occupied: "Occupied",
+  vacant: "Vacant",
+  coming_soon: "Coming soon",
+  under_renovation: "Under renovation"
+};
+function yn(e) {
+  return Te[e] ?? e;
+}
+function fn(e, n) {
+  if (e.mode === "add-base") return "Add Outdoor SVG";
+  if (e.mode === "add-floor") return "Add Floor";
+  if (e.mode === "edit") {
+    const r = n.find((l) => l.id === e.levelId);
+    return (r == null ? void 0 : r.kind) === "outdoor" ? "Edit Outdoor" : "Edit Floor";
+  }
+  return "Floors";
+}
+function _n(e) {
+  return e.filter((n) => n.kind === "floor").length;
+}
+function gn(e, n, r) {
+  if (e.indexOf(n) < 0) return e;
+  const t = e.filter((M) => M !== n), c = Math.max(0, Math.min(r, t.length)), y = [...t];
+  return y.splice(c, 0, n), y;
+}
+function Le(e, n) {
+  return e.length === n.length && e.every((r, l) => r === n[l]);
+}
+function Se(e) {
+  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function vn(e) {
+  var r;
+  return e && ((r = e.split("/").pop()) == null ? void 0 : r.trim()) || null;
+}
+function kn(e) {
+  return e.name.toLowerCase().endsWith(".svg") || e.type === "image/svg+xml";
+}
+function $e() {
+  return /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M3 5h12M3 9h12M3 13h12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function De() {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ o("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ o("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+        /* @__PURE__ */ o("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
+        /* @__PURE__ */ o("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
       ]
     }
   );
 }
-const te = [
-  { id: "levels", label: "Levels" },
-  { id: "shapes", label: "Shapes" },
-  { id: "routes", label: "Routes" },
-  { id: "amenities", label: "Amenities" },
-  { id: "kiosks", label: "Kiosks" },
-  { id: "theme", label: "Theme" }
-];
-function re({
-  tab: i,
-  onTabChange: l,
-  draft: p,
-  activeLevelId: d,
-  onSelectLevel: f,
-  canFloors: y,
-  canSettings: K,
-  onImportSvg: D,
-  onAutoroute: _,
-  theme: I,
-  onThemeChange: C
+function bn(e, n = 0) {
+  const r = e.kind === "outdoor", l = n === 1 ? "1 shape" : `${n} shapes`;
+  return {
+    title: r ? "Delete Outdoor SVG?" : `Delete “${e.name}”?`,
+    body: r ? `The stored outdoor SVG, its ${l} and every assignment on them are removed. Building floors are not affected.` : `This floor and its ${l} are removed, along with the retailer, amenity and kiosk assignments on them.`,
+    action: r ? "Delete Outdoor" : "Delete floor"
+  };
+}
+function Nn({
+  levels: e,
+  buildings: n,
+  levelShapeCounts: r,
+  canFloors: l,
+  screen: t,
+  onScreenChange: c,
+  onCreateLevel: y,
+  onUpdateLevel: M,
+  onDeleteLevel: x,
+  onReorderLevels: N
 }) {
-  return /* @__PURE__ */ r("aside", { className: "eyeon-map-rail", children: [
-    /* @__PURE__ */ n("nav", { className: "eyeon-map-rail__tabs", children: te.map((t) => /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        className: i === t.id ? "is-active" : "",
-        onClick: () => l(t.id),
-        children: t.label
+  const [T, J] = w(""), [b, S] = w(null), [P, Q] = w(!1), [ee, $] = w(null), [W, R] = w(null), [Z, F] = w(!1), [j, B] = w(null), [v, ne] = w(!1), [_, G] = w(null), [V, u] = w(null), [K, U] = w(!1), [ce, ue] = w(null), H = he(null), q = he(null), te = he(/* @__PURE__ */ new Map()), A = he(null), re = he(null), Y = se(
+    () => e.find((a) => a.kind === "outdoor") ?? null,
+    [e]
+  ), E = !!(Y != null && Y.sourceSvgKey || Y != null && Y.sourceSvgUrl), le = (a) => (r == null ? void 0 : r[a]) ?? 0, oe = se(
+    () => e.filter((a) => a.kind === "floor").slice().sort(Xe),
+    [e]
+  ), X = se(
+    () => oe.map((a) => a.id),
+    [oe]
+  ), me = se(() => {
+    const a = V ?? X, m = new Map(oe.map((k) => [k.id, k]));
+    return a.map((k) => m.get(k)).filter((k) => k != null);
+  }, [oe, X, V]), g = t.mode === "edit" ? e.find((a) => a.id === t.levelId) ?? null : null, C = t.mode === "add-base" || (g == null ? void 0 : g.kind) === "outdoor", L = l && !!y && !!M, pe = L && !!N && oe.length > 1;
+  ae(() => {
+    t.mode === "add-base" || (g == null ? void 0 : g.kind) === "outdoor" ? (J("Outdoor"), S(null)) : t.mode === "add-floor" ? (J(""), S(null)) : t.mode === "edit" && g && (J(g.name), S(null)), $(null), B(null), ne(!1), R(null), U(!1);
+  }, [t, g == null ? void 0 : g.id, g == null ? void 0 : g.kind, g == null ? void 0 : g.name]), ae(() => {
+    if (j == null) return;
+    const a = (m) => {
+      m.key === "Escape" && !v && B(null);
+    };
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
+  }, [j, v]), ae(() => {
+    if (!b) {
+      ue(null);
+      return;
+    }
+    const a = URL.createObjectURL(b);
+    return ue(a), U(!1), () => URL.revokeObjectURL(a);
+  }, [b]), A.current = V, re.current = _, ae(() => {
+    _ != null || V == null || Le(X, V) && u(null);
+  }, [X, _, V]), Ge(() => {
+    const a = q.current;
+    if (!a) return;
+    const m = a.querySelectorAll("[data-floor-id]"), k = /* @__PURE__ */ new Map();
+    m.forEach((I) => {
+      const O = Number(I.dataset.floorId);
+      if (!Number.isFinite(O)) return;
+      const d = I.getBoundingClientRect().top;
+      k.set(O, d);
+      const h = te.current.get(O);
+      if (h == null || _ == null) return;
+      const f = h - d;
+      Math.abs(f) < 1 || (I.style.transition = "none", I.style.transform = `translateY(${f}px)`, requestAnimationFrame(() => {
+        I.style.transition = "transform 180ms ease", I.style.transform = "";
+      }));
+    }), te.current = k;
+  }, [me, _]);
+  const z = (a) => {
+    if (a) {
+      if (!kn(a)) {
+        $("Choose an SVG file.");
+        return;
+      }
+      $(null), S(a);
+    }
+  }, fe = (a) => {
+    c({ mode: "edit", levelId: a.id });
+  }, ge = async (a) => {
+    var k;
+    const m = b;
+    if (C) {
+      if (!m && (t.mode === "add-base" || !(g != null && g.sourceSvgKey))) {
+        $("Choose an SVG file.");
+        return;
+      }
+    } else if (!T.trim()) {
+      $("Enter a title.");
+      return;
+    }
+    if (t.mode === "add-floor" && !m) {
+      $("Choose an SVG file.");
+      return;
+    }
+    Q(!0), $(null), m && R(0);
+    try {
+      t.mode === "add-base" ? await (y == null ? void 0 : y({
+        name: "Outdoor",
+        kind: "outdoor",
+        file: m ?? void 0,
+        onProgress: R
+      })) : t.mode === "add-floor" ? await (y == null ? void 0 : y({
+        name: T.trim(),
+        kind: "floor",
+        buildingId: ((k = n[0]) == null ? void 0 : k.id) ?? null,
+        file: m ?? void 0,
+        onProgress: R
+      })) : t.mode === "edit" && g && await (M == null ? void 0 : M({
+        levelId: g.id,
+        name: g.kind === "outdoor" ? "Outdoor" : T.trim(),
+        file: m ?? void 0,
+        onProgress: R
+      })), R(100), c({ mode: "list" });
+    } catch (I) {
+      $(I instanceof Error ? I.message : "Could not save floor."), R(null);
+    } finally {
+      Q(!1);
+    }
+  }, ye = async (a) => {
+    if (!(!x || v)) {
+      ne(!0), $(null);
+      try {
+        await x(a.id), B(null), c({ mode: "list" });
+      } catch (m) {
+        $(m instanceof Error ? m.message : "Could not delete floor.");
+      } finally {
+        ne(!1);
+      }
+    }
+  }, ve = () => {
+    const a = e.find((k) => k.id === j);
+    if (!a) return null;
+    const m = bn(a, le(a.id));
+    return /* @__PURE__ */ s("div", { className: "eyeon-map-modal", role: "presentation", children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: "eyeon-map-modal__backdrop",
+          onClick: () => v ? void 0 : B(null)
+        }
+      ),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: "eyeon-map-modal__card",
+          role: "alertdialog",
+          "aria-modal": "true",
+          "aria-labelledby": "eyeon-map-delete-title",
+          "aria-describedby": "eyeon-map-delete-body",
+          children: [
+            /* @__PURE__ */ o("h3", { className: "eyeon-map-modal__title", id: "eyeon-map-delete-title", children: m.title }),
+            /* @__PURE__ */ s("p", { className: "eyeon-map-modal__body", id: "eyeon-map-delete-body", children: [
+              m.body,
+              " This cannot be undone."
+            ] }),
+            ee ? /* @__PURE__ */ o("div", { className: "eyeon-map-floors__error", children: ee }) : null,
+            /* @__PURE__ */ s("div", { className: "eyeon-map-modal__actions", children: [
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  className: "eyeon-map-modal__cancel",
+                  disabled: v,
+                  onClick: () => B(null),
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  className: "eyeon-map-floors__danger",
+                  disabled: v,
+                  autoFocus: !0,
+                  onClick: () => void ye(a),
+                  children: v ? /* @__PURE__ */ s(de, { children: [
+                    /* @__PURE__ */ o("span", { className: "eyeon-map-floors__spinner", "aria-hidden": "true" }),
+                    "Deleting…"
+                  ] }) : m.action
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] });
+  }, ke = (a) => !L || !x ? null : /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: "eyeon-map-floors__icon-danger",
+      title: `Delete ${a.kind === "outdoor" ? "Outdoor SVG" : a.name}`,
+      "aria-label": `Delete ${a.kind === "outdoor" ? "Outdoor SVG" : a.name}`,
+      disabled: P || v,
+      onClick: (m) => {
+        m.stopPropagation(), B(a.id);
       },
-      t.id
-    )) }),
-    /* @__PURE__ */ r("div", { className: "eyeon-map-rail__body", children: [
-      i === "levels" && /* @__PURE__ */ r("div", { className: "eyeon-map-rail__section", children: [
-        /* @__PURE__ */ n("div", { className: "eyeon-map-rail__heading", children: "Buildings" }),
-        p.buildings.map((t) => /* @__PURE__ */ r("div", { className: "eyeon-map-rail__group", children: [
-          /* @__PURE__ */ n("div", { className: "eyeon-map-rail__group-title", children: t.name }),
-          p.levels.filter((u) => u.buildingId === t.id).map((u) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ o(De, {})
+    }
+  ), Ne = (a) => {
+    const m = re.current, k = q.current;
+    if (!m || !k) return;
+    const I = A.current ?? X, O = I.filter((f) => f !== m.id);
+    let d = O.length;
+    for (let f = 0; f < O.length; f += 1) {
+      const D = k.querySelector(`[data-floor-id="${O[f]}"]`);
+      if (!D) continue;
+      const ie = D.getBoundingClientRect();
+      if (a < ie.top + ie.height / 2) {
+        d = f;
+        break;
+      }
+    }
+    const h = gn(I, m.id, d);
+    Le(I, h) || u(h);
+  }, Ie = async () => {
+    const a = A.current;
+    if (!(!N || a == null)) {
+      if (Le(a, X)) {
+        u(null);
+        return;
+      }
+      try {
+        await N(a);
+      } catch (m) {
+        u(null), $(m instanceof Error ? m.message : "Could not reorder floors.");
+      }
+    }
+  }, i = () => {
+    re.current && (re.current = null, G(null), Ie());
+  };
+  ae(() => {
+    if (!_) return;
+    const a = (k) => {
+      const I = re.current;
+      if (!I || k.pointerId !== I.pointerId) return;
+      const O = {
+        ...I,
+        x: k.clientX - I.offsetX,
+        y: k.clientY - I.offsetY
+      };
+      re.current = O, G(O), Ne(k.clientY);
+    }, m = (k) => {
+      const I = re.current;
+      !I || k.pointerId !== I.pointerId || i();
+    };
+    return window.addEventListener("pointermove", a), window.addEventListener("pointerup", m), window.addEventListener("pointercancel", m), () => {
+      window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m);
+    };
+  }, [!!_]);
+  const p = (a, m) => {
+    const k = m.currentTarget.closest(".eyeon-map-floors__row");
+    if (!(k instanceof HTMLElement)) return;
+    const I = k.getBoundingClientRect();
+    m.preventDefault(), m.stopPropagation(), m.currentTarget.setPointerCapture(m.pointerId);
+    const O = {
+      id: a.id,
+      pointerId: m.pointerId,
+      offsetX: m.clientX - I.left,
+      offsetY: m.clientY - I.top,
+      width: I.width,
+      height: I.height,
+      name: a.name,
+      x: I.left,
+      y: I.top
+    };
+    re.current = O, G(O), u(X);
+  };
+  if (t.mode !== "list") {
+    const a = !!(g != null && g.sourceSvgKey || g != null && g.sourceSvgUrl), m = t.mode === "edit" && a, k = ce ?? (m ? (g == null ? void 0 : g.sourceSvgUrl) ?? null : null), I = (b == null ? void 0 : b.name) ?? vn(g == null ? void 0 : g.sourceSvgKey) ?? "SVG on file", O = g ? le(g.id) : 0, d = !C && t.mode === "edit" && O > 0, h = C ? "Upload" : "Import", f = C ? "Uploading" : "Importing";
+    return /* @__PURE__ */ s("div", { className: "eyeon-map-floors", children: [
+      !C && /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+        "Title",
+        /* @__PURE__ */ o(
+          "input",
+          {
+            value: T,
+            disabled: P || !L,
+            onChange: (D) => J(D.target.value)
+          }
+        )
+      ] }),
+      m ? /* @__PURE__ */ s("div", { className: "eyeon-map-rail__field eyeon-map-floors__svg-field", children: [
+        "SVG",
+        /* @__PURE__ */ o("div", { className: "eyeon-map-floors__preview-card", children: k && !K ? /* @__PURE__ */ o(
+          "img",
+          {
+            className: "eyeon-map-floors__preview-img",
+            src: k,
+            alt: (b == null ? void 0 : b.name) ?? (g == null ? void 0 : g.name) ?? "SVG preview",
+            onError: () => U(!0)
+          }
+        ) : /* @__PURE__ */ o("div", { className: "eyeon-map-floors__preview-fallback", children: I }) }),
+        b ? /* @__PURE__ */ s("span", { className: "eyeon-map-floors__drop-meta", children: [
+          b.name,
+          C ? ` · ${Se(b.size)} · Ready to upload` : ` · ${Se(b.size)}`
+        ] }) : null,
+        C ? /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "The outdoor SVG is stored and drawn live, so decoration stays designer-owned. Only its interactive polygons are imported." }) : /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Floor SVGs are read for geometry only — no copy of the file is kept." }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ref: H,
+            hidden: !0,
+            type: "file",
+            accept: ".svg,image/svg+xml",
+            disabled: P || v || !L,
+            onChange: (D) => {
+              var ie;
+              z(((ie = D.target.files) == null ? void 0 : ie[0]) ?? null), D.target.value = "";
+            }
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-floors__change",
+            disabled: P || v || !L,
+            onClick: () => {
+              var D;
+              return (D = H.current) == null ? void 0 : D.click();
+            },
+            children: C ? "Replace SVG" : "Re-import SVG"
+          }
+        )
+      ] }) : /* @__PURE__ */ s("div", { className: "eyeon-map-rail__field", children: [
+        C ? "SVG file" : "Floor SVG to import",
+        /* @__PURE__ */ s(
+          "label",
+          {
+            className: [
+              "eyeon-map-floors__drop",
+              Z ? "is-over" : "",
+              b ? "has-file" : "",
+              P ? "is-busy" : ""
+            ].filter(Boolean).join(" "),
+            onDragOver: (D) => {
+              D.preventDefault(), P || F(!0);
+            },
+            onDragLeave: () => F(!1),
+            onDrop: (D) => {
+              var ie;
+              D.preventDefault(), F(!1), !(P || !L) && z((ie = D.dataTransfer.files) == null ? void 0 : ie[0]);
+            },
+            children: [
+              /* @__PURE__ */ o(
+                "input",
+                {
+                  type: "file",
+                  accept: ".svg,image/svg+xml",
+                  disabled: P || v || !L,
+                  onChange: (D) => {
+                    var ie;
+                    z(((ie = D.target.files) == null ? void 0 : ie[0]) ?? null), D.target.value = "";
+                  }
+                }
+              ),
+              /* @__PURE__ */ o("span", { className: "eyeon-map-floors__drop-title", children: b ? b.name : "Choose SVG or drop it here" }),
+              /* @__PURE__ */ o("span", { className: "eyeon-map-floors__drop-meta", children: b ? C ? `${Se(b.size)} · Ready to upload` : `${Se(b.size)} · Ready to import` : "SVG only" })
+            ]
+          }
+        ),
+        !C && !d ? /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "The file is read for geometry only. Shapes, layer names and walking paths go into the database; the SVG itself is not stored." }) : null
+      ] }),
+      d ? /* @__PURE__ */ s("div", { className: "eyeon-map-floors__notice", children: [
+        /* @__PURE__ */ s("p", { className: "eyeon-map-floors__notice-title", children: [
+          "Re-importing replaces the ",
+          O,
+          " shape",
+          O === 1 ? "" : "s",
+          " on this floor"
+        ] }),
+        /* @__PURE__ */ s("ul", { className: "eyeon-map-floors__notice-list", children: [
+          /* @__PURE__ */ o("li", { children: "Layers that keep the same Illustrator ID are redrawn from the new file and keep their retailer, amenity and kiosk assignments." }),
+          /* @__PURE__ */ o("li", { children: "Shapes you reshaped in Edit Map keep your geometry — the new file is ignored for those." }),
+          /* @__PURE__ */ o("li", { children: "IDs missing from the new file are hidden rather than deleted, so you can move their assignments onto a renamed layer." }),
+          /* @__PURE__ */ s("li", { children: [
+            "New IDs come in unassigned, and ",
+            /* @__PURE__ */ o("code", { children: "route-path" }),
+            " layers replace this floor’s walking paths."
+          ] }),
+          /* @__PURE__ */ o("li", { children: "The artboard must stay the same size, otherwise the import is rejected." })
+        ] })
+      ] }) : null,
+      W != null && /* @__PURE__ */ s(
+        "div",
+        {
+          className: "eyeon-map-floors__progress",
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-valuenow": W,
+          children: [
+            /* @__PURE__ */ o("div", { className: "eyeon-map-floors__progress-track", children: /* @__PURE__ */ o(
+              "div",
+              {
+                className: "eyeon-map-floors__progress-bar",
+                style: { width: `${Math.min(100, Math.max(0, W))}%` }
+              }
+            ) }),
+            /* @__PURE__ */ s("span", { className: "eyeon-map-floors__progress-label", children: [
+              W,
+              "%"
+            ] })
+          ]
+        }
+      ),
+      ee ? /* @__PURE__ */ o("div", { className: "eyeon-map-floors__error", children: ee }) : null,
+      t.mode === "edit" && g ? /* @__PURE__ */ o("div", { className: "eyeon-map-floors__edit-actions", children: /* @__PURE__ */ s("div", { className: "eyeon-map-floors__edit-row", children: [
+        x && L ? /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-floors__danger",
+            disabled: P || v,
+            onClick: () => B(g.id),
+            children: "Delete"
+          }
+        ) : null,
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-floors__primary",
+            disabled: P || v || !L || g.kind !== "outdoor" && !T.trim(),
+            onClick: () => void ge(),
+            children: P ? W != null ? `${f} ${W}%` : "Saving…" : b ? C ? "Upload & Save" : "Import & Save" : "Save Changes"
+          }
+        )
+      ] }) }) : /* @__PURE__ */ o("div", { className: "eyeon-map-rail__actions", children: /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: "eyeon-map-floors__primary",
+          disabled: P || v || !L || (C ? !b : !T.trim() || !b),
+          onClick: () => void ge(),
+          children: P ? W != null ? `${f} ${W}%` : `${f}…` : h
+        }
+      ) }),
+      ve()
+    ] });
+  }
+  return /* @__PURE__ */ s("div", { className: ["eyeon-map-floors", _ ? "is-reordering" : ""].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ s("div", { className: "eyeon-map-floors__block", children: [
+      L && /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: "eyeon-map-floors__add",
+          onClick: () => c({ mode: "add-floor" }),
+          children: "Add Floor"
+        }
+      ),
+      me.length === 0 ? /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "No floors yet." }) : /* @__PURE__ */ o("div", { ref: q, className: "eyeon-map-floors__list", children: me.map((a) => /* @__PURE__ */ o(
+        "div",
+        {
+          "data-floor-id": a.id,
+          className: "eyeon-map-floors__entry",
+          children: /* @__PURE__ */ s(
+            "div",
+            {
+              className: [
+                "eyeon-map-floors__row",
+                (_ == null ? void 0 : _.id) === a.id ? "is-placeholder" : "",
+                j === a.id ? "is-confirm" : ""
+              ].filter(Boolean).join(" "),
+              children: [
+                pe ? /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    className: "eyeon-map-floors__grip",
+                    title: "Drag to reorder",
+                    "aria-label": `Reorder ${a.name}`,
+                    onClick: (m) => m.stopPropagation(),
+                    onPointerDown: (m) => {
+                      m.button === 0 && p(a, m);
+                    },
+                    children: /* @__PURE__ */ o($e, {})
+                  }
+                ) : null,
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    className: "eyeon-map-floors__item",
+                    onClick: () => {
+                      _ || fe(a);
+                    },
+                    children: a.name
+                  }
+                ),
+                ke(a)
+              ]
+            }
+          )
+        },
+        a.id
+      )) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "eyeon-map-floors__block", children: E && Y ? /* @__PURE__ */ o("div", { className: "eyeon-map-floors__entry", children: /* @__PURE__ */ s(
+      "div",
+      {
+        className: [
+          "eyeon-map-floors__row",
+          j === Y.id ? "is-confirm" : ""
+        ].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              className: u.id === d ? "eyeon-map-rail__row is-active" : "eyeon-map-rail__row",
-              onClick: () => f(u.id),
-              children: u.name
-            },
-            u.id
-          ))
-        ] }, t.id)),
-        /* @__PURE__ */ n("div", { className: "eyeon-map-rail__heading", children: "Outdoor" }),
-        p.levels.filter((t) => t.kind === "outdoor").map((t) => /* @__PURE__ */ n(
+              className: "eyeon-map-floors__item",
+              onClick: () => fe(Y),
+              children: "Outdoor SVG"
+            }
+          ),
+          ke(Y)
+        ]
+      }
+    ) }) : L ? /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: "eyeon-map-floors__add",
+        onClick: () => c({ mode: "add-base" }),
+        children: "Add Outdoor SVG"
+      }
+    ) : null }),
+    ee ? /* @__PURE__ */ o("div", { className: "eyeon-map-floors__error", children: ee }) : null,
+    ve(),
+    _ ? Je(
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: "eyeon-map-floors__row eyeon-map-floors__row--ghost",
+          style: {
+            left: _.x,
+            top: _.y,
+            width: _.width,
+            height: _.height
+          },
+          children: [
+            /* @__PURE__ */ o("span", { className: "eyeon-map-floors__grip", "aria-hidden": "true", children: /* @__PURE__ */ o($e, {}) }),
+            /* @__PURE__ */ o("span", { className: "eyeon-map-floors__item", children: _.name }),
+            /* @__PURE__ */ o("span", { className: "eyeon-map-floors__icon-danger", "aria-hidden": "true", children: /* @__PURE__ */ o(De, {}) })
+          ]
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
+const In = [
+  {
+    id: "floors",
+    label: "Floors",
+    description: "Building floors and Outdoor SVG",
+    countKey: "floors"
+  },
+  {
+    id: "kiosks",
+    label: "Kiosks",
+    description: "Link kiosk screens to devices",
+    countKey: "kiosks"
+  },
+  {
+    id: "style",
+    label: "Style",
+    description: "Colors and 2D / 3D look"
+  }
+], wn = {
+  floors: "Floors",
+  stores: "Stores",
+  amenities: "Amenities",
+  kiosks: "Kiosks",
+  paths: "Walking paths",
+  style: "Style",
+  selection: "Selected",
+  "edit-map": "Edit Map"
+};
+function Sn() {
+  return /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M10.2 2.6 4.8 8l5.4 5.4",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function Cn() {
+  return /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M5.8 2.6 11.2 8l-5.4 5.4",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function xn({
+  section: e,
+  onSectionChange: n,
+  draft: r,
+  activeLevelId: l,
+  selectedShapeId: t,
+  onSelectShape: c,
+  canFloors: y,
+  canSettings: M,
+  onCreateLevel: x,
+  onUpdateLevel: N,
+  onDeleteLevel: T,
+  onReorderLevels: J,
+  onAutoroute: b,
+  theme: S,
+  onThemeChange: P,
+  assignPanel: Q,
+  editMapPanel: ee,
+  footer: $
+}) {
+  const [W, R] = w({ mode: "list" });
+  ae(() => {
+    e !== "floors" && R({ mode: "list" });
+  }, [e]);
+  const Z = r.shapes.filter((u) => u.levelId === l), F = Z.filter(
+    (u) => u.kind === "unit" || u.kind === "parking_zone"
+  ), j = Z.filter((u) => u.kind === "amenity"), B = Z.filter((u) => u.kind === "kiosk_screen"), v = r.levels.find((u) => u.id === l), ne = r.anchors.filter((u) => u.levelId === l).length, _ = se(() => {
+    const u = {};
+    for (const K of r.shapes)
+      K.orphanedAt || (u[K.levelId] = (u[K.levelId] ?? 0) + 1);
+    return u;
+  }, [r.shapes]), G = {
+    floors: _n(r.levels),
+    kiosks: B.length
+  }, V = (u, K) => u.length === 0 ? /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: K }) : u.map((U) => /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      className: U.id === t ? "eyeon-map-rail__row is-active" : "eyeon-map-rail__row",
+      onClick: () => c(U.id),
+      children: [
+        /* @__PURE__ */ o("span", { children: U.key }),
+        /* @__PURE__ */ o("span", { className: "eyeon-map-rail__muted", children: yn(U.kind) })
+      ]
+    },
+    U.id
+  ));
+  return /* @__PURE__ */ s("aside", { className: "eyeon-map-rail", children: [
+    e ? /* @__PURE__ */ s("div", { className: "eyeon-map-rail__header", children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: "eyeon-map-rail__back",
+          onClick: () => {
+            if (e === "floors" && W.mode !== "list") {
+              R({ mode: "list" });
+              return;
+            }
+            n(null);
+          },
+          "aria-label": "Back",
+          children: /* @__PURE__ */ o(Sn, {})
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "eyeon-map-rail__header-title", children: e === "floors" ? fn(W, r.levels) : wn[e] })
+    ] }) : /* @__PURE__ */ o("div", { className: "eyeon-map-rail__header", children: /* @__PURE__ */ o("div", { className: "eyeon-map-rail__header-title", children: "Map options" }) }),
+    /* @__PURE__ */ s("div", { className: "eyeon-map-rail__body", children: [
+      !e && /* @__PURE__ */ s("nav", { className: "eyeon-map-rail__nav", "aria-label": "Map options", children: [
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            className: t.id === d ? "eyeon-map-rail__row is-active" : "eyeon-map-rail__row",
-            onClick: () => f(t.id),
-            children: t.name
+            className: "eyeon-map-rail__edit-map",
+            onClick: () => n("edit-map"),
+            children: "Edit Map"
+          }
+        ),
+        In.map((u) => /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-rail__nav-item",
+            onClick: () => n(u.id),
+            children: [
+              /* @__PURE__ */ s("span", { className: "eyeon-map-rail__nav-copy", children: [
+                /* @__PURE__ */ o("span", { className: "eyeon-map-rail__nav-title", children: u.label }),
+                /* @__PURE__ */ o("span", { className: "eyeon-map-rail__nav-desc", children: u.description })
+              ] }),
+              /* @__PURE__ */ s("span", { className: "eyeon-map-rail__nav-meta", children: [
+                u.countKey != null ? /* @__PURE__ */ o("span", { className: "eyeon-map-rail__nav-count", children: G[u.countKey] }) : null,
+                /* @__PURE__ */ o(Cn, {})
+              ] })
+            ]
           },
-          t.id
-        )),
-        y && d != null && /* @__PURE__ */ r("div", { className: "eyeon-map-rail__actions", children: [
-          /* @__PURE__ */ r("label", { className: "eyeon-map-rail__file", children: [
-            "Import SVG",
-            /* @__PURE__ */ n(
-              "input",
-              {
-                type: "file",
-                accept: ".svg,image/svg+xml",
-                onChange: (t) => {
-                  var S;
-                  const u = (S = t.target.files) == null ? void 0 : S[0];
-                  u && D && D(d, u);
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n("button", { type: "button", onClick: () => _ == null ? void 0 : _(d), children: "Auto-route" })
-        ] })
+          u.id
+        ))
       ] }),
-      i === "shapes" && /* @__PURE__ */ r("div", { className: "eyeon-map-rail__section", children: [
-        /* @__PURE__ */ r("div", { className: "eyeon-map-rail__heading", children: [
-          "Shapes (",
-          p.shapes.filter((t) => t.levelId === d).length,
+      e === "edit-map" && /* @__PURE__ */ o("div", { className: "eyeon-map-rail__section", children: ee }),
+      e === "floors" && /* @__PURE__ */ o(
+        Nn,
+        {
+          levels: r.levels,
+          buildings: r.buildings,
+          levelShapeCounts: _,
+          canFloors: y,
+          screen: W,
+          onScreenChange: R,
+          onCreateLevel: x,
+          onUpdateLevel: N,
+          onDeleteLevel: T,
+          onReorderLevels: J
+        }
+      ),
+      e === "stores" && /* @__PURE__ */ s("div", { className: "eyeon-map-rail__section", children: [
+        v ? /* @__PURE__ */ s("p", { className: "eyeon-map-rail__hint", children: [
+          "Stores on ",
+          v.name,
+          ". Click one here or on the map to assign a retailer."
+        ] }) : null,
+        Q,
+        /* @__PURE__ */ s("div", { className: "eyeon-map-rail__heading", children: [
+          "On this floor (",
+          F.length,
           ")"
         ] }),
-        p.shapes.filter((t) => t.levelId === d).map((t) => /* @__PURE__ */ r("div", { className: "eyeon-map-rail__row", children: [
-          /* @__PURE__ */ n("span", { className: "eyeon-map-rail__muted", children: t.kind }),
-          " ",
-          t.key
-        ] }, t.id))
+        V(F, "No store spaces on this floor yet.")
       ] }),
-      i === "routes" && /* @__PURE__ */ r("div", { className: "eyeon-map-rail__section", children: [
-        /* @__PURE__ */ n("div", { className: "eyeon-map-rail__heading", children: "Anchors / Edges" }),
-        /* @__PURE__ */ n("p", { className: "eyeon-map-rail__hint", children: "Draw routes on the canvas. Drag anchors onto each other to weld. Green highlight means a weld is available." }),
-        /* @__PURE__ */ r("div", { className: "eyeon-map-rail__stat", children: [
-          p.anchors.filter((t) => t.levelId === d).length,
-          " anchors ·",
-          " ",
-          p.edges.length,
-          " edges"
+      e === "amenities" && /* @__PURE__ */ s("div", { className: "eyeon-map-rail__section", children: [
+        /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Click an amenity on the map to link it, or browse the catalog below." }),
+        Q,
+        /* @__PURE__ */ s("div", { className: "eyeon-map-rail__heading", children: [
+          "On this floor (",
+          j.length,
+          ")"
+        ] }),
+        V(j, "No amenity shapes on this floor yet."),
+        r.amenities.length > 0 && /* @__PURE__ */ s(de, { children: [
+          /* @__PURE__ */ o("div", { className: "eyeon-map-rail__heading", children: "Amenity catalog" }),
+          r.amenities.map((u) => /* @__PURE__ */ s("div", { className: "eyeon-map-rail__row", children: [
+            /* @__PURE__ */ o("span", { children: u.name }),
+            /* @__PURE__ */ o("span", { className: "eyeon-map-rail__muted", children: u.code })
+          ] }, u.id))
         ] })
       ] }),
-      i === "amenities" && /* @__PURE__ */ r("div", { className: "eyeon-map-rail__section", children: [
-        /* @__PURE__ */ n("div", { className: "eyeon-map-rail__heading", children: "Amenity catalog" }),
-        p.amenities.map((t) => /* @__PURE__ */ r("div", { className: "eyeon-map-rail__row", children: [
-          t.name,
-          /* @__PURE__ */ n("span", { className: "eyeon-map-rail__muted", children: t.code })
-        ] }, t.id))
+      e === "kiosks" && /* @__PURE__ */ s("div", { className: "eyeon-map-rail__section", children: [
+        /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Select a kiosk screen on the map, then enter its device ID." }),
+        Q,
+        /* @__PURE__ */ s("div", { className: "eyeon-map-rail__heading", children: [
+          "On this floor (",
+          B.length,
+          ")"
+        ] }),
+        V(B, "No kiosk screens on this floor yet.")
       ] }),
-      i === "kiosks" && /* @__PURE__ */ n("div", { className: "eyeon-map-rail__section", children: /* @__PURE__ */ n("p", { className: "eyeon-map-rail__hint", children: "Assign a kiosk_screen shape to a display_kiosks device in the inspector." }) }),
-      i === "theme" && K && /* @__PURE__ */ r("div", { className: "eyeon-map-rail__section", children: [
-        /* @__PURE__ */ n("div", { className: "eyeon-map-rail__heading", children: "Theme" }),
-        /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
-          "Style",
-          /* @__PURE__ */ r(
+      e === "paths" && /* @__PURE__ */ s("div", { className: "eyeon-map-rail__section", children: [
+        /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Use Routes / wayfinding in Edit Map, then click the map to place points. Drag two points together and choose Join points to connect them." }),
+        /* @__PURE__ */ s("div", { className: "eyeon-map-rail__stat", children: [
+          ne,
+          " path points · ",
+          r.edges.length,
+          " connections"
+        ] }),
+        y && l != null && /* @__PURE__ */ o("div", { className: "eyeon-map-rail__actions", children: /* @__PURE__ */ o("button", { type: "button", onClick: () => b == null ? void 0 : b(l), children: "Suggest walking paths" }) })
+      ] }),
+      e === "style" && /* @__PURE__ */ o("div", { className: "eyeon-map-rail__section", children: M ? /* @__PURE__ */ s(de, { children: [
+        /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "These colors apply on the public map after Save Changes." }),
+        /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+          "View",
+          /* @__PURE__ */ s(
             "select",
             {
-              value: I.MAP_STYLE,
-              onChange: (t) => C({ MAP_STYLE: t.target.value }),
+              value: S.MAP_STYLE,
+              onChange: (u) => P({ MAP_STYLE: u.target.value }),
               children: [
-                /* @__PURE__ */ n("option", { value: "2D", children: "2D" }),
-                /* @__PURE__ */ n("option", { value: "3D", children: "3D" })
+                /* @__PURE__ */ o("option", { value: "2D", children: "2D" }),
+                /* @__PURE__ */ o("option", { value: "3D", children: "3D" })
               ]
             }
           )
         ] }),
         [
-          ["ACCENT_COLOR", "Accent"],
-          ["STORE_DEFAULT_COLOR", "Store fill"],
+          ["ACCENT_COLOR", "Highlight"],
+          ["STORE_DEFAULT_COLOR", "Stores"],
           ["MAP_BACKGROUND_COLOR", "Background"],
-          ["WALL_COLOR", "Walls"],
-          ["PARKING_ZONE_COLOR", "Parking"],
-          ["GREEN_AREA_COLOR", "Green"],
-          ["WATER_COLOR", "Water"]
-        ].map(([t, u]) => /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
-          u,
-          /* @__PURE__ */ n(
+          ["WALL_COLOR", "Walls"]
+        ].map(([u, K]) => /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field eyeon-map-rail__field--color", children: [
+          K,
+          /* @__PURE__ */ o(
             "input",
             {
               type: "color",
-              value: I[t],
-              onChange: (S) => C({ [t]: S.target.value })
+              value: S[u],
+              onChange: (U) => P({ [u]: U.target.value })
             }
           )
-        ] }, t))
+        ] }, u)),
+        /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Green areas, parking lanes, and walking paths use fixed house colors from the map library — not editable here." })
+      ] }) : /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "You do not have permission to change map colors." }) }),
+      e === "selection" && /* @__PURE__ */ s("div", { className: "eyeon-map-rail__section", children: [
+        /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: v ? `Editing a shape on ${v.name}.` : "Editing the selected shape." }),
+        Q
       ] })
-    ] })
+    ] }),
+    $ ? /* @__PURE__ */ o("div", { className: "eyeon-map-rail__footer", children: $ }) : null
   ] });
 }
-const oe = [
-  "unit",
-  "amenity",
-  "kiosk_screen",
-  "connector",
-  "entrance",
-  "walkable",
-  "void",
-  "wall",
-  "boundary",
-  "floorplate",
-  "decor",
-  "label",
-  "zone",
-  "parking_zone",
-  "green_area",
-  "water",
-  "parking_icon"
-], ce = [
-  "occupied",
-  "vacant",
-  "coming_soon",
-  "under_renovation"
-];
-function de({
-  shape: i,
-  assignment: l,
-  amenities: p,
-  canEdit: d,
-  onRename: f,
+const On = Object.keys(Te), An = Object.keys(Be);
+function Ln({
+  shape: e,
+  assignment: n,
+  amenities: r,
+  levelShapeKeys: l = [],
+  canEdit: t,
+  onRename: c,
   onChangeKind: y,
-  onSaveAssignment: K,
-  undoCount: D
+  onDelete: M,
+  onSaveAssignment: x
 }) {
-  var A, U, $;
-  const [_, I] = h((i == null ? void 0 : i.key) ?? ""), [C, t] = h(
-    ((A = l == null ? void 0 : l.retailerId) == null ? void 0 : A.toString()) ?? ""
-  ), [u, S] = h(
-    ((U = l == null ? void 0 : l.amenityId) == null ? void 0 : U.toString()) ?? ""
-  ), [O, M] = h(
-    (($ = l == null ? void 0 : l.kioskId) == null ? void 0 : $.toString()) ?? ""
-  ), [b, E] = h(
-    (l == null ? void 0 : l.unitStatus) ?? "vacant"
-  ), [m, B] = h((l == null ? void 0 : l.unitNumber) ?? ""), [k, R] = h((l == null ? void 0 : l.customLabel) ?? "");
-  return J(() => {
-    var o, g, v;
-    I((i == null ? void 0 : i.key) ?? ""), t(((o = l == null ? void 0 : l.retailerId) == null ? void 0 : o.toString()) ?? ""), S(((g = l == null ? void 0 : l.amenityId) == null ? void 0 : g.toString()) ?? ""), M(((v = l == null ? void 0 : l.kioskId) == null ? void 0 : v.toString()) ?? ""), E((l == null ? void 0 : l.unitStatus) ?? "vacant"), B((l == null ? void 0 : l.unitNumber) ?? ""), R((l == null ? void 0 : l.customLabel) ?? "");
-  }, [i, l]), i ? /* @__PURE__ */ r("aside", { className: "eyeon-map-inspector", children: [
-    /* @__PURE__ */ n("div", { className: "eyeon-map-inspector__heading", children: "Shape" }),
-    /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
-      "Key / ID",
-      /* @__PURE__ */ n(
+  var _, G, V;
+  const [N, T] = w((e == null ? void 0 : e.key) ?? ""), [J, b] = w(null), [S, P] = w(
+    ((_ = n == null ? void 0 : n.retailerId) == null ? void 0 : _.toString()) ?? ""
+  ), [Q, ee] = w(
+    ((G = n == null ? void 0 : n.amenityId) == null ? void 0 : G.toString()) ?? ""
+  ), [$, W] = w(
+    ((V = n == null ? void 0 : n.kioskId) == null ? void 0 : V.toString()) ?? ""
+  ), [R, Z] = w(
+    (n == null ? void 0 : n.unitStatus) ?? "vacant"
+  ), [F, j] = w((n == null ? void 0 : n.unitNumber) ?? ""), [B, v] = w((n == null ? void 0 : n.customLabel) ?? "");
+  return ae(() => {
+    var u, K, U;
+    T((e == null ? void 0 : e.key) ?? ""), b(null), P(((u = n == null ? void 0 : n.retailerId) == null ? void 0 : u.toString()) ?? ""), ee(((K = n == null ? void 0 : n.amenityId) == null ? void 0 : K.toString()) ?? ""), W(((U = n == null ? void 0 : n.kioskId) == null ? void 0 : U.toString()) ?? ""), Z((n == null ? void 0 : n.unitStatus) ?? "vacant"), j((n == null ? void 0 : n.unitNumber) ?? ""), v((n == null ? void 0 : n.customLabel) ?? "");
+  }, [e, n]), e ? /* @__PURE__ */ s("div", { className: "eyeon-map-inspector", children: [
+    /* @__PURE__ */ o("div", { className: "eyeon-map-inspector__heading", children: "Selected" }),
+    /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+      "Name",
+      /* @__PURE__ */ o(
         "input",
         {
-          value: _,
-          disabled: !d,
-          onChange: (o) => I(o.target.value),
+          value: N,
+          disabled: !t,
+          onChange: (u) => {
+            T(u.target.value), b(null);
+          },
           onBlur: () => {
-            _ && _ !== i.key && f(_);
+            if (!N || N === e.key) {
+              b(null);
+              return;
+            }
+            if (l.includes(N)) {
+              b("That name is already used on this level.");
+              return;
+            }
+            b(null), c(N);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
-      "Kind",
-      /* @__PURE__ */ n(
+    J ? /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", style: { color: "#b91c1c" }, children: J }) : null,
+    e.geometryLocked ? /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Geometry locked — outdoor re-uploads will not overwrite this shape." }) : null,
+    /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+      "Type",
+      /* @__PURE__ */ o(
         "select",
         {
-          value: i.kind,
-          disabled: !d,
-          onChange: (o) => y(o.target.value),
-          children: oe.map((o) => /* @__PURE__ */ n("option", { value: o, children: o }, o))
+          value: e.kind,
+          disabled: !t,
+          onChange: (u) => y(u.target.value),
+          children: On.map((u) => /* @__PURE__ */ o("option", { value: u, children: Te[u] }, u))
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: "eyeon-map-inspector__heading", children: "Assignment" }),
-    (i.kind === "unit" || i.kind === "parking_zone") && /* @__PURE__ */ r(q, { children: [
-      /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
+    (e.kind === "unit" || e.kind === "parking_zone") && /* @__PURE__ */ s(de, { children: [
+      /* @__PURE__ */ o("div", { className: "eyeon-map-inspector__heading", children: "Store" }),
+      /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
         "Retailer ID",
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "input",
           {
-            value: C,
-            disabled: !d,
-            onChange: (o) => t(o.target.value)
+            value: S,
+            disabled: !t,
+            onChange: (u) => P(u.target.value)
           }
         )
       ] }),
-      /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
+      /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
         "Status",
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "select",
           {
-            value: b,
-            disabled: !d,
-            onChange: (o) => E(o.target.value),
-            children: ce.map((o) => /* @__PURE__ */ n("option", { value: o, children: o }, o))
+            value: R,
+            disabled: !t,
+            onChange: (u) => Z(u.target.value),
+            children: An.map((u) => /* @__PURE__ */ o("option", { value: u, children: Be[u] }, u))
           }
         )
       ] }),
-      /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
+      /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
         "Unit number",
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "input",
           {
-            value: m,
-            disabled: !d,
-            onChange: (o) => B(o.target.value)
+            value: F,
+            disabled: !t,
+            onChange: (u) => j(u.target.value)
           }
         )
       ] })
     ] }),
-    i.kind === "amenity" && /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
-      "Amenity",
-      /* @__PURE__ */ r(
-        "select",
-        {
-          value: u,
-          disabled: !d,
-          onChange: (o) => S(o.target.value),
-          children: [
-            /* @__PURE__ */ n("option", { value: "", children: "—" }),
-            p.map((o) => /* @__PURE__ */ n("option", { value: o.id, children: o.name }, o.id))
-          ]
-        }
-      )
+    e.kind === "amenity" && /* @__PURE__ */ s(de, { children: [
+      /* @__PURE__ */ o("div", { className: "eyeon-map-inspector__heading", children: "Amenity" }),
+      /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+        "Linked amenity",
+        /* @__PURE__ */ s(
+          "select",
+          {
+            value: Q,
+            disabled: !t,
+            onChange: (u) => ee(u.target.value),
+            children: [
+              /* @__PURE__ */ o("option", { value: "", children: "Not assigned" }),
+              r.map((u) => /* @__PURE__ */ o("option", { value: u.id, children: u.name }, u.id))
+            ]
+          }
+        )
+      ] })
+    ] }),
+    e.kind === "kiosk_screen" && /* @__PURE__ */ s(de, { children: [
+      /* @__PURE__ */ o("div", { className: "eyeon-map-inspector__heading", children: "Kiosk" }),
+      /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+        "Kiosk device ID",
+        /* @__PURE__ */ o(
+          "input",
+          {
+            value: $,
+            disabled: !t,
+            onChange: (u) => W(u.target.value)
+          }
+        )
+      ] })
     ] }),
-    i.kind === "kiosk_screen" && /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
-      "Kiosk device ID",
-      /* @__PURE__ */ n(
+    /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+      "Label on map",
+      /* @__PURE__ */ o(
         "input",
         {
-          value: O,
-          disabled: !d,
-          onChange: (o) => M(o.target.value)
+          value: B,
+          disabled: !t,
+          placeholder: "Optional",
+          onChange: (u) => v(u.target.value)
         }
       )
     ] }),
-    /* @__PURE__ */ r("label", { className: "eyeon-map-rail__field", children: [
-      "Custom label",
-      /* @__PURE__ */ n(
-        "input",
+    t && /* @__PURE__ */ s("div", { className: "eyeon-map-rail__actions", children: [
+      /* @__PURE__ */ o(
+        "button",
         {
-          value: k,
-          disabled: !d,
-          onChange: (o) => R(o.target.value)
+          type: "button",
+          className: "eyeon-map-inspector__save",
+          onClick: () => x({
+            shapeId: e.id,
+            targetType: S ? "retailer" : Q ? "amenity" : $ ? "kiosk" : "none",
+            retailerId: S ? Number(S) : null,
+            amenityId: Q ? Number(Q) : null,
+            kioskId: $ ? Number($) : null,
+            unitStatus: R,
+            unitNumber: F || null,
+            customLabel: B || null,
+            customImageKey: (n == null ? void 0 : n.customImageKey) ?? null
+          }),
+          children: "Save"
         }
-      )
-    ] }),
-    d && /* @__PURE__ */ n(
+      ),
+      M ? /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: "eyeon-map-inspector__delete",
+          onClick: () => {
+            window.confirm(`Delete shape “${e.key}”?`) && M();
+          },
+          children: "Delete"
+        }
+      ) : null
+    ] })
+  ] }) : /* @__PURE__ */ o("div", { className: "eyeon-map-inspector__empty", children: "Pick an item from the list below, or click it on the map." });
+}
+function Tn({
+  document: e,
+  host: n = "PORTAL_ASSIGN",
+  onSelectShape: r,
+  activeLevelId: l,
+  onActiveLevelChange: t,
+  routeOnSelect: c,
+  imageProxyUrl: y
+}) {
+  return /* @__PURE__ */ o("div", { className: "eyeon-map-preview", children: /* @__PURE__ */ o(Ke, { fallback: /* @__PURE__ */ o("div", { className: "eyeon-map-preview__loading", children: "Loading preview…" }), children: /* @__PURE__ */ o(
+    Ze,
+    {
+      document: e,
+      host: n,
+      onSelectShape: r,
+      activeLevelId: l,
+      onActiveLevelChange: t,
+      routeOnSelect: c,
+      imageProxyUrl: y
+    }
+  ) }) });
+}
+function Rn(e, n) {
+  const r = e.levels.find((l) => l.kind === "outdoor");
+  return ze({
+    revisionId: (n == null ? void 0 : n.revisionId) ?? 0,
+    revisionNumber: (n == null ? void 0 : n.revisionNumber) ?? 0,
+    centerId: e.centerId,
+    mapId: e.mapId,
+    theme: e.theme,
+    baseSvgUrl: e.baseSvgUrl ?? (r == null ? void 0 : r.sourceSvgUrl) ?? null,
+    baseViewbox: (r == null ? void 0 : r.sourceViewbox) ?? null,
+    buildings: e.buildings,
+    levels: e.levels,
+    shapes: e.shapes.filter((l) => !l.orphanedAt),
+    assignments: e.assignments,
+    anchors: e.anchors,
+    edges: e.edges,
+    connectors: (n == null ? void 0 : n.connectors) ?? [],
+    amenities: e.amenities,
+    responsiveOverrides: [],
+    publishedAt: n == null ? void 0 : n.publishedAt,
+    /** Prefer already-resolved CDN URLs on draft levels (outdoor SVG). */
+    resolveSvgUrl: (l) => {
+      if (!l) return null;
+      const t = e.levels.find(
+        (c) => c.sourceSvgKey === l || c.sourceSvgUrl === l
+      );
+      return (t == null ? void 0 : t.sourceSvgUrl) ?? l;
+    }
+  });
+}
+function Mn(e, n) {
+  return e === "PORTAL" && n !== "edit-map" ? "viewer" : "editor";
+}
+const En = [
+  { id: "select", label: "Select" },
+  { id: "pan", label: "Pan" },
+  { id: "draw-unit", label: "Draw rectangle", draw: !0 },
+  { id: "draw-polygon", label: "Draw polygon", draw: !0 },
+  { id: "draw-line", label: "Draw line", draw: !0 },
+  { id: "draw-route", label: "Routes / wayfinding", draw: !0 }
+], _e = {
+  width: 16,
+  height: 16,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  "aria-hidden": !0
+};
+function $n() {
+  return /* @__PURE__ */ o("svg", { ..._e, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M3.2 2.4 12.4 8.1l-4.1.6 1.8 4.6-1.8.7-1.8-4.6-2.6 2.4z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function Dn() {
+  return /* @__PURE__ */ o("svg", { ..._e, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M4.15 8.05V6.7a.95.95 0 0 1 1.9 0V8.15M6.05 7.2V4.1a.95.95 0 1 1 1.9 0V7.05M7.95 6.9V3.2a.95.95 0 1 1 1.9 0V6.95M9.85 7V3.9a.95.95 0 1 1 1.9 0v5.05c0 2.05-1.5 3.4-3.6 3.4-1.75 0-3.15-1.05-3.35-2.75",
+      stroke: "currentColor",
+      strokeWidth: "1.45",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function Pn() {
+  return /* @__PURE__ */ o("svg", { ..._e, children: /* @__PURE__ */ o(
+    "rect",
+    {
+      x: "2.5",
+      y: "3.5",
+      width: "11",
+      height: "9",
+      rx: "1",
+      stroke: "currentColor",
+      strokeWidth: "1.6"
+    }
+  ) });
+}
+function Vn() {
+  return /* @__PURE__ */ o("svg", { ..._e, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M8 2.5 13.2 6.2 11.2 12.5H4.8L2.8 6.2Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function Bn() {
+  return /* @__PURE__ */ s("svg", { ..._e, children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M3 12.5 13 3.5",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ o("circle", { cx: "3", cy: "12.5", r: "1.4", fill: "currentColor" }),
+    /* @__PURE__ */ o("circle", { cx: "13", cy: "3.5", r: "1.4", fill: "currentColor" })
+  ] });
+}
+function Gn() {
+  return /* @__PURE__ */ s("svg", { ..._e, children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M3.5 12.5c2.2-3.4 3.2-3.6 4.5-3.6 1.6 0 2.2 1.8 4.5 1.8",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ o("circle", { cx: "3.5", cy: "12.5", r: "1.5", fill: "currentColor" }),
+    /* @__PURE__ */ o("circle", { cx: "8", cy: "8.9", r: "1.5", fill: "currentColor" }),
+    /* @__PURE__ */ o("circle", { cx: "12.5", cy: "10.7", r: "1.5", fill: "currentColor" })
+  ] });
+}
+function Kn() {
+  return /* @__PURE__ */ s("svg", { ..._e, children: [
+    /* @__PURE__ */ o("circle", { cx: "4", cy: "8", r: "2", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "8", r: "2", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ o("path", { d: "M6 8h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+const Un = {
+  select: $n,
+  pan: Dn,
+  "draw-unit": Pn,
+  "draw-polygon": Vn,
+  "draw-line": Bn,
+  "draw-route": Gn
+};
+function Wn(e) {
+  switch (e) {
+    case "pan":
+      return "Drag the map to move around.";
+    case "draw-unit":
+      return "Click and drag to draw a store rectangle.";
+    case "draw-polygon":
+      return "Click to place points. Click the first point or press Enter to close. Esc cancels.";
+    case "draw-line":
+      return "Click and drag to draw a line.";
+    case "draw-route":
+      return "Click the map to place path points. Drag two points together, then Join points, to connect them.";
+    default:
+      return "Click a shape to select it. Drag to move; drag anchors to reshape.";
+  }
+}
+function Pe({
+  tool: e,
+  onToolChange: n,
+  canEdit: r
+}) {
+  return /* @__PURE__ */ o("div", { className: "eyeon-map-editor__tool-icons", role: "toolbar", "aria-label": "Map tools", children: En.map((l) => {
+    const t = Un[l.id];
+    return /* @__PURE__ */ o(
       "button",
       {
         type: "button",
-        className: "eyeon-map-inspector__save",
-        onClick: () => K({
-          shapeId: i.id,
-          targetType: C ? "retailer" : u ? "amenity" : O ? "kiosk" : "none",
-          retailerId: C ? Number(C) : null,
-          amenityId: u ? Number(u) : null,
-          kioskId: O ? Number(O) : null,
-          unitStatus: b,
-          unitNumber: m || null,
-          customLabel: k || null,
-          customImageKey: (l == null ? void 0 : l.customImageKey) ?? null
-        }),
-        children: "Save assignment"
-      }
-    )
-  ] }) : /* @__PURE__ */ n("aside", { className: "eyeon-map-inspector", children: /* @__PURE__ */ r("div", { className: "eyeon-map-inspector__empty", children: [
-    "Select a shape or anchor",
-    /* @__PURE__ */ r("div", { className: "eyeon-map-rail__muted", children: [
-      "Undo stack: ",
-      D
-    ] })
-  ] }) });
+        className: `eyeon-map-editor__tool-icon${e === l.id ? " is-active" : ""}`,
+        "data-tooltip": l.label,
+        "aria-label": l.label,
+        "aria-pressed": e === l.id,
+        onClick: () => n(l.id),
+        disabled: !r && l.draw,
+        children: /* @__PURE__ */ o(t, {})
+      },
+      l.id
+    );
+  }) });
 }
-function se({ document: i }) {
-  return /* @__PURE__ */ n("div", { className: "eyeon-map-preview", children: /* @__PURE__ */ n(Q, { fallback: /* @__PURE__ */ n("div", { className: "eyeon-map-preview__loading", children: "Loading preview…" }), children: /* @__PURE__ */ n(ie, { document: i, role: "PORTAL_PREVIEW" }) }) });
+function Fn({ disabled: e, onClick: n }) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: "eyeon-map-editor__tool-icon",
+      "data-tooltip": "Join points",
+      "aria-label": "Join points",
+      onClick: n,
+      disabled: e,
+      children: /* @__PURE__ */ o(Kn, {})
+    }
+  );
 }
-function _e({
-  draft: i,
-  canEdit: l = !0,
-  canFloors: p = !0,
-  canSettings: d = !0,
-  onBatch: f,
+function Zn({
+  host: e = "PORTAL",
+  draft: n,
+  canEdit: r = !0,
+  canFloors: l = !0,
+  canSettings: t = !0,
+  onBatch: c,
   onPublish: y,
-  onImportSvg: K,
-  onAutoroute: D,
-  previewDocument: _,
-  className: I
+  onImportSvg: M,
+  onCreateLevel: x,
+  onUpdateLevel: N,
+  onDeleteLevel: T,
+  onReorderLevels: J,
+  onAutoroute: b,
+  previewDocument: S,
+  imageProxyUrl: P,
+  className: Q,
+  sidebarFooter: ee
 }) {
-  var T;
-  const [C, t] = h("levels"), [u, S] = h(
-    ((T = i.levels[0]) == null ? void 0 : T.id) ?? null
-  ), [O, M] = h(null), [b, E] = h([]), [m, B] = h("select"), [k, R] = h(!1), [A, U] = h(0), [$, o] = h([]), g = z([]), v = V(
-    () => ({ ...le, ...i.theme }),
-    [i.theme]
-  ), w = i.levels.find((a) => a.id === u) ?? null, Y = i.shapes.filter((a) => a.levelId === u), X = i.anchors.filter((a) => a.levelId === u), j = i.edges.filter((a) => {
-    const N = i.anchors.find((P) => P.id === a.fromAnchorId);
-    return (N == null ? void 0 : N.levelId) === u;
-  }), x = Y.find((a) => a.id === O) ?? null, G = i.assignments.find((a) => a.shapeId === O) ?? null, e = ee(
-    async (a) => {
-      !a.length || !f || (o((N) => [...N, a]), await f(a), g.current = []);
+  var O;
+  const [$, W] = w(null), [R, Z] = w(
+    Re(n.levels) ?? ((O = n.levels[0]) == null ? void 0 : O.id) ?? null
+  ), [F, j] = w(null), [B, v] = w([]), [ne, _] = w("select"), [G, V] = w(0), [u, K] = w(0), [U, ce] = w(!1), [ue, H] = w(!1), q = he([]), te = he(-1);
+  ae(() => {
+    q.current = [], K(0), ce(!1);
+  }, [n.mapId, n.centerId]), ae(() => {
+    var d;
+    n.levels.some((h) => h.id === R) || Z(Re(n.levels) ?? ((d = n.levels[0]) == null ? void 0 : d.id) ?? null);
+  }, [n.levels, R]);
+  const A = se(
+    () => pn(n, q.current),
+    [n, u]
+  ), re = se(
+    () => He(A.theme),
+    [A.theme]
+  ), Y = q.current.length > 0 || U, E = A.levels.find((d) => d.id === R) ?? null, le = A.levels.find((d) => d.kind === "outdoor") ?? null, oe = le && (E == null ? void 0 : E.kind) === "floor" ? A.shapes.filter((d) => d.levelId === le.id) : [], X = A.shapes.filter((d) => d.levelId === R), me = se(
+    () => Rn(A, {
+      revisionId: S == null ? void 0 : S.revisionId,
+      revisionNumber: S == null ? void 0 : S.revisionNumber,
+      connectors: S == null ? void 0 : S.connectors,
+      publishedAt: S == null ? void 0 : S.publishedAt
+    }),
+    [A, S]
+  ), g = A.anchors.filter((d) => d.levelId === R), C = A.edges.filter((d) => {
+    const h = A.anchors.find((f) => f.id === d.fromAnchorId);
+    return (h == null ? void 0 : h.levelId) === R;
+  }), L = A.shapes.find((d) => d.id === F) ?? null, pe = A.assignments.find((d) => d.shapeId === F) ?? null, z = we((d) => {
+    let h = d;
+    if (h.op === "upsert_shape" && h.shape.id == null) {
+      const f = te.current--;
+      h = { ...h, shape: { ...h.shape, id: f } };
+    }
+    if (h.op === "upsert_anchor" && h.anchor.id == null) {
+      const f = te.current--;
+      h = { ...h, anchor: { ...h.anchor, id: f } };
+    }
+    if (h.op === "upsert_edge" && h.edge.id == null) {
+      const f = te.current--;
+      h = { ...h, edge: { ...h.edge, id: f } };
+    }
+    return q.current = mn(q.current, h), K((f) => f + 1), h.op === "upsert_shape" ? h.shape.id ?? null : h.op === "upsert_anchor" ? h.anchor.id ?? null : h.op === "upsert_edge" ? h.edge.id ?? null : null;
+  }, []), fe = we(async () => {
+    if (!r || ue) return;
+    const d = q.current;
+    if (!d.length && !U) return;
+    q.current = [], K((f) => f + 1), H(!0);
+    let h = !d.length;
+    try {
+      d.length && c && (await c(d), h = !0), await (y == null ? void 0 : y()), ce(!1);
+    } catch {
+      h ? ce(!0) : (q.current = d, K((f) => f + 1));
+    } finally {
+      H(!1);
+    }
+  }, [r, U, c, y, ue]), ge = we(
+    (d) => {
+      $ === "edit-map" && d !== "edit-map" && _("select"), W(d);
     },
-    [f]
-  ), c = async () => {
-    if (b.length < 2) return;
-    const a = X.map((W) => ({ ...W })), N = i.edges.map((W) => ({ ...W })), P = ne(a, N, b);
-    P && (await e([
-      {
-        op: "weld_anchors",
-        anchorIds: b
+    [$]
+  ), ye = we(
+    (d) => {
+      if (j(d), d == null) return;
+      const h = A.shapes.find((f) => f.id === d);
+      h && Z(h.levelId), W((f) => f === "edit-map" ? f : (h == null ? void 0 : h.kind) === "unit" || (h == null ? void 0 : h.kind) === "parking_zone" ? "stores" : (h == null ? void 0 : h.kind) === "amenity" ? "amenities" : (h == null ? void 0 : h.kind) === "kiosk_screen" ? "kiosks" : "selection");
+    },
+    [A.shapes]
+  ), ve = () => {
+    B.length < 2 || (z({
+      op: "weld_anchors",
+      anchorIds: B
+    }), v([B[0]]));
+  }, ke = (d) => {
+    !L || !r || A.shapes.some(
+      (f) => f.id !== L.id && f.levelId === L.levelId && f.key === d && !f.orphanedAt
+    ) || z({
+      op: "upsert_shape",
+      shape: {
+        id: L.id,
+        levelId: L.levelId,
+        key: d,
+        kind: L.kind
       }
-    ]), E([P.survivingAnchorId]));
-  }, s = async (a) => {
-    !x || !l || await e([
-      {
-        op: "upsert_shape",
-        shape: {
-          id: x.id,
-          levelId: x.levelId,
-          key: a,
-          kind: x.kind
-        }
+    });
+  }, Ne = () => {
+    !L || !r || (z({ op: "delete_shape", shapeId: L.id }), j(null));
+  }, Ie = (d, h) => {
+    if (!r) return;
+    const f = A.shapes.find((D) => D.id === d);
+    f && z({
+      op: "upsert_shape",
+      shape: {
+        id: f.id,
+        levelId: f.levelId,
+        key: f.key,
+        kind: f.kind,
+        geometry: h,
+        geometryLocked: !0
       }
-    ]);
-  }, L = async (a) => {
-    !x || !l || await e([
-      {
-        op: "upsert_shape",
-        shape: {
-          id: x.id,
-          levelId: x.levelId,
-          key: x.key,
-          kind: a
-        }
+    });
+  }, i = (d) => {
+    !L || !r || z({
+      op: "upsert_shape",
+      shape: {
+        id: L.id,
+        levelId: L.levelId,
+        key: L.key,
+        kind: d
       }
-    ]);
-  };
-  return /* @__PURE__ */ r("div", { className: `eyeon-map-editor ${I ?? ""}`, children: [
-    /* @__PURE__ */ n(
-      re,
+    });
+  }, p = e === "PORTAL", a = Mn(e, $), m = a === "editor", k = /* @__PURE__ */ o(
+    Ln,
+    {
+      shape: L,
+      assignment: pe,
+      amenities: A.amenities,
+      levelShapeKeys: X.filter((d) => d.id !== F).map((d) => d.key),
+      canEdit: r,
+      onRename: ke,
+      onChangeKind: i,
+      onDelete: Ne,
+      onSaveAssignment: (d) => {
+        r && z({ op: "upsert_assignment", assignment: d });
+      }
+    }
+  ), I = () => /* @__PURE__ */ s(de, { children: [
+    /* @__PURE__ */ o(
+      Fn,
       {
-        tab: C,
-        onTabChange: t,
-        draft: i,
-        activeLevelId: u,
-        onSelectLevel: S,
-        canFloors: p,
-        canSettings: d,
-        onImportSvg: K,
-        onAutoroute: D,
-        theme: v,
-        onThemeChange: async (a) => {
-          d && await e([{ op: "update_theme", theme: a }]);
-        }
+        disabled: B.length < 2,
+        onClick: ve
       }
     ),
-    /* @__PURE__ */ r("div", { className: "eyeon-map-editor__center", children: [
-      /* @__PURE__ */ r("div", { className: "eyeon-map-editor__toolbar", children: [
-        /* @__PURE__ */ r("div", { className: "eyeon-map-editor__tools", children: [
-          ["select", "pan", "draw-unit", "draw-route"].map((a) => /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              className: m === a ? "is-active" : "",
-              onClick: () => B(a),
-              disabled: !l && a.startsWith("draw"),
-              children: a
-            },
-            a
-          )),
-          /* @__PURE__ */ n("button", { type: "button", onClick: c, disabled: b.length < 2, children: "Weld anchors" }),
-          /* @__PURE__ */ r("label", { className: "eyeon-map-editor__angle", children: [
-            "Base °",
-            /* @__PURE__ */ n(
-              "input",
+    /* @__PURE__ */ s("label", { className: "eyeon-map-editor__angle", children: [
+      "Snap °",
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "number",
+          value: G,
+          onChange: (d) => V(Number(d.target.value) || 0)
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ s("div", { className: `eyeon-map-editor eyeon-map-editor--${e} ${Q ?? ""}`, children: [
+    p ? /* @__PURE__ */ o(
+      xn,
+      {
+        section: $,
+        onSectionChange: ge,
+        draft: A,
+        activeLevelId: R,
+        selectedShapeId: F,
+        onSelectShape: (d) => ye(d),
+        canFloors: l,
+        canSettings: t,
+        onImportSvg: M,
+        onCreateLevel: x,
+        onUpdateLevel: N,
+        onDeleteLevel: T,
+        onReorderLevels: J,
+        onAutoroute: b,
+        theme: re,
+        onThemeChange: (d) => {
+          t && z({ op: "update_theme", theme: { ...A.theme, ...d } });
+        },
+        footer: ee,
+        assignPanel: k,
+        editMapPanel: /* @__PURE__ */ s(de, { children: [
+          /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+            "Level to edit",
+            /* @__PURE__ */ s(
+              "select",
               {
-                type: "number",
-                value: A,
-                onChange: (a) => U(Number(a.target.value) || 0)
+                value: R ?? "",
+                onChange: (d) => Z(d.target.value ? Number(d.target.value) : null),
+                children: [
+                  /* @__PURE__ */ o("option", { value: "", children: "Choose floor or Outdoor…" }),
+                  A.levels.map((d) => /* @__PURE__ */ o("option", { value: d.id, children: d.kind === "outdoor" ? `Outdoor — ${d.name}` : d.name }, d.id))
+                ]
               }
             )
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "eyeon-map-editor__actions", children: [
-          /* @__PURE__ */ n("button", { type: "button", onClick: () => R((a) => !a), children: k ? "Edit" : "Preview" }),
-          /* @__PURE__ */ n(
+          ] }),
+          /* @__PURE__ */ o(Pe, { tool: ne, onToolChange: _, canEdit: r }),
+          /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: Wn(ne) }),
+          ne === "draw-route" && /* @__PURE__ */ s("div", { className: "eyeon-map-rail__tool-extras", children: [
+            I(),
+            /* @__PURE__ */ s("div", { className: "eyeon-map-rail__stat", children: [
+              g.length,
+              " path points · ",
+              C.length,
+              " connections"
+            ] }),
+            l && R != null && /* @__PURE__ */ o("div", { className: "eyeon-map-rail__actions", children: /* @__PURE__ */ o("button", { type: "button", onClick: () => b == null ? void 0 : b(R), children: "Suggest walking paths" }) })
+          ] }),
+          k
+        ] })
+      }
+    ) : null,
+    /* @__PURE__ */ s("div", { className: "eyeon-map-editor__center", children: [
+      /* @__PURE__ */ s("div", { className: "eyeon-map-editor__toolbar", children: [
+        /* @__PURE__ */ o("div", { className: "eyeon-map-editor__tools", children: m ? /* @__PURE__ */ s(de, { children: [
+          /* @__PURE__ */ o(
+            Pe,
+            {
+              tool: ne,
+              onToolChange: _,
+              canEdit: r
+            }
+          ),
+          ne === "draw-route" ? I() : null
+        ] }) : null }),
+        /* @__PURE__ */ s("div", { className: "eyeon-map-editor__actions", children: [
+          Y && /* @__PURE__ */ o("span", { className: "eyeon-map-editor__unsaved", children: "Unsaved changes" }),
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              className: "eyeon-map-editor__publish",
-              onClick: () => y == null ? void 0 : y(),
-              disabled: !l,
-              children: "Publish"
+              className: "eyeon-map-editor__save",
+              onClick: () => void fe(),
+              disabled: !r || !Y || ue,
+              children: ue ? "Saving…" : "Save Changes"
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: "eyeon-map-editor__canvas-wrap", children: k && _ ? /* @__PURE__ */ n(se, { document: _ }) : /* @__PURE__ */ n(
-        ae,
+      a === "viewer" ? /* @__PURE__ */ o(
+        Tn,
         {
-          level: w,
-          shapes: Y,
-          anchors: X,
-          edges: j,
-          assignments: i.assignments,
-          theme: v,
-          tool: m,
-          baseAngle: A,
-          selectedShapeId: O,
-          selectedAnchorIds: b,
-          baseSvgUrl: (w == null ? void 0 : w.kind) === "outdoor" ? i.baseSvgUrl ?? null : null,
-          onSelectShape: M,
-          onSelectAnchors: E,
-          onCreateRoutePoint: async (a, N) => {
-            if (!w || !l) return;
-            const P = N ? Z(
-              X.find((W) => W.id === N) ?? a,
-              a,
-              A
-            ) : a;
-            await e([
-              {
+          document: me,
+          host: "PORTAL_ASSIGN",
+          onSelectShape: ye,
+          routeOnSelect: !1,
+          imageProxyUrl: P
+        }
+      ) : /* @__PURE__ */ s(de, { children: [
+        m && ne === "draw-route" && /* @__PURE__ */ o("div", { className: "eyeon-map-editor__hint", children: "Click the map to place path points. Drag two points together, then Join points, to connect them." }),
+        /* @__PURE__ */ o("div", { className: "eyeon-map-editor__canvas-wrap", children: /* @__PURE__ */ o(
+          dn,
+          {
+            level: E,
+            shapes: X.filter((d) => !d.orphanedAt),
+            underlayShapes: oe.filter((d) => !d.orphanedAt),
+            anchors: g,
+            edges: C,
+            assignments: A.assignments,
+            theme: re,
+            tool: ne,
+            baseAngle: G,
+            selectedShapeId: F,
+            selectedAnchorIds: B,
+            baseSvgUrl: A.baseSvgUrl ?? null,
+            baseViewbox: (le == null ? void 0 : le.sourceViewbox) ?? null,
+            levelSvgUrl: (E == null ? void 0 : E.kind) === "outdoor" ? E.sourceSvgUrl ?? A.baseSvgUrl ?? null : null,
+            interactiveOnly: (E == null ? void 0 : E.kind) === "outdoor",
+            showGrid: !0,
+            onSelectShape: ye,
+            onSelectAnchors: v,
+            onCreateRoutePoint: (d, h) => {
+              if (!E || !r) return;
+              const f = h ? Ve(
+                g.find((D) => D.id === h) ?? d,
+                d,
+                G
+              ) : d;
+              z({
                 op: "upsert_anchor",
                 anchor: {
-                  levelId: w.id,
-                  x: P.x,
-                  y: P.y,
+                  levelId: E.id,
+                  x: f.x,
+                  y: f.y,
                   kind: "junction"
                 }
-              }
-            ]);
-          },
-          onMoveAnchor: async (a, N, P) => {
-            if (!l) return;
-            const W = X.find((H) => H.id === a);
-            W && await e([
-              {
+              });
+            },
+            onMoveAnchor: (d, h, f) => {
+              if (!r) return;
+              const D = g.find((ie) => ie.id === d);
+              D && z({
                 op: "upsert_anchor",
-                anchor: { ...W, x: N, y: P }
-              }
-            ]);
-          },
-          onCreateShape: async (a, N) => {
-            !w || !l || await e([
-              {
+                anchor: { ...D, x: h, y: f }
+              });
+            },
+            onCreateShape: (d, h) => {
+              if (!E || !r) return;
+              const f = z({
                 op: "upsert_shape",
                 shape: {
-                  levelId: w.id,
-                  key: `${a}-${Date.now()}`,
-                  kind: a,
-                  geometry: N
+                  levelId: E.id,
+                  key: `${d}-${Date.now()}`,
+                  kind: d,
+                  geometry: h,
+                  origin: "manual",
+                  geometryLocked: !0
                 }
-              }
-            ]);
+              });
+              f != null && ye(f);
+            },
+            onUpdateShapeGeometry: Ie
           }
-        }
-      ) })
+        ) })
+      ] })
+    ] })
+  ] });
+}
+function jn(e) {
+  switch (e) {
+    case "added":
+      return "Added";
+    case "removed":
+      return "Orphaned";
+    case "moved":
+      return "Moved";
+    case "kind_changed":
+      return "Kind changed";
+    default:
+      return "Unchanged";
+  }
+}
+function qn({
+  diff: e,
+  viewBoxChanged: n = !1,
+  blockedMessage: r,
+  busy: l = !1,
+  onApply: t,
+  onCancel: c
+}) {
+  const [y, M] = w({}), x = se(() => {
+    const N = e.items.filter((S) => S.change === "added"), T = e.items.filter((S) => S.change === "removed"), J = e.items.filter(
+      (S) => S.geometryLocked && S.change !== "removed" && S.change !== "added"
+    ), b = e.items.filter((S) => S.change === "moved");
+    return { added: N, orphaned: T, locked: J, moved: b };
+  }, [e.items]);
+  return n ? /* @__PURE__ */ s("div", { className: "eyeon-map-import-review", children: [
+    /* @__PURE__ */ o("div", { className: "eyeon-map-floors__error", children: r ?? "SVG viewBox changed — restore the original artboard before re-uploading." }),
+    c ? /* @__PURE__ */ o("button", { type: "button", onClick: c, disabled: l, children: "Close" }) : null
+  ] }) : /* @__PURE__ */ s("div", { className: "eyeon-map-import-review", children: [
+    /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Review changes before applying. Orphaned shapes keep their retailer assignments — remap them onto a newly added id if the designer renamed a store." }),
+    x.added.length > 0 && /* @__PURE__ */ s("section", { children: [
+      /* @__PURE__ */ s("div", { className: "eyeon-map-inspector__heading", children: [
+        "Added (",
+        x.added.length,
+        ")"
+      ] }),
+      x.added.map((N) => /* @__PURE__ */ s("div", { className: "eyeon-map-rail__row", children: [
+        /* @__PURE__ */ o("span", { children: N.sourceSvgId }),
+        /* @__PURE__ */ o("span", { className: "eyeon-map-rail__muted", children: N.newKind })
+      ] }, N.sourceSvgId))
     ] }),
-    /* @__PURE__ */ n(
-      de,
-      {
-        shape: x,
-        assignment: G,
-        amenities: i.amenities,
-        canEdit: l,
-        onRename: s,
-        onChangeKind: L,
-        onSaveAssignment: async (a) => {
-          l && await e([{ op: "upsert_assignment", assignment: a }]);
-        },
-        undoCount: $.length
-      }
-    )
+    x.orphaned.length > 0 && /* @__PURE__ */ s("section", { children: [
+      /* @__PURE__ */ s("div", { className: "eyeon-map-inspector__heading", children: [
+        "Orphaned (",
+        x.orphaned.length,
+        ")"
+      ] }),
+      x.orphaned.map((N) => /* @__PURE__ */ s("div", { className: "eyeon-map-rail__row eyeon-map-import-review__remap", children: [
+        /* @__PURE__ */ o("span", { children: N.sourceSvgId }),
+        /* @__PURE__ */ s("label", { className: "eyeon-map-rail__field", children: [
+          "Remap to",
+          /* @__PURE__ */ s(
+            "select",
+            {
+              value: y[N.existingShapeId] ?? "",
+              disabled: l || x.added.length === 0,
+              onChange: (T) => M((J) => ({
+                ...J,
+                [N.existingShapeId]: T.target.value
+              })),
+              children: [
+                /* @__PURE__ */ o("option", { value: "", children: "Keep orphaned" }),
+                x.added.map((T) => /* @__PURE__ */ o("option", { value: T.sourceSvgId, children: T.sourceSvgId }, T.sourceSvgId))
+              ]
+            }
+          )
+        ] })
+      ] }, N.sourceSvgId))
+    ] }),
+    x.locked.length > 0 && /* @__PURE__ */ s("section", { children: [
+      /* @__PURE__ */ s("div", { className: "eyeon-map-inspector__heading", children: [
+        "Geometry locked (",
+        x.locked.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Portal edits win — kind/style may update, geometry will not." }),
+      x.locked.map((N) => /* @__PURE__ */ s("div", { className: "eyeon-map-rail__row", children: [
+        /* @__PURE__ */ o("span", { children: N.sourceSvgId }),
+        /* @__PURE__ */ o("span", { className: "eyeon-map-rail__muted", children: jn(N.change) })
+      ] }, N.sourceSvgId))
+    ] }),
+    x.moved.length > 0 && /* @__PURE__ */ s("section", { children: [
+      /* @__PURE__ */ s("div", { className: "eyeon-map-inspector__heading", children: [
+        "Moved (",
+        x.moved.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "Centroid drifted — check nearby walking paths after apply." }),
+      x.moved.map((N) => /* @__PURE__ */ o("div", { className: "eyeon-map-rail__row", children: /* @__PURE__ */ o("span", { children: N.sourceSvgId }) }, N.sourceSvgId))
+    ] }),
+    e.items.length === 0 && /* @__PURE__ */ o("p", { className: "eyeon-map-rail__hint", children: "No shape changes detected." }),
+    /* @__PURE__ */ s("div", { className: "eyeon-map-rail__actions", children: [
+      c ? /* @__PURE__ */ o("button", { type: "button", disabled: l, onClick: c, children: "Cancel" }) : null,
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: "eyeon-map-floors__primary",
+          disabled: l,
+          onClick: () => void t({
+            acceptAll: !0,
+            remap: Object.entries(y).filter(([, N]) => !!N).map(([N, T]) => ({
+              fromShapeId: Number(N),
+              toSourceSvgId: T
+            }))
+          }),
+          children: l ? "Applying…" : "Apply import"
+        }
+      )
+    ] })
   ] });
 }
 export {
-  ae as EditorCanvas,
-  de as Inspector,
-  re as LeftRail,
-  _e as MapEditor
+  dn as EditorCanvas,
+  Nn as FloorsPanel,
+  qn as ImportReviewPanel,
+  Ln as Inspector,
+  xn as LeftRail,
+  Zn as MapEditor,
+  fn as floorsScreenTitle,
+  rn as hitTestVertex,
+  en as insertVertex,
+  Qe as moveVertex,
+  be as polygonsToGeometry,
+  Mn as portalCenterSurface,
+  nn as removeVertex,
+  Me as translateGeometry,
+  _n as visibleFloorCount
 };
 //# sourceMappingURL=index.js.map