@collabdt/core 0.3.2 → 0.3.3

package/dist/core/components/viewers/shared/markers/useMarkerLayerBim.js

@@ -0,0 +1,233 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { createRoot } from "react-dom/client";
+import * as THREE from "three";
+import { CSS2DObject } from "three/addons/renderers/CSS2DRenderer.js";
+import { HooksCtx } from "../../../../hooks/provider";
+import { clusterMarkersByScreenSpace } from "../../bim/src/tools/AddToBim/src/clusterMarkersByScreenSpace";
+import { renderCSS2DMarkers } from "../../bim/src/tools/AddToBim/src/renderCSS2DMarkers";
+import { computeMarkerLookAt } from "./computeMarkerLookAt";
+function makePropsMapper(state) {
+  const { config, currentId, focusedId, onSelect, onFocus, onEdit, onRemove } = state;
+  return (item) => {
+    const highlight = currentId === item.id;
+    const focused = focusedId === item.id;
+    if (item.isPending) {
+      return config.propsMapper(item, {
+        highlight,
+        focused,
+        isAuthor: false,
+        onSelect: () => onSelect(item.id),
+        onFocus: () => onFocus(item.id)
+      });
+    }
+    return config.propsMapper(item, {
+      highlight,
+      focused,
+      isAuthor: config.isAuthor(item),
+      onSelect: () => onSelect(item.id),
+      onFocus: () => onFocus(item.id),
+      onEdit: () => onEdit(item.id),
+      onRemove: () => onRemove(item.id)
+    });
+  };
+}
+function clearSingles(world, registry, config) {
+  renderCSS2DMarkers(world, {
+    items: [],
+    markerIdKey: config.markerIdKey,
+    registry,
+    component: config.component,
+    propsMapper: () => ({}),
+    sphereColor: config.sphereColor,
+    isVisible: false,
+    onRemove: () => {
+    }
+  });
+}
+function clearClusters(world, registry) {
+  registry.current.forEach(({ root, css2dObject }) => {
+    world.scene.three.remove(css2dObject);
+    const el = css2dObject.element;
+    el == null ? void 0 : el.remove();
+    root.unmount();
+  });
+  registry.current.clear();
+}
+function renderMarkers(state, singleRegistry, clusterRegistry, lastSignatureRef) {
+  var _a, _b, _c;
+  const { world, items, pending, isVisible, currentId, focusedId, coreHooks, config, onRemove, onSelect, onFocus } = state;
+  if (!world) return;
+  if (!isVisible) {
+    if (lastSignatureRef.current === "hidden") return;
+    clearSingles(world, singleRegistry, config);
+    clearClusters(world, clusterRegistry);
+    lastSignatureRef.current = "hidden";
+    return;
+  }
+  const camera = (_a = world.camera) == null ? void 0 : _a.three;
+  const dom = (_c = (_b = world.renderer) == null ? void 0 : _b.three) == null ? void 0 : _c.domElement;
+  if (!camera || !dom) return;
+  const width = dom.clientWidth || dom.width || 0;
+  const height = dom.clientHeight || dom.height || 0;
+  if (!width || !height) return;
+  const { clusters, singles } = clusterMarkersByScreenSpace(items, camera, width, height, 44);
+  const singleItems = [...singles, ...pending];
+  const clusterKeys = clusters.map((c) => c.key);
+  const dataHash = [...items, ...pending].map((c) => config.dataHashPart(c)).join(";");
+  const signature = `v2|${currentId}|${focusedId}|C:${clusterKeys.join(",")}|S:${singleItems.map((s) => s.id).join(",")}|D:${dataHash}`;
+  if (signature === lastSignatureRef.current) return;
+  lastSignatureRef.current = signature;
+  renderCSS2DMarkers(world, {
+    items: singleItems,
+    markerIdKey: config.markerIdKey,
+    registry: singleRegistry,
+    component: config.component,
+    hooksContextValue: coreHooks,
+    propsMapper: makePropsMapper(state),
+    sphereColor: config.sphereColor,
+    isVisible: true,
+    onRemove
+  });
+  singleRegistry.current.forEach((ref, id) => {
+    const nid = Number(id);
+    ref.css2dObject.renderOrder = nid === currentId || nid === focusedId ? 1 : 0;
+  });
+  const reg = clusterRegistry.current;
+  const wanted = new Set(clusterKeys);
+  for (const [key, ref] of reg) {
+    if (!wanted.has(key)) {
+      world.scene.three.remove(ref.css2dObject);
+      const el = ref.css2dObject.element;
+      el == null ? void 0 : el.remove();
+      ref.root.unmount();
+      reg.delete(key);
+    }
+  }
+  for (const cluster of clusters) {
+    const members = cluster.members.map((m) => config.clusterMemberMapper(m));
+    const highlight = currentId != null && members.some((m) => m.id === currentId);
+    const element = React.createElement(config.clusterComponent, { members, highlight, onSelect, onFocus });
+    const wrapped = coreHooks ? React.createElement(HooksCtx.Provider, { value: coreHooks }, element) : element;
+    const existing = reg.get(cluster.key);
+    if (existing) {
+      existing.root.render(wrapped);
+      existing.css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z);
+      existing.css2dObject.renderOrder = highlight ? 1 : 0;
+      continue;
+    }
+    const labelDiv = document.createElement("div");
+    labelDiv.style.pointerEvents = "auto";
+    const root = createRoot(labelDiv);
+    root.render(wrapped);
+    const css2dObject = new CSS2DObject(labelDiv);
+    css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z);
+    css2dObject.element.style.pointerEvents = "auto";
+    css2dObject.renderOrder = highlight ? 1 : 0;
+    world.scene.three.add(css2dObject);
+    reg.set(cluster.key, { root, css2dObject });
+  }
+}
+function useMarkerLayerBim(world, items, opts) {
+  const { isVisible, store, coreHooks, config } = opts;
+  const singleRegistry = React.useRef(/* @__PURE__ */ new Map());
+  const clusterRegistry = React.useRef(/* @__PURE__ */ new Map());
+  const lastSignatureRef = React.useRef("");
+  const stateRef = React.useRef(null);
+  const itemsRef = React.useRef([]);
+  itemsRef.current = items;
+  const handleSelect = React.useCallback((id) => {
+    store.setCurrentId(id);
+  }, [store]);
+  const handleFocus = React.useCallback((id) => {
+    store.setCurrentId(id);
+    store.setFocusedId(id);
+  }, [store]);
+  const handleEdit = React.useCallback((id) => {
+    store.requestEdit(id);
+  }, [store]);
+  const [pending, setPending] = React.useState([]);
+  const addPending = React.useCallback((position) => {
+    const id = -Date.now();
+    setPending((prev) => [...prev, __spreadValues({ id }, position)]);
+    return id;
+  }, []);
+  const removePending = React.useCallback((id) => {
+    setPending((prev) => prev.filter((p) => p.id !== id));
+  }, []);
+  stateRef.current = {
+    world,
+    // Non-pending items carry an explicit isPending:false (parity with the pending placeholders).
+    // Cast: spreading a generic T and assigning back to T[] is not provably safe to tsc.
+    items: items.map((it) => __spreadProps(__spreadValues({}, it), { isPending: false })),
+    pending: pending.map((p) => config.makePendingItem(p.id, { x: p.x, y: p.y, z: p.z })),
+    isVisible,
+    currentId: store.currentId,
+    focusedId: store.focusedId,
+    coreHooks,
+    config,
+    onRemove: config.onRemove,
+    onSelect: handleSelect,
+    onFocus: handleFocus,
+    onEdit: handleEdit
+  };
+  React.useEffect(() => {
+    if (!world) return;
+    let raf = 0;
+    let frame = 0;
+    const loop = () => {
+      if ((frame++ & 1) === 0 && stateRef.current) {
+        renderMarkers(stateRef.current, singleRegistry, clusterRegistry, lastSignatureRef);
+      }
+      raf = requestAnimationFrame(loop);
+    };
+    raf = requestAnimationFrame(loop);
+    return () => {
+      cancelAnimationFrame(raf);
+      clearClusters(world, clusterRegistry);
+      clearSingles(world, singleRegistry, config);
+      lastSignatureRef.current = "";
+    };
+  }, [world]);
+  React.useEffect(() => {
+    var _a, _b;
+    if (store.focusedId == null || !world) return;
+    const target = itemsRef.current.find((it) => it.id === store.focusedId);
+    if (!target || target.x == null || target.y == null || target.z == null) return;
+    const controls = (_a = world.camera) == null ? void 0 : _a.controls;
+    if (!controls) return;
+    const camPos = controls.getPosition(new THREE.Vector3());
+    const camTarget = controls.getTarget(new THREE.Vector3());
+    const lookAt = computeMarkerLookAt(
+      { x: camPos.x, y: camPos.y, z: camPos.z },
+      { x: camTarget.x, y: camTarget.y, z: camTarget.z },
+      { x: target.x, y: target.y, z: target.z },
+      (_b = config.focusDistance) != null ? _b : 8
+    );
+    void controls.setLookAt(lookAt.camX, lookAt.camY, lookAt.camZ, lookAt.tarX, lookAt.tarY, lookAt.tarZ, true);
+  }, [store.focusRequestId, world]);
+  return { addPending, removePending };
+}
+export {
+  useMarkerLayerBim
+};
+//# sourceMappingURL=useMarkerLayerBim.js.map

package/dist/core/components/viewers/shared/markers/useMarkerLayerBim.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/shared/markers/useMarkerLayerBim.ts"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from \"react\"\r\nimport { createRoot } from \"react-dom/client\"\r\nimport * as THREE from \"three\"\r\nimport { CSS2DObject } from \"three/addons/renderers/CSS2DRenderer.js\"\r\n\r\nimport { HooksCtx, type HooksBag } from \"../../../../hooks/provider\"\r\nimport { clusterMarkersByScreenSpace } from \"../../bim/src/tools/AddToBim/src/clusterMarkersByScreenSpace\"\r\nimport { renderCSS2DMarkers, type MarkerRef } from \"../../bim/src/tools/AddToBim/src/renderCSS2DMarkers\"\r\n\r\nimport { computeMarkerLookAt } from \"./computeMarkerLookAt\"\r\nimport type { BimMarkerConfig, BimMarkerItem, MarkerStoreAdapter } from \"./types\"\r\n\r\ntype ClusterMarkerRef = { root: ReturnType<typeof createRoot>; css2dObject: CSS2DObject }\r\n\r\ninterface RenderState<T extends BimMarkerItem> {\r\n  world: any\r\n  /** Non-pending items eligible for clustering. */\r\n  items: T[]\r\n  /** Pending (being-created) markers — always rendered as singles. */\r\n  pending: T[]\r\n  isVisible: boolean\r\n  currentId: number | null\r\n  focusedId: number | null\r\n  coreHooks: HooksBag | null\r\n  config: BimMarkerConfig<T>\r\n  onRemove: (id: number) => void\r\n  onSelect: (id: number) => void\r\n  onFocus: (id: number) => void\r\n  onEdit: (id: number) => void\r\n}\r\n\r\n/**\r\n * Builds the per-item props for the card component, delegating entity-specific shaping to\r\n * `config.propsMapper`. Pending (being-created) items get a reduced context: `isAuthor:false`\r\n * and no author-gated (edit/remove) handlers.\r\n */\r\nfunction makePropsMapper<T extends BimMarkerItem>(state: RenderState<T>) {\r\n  const { config, currentId, focusedId, onSelect, onFocus, onEdit, onRemove } = state\r\n  return (item: T): Record<string, unknown> => {\r\n    const highlight = currentId === item.id\r\n    const focused = focusedId === item.id\r\n    if (item.isPending) {\r\n      return config.propsMapper(item, {\r\n        highlight,\r\n        focused,\r\n        isAuthor: false,\r\n        onSelect: () => onSelect(item.id),\r\n        onFocus: () => onFocus(item.id),\r\n      })\r\n    }\r\n    return config.propsMapper(item, {\r\n      highlight,\r\n      focused,\r\n      isAuthor: config.isAuthor(item),\r\n      onSelect: () => onSelect(item.id),\r\n      onFocus: () => onFocus(item.id),\r\n      onEdit: () => onEdit(item.id),\r\n      onRemove: () => onRemove(item.id),\r\n    })\r\n  }\r\n}\r\n\r\nfunction clearSingles<T extends BimMarkerItem>(\r\n  world: any,\r\n  registry: React.MutableRefObject<Map<string, MarkerRef>>,\r\n  config: BimMarkerConfig<T>,\r\n) {\r\n  renderCSS2DMarkers(world, {\r\n    items: [],\r\n    markerIdKey: config.markerIdKey,\r\n    registry,\r\n    component: config.component,\r\n    propsMapper: () => ({}),\r\n    sphereColor: config.sphereColor,\r\n    isVisible: false,\r\n    onRemove: () => {},\r\n  })\r\n}\r\n\r\nfunction clearClusters(world: any, registry: React.MutableRefObject<Map<string, ClusterMarkerRef>>) {\r\n  registry.current.forEach(({ root, css2dObject }) => {\r\n    world.scene.three.remove(css2dObject)\r\n    const el = css2dObject.element as HTMLElement | undefined\r\n    el?.remove()\r\n    root.unmount()\r\n  })\r\n  registry.current.clear()\r\n}\r\n\r\n/**\r\n * Imperative render driven by a rAF loop. Recomputes screen-space clustering\r\n * from the current camera and only rebuilds DOM when the layout/data signature\r\n * changes (individual CSS2DObjects already track the camera every frame).\r\n */\r\nfunction renderMarkers<T extends BimMarkerItem>(\r\n  state: RenderState<T>,\r\n  singleRegistry: React.MutableRefObject<Map<string, MarkerRef>>,\r\n  clusterRegistry: React.MutableRefObject<Map<string, ClusterMarkerRef>>,\r\n  lastSignatureRef: React.MutableRefObject<string>,\r\n) {\r\n  const { world, items, pending, isVisible, currentId, focusedId, coreHooks, config, onRemove, onSelect, onFocus } = state\r\n  if (!world) return\r\n\r\n  if (!isVisible) {\r\n    if (lastSignatureRef.current === \"hidden\") return\r\n    clearSingles(world, singleRegistry, config)\r\n    clearClusters(world, clusterRegistry)\r\n    lastSignatureRef.current = \"hidden\"\r\n    return\r\n  }\r\n\r\n  const camera = world.camera?.three\r\n  const dom = world.renderer?.three?.domElement\r\n  if (!camera || !dom) return\r\n\r\n  const width = dom.clientWidth || dom.width || 0\r\n  const height = dom.clientHeight || dom.height || 0\r\n  if (!width || !height) return\r\n\r\n  const { clusters, singles } = clusterMarkersByScreenSpace(items, camera, width, height, 44)\r\n  const singleItems = [...singles, ...pending]\r\n\r\n  const clusterKeys = clusters.map((c) => c.key)\r\n  const dataHash = [...items, ...pending].map((c) => config.dataHashPart(c)).join(\";\")\r\n  const signature =\r\n    `v2|${currentId}|${focusedId}|C:${clusterKeys.join(\",\")}` +\r\n    `|S:${singleItems.map((s) => s.id).join(\",\")}|D:${dataHash}`\r\n  if (signature === lastSignatureRef.current) return\r\n  lastSignatureRef.current = signature\r\n\r\n  // Singles (including pending) via the shared per-marker renderer\r\n  renderCSS2DMarkers(world, {\r\n    items: singleItems,\r\n    markerIdKey: config.markerIdKey,\r\n    registry: singleRegistry,\r\n    component: config.component,\r\n    hooksContextValue: coreHooks,\r\n    propsMapper: makePropsMapper(state),\r\n    sphereColor: config.sphereColor,\r\n    isVisible: true,\r\n    onRemove,\r\n  })\r\n\r\n  // Float the highlighted/focused marker above overlapping ones. The CSS2D renderer sorts by\r\n  // renderOrder first (then camera distance), so this makes a selected marker that sits behind\r\n  // nearer markers come to the front — visible and clickable instead of buried.\r\n  singleRegistry.current.forEach((ref, id) => {\r\n    const nid = Number(id)\r\n    ref.css2dObject.renderOrder = nid === currentId || nid === focusedId ? 1 : 0\r\n  })\r\n\r\n  // Cluster bubbles, managed imperatively\r\n  const reg = clusterRegistry.current\r\n  const wanted = new Set(clusterKeys)\r\n  for (const [key, ref] of reg) {\r\n    if (!wanted.has(key)) {\r\n      world.scene.three.remove(ref.css2dObject)\r\n      const el = ref.css2dObject.element as HTMLElement | undefined\r\n      el?.remove()\r\n      ref.root.unmount()\r\n      reg.delete(key)\r\n    }\r\n  }\r\n\r\n  for (const cluster of clusters) {\r\n    const members = cluster.members.map((m) => config.clusterMemberMapper(m))\r\n    const highlight = currentId != null && members.some((m) => m.id === currentId)\r\n    const element = React.createElement(config.clusterComponent, { members, highlight, onSelect, onFocus })\r\n    const wrapped = coreHooks\r\n      ? React.createElement(HooksCtx.Provider, { value: coreHooks }, element)\r\n      : element\r\n\r\n    const existing = reg.get(cluster.key)\r\n    if (existing) {\r\n      existing.root.render(wrapped)\r\n      existing.css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z)\r\n      existing.css2dObject.renderOrder = highlight ? 1 : 0\r\n      continue\r\n    }\r\n\r\n    const labelDiv = document.createElement(\"div\")\r\n    labelDiv.style.pointerEvents = \"auto\"\r\n    const root = createRoot(labelDiv)\r\n    root.render(wrapped)\r\n\r\n    const css2dObject = new CSS2DObject(labelDiv)\r\n    css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z)\r\n    css2dObject.element.style.pointerEvents = \"auto\"\r\n    css2dObject.renderOrder = highlight ? 1 : 0\r\n    world.scene.three.add(css2dObject)\r\n\r\n    reg.set(cluster.key, { root, css2dObject })\r\n  }\r\n}\r\n\r\n/**\r\n * Generic BIM marker layer. Renders `items` as clustered CSS2D markers over a `three` world,\r\n * driving selection/focus/edit/remove through a `MarkerStoreAdapter` and shaping every\r\n * entity-specific detail through `config`. Behaviour is a straight generalization of the\r\n * comment marker layer (screen-space clustering, rAF diffing, double-click focus).\r\n */\r\nexport function useMarkerLayerBim<T extends BimMarkerItem>(\r\n  world: any,\r\n  items: T[],\r\n  opts: {\r\n    isVisible: boolean\r\n    store: MarkerStoreAdapter\r\n    coreHooks: HooksBag | null\r\n    config: BimMarkerConfig<T>\r\n  },\r\n): { addPending: (pos: { x: number; y: number; z: number }) => number; removePending: (id: number) => void } {\r\n  const { isVisible, store, coreHooks, config } = opts\r\n\r\n  const singleRegistry = React.useRef<Map<string, MarkerRef>>(new Map())\r\n  const clusterRegistry = React.useRef<Map<string, ClusterMarkerRef>>(new Map())\r\n  const lastSignatureRef = React.useRef<string>(\"\")\r\n  const stateRef = React.useRef<RenderState<T> | null>(null)\r\n  const itemsRef = React.useRef<T[]>([])\r\n\r\n  itemsRef.current = items\r\n\r\n  const handleSelect = React.useCallback((id: number) => {\r\n    store.setCurrentId(id)\r\n  }, [store])\r\n\r\n  const handleFocus = React.useCallback((id: number) => {\r\n    store.setCurrentId(id)\r\n    store.setFocusedId(id)\r\n  }, [store])\r\n\r\n  const handleEdit = React.useCallback((id: number) => {\r\n    store.requestEdit(id)\r\n  }, [store])\r\n\r\n  // Pending markers for loading indicators while an item is being created\r\n  const [pending, setPending] = React.useState<Array<{ id: number; x: number; y: number; z: number }>>([])\r\n\r\n  const addPending = React.useCallback((position: { x: number; y: number; z: number }) => {\r\n    const id = -Date.now()\r\n    setPending((prev) => [...prev, { id, ...position }])\r\n    return id\r\n  }, [])\r\n\r\n  const removePending = React.useCallback((id: number) => {\r\n    setPending((prev) => prev.filter((p) => p.id !== id))\r\n  }, [])\r\n\r\n  // Keep the latest inputs available to the rAF render loop (avoids stale closures)\r\n  stateRef.current = {\r\n    world,\r\n    // Non-pending items carry an explicit isPending:false (parity with the pending placeholders).\r\n    // Cast: spreading a generic T and assigning back to T[] is not provably safe to tsc.\r\n    items: items.map((it) => ({ ...it, isPending: false })) as T[],\r\n    pending: pending.map((p) => config.makePendingItem(p.id, { x: p.x, y: p.y, z: p.z })),\r\n    isVisible,\r\n    currentId: store.currentId,\r\n    focusedId: store.focusedId,\r\n    coreHooks,\r\n    config,\r\n    onRemove: config.onRemove,\r\n    onSelect: handleSelect,\r\n    onFocus: handleFocus,\r\n    onEdit: handleEdit,\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (!world) return\r\n    let raf = 0\r\n    let frame = 0\r\n    const loop = () => {\r\n      // Recompute at most every other frame; renderMarkers no-ops unless the\r\n      // cluster layout or data actually changed.\r\n      if ((frame++ & 1) === 0 && stateRef.current) {\r\n        renderMarkers(stateRef.current, singleRegistry, clusterRegistry, lastSignatureRef)\r\n      }\r\n      raf = requestAnimationFrame(loop)\r\n    }\r\n    raf = requestAnimationFrame(loop)\r\n\r\n    return () => {\r\n      cancelAnimationFrame(raf)\r\n      clearClusters(world, clusterRegistry)\r\n      clearSingles(world, singleRegistry, config)\r\n      lastSignatureRef.current = \"\"\r\n    }\r\n  }, [world])\r\n\r\n  // Zoom to a marker when it is focused (double-clicked here or in the sidebar).\r\n  React.useEffect(() => {\r\n    if (store.focusedId == null || !world) return\r\n    const target = itemsRef.current.find((it) => it.id === store.focusedId)\r\n    if (!target || target.x == null || target.y == null || target.z == null) return\r\n    const controls = world.camera?.controls\r\n    if (!controls) return\r\n\r\n    const camPos = controls.getPosition(new THREE.Vector3())\r\n    const camTarget = controls.getTarget(new THREE.Vector3())\r\n    const lookAt = computeMarkerLookAt(\r\n      { x: camPos.x, y: camPos.y, z: camPos.z },\r\n      { x: camTarget.x, y: camTarget.y, z: camTarget.z },\r\n      { x: target.x, y: target.y, z: target.z },\r\n      config.focusDistance ?? 8,\r\n    )\r\n    void controls.setLookAt(lookAt.camX, lookAt.camY, lookAt.camZ, lookAt.tarX, lookAt.tarY, lookAt.tarZ, true)\r\n  }, [store.focusRequestId, world])\r\n\r\n  return { addPending, removePending }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/hooks/ui/useResizableSidebarWidth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/hooks/ui/useResizableSidebarWidth.tsx"],"sourcesContent":["'use client'\n\n// SPDX-License-Identifier: AGPL-3.0-or-later\n// Copyright (C) 2025 Collab Digital Twins\n\nimport * as React from 'react'\n\nimport { useIsMobile } from './use-mobile'\n\n/** Minimum sidebar width. Equal to the previous fixed width, so it never shrinks below the old default. */\nexport const MIN_SIDEBAR_WIDTH = 410\n/** Maximum sidebar width, roughly half a laptop viewport. */\nexport const MAX_SIDEBAR_WIDTH = 720\nexport const DEFAULT_SIDEBAR_WIDTH = MIN_SIDEBAR_WIDTH\nexport const SIDEBAR_WIDTH_STORAGE_KEY = 'cdt:sidebar-width'\n\n/** Clamp to [MIN, MAX]. NaN falls back to the default; ±Infinity clamps to the bounds. */\nexport function clampSidebarWidth(width: number): number {\n  if (Number.isNaN(width)) return DEFAULT_SIDEBAR_WIDTH\n  return Math.min(MAX_SIDEBAR_WIDTH, Math.max(MIN_SIDEBAR_WIDTH, width))\n}\n\n/** SSR-safe read of the persisted width, clamped; falls back to the default on missing/corrupt values. */\nexport function readStoredSidebarWidth(): number {\n  if (typeof window === 'undefined') return DEFAULT_SIDEBAR_WIDTH\n  try {\n    const raw = window.localStorage.getItem(SIDEBAR_WIDTH_STORAGE_KEY)\n    if (raw === null) return DEFAULT_SIDEBAR_WIDTH\n    const parsed = Number.parseFloat(raw)\n    if (!Number.isFinite(parsed)) return DEFAULT_SIDEBAR_WIDTH\n    return clampSidebarWidth(parsed)\n  } catch {\n    return DEFAULT_SIDEBAR_WIDTH\n  }\n}\n\n/** SSR-safe persist of a clamped width. Swallows storage errors (private mode, quota). */\nexport function writeStoredSidebarWidth(width: number): void {\n  if (typeof window === 'undefined') return\n  try {\n    window.localStorage.setItem(SIDEBAR_WIDTH_STORAGE_KEY, String(clampSidebarWidth(width)))\n  } catch {\n    // ignore: storage may be unavailable (private mode / quota)\n  }\n}\n\nexport interface ResizableSidebarWidth {\n  /** Current width in px. Only meaningful when `canResize` is true; mobile stays full-width via CSS. */\n  width: number\n  /** True while a drag is in progress (for cursor / no-select styling). */\n  isResizing: boolean\n  /** True on desktop only. Mobile is full-width and not resizable. */\n  canResize: boolean\n  /** Attach to the drag handle's onPointerDown. */\n  startResize: (e: React.PointerEvent) => void\n}\n\n/**\n * Drives a user-resizable sidebar width on desktop. Width is restored from and persisted to\n * localStorage, clamped to [MIN_SIDEBAR_WIDTH, MAX_SIDEBAR_WIDTH]. On mobile (`useIsMobile`)\n * resizing is disabled and the sidebar is expected to render full-width via CSS.\n */\nexport function useResizableSidebarWidth(): ResizableSidebarWidth {\n  const isMobile = useIsMobile()\n  const canResize = !isMobile\n\n  const [width, setWidth] = React.useState<number>(DEFAULT_SIDEBAR_WIDTH)\n  const [isResizing, setIsResizing] = React.useState(false)\n\n  // Hydrate from storage after mount (avoids SSR/client mismatch on first paint).\n  React.useEffect(() => {\n    setWidth(readStoredSidebarWidth())\n  }, [])\n\n  const startResize = React.useCallback(\n    (e: React.PointerEvent) => {\n      if (!canResize) return\n      e.preventDefault()\n      setIsResizing(true)\n\n      const startX = e.clientX\n      const startWidth = width\n\n      const onMove = (ev: PointerEvent) => {\n        setWidth(clampSidebarWidth(startWidth + (ev.clientX - startX)))\n      }\n      const onUp = () => {\n        setIsResizing(false)\n        window.removeEventListener('pointermove', onMove)\n        window.removeEventListener('pointerup', onUp)\n        // Persist the final width; read the latest via the functional updater.\n        setWidth(current => {\n          writeStoredSidebarWidth(current)\n          return current\n        })\n      }\n\n      window.addEventListener('pointermove', onMove)\n      window.addEventListener('pointerup', onUp)\n    },\n    [canResize, width]\n  )\n\n  return { width, isResizing, canResize, startResize }\n}\n"],"mappings":";AAKA,YAAY,WAAW;AAEvB,SAAS,mBAAmB;AAGrB,MAAM,oBAAoB;AAE1B,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,4BAA4B;AAGlC,SAAS,kBAAkB,OAAuB;AACvD,MAAI,OAAO,MAAM,KAAK,EAAG,QAAO;AAChC,SAAO,KAAK,IAAI,mBAAmB,KAAK,IAAI,mBAAmB,KAAK,CAAC;AACvE;AAGO,SAAS,yBAAiC;AAC/C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,UAAM,MAAM,OAAO,aAAa,QAAQ,yBAAyB;AACjE,QAAI,QAAQ,KAAM,QAAO;AACzB,UAAM,SAAS,OAAO,WAAW,GAAG;AACpC,QAAI,CAAC,OAAO,SAAS,MAAM,EAAG,QAAO;AACrC,WAAO,kBAAkB,MAAM;AAAA,EACjC,SAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,wBAAwB,OAAqB;AAC3D,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI;AACF,WAAO,aAAa,QAAQ,2BAA2B,OAAO,kBAAkB,KAAK,CAAC,CAAC;AAAA,EACzF,SAAQ;AAAA,EAER;AACF;AAkBO,SAAS,2BAAkD;AAChE,QAAM,WAAW,YAAY;AAC7B,QAAM,YAAY,CAAC;AAEnB,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAiB,qBAAqB;AACtE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAGxD,QAAM,UAAU,MAAM;AACpB,aAAS,uBAAuB,CAAC;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,MAA0B;AACzB,UAAI,CAAC,UAAW;AAChB,QAAE,eAAe;AACjB,oBAAc,IAAI;AAElB,YAAM,SAAS,EAAE;AACjB,YAAM,aAAa;AAEnB,YAAM,SAAS,CAAC,OAAqB;AACnC,iBAAS,kBAAkB,cAAc,GAAG,UAAU,OAAO,CAAC;AAAA,MAChE;AACA,YAAM,OAAO,MAAM;AACjB,sBAAc,KAAK;AACnB,eAAO,oBAAoB,eAAe,MAAM;AAChD,eAAO,oBAAoB,aAAa,IAAI;AAE5C,iBAAS,aAAW;AAClB,kCAAwB,OAAO;AAC/B,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAEA,aAAO,iBAAiB,eAAe,MAAM;AAC7C,aAAO,iBAAiB,aAAa,IAAI;AAAA,IAC3C;AAAA,IACA,CAAC,WAAW,KAAK;AAAA,EACnB;AAEA,SAAO,EAAE,OAAO,YAAY,WAAW,YAAY;AACrD;","names":[]}
+{"version":3,"sources":["../../../../src/core/hooks/ui/useResizableSidebarWidth.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\n\r\nimport { useIsMobile } from './use-mobile'\r\n\r\n/** Minimum sidebar width. Equal to the previous fixed width, so it never shrinks below the old default. */\r\nexport const MIN_SIDEBAR_WIDTH = 410\r\n/** Maximum sidebar width, roughly half a laptop viewport. */\r\nexport const MAX_SIDEBAR_WIDTH = 720\r\nexport const DEFAULT_SIDEBAR_WIDTH = MIN_SIDEBAR_WIDTH\r\nexport const SIDEBAR_WIDTH_STORAGE_KEY = 'cdt:sidebar-width'\r\n\r\n/** Clamp to [MIN, MAX]. NaN falls back to the default; ±Infinity clamps to the bounds. */\r\nexport function clampSidebarWidth(width: number): number {\r\n  if (Number.isNaN(width)) return DEFAULT_SIDEBAR_WIDTH\r\n  return Math.min(MAX_SIDEBAR_WIDTH, Math.max(MIN_SIDEBAR_WIDTH, width))\r\n}\r\n\r\n/** SSR-safe read of the persisted width, clamped; falls back to the default on missing/corrupt values. */\r\nexport function readStoredSidebarWidth(): number {\r\n  if (typeof window === 'undefined') return DEFAULT_SIDEBAR_WIDTH\r\n  try {\r\n    const raw = window.localStorage.getItem(SIDEBAR_WIDTH_STORAGE_KEY)\r\n    if (raw === null) return DEFAULT_SIDEBAR_WIDTH\r\n    const parsed = Number.parseFloat(raw)\r\n    if (!Number.isFinite(parsed)) return DEFAULT_SIDEBAR_WIDTH\r\n    return clampSidebarWidth(parsed)\r\n  } catch {\r\n    return DEFAULT_SIDEBAR_WIDTH\r\n  }\r\n}\r\n\r\n/** SSR-safe persist of a clamped width. Swallows storage errors (private mode, quota). */\r\nexport function writeStoredSidebarWidth(width: number): void {\r\n  if (typeof window === 'undefined') return\r\n  try {\r\n    window.localStorage.setItem(SIDEBAR_WIDTH_STORAGE_KEY, String(clampSidebarWidth(width)))\r\n  } catch {\r\n    // ignore: storage may be unavailable (private mode / quota)\r\n  }\r\n}\r\n\r\nexport interface ResizableSidebarWidth {\r\n  /** Current width in px. Only meaningful when `canResize` is true; mobile stays full-width via CSS. */\r\n  width: number\r\n  /** True while a drag is in progress (for cursor / no-select styling). */\r\n  isResizing: boolean\r\n  /** True on desktop only. Mobile is full-width and not resizable. */\r\n  canResize: boolean\r\n  /** Attach to the drag handle's onPointerDown. */\r\n  startResize: (e: React.PointerEvent) => void\r\n}\r\n\r\n/**\r\n * Drives a user-resizable sidebar width on desktop. Width is restored from and persisted to\r\n * localStorage, clamped to [MIN_SIDEBAR_WIDTH, MAX_SIDEBAR_WIDTH]. On mobile (`useIsMobile`)\r\n * resizing is disabled and the sidebar is expected to render full-width via CSS.\r\n */\r\nexport function useResizableSidebarWidth(): ResizableSidebarWidth {\r\n  const isMobile = useIsMobile()\r\n  const canResize = !isMobile\r\n\r\n  const [width, setWidth] = React.useState<number>(DEFAULT_SIDEBAR_WIDTH)\r\n  const [isResizing, setIsResizing] = React.useState(false)\r\n\r\n  // Hydrate from storage after mount (avoids SSR/client mismatch on first paint).\r\n  React.useEffect(() => {\r\n    setWidth(readStoredSidebarWidth())\r\n  }, [])\r\n\r\n  const startResize = React.useCallback(\r\n    (e: React.PointerEvent) => {\r\n      if (!canResize) return\r\n      e.preventDefault()\r\n      setIsResizing(true)\r\n\r\n      const startX = e.clientX\r\n      const startWidth = width\r\n\r\n      const onMove = (ev: PointerEvent) => {\r\n        setWidth(clampSidebarWidth(startWidth + (ev.clientX - startX)))\r\n      }\r\n      const onUp = () => {\r\n        setIsResizing(false)\r\n        window.removeEventListener('pointermove', onMove)\r\n        window.removeEventListener('pointerup', onUp)\r\n        // Persist the final width; read the latest via the functional updater.\r\n        setWidth(current => {\r\n          writeStoredSidebarWidth(current)\r\n          return current\r\n        })\r\n      }\r\n\r\n      window.addEventListener('pointermove', onMove)\r\n      window.addEventListener('pointerup', onUp)\r\n    },\r\n    [canResize, width]\r\n  )\r\n\r\n  return { width, isResizing, canResize, startResize }\r\n}\r\n"],"mappings":";AAKA,YAAY,WAAW;AAEvB,SAAS,mBAAmB;AAGrB,MAAM,oBAAoB;AAE1B,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,4BAA4B;AAGlC,SAAS,kBAAkB,OAAuB;AACvD,MAAI,OAAO,MAAM,KAAK,EAAG,QAAO;AAChC,SAAO,KAAK,IAAI,mBAAmB,KAAK,IAAI,mBAAmB,KAAK,CAAC;AACvE;AAGO,SAAS,yBAAiC;AAC/C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,UAAM,MAAM,OAAO,aAAa,QAAQ,yBAAyB;AACjE,QAAI,QAAQ,KAAM,QAAO;AACzB,UAAM,SAAS,OAAO,WAAW,GAAG;AACpC,QAAI,CAAC,OAAO,SAAS,MAAM,EAAG,QAAO;AACrC,WAAO,kBAAkB,MAAM;AAAA,EACjC,SAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,wBAAwB,OAAqB;AAC3D,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI;AACF,WAAO,aAAa,QAAQ,2BAA2B,OAAO,kBAAkB,KAAK,CAAC,CAAC;AAAA,EACzF,SAAQ;AAAA,EAER;AACF;AAkBO,SAAS,2BAAkD;AAChE,QAAM,WAAW,YAAY;AAC7B,QAAM,YAAY,CAAC;AAEnB,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAiB,qBAAqB;AACtE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAGxD,QAAM,UAAU,MAAM;AACpB,aAAS,uBAAuB,CAAC;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,MAA0B;AACzB,UAAI,CAAC,UAAW;AAChB,QAAE,eAAe;AACjB,oBAAc,IAAI;AAElB,YAAM,SAAS,EAAE;AACjB,YAAM,aAAa;AAEnB,YAAM,SAAS,CAAC,OAAqB;AACnC,iBAAS,kBAAkB,cAAc,GAAG,UAAU,OAAO,CAAC;AAAA,MAChE;AACA,YAAM,OAAO,MAAM;AACjB,sBAAc,KAAK;AACnB,eAAO,oBAAoB,eAAe,MAAM;AAChD,eAAO,oBAAoB,aAAa,IAAI;AAE5C,iBAAS,aAAW;AAClB,kCAAwB,OAAO;AAC/B,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAEA,aAAO,iBAAiB,eAAe,MAAM;AAC7C,aAAO,iBAAiB,aAAa,IAAI;AAAA,IAC3C;AAAA,IACA,CAAC,WAAW,KAAK;AAAA,EACnB;AAEA,SAAO,EAAE,OAAO,YAAY,WAAW,YAAY;AACrD;","names":[]}

package/dist/core/i18n/messages/en.json

@@ -1043,7 +1043,10 @@
     "placeSensorTooltipBim": "Double-click on the model to place the sensor",
     "selectType": "Select type",
     "selectFormat": "Select format",
-    "tags": "Tags"
+    "tags": "Tags",
+    "previewPoints": "data points",
+    "previewNoData": "No data at this URL",
+    "previewError": "Could not reach this URL"
   },
   "SensorLayers": {
     "sensorEdited": "Sensor edited",
@@ -1054,6 +1057,7 @@
     "addSensorTitle": "Add Sensor",
     "searchSensors": "Search sensors...",
     "editSensor": "Edit sensor",
+    "expandSensor": "Expand",
     "sensorEdited": "Sensor edited",
     "deleteSensor": "Delete sensor",
     "sensorDeleted": "Sensor deleted",

package/dist/core/i18n/messages/es.json

@@ -1043,7 +1043,10 @@
     "placeSensorTooltipBim": "Haga doble clic en el modelo para colocar el sensor",
     "selectType": "Seleccionar tipo",
     "selectFormat": "Seleccionar formato",
-    "tags": "Etiquetas"
+    "tags": "Etiquetas",
+    "previewPoints": "puntos de datos",
+    "previewNoData": "No hay datos en esta URL",
+    "previewError": "No se pudo acceder a esta URL"
   },
   "SensorLayers": {
     "sensorEdited": "Sensor editado",
@@ -1054,6 +1057,7 @@
     "addSensorTitle": "Añadir sensor",
     "searchSensors": "Buscar sensores...",
     "editSensor": "Editar sensor",
+    "expandSensor": "Ampliar",
     "sensorEdited": "Sensor editado",
     "deleteSensor": "Eliminar sensor",
     "sensorDeleted": "Sensor eliminado",

package/dist/core/i18n/messages/fr.json

@@ -1043,7 +1043,10 @@
     "placeSensorTooltipBim": "Double-cliquez sur le modèle pour placer le capteur",
     "selectType": "Sélectionner le type",
     "selectFormat": "Sélectionner le format",
-    "tags": "Étiquettes"
+    "tags": "Étiquettes",
+    "previewPoints": "points de données",
+    "previewNoData": "Aucune donnée à cette URL",
+    "previewError": "Impossible d'accéder à cette URL"
   },
   "SensorLayers": {
     "sensorEdited": "Capteur modifié",
@@ -1054,6 +1057,7 @@
     "addSensorTitle": "Ajouter un capteur",
     "searchSensors": "Rechercher des capteurs...",
     "editSensor": "Modifier le capteur",
+    "expandSensor": "Agrandir",
     "sensorEdited": "Capteur modifié",
     "deleteSensor": "Supprimer le capteur",
     "sensorDeleted": "Capteur supprimé",

package/dist/core/store/AppConfig/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/store/AppConfig/context.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,aAAa,CAAA;CAC7B,CAAA;AAkBD,eAAO,MAAM,gBAAgB;WACpB,gBAAgB;cACb,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC;EAI1C,CAAA;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;IAAE,aAAa,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,CAQlG,CAAA;AAED,eAAO,MAAM,mBAAmB;WAjBvB,gBAAgB;cACb,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC;CAgB+B,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/store/AppConfig/context.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,aAAa,CAAA;CAC7B,CAAA;AAoBD,eAAO,MAAM,gBAAgB;WACpB,gBAAgB;cACb,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC;EAI1C,CAAA;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;IAAE,aAAa,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,CAQlG,CAAA;AAED,eAAO,MAAM,mBAAmB;WAjBvB,gBAAgB;cACb,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC;CAgB+B,CAAA"}

package/dist/core/store/AppConfig/context.js

@@ -20,11 +20,14 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { detectTimeZone } from "../../utils/timeUtils";
 import { AppConfigReducer } from "./reducer";
 const initialState = {
   appConfig: {
     organization: null,
-    user: null
+    user: null,
+    displayTimeZone: detectTimeZone(),
+    displayTimeZoneUserSet: false
   },
   runtimeConfig: {}
 };

package/dist/core/store/AppConfig/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/store/AppConfig/context.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { AppConfigReducer } from './reducer'\r\n\r\nimport type { AppConfigActions, AppConfigState } from './reducer';\r\n\r\nexport type RuntimeConfig = {\r\n  minioUrl?: string\r\n  martinUrl?: string\r\n  recaptchaSiteKey?: string\r\n  pointcloudApiUrl?: string\r\n  geocodeEarthApiKey?: string\r\n  geocoderUrl?: string\r\n  photonUrl?: string\r\n  nominatimUrl?: string\r\n  maptilerKey?: string\r\n}\r\n\r\ntype InitialStateType = {\r\n  appConfig: AppConfigState\r\n  runtimeConfig: RuntimeConfig\r\n}\r\n\r\nconst initialState: InitialStateType = {\r\n  appConfig: {\r\n    organization: null,\r\n    user: null,\r\n  },\r\n  runtimeConfig: {},\r\n}\r\n\r\nconst reducer = (\r\n  { appConfig, runtimeConfig }: InitialStateType,\r\n  action: AppConfigActions,\r\n): InitialStateType => ({\r\n  appConfig: AppConfigReducer(appConfig, action),\r\n  runtimeConfig,\r\n})\r\n\r\nexport const AppConfigContext = React.createContext<{\r\n  state: InitialStateType\r\n  dispatch: React.Dispatch<AppConfigActions>\r\n}>({\r\n  state: initialState,\r\n  dispatch: () => null,\r\n})\r\n\r\nexport const AppConfigProvider: React.FC<React.PropsWithChildren<{ runtimeConfig?: RuntimeConfig }>> = ({ children, runtimeConfig = {} }) => {\r\n  const [state, dispatch] = React.useReducer(reducer, { ...initialState, runtimeConfig })\r\n  const value = React.useMemo(() => ({ state, dispatch }), [state])\r\n  return (\r\n    <AppConfigContext.Provider value={value}>\r\n      {children}\r\n    </AppConfigContext.Provider>\r\n  )\r\n}\r\n\r\nexport const useAppConfigContext = () => React.useContext(AppConfigContext)"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwDI;AAnDJ,YAAY,WAAW;AAEvB,SAAS,wBAAwB;AAqBjC,MAAM,eAAiC;AAAA,EACrC,WAAW;AAAA,IACT,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAAA,EACA,eAAe,CAAC;AAClB;AAEA,MAAM,UAAU,CACd,EAAE,WAAW,cAAc,GAC3B,YACsB;AAAA,EACtB,WAAW,iBAAiB,WAAW,MAAM;AAAA,EAC7C;AACF;AAEO,MAAM,mBAAmB,MAAM,cAGnC;AAAA,EACD,OAAO;AAAA,EACP,UAAU,MAAM;AAClB,CAAC;AAEM,MAAM,oBAA0F,CAAC,EAAE,UAAU,gBAAgB,CAAC,EAAE,MAAM;AAC3I,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,WAAW,SAAS,iCAAK,eAAL,EAAmB,cAAc,EAAC;AACtF,QAAM,QAAQ,MAAM,QAAQ,OAAO,EAAE,OAAO,SAAS,IAAI,CAAC,KAAK,CAAC;AAChE,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OACxB,UACH;AAEJ;AAEO,MAAM,sBAAsB,MAAM,MAAM,WAAW,gBAAgB;","names":[]}
+{"version":3,"sources":["../../../../src/core/store/AppConfig/context.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { detectTimeZone } from '../../utils/timeUtils'\r\n\r\nimport { AppConfigReducer } from './reducer'\r\n\r\nimport type { AppConfigActions, AppConfigState } from './reducer';\r\n\r\nexport type RuntimeConfig = {\r\n  minioUrl?: string\r\n  martinUrl?: string\r\n  recaptchaSiteKey?: string\r\n  pointcloudApiUrl?: string\r\n  geocodeEarthApiKey?: string\r\n  geocoderUrl?: string\r\n  photonUrl?: string\r\n  nominatimUrl?: string\r\n  maptilerKey?: string\r\n}\r\n\r\ntype InitialStateType = {\r\n  appConfig: AppConfigState\r\n  runtimeConfig: RuntimeConfig\r\n}\r\n\r\nconst initialState: InitialStateType = {\r\n  appConfig: {\r\n    organization: null,\r\n    user: null,\r\n    displayTimeZone: detectTimeZone(),\r\n    displayTimeZoneUserSet: false,\r\n  },\r\n  runtimeConfig: {},\r\n}\r\n\r\nconst reducer = (\r\n  { appConfig, runtimeConfig }: InitialStateType,\r\n  action: AppConfigActions,\r\n): InitialStateType => ({\r\n  appConfig: AppConfigReducer(appConfig, action),\r\n  runtimeConfig,\r\n})\r\n\r\nexport const AppConfigContext = React.createContext<{\r\n  state: InitialStateType\r\n  dispatch: React.Dispatch<AppConfigActions>\r\n}>({\r\n  state: initialState,\r\n  dispatch: () => null,\r\n})\r\n\r\nexport const AppConfigProvider: React.FC<React.PropsWithChildren<{ runtimeConfig?: RuntimeConfig }>> = ({ children, runtimeConfig = {} }) => {\r\n  const [state, dispatch] = React.useReducer(reducer, { ...initialState, runtimeConfig })\r\n  const value = React.useMemo(() => ({ state, dispatch }), [state])\r\n  return (\r\n    <AppConfigContext.Provider value={value}>\r\n      {children}\r\n    </AppConfigContext.Provider>\r\n  )\r\n}\r\n\r\nexport const useAppConfigContext = () => React.useContext(AppConfigContext)"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4DI;AAvDJ,YAAY,WAAW;AAEvB,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AAqBjC,MAAM,eAAiC;AAAA,EACrC,WAAW;AAAA,IACT,cAAc;AAAA,IACd,MAAM;AAAA,IACN,iBAAiB,eAAe;AAAA,IAChC,wBAAwB;AAAA,EAC1B;AAAA,EACA,eAAe,CAAC;AAClB;AAEA,MAAM,UAAU,CACd,EAAE,WAAW,cAAc,GAC3B,YACsB;AAAA,EACtB,WAAW,iBAAiB,WAAW,MAAM;AAAA,EAC7C;AACF;AAEO,MAAM,mBAAmB,MAAM,cAGnC;AAAA,EACD,OAAO;AAAA,EACP,UAAU,MAAM;AAClB,CAAC;AAEM,MAAM,oBAA0F,CAAC,EAAE,UAAU,gBAAgB,CAAC,EAAE,MAAM;AAC3I,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,WAAW,SAAS,iCAAK,eAAL,EAAmB,cAAc,EAAC;AACtF,QAAM,QAAQ,MAAM,QAAQ,OAAO,EAAE,OAAO,SAAS,IAAI,CAAC,KAAK,CAAC;AAChE,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OACxB,UACH;AAEJ;AAEO,MAAM,sBAAsB,MAAM,MAAM,WAAW,gBAAgB;","names":[]}

package/dist/core/store/AppConfig/reducer.d.ts

@@ -3,11 +3,21 @@ import type { ActionMap } from '../ActionMap';
 interface AppConfigTypes {
     organization: Organization | null;
     user: User | null;
+    /** Display timezone for sensor time rendering (non-persisted). */
+    displayTimeZone: string;
+    /** True once the user picked a zone, so location defaults stop overriding it. */
+    displayTimeZoneUserSet: boolean;
 }
 export type AppConfigState = AppConfigTypes;
 export type AppConfigPayload = {
     ['SET_ORGANIZATION']: Pick<AppConfigTypes, 'organization'>;
     ['SET_USER']: Pick<AppConfigTypes, 'user'>;
+    ['SET_DISPLAY_TIME_ZONE']: {
+        displayTimeZone: string;
+    };
+    ['SET_DEFAULT_TIME_ZONE']: {
+        displayTimeZone: string;
+    };
 };
 export type AppConfigActions = ActionMap<AppConfigPayload>[keyof ActionMap<AppConfigPayload>];
 export declare const AppConfigReducer: (state: AppConfigState, action: AppConfigActions) => AppConfigTypes;

package/dist/core/store/AppConfig/reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../../src/core/store/AppConfig/reducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,UAAU,cAAc;IACtB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAA;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,kBAAkB,CAAC,EAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAAA;IAC3D,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,gBAAgB,GACxB,SAAS,CAAC,gBAAgB,CAAC,CAAC,MAAM,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAElE,eAAO,MAAM,gBAAgB,GAAI,OAAO,cAAc,EAAE,QAAQ,gBAAgB,mBAkB/E,CAAA"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../../src/core/store/AppConfig/reducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,UAAU,cAAc;IACtB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,kEAAkE;IAClE,eAAe,EAAE,MAAM,CAAA;IACvB,iFAAiF;IACjF,sBAAsB,EAAE,OAAO,CAAA;CAChC;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAA;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,kBAAkB,CAAC,EAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAAA;IAC3D,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;IAC1C,CAAC,uBAAuB,CAAC,EAAE;QAAE,eAAe,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,CAAC,uBAAuB,CAAC,EAAE;QAAE,eAAe,EAAE,MAAM,CAAA;KAAE,CAAA;CACvD,CAAA;AAED,MAAM,MAAM,gBAAgB,GACxB,SAAS,CAAC,gBAAgB,CAAC,CAAC,MAAM,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAElE,eAAO,MAAM,gBAAgB,GAAI,OAAO,cAAc,EAAE,QAAQ,gBAAgB,mBA+B/E,CAAA"}

package/dist/core/store/AppConfig/reducer.js

@@ -29,6 +29,16 @@ const AppConfigReducer = (state, action) => {
       return __spreadProps(__spreadValues({}, state), {
         user
       });
+    case "SET_DISPLAY_TIME_ZONE":
+      return __spreadProps(__spreadValues({}, state), {
+        displayTimeZone: action.payload.displayTimeZone,
+        displayTimeZoneUserSet: true
+      });
+    case "SET_DEFAULT_TIME_ZONE":
+      if (state.displayTimeZoneUserSet) return state;
+      return __spreadProps(__spreadValues({}, state), {
+        displayTimeZone: action.payload.displayTimeZone
+      });
     default:
       return state;
   }

package/dist/core/store/AppConfig/reducer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/store/AppConfig/reducer.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type { Organization, User } from '../../types/dbTypes'\r\nimport type { ActionMap } from '../ActionMap'\r\n\r\ninterface AppConfigTypes {\r\n  organization: Organization | null\r\n  user: User | null\r\n}\r\n\r\nexport type AppConfigState = AppConfigTypes\r\n\r\nexport type AppConfigPayload = {\r\n  ['SET_ORGANIZATION']:  Pick<AppConfigTypes, 'organization'>\r\n  ['SET_USER']: Pick<AppConfigTypes, 'user'>\r\n}\r\n\r\nexport type AppConfigActions\r\n  = ActionMap<AppConfigPayload>[keyof ActionMap<AppConfigPayload>]\r\n\r\nexport const AppConfigReducer = (state: AppConfigState, action: AppConfigActions) => {\r\n  switch (action.type) {\r\n    case 'SET_ORGANIZATION':\r\n      const { organization } = action.payload\r\n      return {\r\n        ...state,\r\n        organization,\r\n      }\r\n    case 'SET_USER':\r\n      const { user } = action.payload\r\n      return {\r\n        ...state,\r\n        user,\r\n      }\r\n    default:\r\n\r\n      return state\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBO,MAAM,mBAAmB,CAAC,OAAuB,WAA6B;AACnF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,YAAM,EAAE,aAAa,IAAI,OAAO;AAChC,aAAO,iCACF,QADE;AAAA,QAEL;AAAA,MACF;AAAA,IACF,KAAK;AACH,YAAM,EAAE,KAAK,IAAI,OAAO;AACxB,aAAO,iCACF,QADE;AAAA,QAEL;AAAA,MACF;AAAA,IACF;AAEE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/core/store/AppConfig/reducer.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type { Organization, User } from '../../types/dbTypes'\r\nimport type { ActionMap } from '../ActionMap'\r\n\r\ninterface AppConfigTypes {\r\n  organization: Organization | null\r\n  user: User | null\r\n  /** Display timezone for sensor time rendering (non-persisted). */\r\n  displayTimeZone: string\r\n  /** True once the user picked a zone, so location defaults stop overriding it. */\r\n  displayTimeZoneUserSet: boolean\r\n}\r\n\r\nexport type AppConfigState = AppConfigTypes\r\n\r\nexport type AppConfigPayload = {\r\n  ['SET_ORGANIZATION']:  Pick<AppConfigTypes, 'organization'>\r\n  ['SET_USER']: Pick<AppConfigTypes, 'user'>\r\n  ['SET_DISPLAY_TIME_ZONE']: { displayTimeZone: string }\r\n  ['SET_DEFAULT_TIME_ZONE']: { displayTimeZone: string }\r\n}\r\n\r\nexport type AppConfigActions\r\n  = ActionMap<AppConfigPayload>[keyof ActionMap<AppConfigPayload>]\r\n\r\nexport const AppConfigReducer = (state: AppConfigState, action: AppConfigActions) => {\r\n  switch (action.type) {\r\n    case 'SET_ORGANIZATION':\r\n      const { organization } = action.payload\r\n      return {\r\n        ...state,\r\n        organization,\r\n      }\r\n    case 'SET_USER':\r\n      const { user } = action.payload\r\n      return {\r\n        ...state,\r\n        user,\r\n      }\r\n    case 'SET_DISPLAY_TIME_ZONE':\r\n      return {\r\n        ...state,\r\n        displayTimeZone: action.payload.displayTimeZone,\r\n        displayTimeZoneUserSet: true,\r\n      }\r\n    case 'SET_DEFAULT_TIME_ZONE':\r\n      // Location-derived default: apply only until the user makes an explicit choice.\r\n      if (state.displayTimeZoneUserSet) return state\r\n      return {\r\n        ...state,\r\n        displayTimeZone: action.payload.displayTimeZone,\r\n      }\r\n    default:\r\n\r\n      return state\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BO,MAAM,mBAAmB,CAAC,OAAuB,WAA6B;AACnF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,YAAM,EAAE,aAAa,IAAI,OAAO;AAChC,aAAO,iCACF,QADE;AAAA,QAEL;AAAA,MACF;AAAA,IACF,KAAK;AACH,YAAM,EAAE,KAAK,IAAI,OAAO;AACxB,aAAO,iCACF,QADE;AAAA,QAEL;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO,iCACF,QADE;AAAA,QAEL,iBAAiB,OAAO,QAAQ;AAAA,QAChC,wBAAwB;AAAA,MAC1B;AAAA,IACF,KAAK;AAEH,UAAI,MAAM,uBAAwB,QAAO;AACzC,aAAO,iCACF,QADE;AAAA,QAEL,iBAAiB,OAAO,QAAQ;AAAA,MAClC;AAAA,IACF;AAEE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/core/store/Menus/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/store/Menus/context.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEhD,KAAK,gBAAgB,GAAG;IACpB,KAAK,EAAE,UAAU,CAAA;CACpB,CAAA;AAkCD,eAAO,MAAM,YAAY;WACd,gBAAgB;cACb,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC;mBACvB,OAAO;sBACJ,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;UACzD,OAAO,GAAG,QAAQ;aACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;kBACnD,QAAQ,GAAG,IAAI;qBACZ,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;kBACxD,IAAI,GAAG,IAAI;qBACR,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;4BAC1C,cAAc,GAAG,IAAI;+BAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;kBACxE,OAAO,GAAG,IAAI;qBACX,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;kBACvD,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;qBACjB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;uBACxD,OAAO;0BACJ,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;iBACtD,OAAO;EAqBtB,CAAA;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CA6D3D,CAAA;AAED,eAAO,MAAM,eAAe;WAxGjB,gBAAgB;cACb,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC;mBACvB,OAAO;sBACJ,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;UACzD,OAAO,GAAG,QAAQ;aACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;kBACnD,QAAQ,GAAG,IAAI;qBACZ,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;kBACxD,IAAI,GAAG,IAAI;qBACR,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;4BAC1C,cAAc,GAAG,IAAI;+BAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;kBACxE,OAAO,GAAG,IAAI;qBACX,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;kBACvD,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;qBACjB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;uBACxD,OAAO;0BACJ,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;iBACtD,OAAO;CAsF2C,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/store/Menus/context.tsx"],"names":[],"mappings":"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"}

package/dist/core/store/Menus/context.js

@@ -25,7 +25,10 @@ const getInitialState = (pathname) => {
       visibleSensorTypes: {},
       visibleSensorTags: {},
       currentSensorId: null,
-      currentSensorTypeId: null
+      currentSensorTypeId: null,
+      focusedSensorId: null,
+      sensorFocusRequestId: 0,
+      pendingSensorAction: null
     }
   };
 };
@@ -33,7 +36,7 @@ const reducer = ({ menus }, action) => ({
   menus: MenusReducer(menus, action)
 });
 const MenusContext = React.createContext({
-  state: { menus: { currentViewer: ViewerNames.map, rowsPerPage: 10, selectedTab: "file", commentsVisibleInViewer: [], currentCommentId: null, focusedCommentId: null, focusRequestId: 0, pendingCommentAction: null, sensorsVisibleInViewer: [], visibleSensorTypes: {}, visibleSensorTags: {}, currentSensorId: null, currentSensorTypeId: null } },
+  state: { menus: { currentViewer: ViewerNames.map, rowsPerPage: 10, selectedTab: "file", commentsVisibleInViewer: [], currentCommentId: null, focusedCommentId: null, focusRequestId: 0, pendingCommentAction: null, sensorsVisibleInViewer: [], visibleSensorTypes: {}, visibleSensorTags: {}, currentSensorId: null, currentSensorTypeId: null, focusedSensorId: null, sensorFocusRequestId: 0, pendingSensorAction: null } },
   dispatch: () => null,
   isSidebarOpen: false,
   setIsSidebarOpen: () => null,

package/dist/core/store/Menus/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/store/Menus/context.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { usePathname } from 'next/navigation'\r\nimport * as React from \"react\";\r\n\r\nimport { ViewerNames } from '../../types/dbTypes'\r\n\r\nimport { MenusReducer } from './reducer'\r\n\r\nimport type { MenusActions, MenusState } from './reducer';\r\nimport type { Building, Site, User, Infrastructure } from '../../types/dbTypes'\r\nimport type { FileRow } from '../../types/files'\r\n\r\ntype InitialStateType = {\r\n    menus: MenusState\r\n}\r\n\r\n// Function to determine if path is an auth page\r\nconst isAuthPath = (pathname?: string): boolean => {\r\n    if (!pathname) return false\r\n    return pathname.includes('/auth/')\r\n}\r\n\r\n// Get initial state based on current path\r\nconst getInitialState = (pathname?: string): InitialStateType => {\r\n    const isAuth = isAuthPath(pathname)\r\n    return {\r\n        menus: {\r\n            currentViewer: isAuth ? ViewerNames.auth : ViewerNames.map,\r\n            rowsPerPage: 10, // Default rows per page\r\n            selectedTab: 'file',\r\n            commentsVisibleInViewer: [],\r\n            currentCommentId: null,\r\n            focusedCommentId: null,\r\n            focusRequestId: 0,\r\n            pendingCommentAction: null,\r\n            sensorsVisibleInViewer: [],\r\n            visibleSensorTypes: {},\r\n            visibleSensorTags: {},\r\n            currentSensorId: null,\r\n            currentSensorTypeId: null,\r\n        },\r\n    }\r\n}\r\n\r\nconst reducer = ({ menus }: InitialStateType, action: MenusActions) => ({\r\n    menus: MenusReducer(menus, action),\r\n})\r\n\r\nexport const MenusContext = React.createContext<{\r\n    state: InitialStateType\r\n    dispatch: React.Dispatch<MenusActions>\r\n    isSidebarOpen: boolean\r\n    setIsSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>\r\n    view: 'table' | 'detail'\r\n    setView: React.Dispatch<React.SetStateAction<'table' | 'detail'>>\r\n    selectedItem: Building | null\r\n    setSelectedItem: React.Dispatch<React.SetStateAction<Building | null>>\r\n    selectedSite: Site | null\r\n    setSelectedSite: React.Dispatch<React.SetStateAction<Site | null>>\r\n    selectedInfrastructure: Infrastructure | null\r\n    setSelectedInfrastructure: React.Dispatch<React.SetStateAction<Infrastructure | null>>\r\n    selectedFile: FileRow | null\r\n    setSelectedFile: React.Dispatch<React.SetStateAction<FileRow | null>>\r\n    selectedUser: Partial<User> | null\r\n    setSelectedUser: React.Dispatch<React.SetStateAction<Partial<User> | null>>\r\n    isDatasetMenuOpen: boolean\r\n    setIsDatasetMenuOpen: React.Dispatch<React.SetStateAction<boolean>>\r\n    isAuthPage?: boolean\r\n}>({\r\n    state: { menus: { currentViewer: ViewerNames.map, rowsPerPage: 10, selectedTab: 'file', commentsVisibleInViewer: [], currentCommentId: null, focusedCommentId: null, focusRequestId: 0, pendingCommentAction: null, sensorsVisibleInViewer: [], visibleSensorTypes: {}, visibleSensorTags: {}, currentSensorId: null, currentSensorTypeId: null } },\r\n    dispatch: () => null,\r\n    isSidebarOpen: false,\r\n    setIsSidebarOpen: () => null,\r\n    view: 'table',\r\n    setView: () => null,\r\n    selectedItem: null,\r\n    setSelectedItem: () => null,\r\n    selectedSite: null,\r\n    setSelectedSite: () => null,\r\n    selectedInfrastructure: null,\r\n    setSelectedInfrastructure: () => null,\r\n    selectedFile: null,\r\n    setSelectedFile: () => null,\r\n    selectedUser: null,\r\n    setSelectedUser: () => null,\r\n    isDatasetMenuOpen: false,\r\n    setIsDatasetMenuOpen: () => null,\r\n    isAuthPage: true,\r\n})\r\n\r\nexport const MenusProvider: React.FC<React.PropsWithChildren> = ({ children }) => {\r\n    const pathname = usePathname()\r\n    const [state, dispatch] = React.useReducer(reducer, getInitialState(pathname))\r\n\r\n    const [isSidebarOpen, setIsSidebarOpen] = React.useState(false)\r\n    const [view, setView] = React.useState<'table' | 'detail'>('table')\r\n    const [selectedItem, setSelectedItem] = React.useState<Building | null>(null)\r\n    const [selectedSite, setSelectedSite] = React.useState<Site | null>(null)\r\n    const [selectedInfrastructure, setSelectedInfrastructure] = React.useState<Infrastructure | null>(null)\r\n    const [selectedFile, setSelectedFile] = React.useState<FileRow | null>(null)\r\n    const [selectedUser, setSelectedUser] = React.useState<Partial<User> | null>(null)\r\n    const [isDatasetMenuOpen, setIsDatasetMenuOpen] = React.useState(false)\r\n    // Check if current path is an authentication page\r\n    const isAuthPage = isAuthPath(pathname)\r\n\r\n    // Update state if pathname changes and auth state changes\r\n    React.useEffect(() => {\r\n        if (isAuthPage && state.menus.currentViewer !== ViewerNames.auth) {\r\n            dispatch({\r\n                type: 'SET_VIEWER',\r\n                payload: { currentViewer: ViewerNames.auth },\r\n            })\r\n            setIsSidebarOpen(false)\r\n        }\r\n        else if (!isAuthPage && state.menus.currentViewer === ViewerNames.auth) {\r\n            dispatch({\r\n                type: 'SET_VIEWER',\r\n                payload: { currentViewer: ViewerNames.map },\r\n            })\r\n        }\r\n    }, [pathname, isAuthPage, state.menus.currentViewer])\r\n\r\n    const value = React.useMemo(() => ({\r\n        state,\r\n        dispatch,\r\n        isSidebarOpen,\r\n        setIsSidebarOpen,\r\n        view,\r\n        setView,\r\n        selectedItem,\r\n        setSelectedItem,\r\n        selectedSite,\r\n        setSelectedSite,\r\n        selectedInfrastructure,\r\n        setSelectedInfrastructure,\r\n        selectedFile,\r\n        setSelectedFile,\r\n        selectedUser,\r\n        setSelectedUser,\r\n        isDatasetMenuOpen,\r\n        setIsDatasetMenuOpen,\r\n    }), [\r\n        state, isSidebarOpen, view, selectedItem, selectedSite,\r\n        selectedInfrastructure, selectedFile, selectedUser, isDatasetMenuOpen,\r\n    ])\r\n\r\n    return (\r\n        <MenusContext.Provider value={value}>\r\n    { children }\r\n    </MenusContext.Provider>\r\n  )\r\n}\r\n\r\nexport const useMenusContext = () => React.useContext(MenusContext)\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/core/store/Menus/context.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { usePathname } from 'next/navigation'\r\nimport * as React from \"react\";\r\n\r\nimport { ViewerNames } from '../../types/dbTypes'\r\n\r\nimport { MenusReducer } from './reducer'\r\n\r\nimport type { MenusActions, MenusState } from './reducer';\r\nimport type { Building, Site, User, Infrastructure } from '../../types/dbTypes'\r\nimport type { FileRow } from '../../types/files'\r\n\r\ntype InitialStateType = {\r\n    menus: MenusState\r\n}\r\n\r\n// Function to determine if path is an auth page\r\nconst isAuthPath = (pathname?: string): boolean => {\r\n    if (!pathname) return false\r\n    return pathname.includes('/auth/')\r\n}\r\n\r\n// Get initial state based on current path\r\nconst getInitialState = (pathname?: string): InitialStateType => {\r\n    const isAuth = isAuthPath(pathname)\r\n    return {\r\n        menus: {\r\n            currentViewer: isAuth ? ViewerNames.auth : ViewerNames.map,\r\n            rowsPerPage: 10, // Default rows per page\r\n            selectedTab: 'file',\r\n            commentsVisibleInViewer: [],\r\n            currentCommentId: null,\r\n            focusedCommentId: null,\r\n            focusRequestId: 0,\r\n            pendingCommentAction: null,\r\n            sensorsVisibleInViewer: [],\r\n            visibleSensorTypes: {},\r\n            visibleSensorTags: {},\r\n            currentSensorId: null,\r\n            currentSensorTypeId: null,\r\n            focusedSensorId: null,\r\n            sensorFocusRequestId: 0,\r\n            pendingSensorAction: null,\r\n        },\r\n    }\r\n}\r\n\r\nconst reducer = ({ menus }: InitialStateType, action: MenusActions) => ({\r\n    menus: MenusReducer(menus, action),\r\n})\r\n\r\nexport const MenusContext = React.createContext<{\r\n    state: InitialStateType\r\n    dispatch: React.Dispatch<MenusActions>\r\n    isSidebarOpen: boolean\r\n    setIsSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>\r\n    view: 'table' | 'detail'\r\n    setView: React.Dispatch<React.SetStateAction<'table' | 'detail'>>\r\n    selectedItem: Building | null\r\n    setSelectedItem: React.Dispatch<React.SetStateAction<Building | null>>\r\n    selectedSite: Site | null\r\n    setSelectedSite: React.Dispatch<React.SetStateAction<Site | null>>\r\n    selectedInfrastructure: Infrastructure | null\r\n    setSelectedInfrastructure: React.Dispatch<React.SetStateAction<Infrastructure | null>>\r\n    selectedFile: FileRow | null\r\n    setSelectedFile: React.Dispatch<React.SetStateAction<FileRow | null>>\r\n    selectedUser: Partial<User> | null\r\n    setSelectedUser: React.Dispatch<React.SetStateAction<Partial<User> | null>>\r\n    isDatasetMenuOpen: boolean\r\n    setIsDatasetMenuOpen: React.Dispatch<React.SetStateAction<boolean>>\r\n    isAuthPage?: boolean\r\n}>({\r\n    state: { menus: { currentViewer: ViewerNames.map, rowsPerPage: 10, selectedTab: 'file', commentsVisibleInViewer: [], currentCommentId: null, focusedCommentId: null, focusRequestId: 0, pendingCommentAction: null, sensorsVisibleInViewer: [], visibleSensorTypes: {}, visibleSensorTags: {}, currentSensorId: null, currentSensorTypeId: null, focusedSensorId: null, sensorFocusRequestId: 0, pendingSensorAction: null } },\r\n    dispatch: () => null,\r\n    isSidebarOpen: false,\r\n    setIsSidebarOpen: () => null,\r\n    view: 'table',\r\n    setView: () => null,\r\n    selectedItem: null,\r\n    setSelectedItem: () => null,\r\n    selectedSite: null,\r\n    setSelectedSite: () => null,\r\n    selectedInfrastructure: null,\r\n    setSelectedInfrastructure: () => null,\r\n    selectedFile: null,\r\n    setSelectedFile: () => null,\r\n    selectedUser: null,\r\n    setSelectedUser: () => null,\r\n    isDatasetMenuOpen: false,\r\n    setIsDatasetMenuOpen: () => null,\r\n    isAuthPage: true,\r\n})\r\n\r\nexport const MenusProvider: React.FC<React.PropsWithChildren> = ({ children }) => {\r\n    const pathname = usePathname()\r\n    const [state, dispatch] = React.useReducer(reducer, getInitialState(pathname))\r\n\r\n    const [isSidebarOpen, setIsSidebarOpen] = React.useState(false)\r\n    const [view, setView] = React.useState<'table' | 'detail'>('table')\r\n    const [selectedItem, setSelectedItem] = React.useState<Building | null>(null)\r\n    const [selectedSite, setSelectedSite] = React.useState<Site | null>(null)\r\n    const [selectedInfrastructure, setSelectedInfrastructure] = React.useState<Infrastructure | null>(null)\r\n    const [selectedFile, setSelectedFile] = React.useState<FileRow | null>(null)\r\n    const [selectedUser, setSelectedUser] = React.useState<Partial<User> | null>(null)\r\n    const [isDatasetMenuOpen, setIsDatasetMenuOpen] = React.useState(false)\r\n    // Check if current path is an authentication page\r\n    const isAuthPage = isAuthPath(pathname)\r\n\r\n    // Update state if pathname changes and auth state changes\r\n    React.useEffect(() => {\r\n        if (isAuthPage && state.menus.currentViewer !== ViewerNames.auth) {\r\n            dispatch({\r\n                type: 'SET_VIEWER',\r\n                payload: { currentViewer: ViewerNames.auth },\r\n            })\r\n            setIsSidebarOpen(false)\r\n        }\r\n        else if (!isAuthPage && state.menus.currentViewer === ViewerNames.auth) {\r\n            dispatch({\r\n                type: 'SET_VIEWER',\r\n                payload: { currentViewer: ViewerNames.map },\r\n            })\r\n        }\r\n    }, [pathname, isAuthPage, state.menus.currentViewer])\r\n\r\n    const value = React.useMemo(() => ({\r\n        state,\r\n        dispatch,\r\n        isSidebarOpen,\r\n        setIsSidebarOpen,\r\n        view,\r\n        setView,\r\n        selectedItem,\r\n        setSelectedItem,\r\n        selectedSite,\r\n        setSelectedSite,\r\n        selectedInfrastructure,\r\n        setSelectedInfrastructure,\r\n        selectedFile,\r\n        setSelectedFile,\r\n        selectedUser,\r\n        setSelectedUser,\r\n        isDatasetMenuOpen,\r\n        setIsDatasetMenuOpen,\r\n    }), [\r\n        state, isSidebarOpen, view, selectedItem, selectedSite,\r\n        selectedInfrastructure, selectedFile, selectedUser, isDatasetMenuOpen,\r\n    ])\r\n\r\n    return (\r\n        <MenusContext.Provider value={value}>\r\n    { children }\r\n    </MenusContext.Provider>\r\n  )\r\n}\r\n\r\nexport const useMenusContext = () => React.useContext(MenusContext)\r\n"],"mappings":"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","names":[]}

package/dist/core/store/Menus/reducer.d.ts

@@ -8,6 +8,13 @@ export type CommentActionRequest = {
     /** Monotonic id so the same request fires again even if the target is unchanged. */
     requestId: number;
 };
+/** Request from a viewer marker to open a sensor's editor in the sidebar. */
+export type SensorActionRequest = {
+    sensorId: number;
+    action: 'edit';
+    /** Monotonic id so the same request fires again even if the target is unchanged. */
+    requestId: number;
+};
 interface MenusTypes {
     currentViewer: ViewerNames;
     rowsPerPage: number;
@@ -24,6 +31,11 @@ interface MenusTypes {
     visibleSensorTags: Partial<Record<ViewerNames, string[]>>;
     currentSensorId: number | null;
     currentSensorTypeId: number | null;
+    /** Sensor double-clicked to zoom/focus. Drives the thick focus ring + camera move. */
+    focusedSensorId: number | null;
+    /** Monotonic counter bumped on every sensor focus dispatch so re-focusing re-zooms. */
+    sensorFocusRequestId: number;
+    pendingSensorAction: SensorActionRequest | null;
 }
 export type MenusState = MenusTypes;
 export type MenusPayload = {
@@ -68,8 +80,40 @@ export type MenusPayload = {
     };
     ['SET_CURRENT_SENSOR_ID']: Pick<MenusTypes, 'currentSensorId'>;
     ['SET_CURRENT_SENSOR_TYPE_ID']: Pick<MenusTypes, 'currentSensorTypeId'>;
+    ['SET_FOCUSED_SENSOR_ID']: {
+        sensorId: number | null;
+    };
+    ['REQUEST_SENSOR_ACTION']: {
+        sensorId: number;
+    };
+    ['CLEAR_PENDING_SENSOR_ACTION']: undefined;
 };
 export type MenusActions = ActionMap<MenusPayload>[keyof ActionMap<MenusPayload>];
-export declare const MenusReducer: (state: MenusState, action: MenusActions) => MenusTypes;
+export declare const MenusReducer: (state: MenusState, action: MenusActions) => {
+    pendingSensorAction: {
+        sensorId: number;
+        action: string;
+        requestId: number;
+    };
+    currentViewer: ViewerNames;
+    rowsPerPage: number;
+    selectedTab: SidebarTabType;
+    commentsVisibleInViewer: ViewerNames[];
+    currentCommentId: number | null;
+    /** Comment double-clicked to zoom/focus. Drives the thick focus ring + camera move. */
+    focusedCommentId: number | null;
+    /** Monotonic counter bumped on every focus dispatch so re-focusing the same comment re-zooms. */
+    focusRequestId: number;
+    pendingCommentAction: CommentActionRequest | null;
+    sensorsVisibleInViewer: ViewerNames[];
+    visibleSensorTypes: Partial<Record<ViewerNames, number[]>>;
+    visibleSensorTags: Partial<Record<ViewerNames, string[]>>;
+    currentSensorId: number | null;
+    currentSensorTypeId: number | null;
+    /** Sensor double-clicked to zoom/focus. Drives the thick focus ring + camera move. */
+    focusedSensorId: number | null;
+    /** Monotonic counter bumped on every sensor focus dispatch so re-focusing re-zooms. */
+    sensorFocusRequestId: number;
+};
 export {};
 //# sourceMappingURL=reducer.d.ts.map