@kerros/editor 0.0.0-stage → 0.1.0-rc.1

package/dist/components/Inspector.js

@@ -0,0 +1,1184 @@
+import { jsxs as n, jsx as i, Fragment as I } from "react/jsx-runtime";
+import { useState as Ae } from "react";
+import { X as xe, Layers3 as ue, ShieldCheck as ge, Camera as De, ArrowUpRight as Ue, ChevronRight as H, LockKeyhole as Le, Compass as pe, ArrowUp as Me, ArrowLeft as Te, ArrowRight as W, ArrowDown as Ee, MoreHorizontal as $e, Trash2 as ve, Copy as Oe, Unplug as Re, Eye as fe, Layers as Be } from "lucide-react";
+import { isArea as be, isSpace as Se, isOpening as Pe } from "../model/types.js";
+import { objectArea as Ne, distance as K, objectPosition as ye, barrierEnds as q } from "../model/geometry.js";
+import { entryInto as Ge, zoneSpaces as He } from "../model/ontology.js";
+import { effectivePortals as Fe } from "../model/portals.js";
+import { coverageOf as we } from "../model/coverage.js";
+import { spaceAt as We } from "../model/spaces.js";
+import { statusTone as T, statusLabel as ke } from "../adapters/status.js";
+import { EntityIcon as P } from "./Icons.js";
+import { Field as v, Choice as Ke, Toggle as G } from "./controls.js";
+import { LAMPS as Ce, DEFAULT_LIGHT as D, lampFor as Ve, kelvinColor as Ye } from "../map/lighting.js";
+import { AMBIENCES as Ie } from "../map/ambience.js";
+function qe({
+  project: t,
+  object: r,
+  onSelect: z,
+  onFloor: S
+}) {
+  var k;
+  const f = (a) => {
+    var o;
+    return ((o = t.objects.find((p) => p.id === a)) == null ? void 0 : o.name) ?? "elsewhere";
+  }, F = (a) => {
+    var o;
+    return ((o = t.floors.find((p) => p.id === a)) == null ? void 0 : o.name) ?? a;
+  }, h = [], y = (a) => {
+    var o;
+    return ((o = t.objects.find((p) => p.id === a)) == null ? void 0 : o.kind) ?? "";
+  }, U = Fe(t), l = U.find((a) => a.openingId === r.id);
+  if (l)
+    for (const a of [l.a, l.b]) {
+      const o = a === l.a ? l.b : l.a, p = Ge(l, a);
+      h.push({
+        key: `p-${a}`,
+        icon: /* @__PURE__ */ i(W, { size: 14 }),
+        label: f(a),
+        detail: p ? `enter from ${f(o)}` : `no way through from ${f(o)}`,
+        go: () => z(a)
+      });
+    }
+  if (!l && Pe(r.kind) && r.barrierId) {
+    const a = t.barriers.find((o) => o.id === r.barrierId);
+    if (a) {
+      const [o, p] = q(t, a), w = K(o, p) || 1, O = -(p[1] - o[1]) / w, R = (p[0] - o[0]) / w, L = a.thickness / 2 + 0.35;
+      for (const E of [1, -1]) {
+        const M = [r.position[0] + O * L * E, r.position[1] + R * L * E], C = We(t, r.floorId, M);
+        h.push({
+          key: `s-${E}`,
+          icon: /* @__PURE__ */ i(W, { size: 14 }),
+          label: (C == null ? void 0 : C.name) ?? "Outside any space",
+          detail: C ? "on this side of the doorway" : "nothing drawn on this side",
+          go: () => C && z(C.id)
+        });
+      }
+    }
+  }
+  if (r.kind === "camera")
+    for (const a of we(t, r))
+      h.push({
+        key: `c-${a}`,
+        icon: /* @__PURE__ */ i(fe, { size: 14 }),
+        label: f(a),
+        detail: `in view · ${y(a)}`,
+        go: () => z(a)
+      });
+  if ((k = r.servedFloorIds) != null && k.length)
+    for (const a of r.servedFloorIds) {
+      const o = t.floors.find((p) => p.id === a);
+      o && h.push({
+        key: `f-${a}`,
+        icon: /* @__PURE__ */ i(Be, { size: 14 }),
+        label: F(a),
+        detail: `${o.elevation.toFixed(1)} m`,
+        go: () => S(a)
+      });
+    }
+  if (Se(r.kind))
+    for (const a of U) {
+      if (a.a !== r.id && a.b !== r.id) continue;
+      const o = a.a === r.id ? a.b : a.a, p = a.openingId ? t.objects.find((w) => w.id === a.openingId) : void 0;
+      h.push({
+        key: `w-${a.id}`,
+        icon: /* @__PURE__ */ i(W, { size: 14 }),
+        label: f(o),
+        detail: p ? p.name ?? p.kind : "open boundary",
+        go: () => z(a.openingId ?? o)
+      });
+    }
+  for (const a of t.objects)
+    a.kind === "camera" && a.floorId === r.floorId && a.id !== r.id && we(t, a).includes(r.id) && h.push({
+      key: `v-${a.id}`,
+      icon: /* @__PURE__ */ i(fe, { size: 14 }),
+      label: a.name,
+      detail: "has this in view",
+      go: () => z(a.id)
+    });
+  const m = (t.zones ?? []).filter((a) => He(t, a).includes(r.id));
+  return !h.length && !m.length ? null : /* @__PURE__ */ n("section", { className: "property-section", children: [
+    /* @__PURE__ */ i("h3", { children: "Connections" }),
+    h.map((a) => /* @__PURE__ */ n("button", { className: "object-row", onClick: a.go, children: [
+      a.icon,
+      /* @__PURE__ */ n("span", { children: [
+        a.label,
+        /* @__PURE__ */ i("small", { children: a.detail })
+      ] }),
+      /* @__PURE__ */ i(H, { size: 15 })
+    ] }, a.key)),
+    m.map((a) => /* @__PURE__ */ n("p", { className: "helper", children: [
+      "In zone ",
+      /* @__PURE__ */ i("strong", { children: a.name }),
+      a.purpose ? ` · ${a.purpose}` : ""
+    ] }, a.id))
+  ] });
+}
+function di(t) {
+  var Z, j, ee, ie, ne, le, ae, te, oe, re, de, se, ce, he;
+  const { project: r, floorId: z, selected: S, statuses: f, monitoring: F, editing: h } = t, y = Fe(r).find((e) => e.openingId === S), U = (e) => {
+    var d;
+    return ((d = r.objects.find((s) => s.id === e)) == null ? void 0 : d.name) ?? "elsewhere";
+  }, l = r.objects.find((e) => e.id === S), m = r.barriers.find((e) => e.id === S), k = (Z = r.virtualBoundaries) == null ? void 0 : Z.find((e) => e.id === S), a = r.drawings.find((e) => e.id === S), o = r.floors.find((e) => e.id === z), p = r.objects.filter((e) => e.floorId === z), w = p.filter((e) => e.feedId), O = r.objects.filter((e) => e.feedId), R = O.filter((e) => T(f.get(e.feedId)) === "critical"), L = w.filter((e) => {
+    var d, s;
+    return ((s = (d = f.get(e.feedId)) == null ? void 0 : d.metrics) == null ? void 0 : s.occupancy) !== void 0;
+  }), E = (e) => e.reduce((d, s) => {
+    var c, g;
+    return d + (((g = (c = f.get(s.feedId)) == null ? void 0 : c.metrics) == null ? void 0 : g.occupancy) ?? 0);
+  }, 0), M = L.map((e) => f.get(e.feedId).metrics.co2).filter((e) => e !== void 0), C = [...L].sort(
+    (e, d) => {
+      var s, c, g, N;
+      return (((c = (s = f.get(d.feedId)) == null ? void 0 : s.metrics) == null ? void 0 : c.occupancy) ?? 0) - (((N = (g = f.get(e.feedId)) == null ? void 0 : g.metrics) == null ? void 0 : N.occupancy) ?? 0);
+    }
+  )[0], u = l != null && l.feedId ? f.get(l.feedId) : void 0, [$, ze] = Ae(0.5), V = (e) => {
+    var s;
+    if (!Number.isFinite(e)) return;
+    const d = (e % 360 + 360) % 360;
+    (s = t.onEdit) == null || s.call(t, (c) => {
+      c.origin = d ? [c.origin[0], c.origin[1], d] : [c.origin[0], c.origin[1]];
+    });
+  }, X = (e) => V((r.origin[2] ?? 0) + e), B = (e, d) => {
+    var s;
+    return (s = t.onShiftOrigin) == null ? void 0 : s.call(t, e, d);
+  }, Q = (e, d) => {
+    var c;
+    const s = Number(d);
+    d.trim() === "" || !Number.isFinite(s) || e === 0 && Math.abs(s) > 180 || e === 1 && Math.abs(s) > 90 || (c = t.onEdit) == null || c.call(t, (g) => {
+      const [N, x, me = 0] = g.origin, Y = e === 0 ? [s, x, me] : e === 1 ? [N, s, me] : [N, x, s];
+      g.origin = Y[2] ? Y : Y.slice(0, 2);
+    });
+  }, _ = l ? r.objects.find((e) => {
+    var d;
+    return e.kind === "camera" && ((d = e.watchedIds) == null ? void 0 : d.includes(l.id));
+  }) : void 0, b = (e) => l && t.onUpdateObject(l.id, e), A = (e, d, s, c = "m", g = 0.01, N) => /* @__PURE__ */ i(
+    v,
+    {
+      label: e,
+      value: d,
+      type: "number",
+      suffix: c,
+      min: g,
+      max: N,
+      onChange: (x) => b({ [s]: Number(x) })
+    }
+  ), J = (l == null ? void 0 : l.name) ?? (m == null ? void 0 : m.name) ?? (a == null ? void 0 : a.name) ?? (k ? "Virtual boundary" : void 0);
+  return /* @__PURE__ */ n("aside", { className: "inspector", children: [
+    /* @__PURE__ */ n("div", { className: "inspector-top", children: [
+      /* @__PURE__ */ i("span", { children: S ? "Properties" : "Space overview" }),
+      S ? /* @__PURE__ */ i("button", { className: "icon-button", "aria-label": "Close properties", onClick: t.onClose, children: /* @__PURE__ */ i(xe, { size: 17 }) }) : /* @__PURE__ */ i(ue, { size: 17 })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "inspector-scroll", children: J ? /* @__PURE__ */ n(I, { children: [
+      /* @__PURE__ */ n("div", { className: "object-title", children: [
+        /* @__PURE__ */ i("div", { className: `object-avatar ${l ? T(u) : ""}`, children: l ? /* @__PURE__ */ i(P, { kind: l.kind, size: 25, symbol: l.symbol, travel: l.travel }) : m ? /* @__PURE__ */ i(P, { kind: m.kind, size: 25 }) : /* @__PURE__ */ i(ue, { size: 25 }) }),
+        /* @__PURE__ */ i("span", { className: "eyebrow", children: (l == null ? void 0 : l.kind) ?? (m == null ? void 0 : m.kind) ?? (k ? "SPACE BOUNDARY" : "REFERENCE DRAWING") }),
+        /* @__PURE__ */ i("h2", { children: J }),
+        /* @__PURE__ */ i("p", { children: ((j = r.floors.find(
+          (e) => e.id === ((l == null ? void 0 : l.floorId) ?? (m == null ? void 0 : m.floorId) ?? (k == null ? void 0 : k.floorId) ?? (a == null ? void 0 : a.floorId))
+        )) == null ? void 0 : j.name) ?? "Outdoor site" })
+      ] }),
+      F && (l == null ? void 0 : l.feedId) && !be(l.kind) && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ n("div", { className: `status-banner ${T(u)}`, children: [
+          /* @__PURE__ */ i(ge, { size: 18 }),
+          /* @__PURE__ */ i("strong", { children: ke(u) }),
+          /* @__PURE__ */ i("span", { className: "live-pip" })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "status-grid", children: /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ i("span", { children: "Last update" }),
+          /* @__PURE__ */ i("strong", { children: u != null && u.timestamp ? new Date(u.timestamp).toLocaleTimeString([], {
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit"
+          }) : "—" })
+        ] }) }),
+        _ && /* @__PURE__ */ n("p", { className: "helper", children: [
+          /* @__PURE__ */ i(De, { size: 13 }),
+          " ",
+          _.name,
+          " covers this ",
+          l.kind,
+          "."
+        ] })
+      ] }),
+      (u == null ? void 0 : u.metrics) && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Environment" }),
+        /* @__PURE__ */ n("div", { className: "status-grid", children: [
+          u.metrics.occupancy !== void 0 && /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ i("span", { children: "People" }),
+            /* @__PURE__ */ n("strong", { children: [
+              u.metrics.occupancy,
+              u.metrics.capacity ? ` / ${u.metrics.capacity}` : ""
+            ] })
+          ] }),
+          u.metrics.co2 !== void 0 && /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ i("span", { children: "CO₂" }),
+            /* @__PURE__ */ n("strong", { children: [
+              u.metrics.co2,
+              " ppm"
+            ] })
+          ] }),
+          u.metrics.lux !== void 0 && /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ i("span", { children: "Light" }),
+            /* @__PURE__ */ n("strong", { children: [
+              u.metrics.lux,
+              " lx"
+            ] })
+          ] }),
+          u.metrics.temperature !== void 0 && /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ i("span", { children: "Temperature" }),
+            /* @__PURE__ */ n("strong", { children: [
+              u.metrics.temperature,
+              " °C"
+            ] })
+          ] })
+        ] }),
+        u.metrics.presence !== void 0 && /* @__PURE__ */ i("p", { className: "helper", children: u.metrics.presence ? "Presence detected in this space." : "No presence detected right now." })
+      ] }),
+      h && l && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Object details" }),
+        /* @__PURE__ */ i(v, { label: "Name", value: l.name, onChange: (e) => b({ name: e }) }),
+        be(l.kind) && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ n("label", { className: "field", children: [
+            /* @__PURE__ */ i("span", { children: "Space geometry" }),
+            /* @__PURE__ */ n(
+              "select",
+              {
+                "aria-label": "Space geometry",
+                value: ((ee = l.geometry) == null ? void 0 : ee.mode) ?? "independent",
+                onChange: (e) => {
+                  var s;
+                  const d = e.target.value;
+                  (s = t.onSpaceGeometry) == null || s.call(t, l.id, d === "boundaries" ? "outline" : "independent");
+                },
+                children: [
+                  /* @__PURE__ */ i("option", { value: "boundaries", children: "Shared boundaries" }),
+                  /* @__PURE__ */ i("option", { value: "independent", children: "Independent outline" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("p", { className: "helper", children: ((ie = l.geometry) == null ? void 0 : ie.mode) === "boundaries" ? "Move the boundary handles or walls. Adjacent spaces follow the same boundary." : "This outline stays where you draw it. Connect it to share edits with adjacent spaces." }),
+          ((ne = l.geometry) == null ? void 0 : ne.mode) !== "boundaries" && /* @__PURE__ */ i("button", { className: "button secondary", onClick: () => {
+            var e;
+            return (e = t.onSpaceGeometry) == null ? void 0 : e.call(t, l.id, "walls");
+          }, children: "Use surrounding walls" })
+        ] }),
+        l.feedId !== void 0 || ["door", "gate", "camera", "reader", "turnstile", "elevator"].includes(l.kind) ? /* @__PURE__ */ i(
+          v,
+          {
+            label: "Feed ID",
+            value: l.feedId ?? "",
+            onChange: (e) => b({ feedId: e || void 0 })
+          }
+        ) : null,
+        ((le = l.geometry) == null ? void 0 : le.mode) !== "boundaries" && /* @__PURE__ */ n("div", { className: "field-grid", children: [
+          l.barrierId ? A("Along barrier", l.offset ?? 0, "offset", "m", 0) : /* @__PURE__ */ i(
+            v,
+            {
+              label: "East / X",
+              value: l.position[0],
+              type: "number",
+              suffix: "m",
+              onChange: (e) => b({ position: [Number(e), l.position[1]] })
+            }
+          ),
+          l.barrierId ? A("Width", l.width, "width") : /* @__PURE__ */ i(
+            v,
+            {
+              label: "North / Y",
+              value: l.position[1],
+              type: "number",
+              suffix: "m",
+              onChange: (e) => b({ position: [l.position[0], Number(e)] })
+            }
+          )
+        ] }),
+        !l.barrierId && ((ae = l.geometry) == null ? void 0 : ae.mode) !== "boundaries" && /* @__PURE__ */ n("div", { className: "field-grid", children: [
+          A("Width", l.width, "width"),
+          A("Depth", l.depth, "depth")
+        ] }),
+        l.kind === "door" && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ n("label", { className: "field", children: [
+            /* @__PURE__ */ i("span", { children: "Door type" }),
+            /* @__PURE__ */ n(
+              "select",
+              {
+                value: l.doorType ?? "hinged",
+                disabled: !h,
+                onChange: (e) => b({ doorType: e.target.value }),
+                children: [
+                  /* @__PURE__ */ i("option", { value: "hinged", children: "Hinged door" }),
+                  /* @__PURE__ */ i("option", { value: "sliding", children: "Sliding door" }),
+                  /* @__PURE__ */ i("option", { value: "double", children: "Double-leaf door" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n("div", { className: "field-grid", children: [
+            /* @__PURE__ */ n("label", { className: "field", children: [
+              /* @__PURE__ */ i("span", { children: l.doorType === "sliding" ? "Slide direction" : "Door hinge" }),
+              /* @__PURE__ */ n(
+                "select",
+                {
+                  value: l.doorHinge ?? "left",
+                  disabled: !h || l.doorType === "double",
+                  onChange: (e) => b({ doorHinge: e.target.value }),
+                  children: [
+                    /* @__PURE__ */ i("option", { value: "left", children: l.doorType === "sliding" ? "Left" : "Left-handed" }),
+                    /* @__PURE__ */ i("option", { value: "right", children: l.doorType === "sliding" ? "Right" : "Right-handed" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("label", { className: "field", children: [
+              /* @__PURE__ */ i("span", { children: "Opening side" }),
+              /* @__PURE__ */ n(
+                "select",
+                {
+                  value: l.doorSwing ?? 1,
+                  disabled: !h,
+                  onChange: (e) => b({ doorSwing: Number(e.target.value) }),
+                  children: [
+                    /* @__PURE__ */ i("option", { value: 1, children: "Side A" }),
+                    /* @__PURE__ */ i("option", { value: -1, children: "Side B" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ i("small", { children: l.doorType === "sliding" ? "Slides along the wall on the selected side. Left is toward the wall’s start; right toward its end." : l.doorType === "double" ? "Two leaves hinge at opposite jambs and open to the selected side." : "Left hinges at the wall’s start; right at its end. Drag across the wall to change the opening side." })
+        ] }),
+        y && /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Passage" }),
+          /* @__PURE__ */ n(
+            "select",
+            {
+              value: y.passage ?? "both",
+              disabled: !h,
+              onChange: (e) => {
+                var s;
+                const d = e.target.value;
+                (s = t.onEdit) == null || s.call(t, (c) => {
+                  var N;
+                  const g = (N = c.portals) == null ? void 0 : N.find((x) => x.id === y.id);
+                  g && (g.passage = d === "both" ? void 0 : d);
+                });
+              },
+              children: [
+                /* @__PURE__ */ i("option", { value: "both", children: "Both ways" }),
+                /* @__PURE__ */ i("option", { value: "a-to-b", children: `Into ${U(y.b)} only` }),
+                /* @__PURE__ */ i("option", { value: "b-to-a", children: `Into ${U(y.a)} only` }),
+                /* @__PURE__ */ i("option", { value: "none", children: "Sealed" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i("small", { children: `Between ${U(y.a)} and ${U(y.b)}. Routing obeys this — a one-way portal is a one-way edge.` })
+        ] }),
+        y && /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Attestation" }),
+          /* @__PURE__ */ n(
+            "select",
+            {
+              value: y.attests ?? "assumed",
+              disabled: !h,
+              onChange: (e) => {
+                var s;
+                const d = e.target.value;
+                (s = t.onEdit) == null || s.call(t, (c) => {
+                  var N;
+                  const g = (N = c.portals) == null ? void 0 : N.find((x) => x.id === y.id);
+                  g && (g.attests = d);
+                });
+              },
+              children: [
+                /* @__PURE__ */ i("option", { value: "confirmed", children: "Confirmed — a sensor sees it" }),
+                /* @__PURE__ */ i("option", { value: "assumed", children: "Assumed — granted, not watched" }),
+                /* @__PURE__ */ i("option", { value: "none", children: "None — a request, not an event" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i("small", { children: "How far a crossing here can be trusted to have happened. Anything counting crossings must ignore portals that attest nothing." })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "field-grid", children: [
+          A("Height", l.height, "height", "m", 0),
+          !l.barrierId && ((te = l.geometry) == null ? void 0 : te.mode) !== "boundaries" && A("Rotation", l.rotation, "rotation", "°", -360, 360)
+        ] }),
+        l.rings && /* @__PURE__ */ n("div", { className: "measurement-row", children: [
+          /* @__PURE__ */ i("span", { children: "Net area" }),
+          /* @__PURE__ */ n("strong", { children: [
+            Ne(l).toFixed(1),
+            " m²"
+          ] })
+        ] }),
+        l.rings && /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Fill colour" }),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              "aria-label": "Fill colour",
+              type: "color",
+              value: l.color ?? "#e0e8df",
+              onChange: (e) => b({ color: e.target.value })
+            }
+          )
+        ] }),
+        l.rings && /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Parent zone" }),
+          /* @__PURE__ */ n(
+            "select",
+            {
+              value: l.parentId ?? "",
+              onChange: (e) => b({ parentId: e.target.value || void 0 }),
+              children: [
+                /* @__PURE__ */ i("option", { value: "", children: "None · independent area" }),
+                r.objects.filter((e) => e.id !== l.id && e.floorId === l.floorId && e.kind === "zone").map((e) => /* @__PURE__ */ i("option", { value: e.id, children: e.name }, e.id))
+              ]
+            }
+          )
+        ] }),
+        l.kind === "poi" && /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Symbol" }),
+          /* @__PURE__ */ n(
+            "select",
+            {
+              value: l.symbol,
+              onChange: (e) => b({ symbol: e.target.value }),
+              children: [
+                /* @__PURE__ */ i("option", { value: "personnel", children: "Personnel entrance" }),
+                /* @__PURE__ */ i("option", { value: "service", children: "Service access" }),
+                /* @__PURE__ */ i("option", { value: "driveway", children: "Main driveway" }),
+                /* @__PURE__ */ i("option", { value: "parking", children: "Parking" }),
+                /* @__PURE__ */ i("option", { value: "assembly", children: "Assembly point" }),
+                /* @__PURE__ */ i("option", { value: "info", children: "Information" })
+              ]
+            }
+          )
+        ] }),
+        Se(l.kind) && /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Ambient sound" }),
+          /* @__PURE__ */ n(
+            "select",
+            {
+              "aria-label": "Ambient sound",
+              value: ((oe = l.ambience) == null ? void 0 : oe.preset) ?? "floor",
+              onChange: (e) => b({
+                ambience: e.target.value === "floor" ? void 0 : { preset: e.target.value }
+              }),
+              children: [
+                /* @__PURE__ */ i("option", { value: "floor", children: "Same as the floor" }),
+                Ie.map((e) => /* @__PURE__ */ i("option", { value: e.id, title: e.description, children: e.label }, e.id))
+              ]
+            }
+          )
+        ] }),
+        l.kind === "light" && l.light && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ i("h3", { children: "Ceiling light" }),
+          /* @__PURE__ */ i("div", { className: "field-grid", children: [
+            ["Colour temperature", "kelvin", "K", 1e3, 12e3],
+            ["Light intensity", "intensity", "cd", 0, 1e4],
+            ["Light range", "range", "m", 0.1, 100],
+            ["Flicker depth", "flicker", "", 0, 1]
+          ].map(([e, d, s, c, g]) => /* @__PURE__ */ i(
+            v,
+            {
+              label: e,
+              value: l.light[d] ?? 0,
+              type: "number",
+              suffix: s,
+              min: c,
+              max: g,
+              onChange: (N) => b({ light: { ...l.light, [d]: Number(N) } })
+            },
+            d
+          )) })
+        ] }),
+        l.kind === "camera" && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ i("h3", { children: "Illustrative coverage" }),
+          /* @__PURE__ */ n("div", { className: "field-grid", children: [
+            A("Field of view", l.coverageAngle ?? 70, "coverageAngle", "°", 1, 360),
+            A("Range", l.coverageRange ?? 12, "coverageRange")
+          ] }),
+          /* @__PURE__ */ i("p", { className: "helper", children: "Coverage illustrates direction and range; walls do not calculate occlusion." }),
+          /* @__PURE__ */ i("h3", { children: "Watches" }),
+          r.objects.filter(
+            (e) => e.floorId === l.floorId && e.id !== l.id && ["door", "gate", "turnstile", "elevator", "room", "zone"].includes(e.kind)
+          ).map((e) => ({ x: e, d: K(ye(r, e), l.position) })).sort((e, d) => e.d - d.d).slice(0, 12).map(({ x: e, d }) => {
+            var s;
+            return /* @__PURE__ */ n("label", { className: "check-row", children: [
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((s = l.watchedIds) == null ? void 0 : s.includes(e.id)) ?? !1,
+                  onChange: (c) => b({
+                    watchedIds: c.target.checked ? [...l.watchedIds ?? [], e.id] : (l.watchedIds ?? []).filter((g) => g !== e.id)
+                  })
+                }
+              ),
+              e.name,
+              /* @__PURE__ */ n("span", { children: [
+                d.toFixed(0),
+                " m"
+              ] })
+            ] }, e.id);
+          }),
+          /* @__PURE__ */ i("p", { className: "helper", children: "Watched objects use this camera for event footage." })
+        ] }),
+        h && l.kind === "stairs" && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ i("h3", { children: "Stair geometry" }),
+          /* @__PURE__ */ n(
+            "select",
+            {
+              className: "field",
+              value: l.stairModel ?? "",
+              onChange: (e) => b({ stairModel: e.target.value || void 0 }),
+              children: [
+                /* @__PURE__ */ i("option", { value: "", children: "Fit to the footprint" }),
+                /* @__PURE__ */ i("option", { value: "straight", children: "Straight flight" }),
+                /* @__PURE__ */ i("option", { value: "switchback", children: "Switchback (half turn)" }),
+                /* @__PURE__ */ i("option", { value: "dogleg", children: "Dogleg (quarter turn)" }),
+                /* @__PURE__ */ i("option", { value: "spiral", children: "Spiral" }),
+                /* @__PURE__ */ i("option", { value: "escalator", children: "Escalator" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i("p", { className: "helper", children: "Left to fit, a run too steep for its footprint is drawn as the stair that turns." }),
+          l.stairModel === "escalator" && /* @__PURE__ */ n(I, { children: [
+            /* @__PURE__ */ i(
+              Ke,
+              {
+                label: "Carries you",
+                description: "An escalator runs one way — routing rides it that way and walks round to come back",
+                value: l.travel ?? "up",
+                options: [
+                  { value: "up", label: "Up", title: "From the lower landing to the upper" },
+                  { value: "down", label: "Down", title: "From the upper landing to the lower" }
+                ],
+                onChange: (e) => b({ travel: e })
+              }
+            ),
+            l.feedId && /* @__PURE__ */ i("p", { className: "helper", children: ((re = f.get(l.feedId)) == null ? void 0 : re.running) === !1 ? "Stopped right now — the plan draws its steps standing still." : "Running. A feed may stop it or reverse it; the direction above is how it was built." })
+          ] })
+        ] }),
+        h && l.kind === "elevator" && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ i("h3", { children: "Doors open onto" }),
+          ["front", "right", "back", "left"].map((e) => /* @__PURE__ */ n("label", { className: "check-row", children: [
+            /* @__PURE__ */ i(
+              "input",
+              {
+                type: "checkbox",
+                checked: (l.doorSides ?? ["front"]).includes(e),
+                onChange: (d) => {
+                  const s = new Set(l.doorSides ?? ["front"]);
+                  d.target.checked ? s.add(e) : s.delete(e), b({
+                    doorSides: s.size ? ["front", "back", "left", "right"].filter((c) => s.has(c)) : void 0
+                  });
+                }
+              }
+            ),
+            e[0].toUpperCase() + e.slice(1)
+          ] }, e)),
+          /* @__PURE__ */ i("p", { className: "helper", children: "Relative to the lift's own rotation. A level it passes without serving has no doors at all." })
+        ] }),
+        h && ["elevator", "stairs"].includes(l.kind) && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ i("h3", { children: "Served floors" }),
+          r.floors.map((e) => {
+            var d;
+            return /* @__PURE__ */ n("label", { className: "check-row", children: [
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((d = l.servedFloorIds) == null ? void 0 : d.includes(e.id)) ?? !1,
+                  onChange: (s) => {
+                    var c;
+                    return b({
+                      servedFloorIds: s.target.checked ? [...l.servedFloorIds ?? [], e.id] : (c = l.servedFloorIds) == null ? void 0 : c.filter((g) => g !== e.id)
+                    });
+                  }
+                }
+              ),
+              e.name,
+              /* @__PURE__ */ n("span", { children: [
+                e.elevation,
+                " m"
+              ] })
+            ] }, e.id);
+          })
+        ] }),
+        l.kind === "building" && /* @__PURE__ */ n("button", { className: "button secondary full", onClick: () => t.onTraceFootprint(l.id), children: [
+          "Create floor walls",
+          /* @__PURE__ */ i(Ue, { size: 15 })
+        ] })
+      ] }),
+      !h && l && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Object details" }),
+        /* @__PURE__ */ n("div", { className: "measurement-row", children: [
+          /* @__PURE__ */ i("span", { children: "Type" }),
+          /* @__PURE__ */ i("strong", { children: l.kind })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "measurement-row", children: [
+          /* @__PURE__ */ i("span", { children: "Position" }),
+          /* @__PURE__ */ n("strong", { children: [
+            ye(r, l).map((e) => e.toFixed(1)).join(", "),
+            " ",
+            "m"
+          ] })
+        ] }),
+        l.rings && /* @__PURE__ */ n("div", { className: "measurement-row", children: [
+          /* @__PURE__ */ i("span", { children: "Area" }),
+          /* @__PURE__ */ n("strong", { children: [
+            Ne(l).toFixed(1),
+            " m²"
+          ] })
+        ] }),
+        l.feedId && /* @__PURE__ */ i("p", { className: "feed-id", children: l.feedId })
+      ] }),
+      h && m && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Barrier geometry" }),
+        /* @__PURE__ */ i(
+          v,
+          {
+            label: "Name",
+            value: m.name,
+            onChange: (e) => t.onUpdateBarrier(m.id, { name: e })
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "field-grid", children: [
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Thickness",
+              value: m.thickness,
+              type: "number",
+              suffix: "m",
+              onChange: (e) => t.onUpdateBarrier(m.id, { thickness: Number(e) })
+            }
+          ),
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Height",
+              value: m.height,
+              type: "number",
+              suffix: "m",
+              onChange: (e) => t.onUpdateBarrier(m.id, { height: Number(e) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "measurement-row", children: [
+          /* @__PURE__ */ i("span", { children: "Length" }),
+          /* @__PURE__ */ n("strong", { children: [
+            K(...q(r, m)).toFixed(2),
+            " m"
+          ] })
+        ] }),
+        /* @__PURE__ */ i("p", { className: "helper", children: "Drag the endpoint handles to reshape this segment. Connected walls and attached openings follow." }),
+        /* @__PURE__ */ i("h3", { children: "Attached objects" }),
+        r.objects.filter((e) => e.barrierId === m.id).map((e) => /* @__PURE__ */ n("button", { className: "object-row", onClick: () => t.onSelect(e.id), children: [
+          /* @__PURE__ */ i(P, { kind: e.kind }),
+          /* @__PURE__ */ i("span", { children: e.name }),
+          /* @__PURE__ */ i(H, { size: 14 })
+        ] }, e.id))
+      ] }),
+      h && k && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Virtual boundary" }),
+        /* @__PURE__ */ n("div", { className: "measurement-row", children: [
+          /* @__PURE__ */ i("span", { children: "Length" }),
+          /* @__PURE__ */ n("strong", { children: [
+            K(...q(r, k)).toFixed(2),
+            " m"
+          ] })
+        ] }),
+        /* @__PURE__ */ i("p", { className: "helper", children: "Drag its handles to reshape the shared division. To remove a division between spaces, choose which space survives the merge." })
+      ] }),
+      h && a && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Reference image" }),
+        /* @__PURE__ */ i(
+          v,
+          {
+            label: "Name",
+            value: a.name,
+            onChange: (e) => t.onUpdateDrawing(a.id, { name: e })
+          }
+        ),
+        /* @__PURE__ */ i(
+          G,
+          {
+            label: "Visible",
+            value: a.visible,
+            onChange: () => t.onUpdateDrawing(a.id, { visible: !a.visible })
+          }
+        ),
+        /* @__PURE__ */ i(
+          G,
+          {
+            label: "Lock position",
+            value: a.locked,
+            onChange: () => t.onUpdateDrawing(a.id, { locked: !a.locked })
+          }
+        ),
+        /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ n("span", { children: [
+            "Opacity · ",
+            Math.round(a.opacity * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              type: "range",
+              min: 0,
+              max: 1,
+              step: 0.05,
+              value: a.opacity,
+              onChange: (e) => t.onUpdateDrawing(a.id, { opacity: Number(e.target.value) })
+            }
+          )
+        ] }),
+        !a.locked && /* @__PURE__ */ n(I, { children: [
+          /* @__PURE__ */ n("div", { className: "field-grid", children: [
+            /* @__PURE__ */ i(
+              v,
+              {
+                label: "East / X",
+                value: a.origin[0],
+                type: "number",
+                suffix: "m",
+                onChange: (e) => t.onUpdateDrawing(a.id, { origin: [Number(e), a.origin[1]] })
+              }
+            ),
+            /* @__PURE__ */ i(
+              v,
+              {
+                label: "North / Y",
+                value: a.origin[1],
+                type: "number",
+                suffix: "m",
+                onChange: (e) => t.onUpdateDrawing(a.id, { origin: [a.origin[0], Number(e)] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Metres per pixel",
+              value: a.scale,
+              type: "number",
+              step: 1e-3,
+              min: 1e-6,
+              onChange: (e) => t.onUpdateDrawing(a.id, { scale: Number(e) })
+            }
+          ),
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Rotation",
+              value: a.rotation,
+              type: "number",
+              suffix: "°",
+              onChange: (e) => t.onUpdateDrawing(a.id, { rotation: Number(e) })
+            }
+          )
+        ] })
+      ] }),
+      l && /* @__PURE__ */ i(qe, { project: r, object: l, onSelect: t.onSelect, onFloor: t.onFloor }),
+      F && (l == null ? void 0 : l.feedId) && ((de = t.renderStatusPanel) == null ? void 0 : de.call(t, { object: l, status: u, editing: h, live: t.live }))
+    ] }) : /* @__PURE__ */ n(I, { children: [
+      /* @__PURE__ */ n("div", { className: "overview-hero", children: [
+        /* @__PURE__ */ n("div", { className: "overview-art", children: [
+          /* @__PURE__ */ n("div", { className: "mini-building", children: [
+            /* @__PURE__ */ i("i", {}),
+            /* @__PURE__ */ i("i", {}),
+            /* @__PURE__ */ i("i", {}),
+            /* @__PURE__ */ i("i", {}),
+            /* @__PURE__ */ i("div", { className: "mini-access", children: /* @__PURE__ */ i(Le, { size: 15 }) })
+          ] }),
+          /* @__PURE__ */ i("span", { className: "hero-dots" })
+        ] }),
+        /* @__PURE__ */ i("span", { className: "eyebrow", children: o ? "MAIN BUILDING" : "SITE & SURROUNDINGS" }),
+        /* @__PURE__ */ i("h2", { children: (o == null ? void 0 : o.name) ?? "Outdoor site" }),
+        /* @__PURE__ */ i("p", { children: o ? `Level ${o.elevation < 0 ? "B" + r.floors.filter((e) => e.buildingId === o.buildingId && e.elevation < 0 && e.elevation >= o.elevation).length : r.floors.filter((e) => e.buildingId === o.buildingId && e.elevation >= 0 && e.elevation < o.elevation).length} · ${o.elevation.toFixed(1)} m elevation` : r.description })
+      ] }),
+      h && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ n("h3", { children: [
+          "Site anchor ",
+          /* @__PURE__ */ i(pe, { size: 15 })
+        ] }),
+        /* @__PURE__ */ i("p", { className: "helper", children: "Where the plan is pinned and which way it faces — the one thing a drawing cannot tell you. Geometry is untouched: metres stay metres, only the frame moves." }),
+        /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Bearing" }),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              type: "range",
+              "aria-label": "Bearing slider",
+              min: 0,
+              max: 360,
+              step: 0.1,
+              value: ((r.origin[2] ?? 0) + 360) % 360,
+              onChange: (e) => V(Number(e.target.value))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "nudge-row", children: [
+          [-5, -1, -0.1].map((e) => /* @__PURE__ */ n("button", { className: "button secondary small", onClick: () => X(e), children: [
+            e,
+            "°"
+          ] }, e)),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              className: "nudge-value",
+              "aria-label": "Bearing",
+              type: "number",
+              step: 0.1,
+              value: Number((((r.origin[2] ?? 0) + 360) % 360).toFixed(2)),
+              onChange: (e) => V(Number(e.target.value))
+            }
+          ),
+          [0.1, 1, 5].map((e) => /* @__PURE__ */ n("button", { className: "button secondary small", onClick: () => X(e), children: [
+            "+",
+            e,
+            "°"
+          ] }, e))
+        ] }),
+        /* @__PURE__ */ i("label", { className: "field", children: /* @__PURE__ */ i("span", { children: "Move the site" }) }),
+        /* @__PURE__ */ n("div", { className: "nudge-pad", children: [
+          /* @__PURE__ */ i("button", { className: "button secondary small up", onClick: () => B(0, $), "aria-label": "Move north", children: /* @__PURE__ */ i(Me, { size: 14 }) }),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: "button secondary small left",
+              onClick: () => B(-$, 0),
+              "aria-label": "Move west",
+              children: /* @__PURE__ */ i(Te, { size: 14 })
+            }
+          ),
+          /* @__PURE__ */ i(
+            "select",
+            {
+              className: "step",
+              "aria-label": "Step size",
+              value: $,
+              onChange: (e) => ze(Number(e.target.value)),
+              children: [0.1, 0.25, 0.5, 1, 5].map((e) => /* @__PURE__ */ n("option", { value: e, children: [
+                e,
+                " m"
+              ] }, e))
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: "button secondary small right",
+              onClick: () => B($, 0),
+              "aria-label": "Move east",
+              children: /* @__PURE__ */ i(W, { size: 14 })
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: "button secondary small down",
+              onClick: () => B(0, -$),
+              "aria-label": "Move south",
+              children: /* @__PURE__ */ i(Ee, { size: 14 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("p", { className: "helper", children: "Steps are metres on the ground, north-up — the compass, not the plan's own grid." }),
+        /* @__PURE__ */ n("details", { className: "anchor-exact", children: [
+          /* @__PURE__ */ i("summary", { children: "Exact coordinates" }),
+          /* @__PURE__ */ n("div", { className: "field-row", children: [
+            /* @__PURE__ */ i(
+              v,
+              {
+                label: "Longitude",
+                type: "number",
+                step: 1e-6,
+                value: r.origin[0],
+                onChange: (e) => Q(0, e),
+                suffix: "°"
+              }
+            ),
+            /* @__PURE__ */ i(
+              v,
+              {
+                label: "Latitude",
+                type: "number",
+                step: 1e-6,
+                value: r.origin[1],
+                onChange: (e) => Q(1, e),
+                suffix: "°"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "overview-stats", children: [
+        F ? /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ i("strong", { children: w.length }),
+          /* @__PURE__ */ i("span", { children: "Live bindings" })
+        ] }) : /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ i("strong", { children: p.length }),
+          /* @__PURE__ */ i("span", { children: "Objects here" })
+        ] }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ i("strong", { children: p.filter((e) => e.kind === "room" || e.kind === "zone").length }),
+          /* @__PURE__ */ i("span", { children: "Spaces & zones" })
+        ] })
+      ] }),
+      F && L.length > 0 && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Occupancy & environment" }),
+        /* @__PURE__ */ n("div", { className: "overview-status", children: [
+          /* @__PURE__ */ i("span", { className: "status-dot normal" }),
+          /* @__PURE__ */ n("span", { children: [
+            "People on this ",
+            o ? "floor" : "site"
+          ] }),
+          /* @__PURE__ */ i("strong", { children: E(L) })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "overview-status", children: [
+          /* @__PURE__ */ i("span", { className: "status-dot normal" }),
+          /* @__PURE__ */ i("span", { children: "Whole building" }),
+          /* @__PURE__ */ i("strong", { children: E(O) })
+        ] }),
+        M.length > 0 && /* @__PURE__ */ n("div", { className: "overview-status", children: [
+          /* @__PURE__ */ i("span", { className: `status-dot ${Math.max(...M) > 1e3 ? "warning" : "normal"}` }),
+          /* @__PURE__ */ i("span", { children: "CO₂ · avg / peak" }),
+          /* @__PURE__ */ n("strong", { children: [
+            Math.round(M.reduce((e, d) => e + d, 0) / M.length),
+            " / ",
+            Math.max(...M),
+            " ",
+            "ppm"
+          ] })
+        ] }),
+        C && /* @__PURE__ */ n("button", { className: "alarm-row", onClick: () => t.onSelect(C.id), children: [
+          /* @__PURE__ */ i("span", { className: "status-dot normal" }),
+          /* @__PURE__ */ n("span", { children: [
+            C.name,
+            /* @__PURE__ */ n("small", { children: [
+              "Busiest space · ",
+              (ce = (se = f.get(C.feedId)) == null ? void 0 : se.metrics) == null ? void 0 : ce.occupancy,
+              " people"
+            ] })
+          ] }),
+          /* @__PURE__ */ i(H, { size: 15 })
+        ] })
+      ] }),
+      F && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ n("h3", { children: [
+          "Status overview ",
+          /* @__PURE__ */ i(ge, { size: 15 })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "overview-status", children: [
+          /* @__PURE__ */ i("span", { className: "status-dot normal" }),
+          /* @__PURE__ */ i("span", { children: "Normal" }),
+          /* @__PURE__ */ i("strong", { children: w.filter((e) => T(f.get(e.feedId)) === "normal").length })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "overview-status", children: [
+          /* @__PURE__ */ i("span", { className: "status-dot critical" }),
+          /* @__PURE__ */ i("span", { children: "Active alarms" }),
+          /* @__PURE__ */ i("strong", { children: w.filter((e) => T(f.get(e.feedId)) === "critical").length })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "overview-status", children: [
+          /* @__PURE__ */ i("span", { className: "status-dot warning" }),
+          /* @__PURE__ */ i("span", { children: "Offline / stale / unknown" }),
+          /* @__PURE__ */ i("strong", { children: w.filter((e) => ["warning", "unknown"].includes(T(f.get(e.feedId)))).length })
+        ] })
+      ] }),
+      F && R.length > 0 && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Site alarms" }),
+        R.map((e) => /* @__PURE__ */ n("button", { className: "alarm-row", onClick: () => t.onSelect(e.id), children: [
+          /* @__PURE__ */ i("span", { className: "status-dot critical" }),
+          /* @__PURE__ */ n("span", { children: [
+            e.name,
+            /* @__PURE__ */ i("small", { children: ke(f.get(e.feedId)) })
+          ] }),
+          /* @__PURE__ */ i(H, { size: 15 })
+        ] }, e.id))
+      ] }),
+      /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ n("h3", { children: [
+          "Quick access ",
+          /* @__PURE__ */ i($e, { size: 16 })
+        ] }),
+        w.slice(0, 4).map((e) => /* @__PURE__ */ n("button", { className: "object-row", onClick: () => t.onSelect(e.id), children: [
+          /* @__PURE__ */ i(P, { kind: e.kind }),
+          /* @__PURE__ */ i("span", { children: e.name }),
+          /* @__PURE__ */ i("span", { className: `status-dot ${T(f.get(e.feedId))}` })
+        ] }, e.id)),
+        !w.length && /* @__PURE__ */ i("p", { className: "helper", children: "Give an object a feed id to connect it to your own live data." })
+      ] }),
+      h && o && /* @__PURE__ */ n("section", { className: "property-section", children: [
+        /* @__PURE__ */ i("h3", { children: "Floor settings" }),
+        /* @__PURE__ */ i(
+          v,
+          {
+            label: "Floor name",
+            value: o.name,
+            onChange: (e) => t.onUpdateFloor(o.id, { name: e })
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "field-grid", children: [
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Elevation",
+              value: o.elevation,
+              type: "number",
+              suffix: "m",
+              onChange: (e) => t.onUpdateFloor(o.id, { elevation: Number(e) })
+            }
+          ),
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Floor height",
+              value: o.height,
+              type: "number",
+              suffix: "m",
+              onChange: (e) => t.onUpdateFloor(o.id, { height: Number(e) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          G,
+          {
+            label: "Intermediate level",
+            description: "An entresol between full floors: the plan shows it over the level below",
+            value: o.mezzanine ?? !1,
+            onChange: () => t.onUpdateFloor(o.id, { mezzanine: !o.mezzanine || void 0 })
+          }
+        ),
+        /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Ceiling light" }),
+          /* @__PURE__ */ i(
+            "select",
+            {
+              "aria-label": "Ceiling light",
+              value: Ve((o.light ?? D).kelvin).id,
+              onChange: (e) => t.onUpdateFloor(o.id, {
+                light: {
+                  ...o.light ?? D,
+                  kelvin: Ce.find((d) => d.id === e.target.value).kelvin
+                }
+              }),
+              children: Ce.map((e) => /* @__PURE__ */ n("option", { value: e.id, children: [
+                e.label,
+                " · ",
+                e.kelvin,
+                " K"
+              ] }, e.id))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ i("span", { children: "Ambient sound" }),
+          /* @__PURE__ */ i(
+            "select",
+            {
+              "aria-label": "Ambient sound",
+              value: ((he = o.ambience) == null ? void 0 : he.preset) ?? "silent",
+              onChange: (e) => t.onUpdateFloor(o.id, {
+                ambience: e.target.value === "silent" ? void 0 : { preset: e.target.value }
+              }),
+              children: Ie.map((e) => /* @__PURE__ */ i("option", { value: e.id, title: e.description, children: e.label }, e.id))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "field-grid", children: [
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Colour temperature",
+              value: (o.light ?? D).kelvin,
+              type: "number",
+              suffix: "K",
+              min: 1500,
+              max: 12e3,
+              step: 100,
+              onChange: (e) => t.onUpdateFloor(o.id, {
+                light: {
+                  ...o.light ?? D,
+                  kelvin: Math.max(1e3, Math.min(12e3, Number(e) || D.kelvin))
+                }
+              })
+            }
+          ),
+          /* @__PURE__ */ i(
+            v,
+            {
+              label: "Brightness",
+              value: Math.round((o.light ?? D).level * 100),
+              type: "number",
+              suffix: "%",
+              min: 0,
+              max: 100,
+              step: 5,
+              onChange: (e) => t.onUpdateFloor(o.id, {
+                light: {
+                  ...o.light ?? D,
+                  level: Math.max(0, Math.min(1, Number(e) / 100))
+                }
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("p", { className: "helper lamp-note", children: [
+          /* @__PURE__ */ i("i", { style: { background: Ye((o.light ?? D).kelvin) } }),
+          "This level's own lighting, which stays on whatever the sun is doing — it is what keeps the plan legible after dark."
+        ] }),
+        /* @__PURE__ */ i(
+          G,
+          {
+            label: "Open here by default",
+            description: "Anyone opening this plan starts on this level instead of the ground floor",
+            value: r.initialFloorId === o.id,
+            onChange: () => t.onSetInitialFloor(r.initialFloorId === o.id ? null : o.id)
+          }
+        ),
+        r.floors.length > 1 && /* @__PURE__ */ n("button", { className: "text-button danger", onClick: () => t.onDeleteFloor(o.id), children: [
+          /* @__PURE__ */ i(ve, { size: 14 }),
+          "Delete this floor"
+        ] }),
+        /* @__PURE__ */ i("p", { className: "helper", children: r.datum })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "inspector-note", children: [
+        /* @__PURE__ */ i(pe, { size: 17 }),
+        /* @__PURE__ */ n("p", { children: [
+          "Your space, described.",
+          /* @__PURE__ */ i("br", {}),
+          /* @__PURE__ */ i("span", { children: "Select anything on the plan to inspect and edit it." })
+        ] })
+      ] })
+    ] }) }),
+    S && h && /* @__PURE__ */ n("div", { className: "inspector-footer", children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          className: "button secondary",
+          onClick: t.onDuplicate,
+          disabled: !!a || !!m || !!k || !!(l != null && l.barrierId),
+          children: [
+            /* @__PURE__ */ i(Oe, { size: 15 }),
+            "Duplicate"
+          ]
+        }
+      ),
+      /* @__PURE__ */ n("button", { className: "button danger-quiet", onClick: t.onDelete, children: [
+        /* @__PURE__ */ i(ve, { size: 16 }),
+        "Delete"
+      ] })
+    ] }),
+    !h && F && /* @__PURE__ */ n("div", { className: "viewer-note", children: [
+      /* @__PURE__ */ i(Re, { size: 14 }),
+      "Read-only status feed"
+    ] })
+  ] });
+}
+export {
+  di as Inspector
+};
+//# sourceMappingURL=Inspector.js.map