@thatopen/services 0.3.11 → 0.3.13

package/src/cli/templates/app/src/setups/clipper.ts

@@ -1,75 +0,0 @@
-import * as OBC from "@thatopen/components";
-import * as OBF from "@thatopen/components-front";
-import type { ModeTool } from "./tool-mode";
-
-/**
- * Section / clipping-planes tool. Wraps `OBC.Clipper` as a toolbar mode tool:
- *
- *  - double-click on the model → create a clip plane on the surface under the
- *    pointer (raycast; the plane's normal is the hit face normal),
- *  - drag the plane's arrow gizmo to move it along its normal (handled by the
- *    Clipper's built-in TransformControls while the mode is active),
- *  - Delete / Backspace → delete the plane under the cursor,
- *  - Shift + Delete / Shift + Backspace → clear ALL section planes.
- *
- * Clipping is applied through `renderer.three.clippingPlanes` with
- * `localClippingEnabled = true` (set by the SimpleRenderer), so the cut is
- * honored during the deferred pipeline's single capture render — no
- * deferred-lib change is needed. (Worth an explicit live check that the section
- * actually cuts geometry in deferred mode.)
- *
- * Leaving the mode keeps the existing section planes cutting the model (so a
- * section persists while navigating); it only stops creating/dragging new ones.
- */
-export const clipper = (
-  components: OBC.Components,
-  world: OBC.World,
-): ModeTool => {
-  const clipperComp = components.get(OBC.Clipper);
-
-  const canvas = (world.renderer as OBF.PostproductionRenderer | null)?.three
-    .domElement;
-  if (!canvas) {
-    throw new Error("clipper setup: world has no renderer with a canvas");
-  }
-
-  const onDblClick = () => {
-    void clipperComp.create(world);
-  };
-
-  const onKeyDown = (event: KeyboardEvent) => {
-    if (event.code !== "Delete" && event.code !== "Backspace") return;
-    if (event.shiftKey) {
-      clipperComp.deleteAll();
-    } else {
-      // No-op when nothing is hovered (the Clipper raycasts for a plane).
-      void clipperComp.delete(world);
-    }
-  };
-
-  let active = false;
-
-  return {
-    label: "Section",
-    icon: "mdi:scissors-cutting",
-    activate() {
-      if (active) return;
-      active = true;
-      clipperComp.enabled = true; // allow create + drag-to-move
-      clipperComp.visible = true;
-      canvas.addEventListener("dblclick", onDblClick);
-      window.addEventListener("keydown", onKeyDown);
-      canvas.style.cursor = "crosshair";
-    },
-    deactivate() {
-      if (!active) return;
-      active = false;
-      // Stop creating / dragging, but keep the planes in the renderer's
-      // clippingPlanes so the section stays cut while navigating.
-      clipperComp.enabled = false;
-      canvas.removeEventListener("dblclick", onDblClick);
-      window.removeEventListener("keydown", onKeyDown);
-      canvas.style.cursor = "";
-    },
-  };
-};

package/src/cli/templates/app/src/setups/cloud-runner.ts

@@ -1,13 +0,0 @@
-import * as OBC from "@thatopen/components";
-import { CloudRunner } from "../bim-components";
-import { getUIManager } from "./ui-manager";
-
-export const cloudRunner = (components: OBC.Components) => {
-  const runner = components.get(CloudRunner);
-  const uis = getUIManager(components);
-
-  // Re-render all appInfoSection instances whenever execution state changes.
-  runner.onExecutionUpdated.add(() => {
-    uis.custom.get("cloudRunnerSection").updateInstances();
-  });
-};

package/src/cli/templates/app/src/setups/exploded-view.ts

@@ -1,246 +0,0 @@
-import * as THREE from "three";
-import * as OBC from "@thatopen/components";
-import * as FRAGS from "@thatopen/fragments";
-
-/**
- * EXPLODED VIEW — a HEADLESS controller (no UI). The toolbar wires a single
- * `mdi:arrow-expand-vertical` button to `toggle()` / `isActive()` / `onChange()`.
- *
- * ── Technique ──────────────────────────────────────────────────────────────
- * Fragments has no runtime "translate these items" call; the supported path is
- * the Edit API's GLOBAL TRANSFORMS (each item placement is a global transform
- * with a `position`). So per model we:
- *  1. Group element localIds by IFCBUILDINGSTOREY (from the spatial structure)
- *     and order storeys by elevation (min-Y of each group's bbox).
- *  2. Map items → their global-transform ids; a transform shared across MORE
- *     than one storey is skipped (it can't be moved per-storey cleanly).
- *  3. SNAPSHOT each transform's original position ONCE.
- *  4. To explode at magnitude m: set each transform's Y to
- *     `originalY + storeyIndex × step × m` — ALWAYS absolute from the snapshot,
- *     never accumulated, so repeated explode/reset never drifts. m = 0 restores
- *     exactly.
- *
- * Edits are applied in the background (the Edit API can't do 60/s). Visibility &
- * selection are untouched (only transforms change).
- *
- *     const explode = explodedView(components);
- *     // toolbar: button @click=explode.toggle(); active styling = explode.isActive()
- *
- * @param components engine components
- */
-
-const STOREY = "IFCBUILDINGSTOREY";
-const DEFAULT_MAGNITUDE = 1.0;
-
-export interface ExplodedViewController {
-  /** Off→on (applies the default magnitude) / on→off (restores exactly). */
-  toggle(): void;
-  /** Whether the model is currently exploded (magnitude > 0). */
-  isActive(): boolean;
-  /** Subscribe to active changes (toggle / auto-reset). Returns an unsubscribe. */
-  onChange(cb: (active: boolean) => void): () => void;
-  /** Graded control (0→1). Kept for a future popover slider; 0 restores exactly. */
-  setMagnitude(v: number): void;
-}
-
-interface ModelExplode {
-  // global-transform localId → its storey index (0 = lowest). Only single-storey
-  // transforms are included.
-  gtToStorey: Map<number, number>;
-  // global-transform localId → original position [x,y,z] (the snapshot).
-  snapshot: Map<number, [number, number, number]>;
-  // current global-transform objects (other fields preserved on UPDATE).
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  gts: Map<number, any>;
-  step: number; // vertical units per storey index at magnitude 1
-}
-
-export const explodedView = (
-  components: OBC.Components,
-): ExplodedViewController => {
-  const fragments = components.get(OBC.FragmentsManager);
-  // The Edit API; opt into the in-place incremental edit path (cheaper than a
-  // per-edit delta-model rebuild). Harmless if already enabled.
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (fragments.core as any).settings.incrementalEdit = true;
-  } catch {
-    /* setting may not exist on older cores — edits still work, just slower */
-  }
-
-  let magnitude = 0;
-  let active = false;
-  let busy = false;
-  const prepared = new Map<string, ModelExplode>();
-  const listeners = new Set<(active: boolean) => void>();
-
-  const setActive = (a: boolean) => {
-    if (a === active) return;
-    active = a;
-    for (const cb of listeners) cb(a);
-  };
-
-  // Collect, per storey node, all descendant element localIds.
-  const collectStoreys = (root: FRAGS.SpatialTreeItem) => {
-    const storeys: number[][] = [];
-    const descendants = (node: FRAGS.SpatialTreeItem, acc: number[]) => {
-      if (node.localId !== null && node.localId !== undefined && node.localId >= 0) {
-        acc.push(node.localId);
-      }
-      node.children?.forEach((c) => descendants(c, acc));
-    };
-    const walk = (node: FRAGS.SpatialTreeItem) => {
-      if ((node.category ?? "").toUpperCase() === STOREY) {
-        const ids: number[] = [];
-        descendants(node, ids);
-        if (ids.length) storeys.push(ids);
-      } else {
-        node.children?.forEach(walk);
-      }
-    };
-    walk(root);
-    return storeys;
-  };
-
-  // Build the explode plan for one model (snapshot + storey→transform map).
-  const prepareModel = async (
-    model: FRAGS.FragmentsModel,
-  ): Promise<ModelExplode | null> => {
-    const structure = await model.getSpatialStructure();
-    if (!structure) return null;
-    let storeys = collectStoreys(structure);
-    if (storeys.length < 2) return null; // nothing to separate
-
-    // Order storeys by elevation (min-Y of the group's merged bbox).
-    const withY = await Promise.all(
-      storeys.map(async (ids) => {
-        let minY = Number.POSITIVE_INFINITY;
-        try {
-          const boxes = (await fragments.getBBoxes({
-            [model.modelId]: new Set(ids),
-          })) as THREE.Box3[];
-          for (const b of boxes) if (!b.isEmpty()) minY = Math.min(minY, b.min.y);
-        } catch {
-          /* leave at +Inf → sorts last; harmless */
-        }
-        return { ids, minY };
-      }),
-    );
-    withY.sort((a, b) => a.minY - b.minY);
-    storeys = withY.map((s) => s.ids);
-
-    // Map global-transform ids → storey index; mark cross-storey ones for skip.
-    const gtToStorey = new Map<number, number>();
-    const skip = new Set<number>();
-    for (let i = 0; i < storeys.length; i += 1) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const gtIds: Iterable<number> = await (model as any).getGlobalTranformsIdsOfItems(
-        storeys[i],
-      );
-      for (const gt of gtIds) {
-        if (skip.has(gt)) continue;
-        if (gtToStorey.has(gt) && gtToStorey.get(gt) !== i) {
-          gtToStorey.delete(gt); // shared across storeys → can't move cleanly
-          skip.add(gt);
-        } else {
-          gtToStorey.set(gt, i);
-        }
-      }
-    }
-    if (gtToStorey.size === 0) return null;
-
-    // Snapshot original positions.
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const gts: Map<number, any> = await model.getGlobalTransforms();
-    const snapshot = new Map<number, [number, number, number]>();
-    for (const [id, gt] of gts) {
-      if (!gtToStorey.has(id)) continue;
-      const p = gt.position as number[];
-      snapshot.set(id, [p[0], p[1], p[2]]);
-    }
-
-    // Vertical step per storey index: a fraction of the model's height so the
-    // explode reads clearly regardless of model scale.
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const box = (model as any).box as THREE.Box3 | undefined;
-    const height = box && !box.isEmpty() ? box.max.y - box.min.y : 10;
-    const step = (height * 0.45) / Math.max(1, storeys.length - 1);
-
-    return { gtToStorey, snapshot, gts, step };
-  };
-
-  const rebuild = async () => {
-    prepared.clear();
-    for (const model of fragments.list.values()) {
-      try {
-        const plan = await prepareModel(model);
-        if (plan) prepared.set(model.modelId, plan);
-      } catch (error) {
-        console.warn("[exploded-view] prepare failed", model.modelId, error);
-      }
-    }
-    // Re-apply the current magnitude to freshly-loaded models.
-    if (magnitude > 0) void apply();
-  };
-
-  // Apply the current magnitude across all prepared models. Always sets the
-  // absolute position from the snapshot (no accumulation → no drift).
-  const apply = async () => {
-    if (busy) return;
-    busy = true;
-    try {
-      for (const [modelId, plan] of prepared) {
-        const model = fragments.list.get(modelId);
-        if (!model) continue;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const requests: any[] = [];
-        for (const [id, orig] of plan.snapshot) {
-          const i = plan.gtToStorey.get(id) ?? 0;
-          const gt = plan.gts.get(id);
-          if (!gt) continue;
-          requests.push({
-            type: FRAGS.EditRequestType.UPDATE_GLOBAL_TRANSFORM,
-            localId: id,
-            data: {
-              ...gt,
-              position: [orig[0], orig[1] + i * plan.step * magnitude, orig[2]],
-            },
-          });
-        }
-        if (requests.length === 0) continue;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        await (fragments.core as any).editor.edit(modelId, requests);
-      }
-      await fragments.core.update(true);
-    } catch (error) {
-      console.warn("[exploded-view] apply failed", error);
-    } finally {
-      busy = false;
-    }
-  };
-
-  const setMagnitude = (v: number) => {
-    magnitude = Math.max(0, Math.min(1, v));
-    void apply();
-    setActive(magnitude > 0);
-  };
-
-  // Recompute the plan whenever the loaded models change.
-  fragments.core.onModelLoaded.add(() => void rebuild());
-  fragments.list.onItemDeleted.add(() => void rebuild());
-  void rebuild();
-
-  return {
-    toggle() {
-      setMagnitude(active ? 0 : DEFAULT_MAGNITUDE);
-    },
-    isActive() {
-      return active;
-    },
-    onChange(cb) {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    setMagnitude,
-  };
-};

package/src/cli/templates/app/src/setups/helper-panel.ts

@@ -1,88 +0,0 @@
-import * as BUI from "@thatopen/ui";
-import { cardHeader } from "./card-header";
-import { toolPlaceholderUri } from "../assets/tool-placeholder";
-
-/**
- * A contextual helper card — ALWAYS present in the left stack (see left-sidebar).
- * It renders the options of whichever panel-tool is active (e.g. Styles); when
- * no tool is active it shows an empty-state illustration + hint. Mirrors the
- * standardized card chrome: dark `bg-base`, `cardHeader` (with divider) fixed,
- * inset `.helper-scroll` `overflow-y:auto` (same scrollbar as the others).
- *
- * Returns the panel ELEMENT (mounted by the left stack) plus a controller:
- *   show({ title, icon, render }) — show a tool's content (+ retitle the header)
- *   clear()                       — revert to the empty state
- *   refresh()                     — re-run the current `render`
- */
-export interface HelperContent {
-  title: string;
-  icon: string;
-  render: () => unknown;
-}
-
-export interface HelperPanelController {
-  element: HTMLElement;
-  show(content: HelperContent): void;
-  clear(): void;
-  refresh(): void;
-}
-
-const DEFAULT = { title: "Tools", icon: "mdi:tune" };
-
-const emptyState = () => BUI.html`
-  <div style="
-    display: flex; flex-direction: column; align-items: center; justify-content: center;
-    gap: 0.75rem; height: 100%; min-height: 12rem; padding: 1rem; text-align: center;
-  ">
-    <img src=${toolPlaceholderUri} alt="" style="width: 7.5rem; height: auto; opacity: 0.9;" />
-    <bim-label style="opacity: 0.55; white-space: normal;">Select a tool to see it here.</bim-label>
-  </div>
-`;
-
-export const helperPanel = (): HelperPanelController => {
-  let renderContent: (() => unknown) | null = null;
-
-  const [panel, update] = BUI.Component.create<BUI.Panel, { title: string; icon: string }>(
-    (state) => BUI.html`
-      <bim-panel
-        label=${state.title}
-        icon=${state.icon}
-        style="width: 100%; height: 100%; pointer-events: auto;"
-      >
-        <style>
-          .helper-scroll::-webkit-scrollbar { width: 0.4rem; height: 0.4rem; }
-          .helper-scroll::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: var(--bim-scrollbar--c, #3C3C41); }
-          .helper-scroll::-webkit-scrollbar-track { background-color: var(--bim-scrollbar--bgc, var(--bim-ui_bg-contrast-10)); }
-        </style>
-        <div style="display: flex; flex-direction: column; height: 100%;">
-          <div style="flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 0.4rem 0.4rem 0.4rem 1.1rem;">
-            <!-- Scroll container: scrollbar sits inset from the card (left
-                 wrapper pad). Inner content has right padding so it clears the
-                 scrollbar (gap on both sides), mirroring the tree. -->
-            <div class="helper-scroll" style="flex: 1 1 auto; min-height: 0; overflow-y: auto;">
-              <div style="padding-right: 0.6rem;">
-                ${renderContent ? renderContent() : emptyState()}
-              </div>
-            </div>
-          </div>
-        </div>
-      </bim-panel>
-    `,
-    { ...DEFAULT },
-  );
-
-  return {
-    element: panel,
-    show({ title, icon, render }) {
-      renderContent = render;
-      update({ title, icon });
-    },
-    clear() {
-      renderContent = null;
-      update({ ...DEFAULT });
-    },
-    refresh() {
-      update({}); // re-runs the template → re-calls renderContent()
-    },
-  };
-};

package/src/cli/templates/app/src/setups/hider.ts

@@ -1,98 +0,0 @@
-import * as OBC from "@thatopen/components";
-import * as OBF from "@thatopen/components-front";
-
-/**
- * Visibility actions driven by the CURRENT selection (the Highlighter "select"
- * set that the tree/viewport populate). Returns a controller for the toolbar to
- * wire to buttons — it does not render any UI itself.
- *
- * Suggested icons (ACTION buttons):
- *  - hideSelected    → "mdi:eye-off-outline"
- *  - isolateSelected → "mdi:select-search"   (alt: "mdi:eye")
- *  - showAll         → "mdi:eye-outline"     (alt: "mdi:restore")
- */
-export interface HiderController {
-  /** Hide the currently selected items. No-op if nothing is selected. */
-  hideSelected(): void;
-  /** Hide everything except the current selection. No-op if nothing is selected. */
-  isolateSelected(): void;
-  /** Reset: make every item visible again. */
-  showAll(): void;
-  /**
-   * Ghost (x-ray) the current selection via the scalable per-element GPU state
-   * texture (`model.setGhostItems`) — NO per-item recolor, so it scales to
-   * millions of elements. No-op if nothing is selected.
-   */
-  ghostSelected(): void;
-  /** Clear the ghost (x-ray) overlay on all loaded models. */
-  clearGhost(): void;
-}
-
-export const hider = (components: OBC.Components): HiderController => {
-  const hiderComp = components.get(OBC.Hider);
-  const highlighter = components.get(OBF.Highlighter);
-  const fragments = components.get(OBC.FragmentsManager);
-
-  const currentSelection = (): OBC.ModelIdMap | undefined =>
-    highlighter.selection.select;
-  const hasItems = (map?: OBC.ModelIdMap) =>
-    !!map && Object.values(map).some((set) => set.size > 0);
-
-  // Making items visible must also un-ghost them — a shown element should never
-  // linger as a ghost. unsetGhostItems is async (localId→itemId worker
-  // conversion), so collect per-model tasks and update once they all land.
-  const unghost = (map: OBC.ModelIdMap) => {
-    const tasks: Promise<unknown>[] = [];
-    for (const [modelId, set] of Object.entries(map)) {
-      const model = fragments.list.get(modelId);
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      if (model && set.size > 0) tasks.push((model as any).unsetGhostItems?.([...set]));
-    }
-    if (tasks.length) void Promise.all(tasks).then(() => fragments.core.update(true));
-  };
-
-  const clearGhostAll = () => {
-    for (const model of fragments.list.values()) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (model as any).clearGhost?.();
-    }
-    void fragments.core.update(true);
-  };
-
-  return {
-    hideSelected() {
-      const sel = currentSelection();
-      if (!sel || !hasItems(sel)) return;
-      void hiderComp.set(false, sel);
-    },
-    isolateSelected() {
-      const sel = currentSelection();
-      if (!sel || !hasItems(sel)) return;
-      void hiderComp.isolate(sel);
-      // The selection is the only thing visible now → un-ghost it so an isolated
-      // element is never left ghosted.
-      unghost(sel);
-    },
-    showAll() {
-      void hiderComp.set(true);
-      // Everything is visible again → nothing should stay ghosted.
-      clearGhostAll();
-    },
-    ghostSelected() {
-      const sel = currentSelection();
-      if (!sel || !hasItems(sel)) return;
-      const tasks: Promise<unknown>[] = [];
-      for (const [modelId, set] of Object.entries(sel)) {
-        const model = fragments.list.get(modelId);
-        // setGhostItems is async (localId→itemId worker conversion) — update
-        // only after every model's ghost state is written.
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        if (model && set.size > 0) tasks.push((model as any).setGhostItems([...set], false));
-      }
-      void Promise.all(tasks).then(() => fragments.core.update(true));
-    },
-    clearGhost() {
-      clearGhostAll();
-    },
-  };
-};

package/src/cli/templates/app/src/setups/index.ts

@@ -1,23 +0,0 @@
-export * from "./ui-manager";
-export * from "./cloud-runner";
-export * from "./right-sidebar";
-export * from "./card-header";
-export * from "./toolbar";
-export * from "./hider";
-export * from "./tool-mode";
-export * from "./clipper";
-export * from "./measurements";
-export * from "./styles";
-export * from "./helper-panel";
-export * from "./styles-panel";
-export * from "./clipper-tool";
-export * from "./plans-panel";
-export * from "./navigation-gizmo";
-export * from "./exploded-view";
-export * from "./measurement-tool";
-export * from "./measurement-panel";
-export * from "./tool-mode-manager";
-// reality-capture-viewer is intentionally NOT re-exported here: it spins up
-// decode workers at module load, so it must be LAZY-imported (dynamic import in
-// main.ts's app-registered .3tz loader for <top-models-list>), never pulled onto
-// the app boot path.

package/src/cli/templates/app/src/setups/inspection.ts

@@ -1,136 +0,0 @@
-import * as OBC from "@thatopen/components";
-import type { ClipperTool } from "./clipper-tool";
-import type { MeasurementTool } from "./measurement-tool";
-
-/**
- * Unified "Objects" outliner API (W2's new panel). Enumerates every created clip
- * plane and every measurement as a flat list of {@link InstanceRow}s with
- * per-instance HIDE / DISABLE / DELETE, so W2 can render rows without knowing
- * about the individual Clipping / Measurement tools.
- *
- * Shapes are owned here and produced by each tool's `instances()`; this module
- * just merges them and fans the two tools' change events into one.
- */
-export type InstanceKind = "clip" | "measurement";
-
-export interface InstanceRow {
-  /** Stable id (plane id for clips; per-measurement id) — use as the row key. */
-  id: string;
-  kind: InstanceKind;
-  /** "Clip plane" | "Length" | "Area" | "Angle". */
-  type: string;
-  /** User-facing row label (includes the measured value for measurements). */
-  label: string;
-  /** Currently shown in the scene. */
-  visible: boolean;
-  /** Clip planes only: whether the plane is actively cutting. `undefined` for measurements. */
-  enabled?: boolean;
-  /** Show/hide this instance without deleting it. */
-  setVisible(on: boolean): void;
-  /** Clip planes only: toggle the cut on/off (present only when `enabled` is defined). */
-  setEnabled?(on: boolean): void;
-  /** Permanently remove this instance. */
-  remove(): void;
-}
-
-export interface InspectionInstances {
-  /** Snapshot of all clip planes + measurements, in that order. */
-  list(): InstanceRow[];
-  /** Fires whenever the set or state of instances changes (re-query `list()`). */
-  readonly onChanged: OBC.Event<void>;
-}
-
-/**
- * A toolbar action W2 wires into the new "Inspection" tab. Each `activate()`
- * routes through the toolModeManager (exclusive — entering one exits any other
- * tool). W2 drives the Select button + active highlighting via
- * `toolModeManager.selectMode()` / `getActiveId()` / `onActiveChanged`; each
- * action's own `isActive()` is provided for convenience.
- */
-export interface InspectionAction {
-  id: string;
-  label: string;
-  /** mdi icon name (e.g. "mdi:ruler"). */
-  icon: string;
-  activate(): void;
-  isActive(): boolean;
-}
-
-/**
- * Inspection toolbar actions: clip plane + the measurement types/modes. Order is
- * the toolbar order. measure-edge/face reuse Length/Area with a forced sub-mode;
- * measure-length/area are the plain "free" modes (isActive distinguishes them by
- * sub-mode). Volume is a distinct measurer.
- */
-export const inspectionActions = (
-  clipperTool: ClipperTool,
-  measurementTool: MeasurementTool,
-): InspectionAction[] => {
-  const m = measurementTool;
-  const isMeasure = (mode: string, sub: string) =>
-    m.getMode() === mode && m.getSubMode() === sub;
-  return [
-    {
-      id: "clip-plane",
-      label: "Clip plane",
-      icon: "mdi:scissors-cutting",
-      activate: () => clipperTool.setPlacing(true),
-      isActive: () => clipperTool.isPlacing(),
-    },
-    {
-      id: "measure-length",
-      label: "Length",
-      icon: "mdi:ruler",
-      activate: () => m.setMode("length", "free"),
-      isActive: () => isMeasure("length", "free"),
-    },
-    {
-      id: "measure-area",
-      label: "Area",
-      icon: "mdi:vector-polygon",
-      activate: () => m.setMode("area", "free"),
-      isActive: () => isMeasure("area", "free"),
-    },
-    {
-      id: "measure-angle",
-      label: "Angle",
-      icon: "mdi:angle-acute",
-      activate: () => m.setMode("angle"),
-      isActive: () => m.getMode() === "angle",
-    },
-    {
-      id: "measure-edge",
-      label: "Edge",
-      icon: "mdi:vector-line",
-      activate: () => m.setMode("length", "edge"),
-      isActive: () => isMeasure("length", "edge"),
-    },
-    {
-      id: "measure-face",
-      label: "Face",
-      icon: "mdi:vector-square",
-      activate: () => m.setMode("area", "face"),
-      isActive: () => isMeasure("area", "face"),
-    },
-    {
-      id: "volume",
-      label: "Volume",
-      icon: "mdi:cube-outline",
-      activate: () => m.setMode("volume"),
-      isActive: () => m.getMode() === "volume",
-    },
-  ];
-};
-
-export const inspectionInstances = (
-  clipperTool: ClipperTool,
-  measurementTool: MeasurementTool,
-): InspectionInstances => {
-  const onChanged = new OBC.Event<void>();
-  clipperTool.onChanged.add(() => onChanged.trigger());
-  measurementTool.onChanged.add(() => onChanged.trigger());
-  return {
-    list: () => [...clipperTool.instances(), ...measurementTool.instances()],
-    onChanged,
-  };
-};