@collabdt/core 0.0.40

package/dist/core/components/viewers/bim/src/BimSidebar/src/FileTab/src/ModelsSection.js

@@ -0,0 +1,295 @@
+"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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import ConfirmDialog from "../../../../../../../ConfirmDialog";
+import * as LR from "lucide-react";
+import { BimContext, BuildingsContext } from "../../../../../../../../store";
+import { ModelManager } from "../../../../ModelManager";
+import { BIMManager } from "../../../../BIMManager";
+import { GhostMode } from "../../../../GhostMode";
+import { GizmoController } from "../../../../../utils/GizmoController";
+import { CurrentWorld } from "../../../../CurrentWorld";
+import { Highlighter } from "../../../../Highlighter";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+import { useUploadFileToBuilding, useDeleteFile, useFile } from "../../../../../../../../hooks/files/files";
+import { useFileUploadHandler, useFileDeleteHandler, FileItemComponent, useFileActions, useCommonFileUpload } from "../../../../../../../ui/FilesManager";
+const BIM_MODEL_OPTIONS = ["view", "ghost", "move", "info", "delete"];
+function ModelsSection({ files, query = "" }) {
+  const t = useTranslations("FileItemComponent");
+  const { state: bimState, dispatch: bimDispatch } = React.useContext(BimContext);
+  const { bimComponents, fragments, modelId, modelUIState } = bimState.bim;
+  const { state: buildingsState } = React.useContext(BuildingsContext);
+  const { building } = buildingsState.buildings;
+  const buildingId = (building == null ? void 0 : building.id) || 0;
+  const { uploadFile } = useUploadFileToBuilding(buildingId);
+  const { deleteFile } = useDeleteFile(buildingId);
+  const { handleFileUpload } = useFileUploadHandler({
+    buildingId,
+    tag: "bim-file",
+    isVisible: true,
+    uploadFile
+  });
+  const { handleDeleteFile } = useFileDeleteHandler({
+    deleteFile
+  });
+  const [loadedModels, setLoadedModels] = React.useState(
+    files.map((file) => {
+      var _a, _b, _c, _d;
+      return __spreadProps(__spreadValues({}, file), {
+        isVisible: (_b = (_a = modelUIState[file.id]) == null ? void 0 : _a.isVisible) != null ? _b : file.isVisible,
+        isGhost: (_d = (_c = modelUIState[file.id]) == null ? void 0 : _c.isGhost) != null ? _d : false
+      });
+    })
+  );
+  React.useEffect(() => {
+    setLoadedModels((prev) => {
+      const prevMap = new Map(prev.map((f) => [f.id, f]));
+      return files.map((file) => {
+        var _a, _b, _c, _d, _e, _f;
+        return __spreadProps(__spreadValues({}, file), {
+          isVisible: (_b = (_a = modelUIState[file.id]) == null ? void 0 : _a.isVisible) != null ? _b : file.isVisible,
+          isGhost: (_f = (_e = (_c = modelUIState[file.id]) == null ? void 0 : _c.isGhost) != null ? _e : (_d = prevMap.get(file.id)) == null ? void 0 : _d.isGhost) != null ? _f : false
+        });
+      });
+    });
+  }, [files, modelUIState]);
+  const modelManager = React.useMemo(() => {
+    if (!bimComponents) return null;
+    try {
+      return bimComponents.get(ModelManager);
+    } catch (e) {
+      return null;
+    }
+  }, [bimComponents]);
+  const bimManager = React.useMemo(() => {
+    if (!bimComponents) return null;
+    try {
+      return bimComponents.get(BIMManager);
+    } catch (e) {
+      return null;
+    }
+  }, [bimComponents]);
+  const ghostMode = React.useMemo(() => {
+    if (!bimComponents) return null;
+    try {
+      return bimComponents.get(GhostMode);
+    } catch (e) {
+      return null;
+    }
+  }, [bimComponents]);
+  const gizmoControllersRef = React.useRef(/* @__PURE__ */ new Map());
+  const [moveFileId, setMoveFileId] = React.useState(null);
+  const { updateFile } = useFile(moveFileId);
+  const updateFileRef = React.useRef(updateFile);
+  React.useEffect(() => {
+    updateFileRef.current = updateFile;
+  }, [updateFile]);
+  const highlighter = React.useMemo(() => {
+    if (!bimComponents) return null;
+    try {
+      return bimComponents.get(Highlighter);
+    } catch (e) {
+      return null;
+    }
+  }, [bimComponents]);
+  const handleBimView = React.useCallback((file, newVisibility) => {
+    var _a, _b;
+    bimDispatch({ type: "SET_MODEL_UI_STATE", payload: { fileId: file.id, isVisible: newVisibility } });
+    if (highlighter) {
+      const isGhosted = (_b = (_a = modelUIState[file.id]) == null ? void 0 : _a.isGhost) != null ? _b : false;
+      if (!newVisibility || isGhosted) {
+        highlighter.disableModel(file.name);
+      } else {
+        highlighter.enableModel(file.name);
+      }
+    }
+    if (modelManager) {
+      const modelInfo = modelManager.getModel(file.id.toString());
+      if (modelInfo) {
+        modelInfo.model.visible = newVisibility;
+        if (fragments) fragments.core.update(true);
+        return;
+      }
+    }
+    if (fragments) {
+      const fragModel = fragments.core.models.list.get(file.name);
+      if (fragModel) {
+        fragModel.object.visible = newVisibility;
+        fragments.core.update(true);
+      } else {
+      }
+    }
+  }, [modelManager, fragments, highlighter, modelUIState]);
+  const handleBimDelete = React.useCallback((file) => {
+    if (modelManager) {
+      const modelIdStr = file.id.toString();
+      const model = modelManager.getModel(modelIdStr);
+      console.log("Attempting to remove model", model, modelIdStr);
+      const success = modelManager.remove(modelIdStr);
+      if (success) {
+        console.log(`Model ${modelIdStr} removed from BIM scene`);
+      }
+    }
+    if (fragments) {
+      const fragModel = fragments.core.models.list.get(file.name);
+      if (fragModel) {
+        fragments.core.disposeModel(fragModel.modelId).catch((err) => {
+          console.error(`Failed to dispose fragment model "${file.name}":`, err);
+        });
+        bimManager == null ? void 0 : bimManager.remove(file.name);
+      }
+    }
+  }, [modelManager, bimComponents, fragments, bimManager]);
+  const handleBimMove = React.useCallback((file) => {
+    if (!bimComponents || !fragments) return;
+    const world = bimComponents.get(CurrentWorld).world;
+    if (!world) return;
+    const fragModel = fragments.core.models.list.get(file.name);
+    if (!fragModel) {
+      console.warn(`[BimMove] Model not found: "${file.name}"`);
+      return;
+    }
+    const existing = gizmoControllersRef.current.get(file.name);
+    if (existing) {
+      existing.dispose();
+      gizmoControllersRef.current.delete(file.name);
+      if (gizmoControllersRef.current.size === 0 && highlighter) highlighter.enabled = true;
+    } else {
+      const gizmo = new GizmoController(world);
+      const cleanupGizmo = (savePosition) => {
+        if (savePosition) {
+          const { x, y, z } = fragModel.object.position;
+          const rotation = fragModel.object.rotation.y;
+          updateFileRef.current({ x, y, z, rotation }).catch((err) => console.error(`[BimMove] Failed to save position for "${file.name}":`, err));
+          file.x = x;
+          file.y = y;
+          file.z = z;
+          file.rotation = rotation;
+        }
+        gizmoControllersRef.current.delete(file.name);
+        if (gizmoControllersRef.current.size === 0 && highlighter) highlighter.enabled = true;
+        setMoveFileId(null);
+      };
+      gizmo.onAccept = () => cleanupGizmo(true);
+      gizmo.onCancel = () => cleanupGizmo(false);
+      setMoveFileId(file.id);
+      if (highlighter) highlighter.enabled = false;
+      gizmo.attach(fragModel.object);
+      gizmoControllersRef.current.set(file.name, gizmo);
+    }
+  }, [bimComponents, fragments, highlighter]);
+  const handleBimGhost = React.useCallback((file, ghostState) => {
+    var _a, _b;
+    if (!fragments || !ghostMode) return;
+    const fragModel = fragments.core.models.list.get(file.name);
+    if (!fragModel) {
+      console.warn(`[BimGhost] Model not found: "${file.name}"`);
+      return;
+    }
+    ghostMode.setModelGhost(fragModel, ghostState);
+    bimDispatch({ type: "SET_MODEL_UI_STATE", payload: { fileId: file.id, isGhost: ghostState } });
+    if (highlighter) {
+      const isVisible = (_b = (_a = modelUIState[file.id]) == null ? void 0 : _a.isVisible) != null ? _b : true;
+      if (ghostState || !isVisible) {
+        highlighter.disableModel(file.name);
+      } else {
+        highlighter.enableModel(file.name);
+      }
+    }
+  }, [fragments, ghostMode, bimDispatch, highlighter, modelUIState]);
+  const { handleAction, deleteDialog } = useFileActions({
+    files: loadedModels,
+    setFiles: setLoadedModels,
+    buildingId,
+    handleDeleteFile,
+    onView: handleBimView,
+    onDelete: handleBimDelete,
+    onMove: handleBimMove,
+    onGhost: handleBimGhost
+  });
+  const { handleAddFile } = useCommonFileUpload({
+    buildingId,
+    acceptedFileTypes: ".ifc,.frag",
+    handleFileUpload,
+    onUploadSuccess: () => {
+      console.log("Model uploaded successfully");
+    },
+    onUploadError: (error) => {
+      console.error("Error uploading model:", error);
+    }
+  });
+  const filteredModels = React.useMemo(() => {
+    if (!query.trim()) return loadedModels;
+    return loadedModels.filter(
+      (file) => file.name.toLowerCase().includes(query.toLowerCase())
+    );
+  }, [loadedModels, query]);
+  const areAllHidden = loadedModels.every((f) => !f.isVisible);
+  const handleSwitchVariant = () => ({
+    checked: !areAllHidden,
+    onCheckedChange: (checked) => {
+      setLoadedModels((prev) => prev.map((f) => __spreadProps(__spreadValues({}, f), { isVisible: checked })));
+      for (const file of loadedModels) {
+        handleBimView(file, checked);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      CollapsibleSection,
+      {
+        title: t("modelsTitles"),
+        icon: LR.Box,
+        className: "max-h-40 overflow-y-auto",
+        itemCount: filteredModels.length,
+        onAddItem: handleAddFile,
+        addItemTitle: t("addBimTitle"),
+        switchVariant: handleSwitchVariant(),
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: filteredModels.map((file) => /* @__PURE__ */ jsx(
+          FileItemComponent,
+          {
+            file,
+            onAction: handleAction,
+            options: BIM_MODEL_OPTIONS,
+            confirmDelete: false
+          },
+          file.id
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: deleteDialog.isOpen,
+        isDeleting: deleteDialog.isDeleting,
+        onOpenChange: deleteDialog.onOpenChange,
+        handleConfirm: deleteDialog.onConfirm,
+        itemName: deleteDialog.itemName
+      }
+    )
+  ] });
+}
+export {
+  ModelsSection
+};
+//# sourceMappingURL=ModelsSection.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/FileTab/src/ModelsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/FileTab/src/ModelsSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport ConfirmDialog from '../../../../../../../ConfirmDialog'\r\nimport * as LR from 'lucide-react'\r\nimport { BimContext, BuildingsContext } from '../../../../../../../../store'\r\nimport { ModelManager } from '../../../../ModelManager'\r\nimport { BIMManager } from '../../../../BIMManager'\r\nimport { GhostMode } from '../../../../GhostMode'\r\nimport { GizmoController } from '../../../../../utils/GizmoController'\r\nimport { CurrentWorld } from '../../../../CurrentWorld'\r\nimport { Highlighter } from '../../../../Highlighter'\r\nimport { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\nimport { useUploadFileToBuilding, useDeleteFile, useFile } from '../../../../../../../../hooks/files/files'\r\nimport { useFileUploadHandler, useFileDeleteHandler, FileItemComponent, useFileActions, useCommonFileUpload } from '../../../../../../../ui/FilesManager'\r\nimport type { DbFile as DbFile } from '../../../../../../../../types/dbTypes'\r\n\r\n// Audit Phase 1.C (F-19): hoist out of JSX so React.memo on FileItemComponent\r\n// isn't defeated by per-render array identity churn.\r\nconst BIM_MODEL_OPTIONS: import('../../../../../../../../types/global').FileAction[] = ['view', 'ghost', 'move', 'info', 'delete']\r\n\r\ninterface ModelsSectionProps {\r\n  files: DbFile[]\r\n  query?: string\r\n}\r\n\r\nexport function ModelsSection({ files, query = '' }: ModelsSectionProps) {\r\n  // Translation\r\n  const t = useTranslations('FileItemComponent')\r\n\r\n  // Get BIM context\r\n  const { state: bimState, dispatch: bimDispatch } = React.useContext(BimContext)\r\n  const { bimComponents, fragments, modelId, modelUIState } = bimState.bim\r\n  \r\n  // Get Buildings context for buildingId\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const { building } = buildingsState.buildings\r\n  const buildingId = building?.id || 0\r\n\r\n  // Upload file hook and session\r\n  const { uploadFile } = useUploadFileToBuilding(buildingId)\r\n  const { deleteFile } = useDeleteFile(buildingId)\r\n\r\n  // Use the reusable upload handler\r\n  const { handleFileUpload } = useFileUploadHandler({\r\n    buildingId,\r\n    tag: 'bim-file',\r\n    isVisible: true,\r\n    uploadFile,\r\n  })\r\n\r\n  // Use the reusable delete handler\r\n  const { handleDeleteFile } = useFileDeleteHandler({\r\n    deleteFile,\r\n    \r\n  })\r\n\r\n  // Local state for file management with isVisible property\r\n  const [loadedModels, setLoadedModels] = React.useState<(DbFile & { isVisible?: boolean })[]>(\r\n    files.map(file => ({\r\n      ...file,\r\n      isVisible: modelUIState[file.id]?.isVisible ?? (file as any).isVisible,\r\n      isGhost: modelUIState[file.id]?.isGhost ?? false,\r\n    }))\r\n  )\r\n\r\n  // Keep local list in sync with incoming props and store UI state changes\r\n  React.useEffect(() => {\r\n    setLoadedModels(prev => {\r\n      const prevMap = new Map(prev.map(f => [f.id, f as any]))\r\n      return files.map(file => ({\r\n        ...file,\r\n        isVisible: modelUIState[file.id]?.isVisible ?? (file as any).isVisible,\r\n        isGhost: modelUIState[file.id]?.isGhost ?? prevMap.get(file.id)?.isGhost ?? false,\r\n      }))\r\n    })\r\n  }, [files, modelUIState])\r\n\r\n  // Get ModelManager from BIM components\r\n  const modelManager = React.useMemo(() => {\r\n    if (!bimComponents) return null\r\n    try {\r\n      return bimComponents.get(ModelManager)\r\n    }\r\n    catch {\r\n      return null\r\n    }\r\n  }, [bimComponents])\r\n\r\n  // Get BIMManager from BIM components\r\n  const bimManager = React.useMemo(() => {\r\n    if (!bimComponents) return null\r\n    try {\r\n      return bimComponents.get(BIMManager)\r\n    }\r\n    catch {\r\n      return null\r\n    }\r\n  }, [bimComponents])\r\n\r\n  // Get GhostMode from BIM components\r\n  const ghostMode = React.useMemo(() => {\r\n    if (!bimComponents) return null\r\n    try {\r\n      return bimComponents.get(GhostMode)\r\n    }\r\n    catch {\r\n      return null\r\n    }\r\n  }, [bimComponents])\r\n\r\n  // Gizmo controllers keyed by model's file.name (one gizmo per model at most)\r\n  const gizmoControllersRef = React.useRef<Map<string, GizmoController>>(new Map())\r\n\r\n  // Track the file ID currently being repositioned so useFile can provide updateFile\r\n  const [moveFileId, setMoveFileId] = React.useState<number | null>(null)\r\n  const { updateFile } = useFile(moveFileId)\r\n  const updateFileRef = React.useRef(updateFile)\r\n  React.useEffect(() => { updateFileRef.current = updateFile }, [updateFile])\r\n\r\n  // Get Highlighter from BIM components\r\n  const highlighter = React.useMemo(() => {\r\n    if (!bimComponents) return null\r\n    try {\r\n      return bimComponents.get(Highlighter)\r\n    }\r\n    catch {\r\n      return null\r\n    }\r\n  }, [bimComponents])\r\n\r\n  // Custom handlers for BIM-specific actions (view and delete only - download uses default)\r\n  const handleBimView = React.useCallback((file: DbFile, newVisibility: boolean) => {\r\n    bimDispatch({ type: 'SET_MODEL_UI_STATE', payload: { fileId: file.id, isVisible: newVisibility } })\r\n\r\n    // Disable highlighting for hidden models; re-enable only when visible and not ghosted\r\n    if (highlighter) {\r\n      const isGhosted = modelUIState[file.id]?.isGhost ?? false\r\n      if (!newVisibility || isGhosted) {\r\n        highlighter.disableModel(file.name)\r\n      } else {\r\n        highlighter.enableModel(file.name)\r\n      }\r\n    }\r\n\r\n    // Non-fragment models (gltf/obj/fbx) managed by ModelManager\r\n    if (modelManager) {\r\n      const modelInfo = modelManager.getModel(file.id.toString())\r\n      if (modelInfo) {\r\n        modelInfo.model.visible = newVisibility\r\n        if (fragments) fragments.core.update(true)\r\n        return\r\n      }\r\n    }\r\n\r\n    // Fragment (IFC/FRAG) models — look up directly from fragments list by file.name\r\n    if (fragments) {\r\n      const fragModel = fragments.core.models.list.get(file.name)\r\n      if (fragModel) {\r\n        fragModel.object.visible = newVisibility\r\n        fragments.core.update(true)\r\n      } else {\r\n      }\r\n    }\r\n  }, [modelManager, fragments, highlighter, modelUIState])\r\n\r\n  const handleBimDelete = React.useCallback((file: DbFile) => {\r\n    // Remove from ModelManager if it exists (gltf/obj/fbx models)\r\n    if (modelManager) {\r\n      const modelIdStr = file.id.toString()\r\n      const model = modelManager.getModel(modelIdStr)\r\n      console.log('Attempting to remove model', model, modelIdStr)\r\n      const success = modelManager.remove(modelIdStr)\r\n      if (success) {\r\n        console.log(`Model ${modelIdStr} removed from BIM scene`)\r\n      }\r\n    }\r\n\r\n    // Remove fragment model from scene if it exists (ifc/frag models)\r\n    if (fragments) {\r\n      const fragModel = fragments.core.models.list.get(file.name)\r\n      if (fragModel) {\r\n        fragments.core.disposeModel(fragModel.modelId).catch((err: unknown) => {\r\n          console.error(`Failed to dispose fragment model \"${file.name}\":`, err)\r\n        })\r\n        // Also clean up BIMManager tracking\r\n        bimManager?.remove(file.name)\r\n      }\r\n    }\r\n  }, [modelManager, bimComponents, fragments, bimManager])\r\n\r\n  const handleBimMove = React.useCallback((file: DbFile) => {\r\n    if (!bimComponents || !fragments) return\r\n\r\n    const world = bimComponents.get(CurrentWorld).world\r\n    if (!world) return\r\n\r\n    const fragModel = fragments.core.models.list.get(file.name)\r\n    if (!fragModel) {\r\n      console.warn(`[BimMove] Model not found: \"${file.name}\"`)\r\n      return\r\n    }\r\n\r\n    const existing = gizmoControllersRef.current.get(file.name)\r\n    if (existing) {\r\n      // Toggle off: destroy the gizmo\r\n      existing.dispose()\r\n      gizmoControllersRef.current.delete(file.name)\r\n      if (gizmoControllersRef.current.size === 0 && highlighter) highlighter.enabled = true\r\n    } else {\r\n      // Toggle on: create a new gizmo attached to the model's root object\r\n      const gizmo = new GizmoController(world)\r\n      const cleanupGizmo = (savePosition: boolean) => {\r\n        if (savePosition) {\r\n          const { x, y, z } = fragModel.object.position\r\n          const rotation = fragModel.object.rotation.y\r\n          updateFileRef.current({ x, y, z, rotation } as any)\r\n            .catch((err: unknown) => console.error(`[BimMove] Failed to save position for \"${file.name}\":`, err))\r\n          file.x = x\r\n          file.y = y\r\n          file.z = z\r\n          file.rotation = rotation\r\n        }\r\n        gizmoControllersRef.current.delete(file.name)\r\n        if (gizmoControllersRef.current.size === 0 && highlighter) highlighter.enabled = true\r\n        setMoveFileId(null)\r\n      }\r\n      gizmo.onAccept = () => cleanupGizmo(true)\r\n      gizmo.onCancel = () => cleanupGizmo(false)\r\n      setMoveFileId(file.id)\r\n      if (highlighter) highlighter.enabled = false\r\n      gizmo.attach(fragModel.object)\r\n      gizmoControllersRef.current.set(file.name, gizmo)\r\n    }\r\n  }, [bimComponents, fragments, highlighter])\r\n\r\n  const handleBimGhost = React.useCallback((file: DbFile, ghostState: boolean) => {\r\n    if (!fragments || !ghostMode) return\r\n\r\n    const fragModel = fragments.core.models.list.get(file.name)\r\n    if (!fragModel) {\r\n      console.warn(`[BimGhost] Model not found: \"${file.name}\"`)\r\n      return\r\n    }\r\n\r\n    ghostMode.setModelGhost(fragModel, ghostState)\r\n    bimDispatch({ type: 'SET_MODEL_UI_STATE', payload: { fileId: file.id, isGhost: ghostState } })\r\n\r\n    // Disable highlighting for ghosted models; re-enable only when visible and not ghosted\r\n    if (highlighter) {\r\n      const isVisible = modelUIState[file.id]?.isVisible ?? true\r\n      if (ghostState || !isVisible) {\r\n        highlighter.disableModel(file.name)\r\n      } else {\r\n        highlighter.enableModel(file.name)\r\n      }\r\n    }\r\n  }, [fragments, ghostMode, bimDispatch, highlighter, modelUIState])\r\n\r\n  // Use the common file actions hook (no custom download handler - use default for all files)\r\n  const { handleAction, deleteDialog } = useFileActions({\r\n    files: loadedModels,\r\n    setFiles: setLoadedModels,\r\n    buildingId,\r\n    handleDeleteFile,\r\n    onView: handleBimView,\r\n    onDelete: handleBimDelete,\r\n    onMove: handleBimMove,\r\n    onGhost: handleBimGhost\r\n  })\r\n\r\n  // Use the common file upload hook\r\n  const { handleAddFile } = useCommonFileUpload({\r\n    buildingId,\r\n    acceptedFileTypes: '.ifc,.frag',\r\n    handleFileUpload,\r\n    onUploadSuccess: () => {\r\n      console.log('Model uploaded successfully')\r\n    },\r\n    onUploadError: (error) => {\r\n      console.error('Error uploading model:', error)\r\n    }\r\n  })\r\n\r\n  // Filter models based on search query\r\n  const filteredModels = React.useMemo(() => {\r\n    if (!query.trim()) return loadedModels\r\n    return loadedModels.filter(file =>\r\n      file.name.toLowerCase().includes(query.toLowerCase())\r\n    )\r\n  }, [loadedModels, query])\r\n\r\n  const areAllHidden = loadedModels.every(f => !f.isVisible)\r\n\r\n  const handleSwitchVariant = () => ({\r\n    checked: !areAllHidden,\r\n    onCheckedChange: (checked: boolean) => {\r\n      setLoadedModels(prev => prev.map(f => ({ ...f, isVisible: checked })))\r\n      // Toggle visibility in 3D scene for all models\r\n      for (const file of loadedModels) {\r\n        handleBimView(file, checked)\r\n      }\r\n    },\r\n  })\r\n\r\n  return (\r\n    <>\r\n      <CollapsibleSection\r\n        title={t('modelsTitles')}\r\n        icon={LR.Box}\r\n        className=\"max-h-40 overflow-y-auto\"\r\n        itemCount={filteredModels.length}\r\n        onAddItem={handleAddFile}\r\n        addItemTitle={t('addBimTitle')}\r\n        switchVariant={handleSwitchVariant()}\r\n      >\r\n        <div className=\"space-y-1\">\r\n          {filteredModels.map((file) => (\r\n            <FileItemComponent\r\n              key={file.id}\r\n              file={file}\r\n              onAction={handleAction}\r\n              options={BIM_MODEL_OPTIONS}\r\n              confirmDelete={false}\r\n            />\r\n          ))}\r\n        </div>\r\n      </CollapsibleSection>\r\n\r\n      <ConfirmDialog\r\n        isOpen={deleteDialog.isOpen}\r\n        isDeleting={deleteDialog.isDeleting}\r\n        onOpenChange={deleteDialog.onOpenChange}\r\n        handleConfirm={deleteDialog.onConfirm}\r\n        itemName={deleteDialog.itemName}\r\n      />\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface LayersTabProps {
+    modelId: string | null;
+}
+/**
+ * The "Layers" sidebar tab. Hosts a single shared search bar plus three
+ * equal-height sections (floorplans, elevations, spatial-structure tree).
+ * Each section component owns its own data + event subscriptions.
+ */
+export declare function LayersTab({ modelId }: LayersTabProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/LayersTab/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,cAAc,qBAyGpD"}

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/index.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { SearchInput } from "../../../../../../ui/";
+import { FloorplanSection } from "./src/FloorplanSection";
+import { ElevationSection } from "./src/ElevationsSection";
+import { SpatialStructureSection } from "./src/SpatialStructureSection";
+function LayersTab({ modelId }) {
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [panelSizes, setPanelSizes] = React.useState([44, 18, 38]);
+  const layoutRef = React.useRef(null);
+  const dragStateRef = React.useRef(null);
+  const handlePointerMove = React.useCallback((event) => {
+    const dragState = dragStateRef.current;
+    if (!dragState || dragState.containerHeight <= 0) return;
+    const deltaPercent = (event.clientY - dragState.startY) / dragState.containerHeight * 100;
+    const minimumSizes = [24, 12, 28];
+    if (dragState.divider === "top") {
+      const maxTop = 100 - minimumSizes[1] - dragState.startSizes[2];
+      const nextTop = Math.min(maxTop, Math.max(minimumSizes[0], dragState.startSizes[0] + deltaPercent));
+      const nextMiddle2 = 100 - nextTop - dragState.startSizes[2];
+      setPanelSizes([nextTop, nextMiddle2, dragState.startSizes[2]]);
+      return;
+    }
+    const maxMiddle = 100 - dragState.startSizes[0] - minimumSizes[2];
+    const nextMiddle = Math.min(maxMiddle, Math.max(minimumSizes[1], dragState.startSizes[1] + deltaPercent));
+    const nextBottom = 100 - dragState.startSizes[0] - nextMiddle;
+    setPanelSizes([dragState.startSizes[0], nextMiddle, nextBottom]);
+  }, []);
+  const stopDragging = React.useCallback(() => {
+    dragStateRef.current = null;
+    window.removeEventListener("pointermove", handlePointerMove);
+    window.removeEventListener("pointerup", stopDragging);
+    window.removeEventListener("pointercancel", stopDragging);
+  }, [handlePointerMove]);
+  const beginResize = React.useCallback(
+    (divider) => (event) => {
+      if (!layoutRef.current) return;
+      event.preventDefault();
+      event.currentTarget.setPointerCapture(event.pointerId);
+      dragStateRef.current = {
+        divider,
+        startY: event.clientY,
+        startSizes: [...panelSizes],
+        containerHeight: layoutRef.current.clientHeight
+      };
+      window.addEventListener("pointermove", handlePointerMove);
+      window.addEventListener("pointerup", stopDragging);
+      window.addEventListener("pointercancel", stopDragging);
+    },
+    [handlePointerMove, panelSizes, stopDragging]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b flex-shrink-0", children: /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        placeholder: "Search",
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: layoutRef,
+        className: "grid flex-1 min-h-0",
+        style: { gridTemplateRows: `${panelSizes[0]}fr 8px ${panelSizes[1]}fr 8px ${panelSizes[2]}fr` },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(FloorplanSection, { query: searchQuery }) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "separator",
+              "aria-orientation": "horizontal",
+              "aria-label": "Resize floorplans and elevations",
+              className: "group flex items-center justify-center cursor-row-resize select-none touch-none",
+              onPointerDown: beginResize("top"),
+              children: /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border transition-colors group-hover:bg-primary/50" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(ElevationSection, { query: searchQuery }) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "separator",
+              "aria-orientation": "horizontal",
+              "aria-label": "Resize elevations and spatial structure",
+              className: "group flex items-center justify-center cursor-row-resize select-none touch-none",
+              onPointerDown: beginResize("bottom"),
+              children: /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border transition-colors group-hover:bg-primary/50" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(SpatialStructureSection, { searchQuery, modelId }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  LayersTab
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/LayersTab/index.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { SearchInput } from '../../../../../../ui/'\r\nimport { FloorplanSection } from './src/FloorplanSection'\r\nimport { ElevationSection } from './src/ElevationsSection'\r\nimport { SpatialStructureSection } from './src/SpatialStructureSection'\r\n\r\ninterface LayersTabProps {\r\n  modelId: string | null\r\n}\r\n\r\n/**\r\n * The \"Layers\" sidebar tab. Hosts a single shared search bar plus three\r\n * equal-height sections (floorplans, elevations, spatial-structure tree).\r\n * Each section component owns its own data + event subscriptions.\r\n */\r\nexport function LayersTab({ modelId }: LayersTabProps) {\r\n  const [searchQuery, setSearchQuery] = React.useState('')\r\n  const [panelSizes, setPanelSizes] = React.useState<[number, number, number]>([44, 18, 38])\r\n  const layoutRef = React.useRef<HTMLDivElement | null>(null)\r\n  const dragStateRef = React.useRef<{\r\n    divider: 'top' | 'bottom'\r\n    startY: number\r\n    startSizes: [number, number, number]\r\n    containerHeight: number\r\n  } | null>(null)\r\n\r\n  const handlePointerMove = React.useCallback((event: PointerEvent) => {\r\n    const dragState = dragStateRef.current\r\n    if (!dragState || dragState.containerHeight <= 0) return\r\n\r\n    const deltaPercent = ((event.clientY - dragState.startY) / dragState.containerHeight) * 100\r\n    const minimumSizes: [number, number, number] = [24, 12, 28]\r\n\r\n    if (dragState.divider === 'top') {\r\n      const maxTop = 100 - minimumSizes[1] - dragState.startSizes[2]\r\n      const nextTop = Math.min(maxTop, Math.max(minimumSizes[0], dragState.startSizes[0] + deltaPercent))\r\n      const nextMiddle = 100 - nextTop - dragState.startSizes[2]\r\n      setPanelSizes([nextTop, nextMiddle, dragState.startSizes[2]])\r\n      return\r\n    }\r\n\r\n    const maxMiddle = 100 - dragState.startSizes[0] - minimumSizes[2]\r\n    const nextMiddle = Math.min(maxMiddle, Math.max(minimumSizes[1], dragState.startSizes[1] + deltaPercent))\r\n    const nextBottom = 100 - dragState.startSizes[0] - nextMiddle\r\n    setPanelSizes([dragState.startSizes[0], nextMiddle, nextBottom])\r\n  }, [])\r\n\r\n  const stopDragging = React.useCallback(() => {\r\n    dragStateRef.current = null\r\n    window.removeEventListener('pointermove', handlePointerMove)\r\n    window.removeEventListener('pointerup', stopDragging)\r\n    window.removeEventListener('pointercancel', stopDragging)\r\n  }, [handlePointerMove])\r\n\r\n  const beginResize = React.useCallback(\r\n    (divider: 'top' | 'bottom') => (event: React.PointerEvent<HTMLDivElement>) => {\r\n      if (!layoutRef.current) return\r\n\r\n      event.preventDefault()\r\n      event.currentTarget.setPointerCapture(event.pointerId)\r\n      dragStateRef.current = {\r\n        divider,\r\n        startY: event.clientY,\r\n        startSizes: [...panelSizes],\r\n        containerHeight: layoutRef.current.clientHeight,\r\n      }\r\n\r\n      window.addEventListener('pointermove', handlePointerMove)\r\n      window.addEventListener('pointerup', stopDragging)\r\n      window.addEventListener('pointercancel', stopDragging)\r\n    },\r\n    [handlePointerMove, panelSizes, stopDragging],\r\n  )\r\n\r\n  return (\r\n    <div className=\"flex flex-col flex-1 min-h-0 overflow-hidden\">\r\n      {/* Shared search bar — filters every section below. */}\r\n      <div className=\"px-4 py-3 border-b flex-shrink-0\">\r\n        <SearchInput\r\n          placeholder=\"Search\"\r\n          value={searchQuery}\r\n          onChange={(e) => setSearchQuery(e.target.value)}\r\n        />\r\n      </div>\r\n\r\n      <div\r\n        ref={layoutRef}\r\n        className=\"grid flex-1 min-h-0\"\r\n        style={{ gridTemplateRows: `${panelSizes[0]}fr 8px ${panelSizes[1]}fr 8px ${panelSizes[2]}fr` }}\r\n      >\r\n        <div className=\"min-h-0 overflow-hidden\">\r\n          <FloorplanSection query={searchQuery} />\r\n        </div>\r\n        <div\r\n          role=\"separator\"\r\n          aria-orientation=\"horizontal\"\r\n          aria-label=\"Resize floorplans and elevations\"\r\n          className=\"group flex items-center justify-center cursor-row-resize select-none touch-none\"\r\n          onPointerDown={beginResize('top')}\r\n        >\r\n          <div className=\"h-px w-full bg-border transition-colors group-hover:bg-primary/50\" />\r\n        </div>\r\n        <div className=\"min-h-0 overflow-hidden\">\r\n          <ElevationSection query={searchQuery} />\r\n        </div>\r\n        <div\r\n          role=\"separator\"\r\n          aria-orientation=\"horizontal\"\r\n          aria-label=\"Resize elevations and spatial structure\"\r\n          className=\"group flex items-center justify-center cursor-row-resize select-none touch-none\"\r\n          onPointerDown={beginResize('bottom')}\r\n        >\r\n          <div className=\"h-px w-full bg-border transition-colors group-hover:bg-primary/50\" />\r\n        </div>\r\n        <div className=\"min-h-0 overflow-hidden\">\r\n          <SpatialStructureSection searchQuery={searchQuery} modelId={modelId} />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["nextMiddle"]}

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/src/ElevationsSection.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface ElevationSectionProps {
+    query?: string;
+}
+export declare function ElevationSection({ query }: ElevationSectionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ElevationsSection.d.ts.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/src/ElevationsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElevationsSection.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/LayersTab/src/ElevationsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID,wBAAgB,gBAAgB,CAAC,EAAE,KAAU,EAAE,EAAE,qBAAqB,qBAgIrE"}

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/src/ElevationsSection.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import * as LR from "lucide-react";
+import { BimContext } from "../../../../../../../../store";
+import { CollapsibleSection } from "../../../../../../../ui/CollapsibleSection";
+import {
+  ElevationsTool,
+  getElevationStagePercent
+} from "../../../../ElevationsTool";
+import { exportDrawingToDxf } from "../../../../lib/exportDrawingToDxf";
+import { useBuildingName } from "../../../../lib/useBuildingName";
+import { useFriendlyIfcClassName } from "../../../../lib/useFriendlyIfcClassName";
+import { ViewSectionList } from "../../../../lib/ViewSectionList";
+const IDLE_LOADING = { isLoading: false };
+function ElevationSection({ query = "" }) {
+  var _a;
+  const t = useTranslations("ViewSection");
+  const friendlyClassName = useFriendlyIfcClassName();
+  const buildingName = useBuildingName();
+  const { state: bimState } = React.useContext(BimContext);
+  const { bimComponents } = bimState.bim;
+  const [entries, setEntries] = React.useState([]);
+  const [activeId, setActiveId] = React.useState(null);
+  const [loading, setLoading] = React.useState(IDLE_LOADING);
+  const [pendingId, setPendingId] = React.useState(null);
+  const [, setLayersTick] = React.useState(0);
+  React.useEffect(() => {
+    if (!bimComponents) return;
+    const tool = bimComponents.get(ElevationsTool);
+    setEntries(tool.elevations);
+    setActiveId(tool.activeId);
+    const onElevations = (next) => setEntries([...next]);
+    const onActive = (entry) => {
+      var _a2;
+      return setActiveId((_a2 = entry == null ? void 0 : entry.id) != null ? _a2 : null);
+    };
+    const onLoading = (state) => {
+      setLoading(state);
+      if (!state.isLoading) setPendingId(null);
+    };
+    const onLayers = () => setLayersTick((v) => v + 1);
+    tool.onElevationsChanged.add(onElevations);
+    tool.onActiveChanged.add(onActive);
+    tool.onLoadingStateChanged.add(onLoading);
+    tool.onLayersChanged.add(onLayers);
+    return () => {
+      tool.onElevationsChanged.remove(onElevations);
+      tool.onActiveChanged.remove(onActive);
+      tool.onLoadingStateChanged.remove(onLoading);
+      tool.onLayersChanged.remove(onLayers);
+    };
+  }, [bimComponents]);
+  const filteredEntries = React.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return entries.map((entry) => ({ id: entry.id, label: t(entry.direction) })).filter((row) => !q || row.label.toLowerCase().includes(q));
+  }, [entries, query, t]);
+  const activeEntry = React.useMemo(
+    () => {
+      var _a2;
+      return (_a2 = entries.find((entry) => entry.id === activeId)) != null ? _a2 : null;
+    },
+    [entries, activeId]
+  );
+  const handleSelect = (entry) => {
+    if (!bimComponents) return;
+    const tool = bimComponents.get(ElevationsTool);
+    if (activeId === entry.id) {
+      setPendingId(null);
+      void tool.deactivate();
+    } else {
+      setPendingId(entry.id);
+      void tool.activate(entry.id);
+    }
+  };
+  const handleExit = () => {
+    if (!bimComponents) return;
+    setPendingId(null);
+    void bimComponents.get(ElevationsTool).deactivate();
+  };
+  const handleDownload = (entry, event) => {
+    event.stopPropagation();
+    if (!bimComponents) return;
+    const elevEntry = entries.find((e) => e.id === entry.id);
+    if (!(elevEntry == null ? void 0 : elevEntry.drawing)) return;
+    const fileName = `${buildingName(elevEntry.modelId)}-${elevEntry.direction}`;
+    exportDrawingToDxf(bimComponents, elevEntry.drawing, fileName);
+  };
+  const handleToggleLayer = (className, visible) => {
+    if (!bimComponents || !activeId) return;
+    bimComponents.get(ElevationsTool).setLayerVisible(activeId, className, visible);
+  };
+  const handleChangeLayerColor = (className, color) => {
+    if (!bimComponents || !activeId) return;
+    bimComponents.get(ElevationsTool).setLayerColor(activeId, className, color);
+  };
+  const stageMessage = (stage) => stage && stage !== "done" ? t(`stage.${stage}`) : t("loading");
+  return /* @__PURE__ */ jsx(
+    CollapsibleSection,
+    {
+      title: t("elevationTitle"),
+      icon: LR.House,
+      className: "overflow-y-auto",
+      style: { height: "100%", minHeight: 0 },
+      itemCount: filteredEntries.length,
+      children: /* @__PURE__ */ jsx(
+        ViewSectionList,
+        {
+          entries: filteredEntries,
+          activeId,
+          pendingId,
+          loading,
+          loadingPercent: getElevationStagePercent(loading.stage),
+          activeLayers: (_a = activeEntry == null ? void 0 : activeEntry.layers) != null ? _a : null,
+          loadingMessage: stageMessage(loading.stage),
+          viewingPrefix: t("viewing"),
+          exitLabel: t("exit"),
+          goToLabel: t("goToElevation"),
+          downloadLabel: t("downloadTitle"),
+          layersLabel: t("layers"),
+          toggleVisibilityLabel: t("toggleVisibility"),
+          chooseColorLabel: t("chooseColor"),
+          friendlyClassName,
+          onSelect: handleSelect,
+          onExit: handleExit,
+          onDownload: handleDownload,
+          onToggleLayer: handleToggleLayer,
+          onChangeLayerColor: handleChangeLayerColor
+        }
+      )
+    }
+  );
+}
+export {
+  ElevationSection
+};
+//# sourceMappingURL=ElevationsSection.js.map

package/dist/core/components/viewers/bim/src/BimSidebar/src/LayersTab/src/ElevationsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/bim/src/BimSidebar/src/LayersTab/src/ElevationsSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as LR from 'lucide-react'\r\nimport { BimContext } from '../../../../../../../../store'\r\nimport { CollapsibleSection } from '../../../../../../../ui/CollapsibleSection'\r\nimport {\r\n  ElevationsTool,\r\n  ElevationEntry,\r\n  ElevationLoadingStage,\r\n  ElevationLoadingState,\r\n  getElevationStagePercent,\r\n} from '../../../../ElevationsTool'\r\nimport { exportDrawingToDxf } from '../../../../lib/exportDrawingToDxf'\r\nimport { useBuildingName } from '../../../../lib/useBuildingName'\r\nimport { useFriendlyIfcClassName } from '../../../../lib/useFriendlyIfcClassName'\r\nimport { ViewSectionList } from '../../../../lib/ViewSectionList'\r\nimport { ViewListEntry } from '../../../../lib/viewSection'\r\n\r\ninterface ElevationSectionProps {\r\n  query?: string\r\n}\r\n\r\nconst IDLE_LOADING: ElevationLoadingState = { isLoading: false }\r\n\r\nexport function ElevationSection({ query = '' }: ElevationSectionProps) {\r\n  const t = useTranslations('ViewSection')\r\n  const friendlyClassName = useFriendlyIfcClassName()\r\n  const buildingName = useBuildingName()\r\n\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { bimComponents } = bimState.bim\r\n\r\n  const [entries, setEntries] = React.useState<ElevationEntry[]>([])\r\n  const [activeId, setActiveId] = React.useState<string | null>(null)\r\n  const [loading, setLoading] =\r\n    React.useState<ElevationLoadingState>(IDLE_LOADING)\r\n  const [pendingId, setPendingId] = React.useState<string | null>(null)\r\n  const [, setLayersTick] = React.useState(0)\r\n\r\n  React.useEffect(() => {\r\n    if (!bimComponents) return\r\n    const tool = bimComponents.get(ElevationsTool)\r\n\r\n    setEntries(tool.elevations)\r\n    setActiveId(tool.activeId)\r\n\r\n    const onElevations = (next: ElevationEntry[]) => setEntries([...next])\r\n    const onActive = (entry: ElevationEntry | null) =>\r\n      setActiveId(entry?.id ?? null)\r\n    const onLoading = (state: ElevationLoadingState) => {\r\n      setLoading(state)\r\n      if (!state.isLoading) setPendingId(null)\r\n    }\r\n    const onLayers = () => setLayersTick((v) => v + 1)\r\n\r\n    tool.onElevationsChanged.add(onElevations)\r\n    tool.onActiveChanged.add(onActive)\r\n    tool.onLoadingStateChanged.add(onLoading)\r\n    tool.onLayersChanged.add(onLayers)\r\n\r\n    return () => {\r\n      tool.onElevationsChanged.remove(onElevations)\r\n      tool.onActiveChanged.remove(onActive)\r\n      tool.onLoadingStateChanged.remove(onLoading)\r\n      tool.onLayersChanged.remove(onLayers)\r\n    }\r\n  }, [bimComponents])\r\n\r\n  const filteredEntries: ViewListEntry[] = React.useMemo(() => {\r\n    const q = query.trim().toLowerCase()\r\n    return entries\r\n      .map((entry) => ({ id: entry.id, label: t(entry.direction) }))\r\n      .filter((row) => !q || row.label.toLowerCase().includes(q))\r\n  }, [entries, query, t])\r\n\r\n  const activeEntry = React.useMemo(\r\n    () => entries.find((entry) => entry.id === activeId) ?? null,\r\n    [entries, activeId],\r\n  )\r\n\r\n  const handleSelect = (entry: ViewListEntry) => {\r\n    if (!bimComponents) return\r\n    const tool = bimComponents.get(ElevationsTool)\r\n    if (activeId === entry.id) {\r\n      setPendingId(null)\r\n      void tool.deactivate()\r\n    } else {\r\n      setPendingId(entry.id)\r\n      void tool.activate(entry.id)\r\n    }\r\n  }\r\n\r\n  const handleExit = () => {\r\n    if (!bimComponents) return\r\n    setPendingId(null)\r\n    void bimComponents.get(ElevationsTool).deactivate()\r\n  }\r\n\r\n  const handleDownload = (entry: ViewListEntry, event: React.MouseEvent) => {\r\n    event.stopPropagation()\r\n    if (!bimComponents) return\r\n    const elevEntry = entries.find((e) => e.id === entry.id)\r\n    if (!elevEntry?.drawing) return\r\n    const fileName = `${buildingName(elevEntry.modelId)}-${elevEntry.direction}`\r\n    exportDrawingToDxf(bimComponents, elevEntry.drawing, fileName)\r\n  }\r\n\r\n  const handleToggleLayer = (className: string, visible: boolean) => {\r\n    if (!bimComponents || !activeId) return\r\n    bimComponents.get(ElevationsTool).setLayerVisible(activeId, className, visible)\r\n  }\r\n\r\n  const handleChangeLayerColor = (className: string, color: number) => {\r\n    if (!bimComponents || !activeId) return\r\n    bimComponents.get(ElevationsTool).setLayerColor(activeId, className, color)\r\n  }\r\n\r\n  const stageMessage = (stage: ElevationLoadingStage | undefined): string =>\r\n    stage && stage !== 'done' ? t(`stage.${stage}`) : t('loading')\r\n\r\n  return (\r\n    <CollapsibleSection\r\n      title={t('elevationTitle')}\r\n      icon={LR.House}\r\n      className=\"overflow-y-auto\"\r\n      style={{ height: '100%', minHeight: 0 }}\r\n      itemCount={filteredEntries.length}\r\n    >\r\n      <ViewSectionList\r\n        entries={filteredEntries}\r\n        activeId={activeId}\r\n        pendingId={pendingId}\r\n        loading={loading}\r\n        loadingPercent={getElevationStagePercent(loading.stage)}\r\n        activeLayers={activeEntry?.layers ?? null}\r\n        loadingMessage={stageMessage(loading.stage)}\r\n        viewingPrefix={t('viewing')}\r\n        exitLabel={t('exit')}\r\n        goToLabel={t('goToElevation')}\r\n        downloadLabel={t('downloadTitle')}\r\n        layersLabel={t('layers')}\r\n        toggleVisibilityLabel={t('toggleVisibility')}\r\n        chooseColorLabel={t('chooseColor')}\r\n        friendlyClassName={friendlyClassName}\r\n        onSelect={handleSelect}\r\n        onExit={handleExit}\r\n        onDownload={handleDownload}\r\n        onToggleLayer={handleToggleLayer}\r\n        onChangeLayerColor={handleChangeLayerColor}\r\n      />\r\n    </CollapsibleSection>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a"]}