architwin 1.15.5 → 1.16.0

package/lib/atwinui/events.js

@@ -8,7 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { actionBar, renderObjectCards, renderLibraryCards, renderTags, renderTagRow, getTagFormData, addClickEventToTagRow, setActiveCard, setActiveMenu, removeObjectCard, clearActiveMenu, setTagCategoriesOption, toggleDropdown, tagFormMode, selectedTag, renderRecepientOptions, renderTagMessages, createTagMessage, setTagLink, setTagMessagingDetails, renderCategoryDropdownOptions, clearTagFormDropdown, clearActiveActionBtn, clearActiveCard, toggleActionBarButtons, selectedCategoryFilterId, selectedSubCategoryFilterId, filterTagList, toggleModal, setModalAction, } from "./components/toolbar";
-import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, _spaceUsers, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath, _screenSharingHostUser, _tagIotCategoryTypes, getIoTDeviceTagIcons, toggleMeshChildrenVisibility, set3DXObjects } from "../architwin";
+import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, _spaceUsers, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath, _screenSharingHostUser, toggleVisibilityTag, _tagIotCategoryTypes, getIoTDeviceTagIcons, toggleMeshChildrenVisibility, set3DXObjects, partitionHistory,
+// polygonHistory
+ } from "../architwin";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
 import { SPACE_EVENTS, COORDINATE_SYSTEM, UNITS, DEGREE, MAP_OPTIONS, sortTagOptions, sortObjectOptions, CUSTOM_MAP_MODE, TAG_TYPE } from "../types";
@@ -24,11 +26,11 @@ import log from 'loglevel';
 import * as minimap from '../minimap';
 import { clearActiveThemeCard, getSelectedTheme } from "./components/toolbar/themePane";
 import { getCurrentEditRoomData, displayRoomTree, updatePartitionVisibilityUI, getSelectedPartitionId, updatePolygonVisibilityData, toggleVisibilityState, setFilteredDisplay, updateRoomVisibilityUI, highlightSelectedPartitionChild, highlightSelectedWindow, getRoomData } from "./components/toolbar/spacePartition/roomTreePane";
-import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon, toggleDrawWindowButton, getIsDrawing, getDrawingMode, getCurrentPolygonData, setTempCurrentRoomEditData } from "./components/toolbar/spacePartition/roomFormPane";
+import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon, toggleDrawWindowButton, getIsDrawing, getDrawingMode, getCurrentPolygonData, setTempCurrentRoomEditData, toggleUndoRedoButtons, getCurrentWall, currentWindow } from "./components/toolbar/spacePartition/roomFormPane";
 import { actionSettingsSelectOption, getTempCoordinateSystem, getTempMeasurementUnit, getTempRotationUnit, setCoordinateSystem, setMeasurementUnit, setRotationUnit, initSettingsValues, setTempCoordinateSystem, setTempMeasurementUnit, setTempRotationUnit, toggleActionSettingsDropdown, toggleCalibrateBasepoint, setScaleFactor, getTempScaleFactor, setTempScaleFactor, setBasepoint, getTempBasepoint, setTempBasepoint, getBasepoint, toggleActionSettings, getBasepointObjectPayload, displayConvertedCoordinates, getCoordinateSystem, getScaleFactor, getMeasurementUnit, getRotationUnit, setBasepointObjectPayload } from "./components/toolbar/actionSettingsPane";
 import { getBasepointCalibrateBpCoordinateValues, getBasepointCalibrateMpCoordinateValues, initBsepointCalibratePane, toggleBasepointCalibratePane } from "./components/toolbar/basepointCalibratePane";
 import { toggleGeneralMapOptions, initGeneralSelectedMap, getSelectedMapOption } from './components/toolbar/generalSettingsMenuPane';
-import { searchTagList, setSearchTagTerm, searchClearfield, getSearchTagTerm, sortTags, updateSelectedTagSortOption, resetSelectedTagSortOption, filterIotTagList, setTagPaneActive, isTagPaneActive, setCurrentTagPaneMode, currentTagPaneMode, selectedTagSortOption } from './components/toolbar/tagListPane';
+import { searchTagList, setSearchTagTerm, searchClearfield, getSearchTagTerm, sortTags, updateSelectedTagSortOption, resetSelectedTagSortOption, filterIotTagList, setTagPaneActive, isTagPaneActive, setCurrentTagPaneMode, currentTagPaneMode, selectedTagSortOption, tagVisibility, updateShowAllButton, saveTagVisibilityToStorage, initializeTagVisibility } from './components/toolbar/tagListPane';
 import { renderUserRows } from "./components/toolbar/spaceUserListPane";
 import { handleRemoteViewResponsiveChanges, renderRemoteSpaceViewing } from "./components/toolbar/viewingRemoteSpace";
 import { PipeList } from "./components/toolbar/pipeListPane";
@@ -38,6 +40,7 @@ import { PipeForm } from "./components/toolbar/pipeFormPane";
 import { toggleIoTCategoryOptions, toggleIoTDevicesOptions, setSelectedIoTSystemRadio, clearIoTDropdowns, initIoTFormData, setIotCategoryOptions, getIotTagFormData, iotTagFormMode, selectedIotTag, clearIotFields, getIotCategoryOption } from './components/toolbar/tagIotFormPane';
 import { getTheseTagMessages, timedoutComment, unsendComment } from "./components/toolbar/tagMessagingPane";
 import { handleScreenShareResponsiveChanges, handleScreenShareAcceptRequest, handleScreenShareBackUserListPane, handleScreenShareEndSessionEvent, handleScreenShareUsersUpdated, renderScreenShareLeaveConfirmationModal } from "./components/toolbar/screenSharePane";
+import _ from "lodash";
 const pipeList = new PipeList();
 const pipeForm = new PipeForm();
 let activeToolbarItem, activeActionItem, activePane, activeActionPane, cancelTagPlacementPrompt, cancelModelPlacementPrompt;
@@ -62,6 +65,7 @@ let isCustomMapControlsVisible = false;
 let _currentSandboxId = undefined;
 let isNotyfExecuted = false; // flag for notification
 let pipeColor = "";
+let allTagsVisible = true;
 function batchAddEventListenerByClassName(className, callback) {
     if (className) {
         const elements = document.querySelectorAll(`.${className}`);
@@ -370,6 +374,7 @@ function renderTagPaneContent() {
         }
         if (tags.length > 0) {
             searchTagList(tags);
+            updateShowAllButton();
         }
     });
 }
@@ -530,6 +535,7 @@ function setupIndividualEventListeners() {
     handlePipeForm();
     handlePipeList();
     handleResponsiveChanges();
+    handleToggleVisibilityTags();
     handlePreviewModalResize();
 }
 //================ OBJECT EVENT HANDLERS ===============//s
@@ -1224,6 +1230,65 @@ function handleSaveTag() {
         setTagFormMode("NONE" /* FORM_MODE.NONE */);
     }));
 }
+// Toggle all tags visibility
+function handleToggleVisibilityTags() {
+    const toggleVisibilityBtn = document.getElementById('at-visibility-tag-btn');
+    if (!toggleVisibilityBtn)
+        return;
+    // Initialize tag visibility on load
+    initializeTagVisibility();
+    const updateAll = (visible) => __awaiter(this, void 0, void 0, function* () {
+        // Determine which tags to update based on current mode
+        const tagsToUpdate = currentTagPaneMode
+            ? _tags.filter(tag => tag.tag_type === currentTagPaneMode)
+            : _tags;
+        for (const tag of tagsToUpdate) {
+            const tagType = tag.tag_type || TAG_TYPE.MP;
+            const tagId = tag.json_data.id;
+            // Initialize type object if it doesn't exist
+            if (!tagVisibility[tagType]) {
+                tagVisibility[tagType] = {};
+            }
+            // Update visibility state
+            tagVisibility[tagType][tagId] = visible;
+            yield toggleVisibilityTag({ tagId: tagId, visibility: visible });
+            // Update button icon
+            const btn = document.getElementById(`at-visibility-tag-${tagId}`);
+            if (btn) {
+                btn.classList.toggle("mdi-eye", visible);
+                btn.classList.toggle("mdi-eye-off-outline", !visible);
+            }
+        }
+        // Update the main toggle button
+        updateShowAllButton();
+        // Save to localStorage
+        saveTagVisibilityToStorage(tagVisibility);
+    });
+    toggleVisibilityBtn.addEventListener('click', () => {
+        // Check if all visible tags in current mode are hidden
+        let allHidden = false;
+        if (currentTagPaneMode === TAG_TYPE.IOT) {
+            // Check only IOT tags
+            const iotVisibility = Object.values(tagVisibility[TAG_TYPE.IOT] || {});
+            allHidden = iotVisibility.length > 0 && iotVisibility.every(v => v === false);
+        }
+        else if (currentTagPaneMode === TAG_TYPE.MP) {
+            // Check only MP tags
+            const mpVisibility = Object.values(tagVisibility[TAG_TYPE.MP] || {});
+            allHidden = mpVisibility.length > 0 && mpVisibility.every(v => v === false);
+        }
+        else {
+            // Check all tags (both MP and IOT)
+            const allValues = [
+                ...Object.values(tagVisibility[TAG_TYPE.MP] || {}),
+                ...Object.values(tagVisibility[TAG_TYPE.IOT] || {})
+            ];
+            allHidden = allValues.length > 0 && allValues.every(v => v === false);
+        }
+        // Toggle: if all hidden, show all; if any visible, hide all
+        updateAll(allHidden);
+    });
+}
 function handleScreenshot() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const screenshotBtn = document.getElementById('at-screenshot-btn');
@@ -1505,9 +1570,8 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.TAGPLACER_CREATED, handleTagPlacerCreated);
     subscribeSpaceEvent(SPACE_EVENTS.UPDATE_ROOM_TREE, handleUpdateRoomTree);
     subscribeSpaceEvent(SPACE_EVENTS.PARTITION_CLICKED, handlePartitionSelected);
-    subscribeSpaceEvent(SPACE_EVENTS.VERTEX_DRAG_END, setCurrentPartitionData);
+    subscribeSpaceEvent(SPACE_EVENTS.VERTEX_DRAG_END, handleVertexDragEnd);
     subscribeSpaceEvent(SPACE_EVENTS.VERTEX_PLACED, handleVertexPlace);
-    subscribeSpaceEvent(SPACE_EVENTS.DRAW_HISTORY, handleDrawHistory);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOADED, handleCustomMapFloorImageUploaded);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOAD_FAILED, handleCustomMapFloorUploadFailed);
     subscribeSpaceEvent(SPACE_EVENTS.TAG_SANDBOX_REGISTERED, handleSandboxRegistered);
@@ -1518,6 +1582,31 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_ACCEPT_REQUEST, handleScreenShareAcceptRequest);
     subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_BACK_USER_LIST_PANE, handleScreenShareBackUserListPane);
 }
+function handleVertexDragEnd(payload) {
+    log.info("handleVertexDragEnd()", payload);
+    setCurrentPartitionData();
+    if (isToolbarFeatureEnabled("roomCreation")) {
+        let data;
+        const currentPartitionData = _.cloneDeep(getCurrentPartitionData());
+        const currentPolygonData = _.cloneDeep(getCurrentPolygonData());
+        const currentWall = getCurrentWall();
+        const wallIndex = currentPolygonData.walls.findIndex(w => w.uuid == currentWall.uuid);
+        if (currentPartitionData) {
+            data = {
+                polygon: {
+                    uuid: currentPartitionData.uuid,
+                    polygon_json: currentPolygonData
+                },
+                verticePath: currentPolygonData.walls[wallIndex].windows[currentWindow.index].path
+            };
+            partitionHistory.addToHistory(JSON.parse(JSON.stringify(data)));
+        }
+        log.info("all history", partitionHistory.getAllHistory());
+    }
+    // partitionHistory.addToHistory(data)
+    // polygonHistory.addToHistory(payload)
+    // toggleUndoRedoButtons(polygonHistory.canUndo(), polygonHistory.canRedo())
+}
 function handlePartitionColiderClickSelected(payload) {
     return __awaiter(this, void 0, void 0, function* () {
         const polygonId = extractUUID(payload.collider.name);
@@ -1586,43 +1675,10 @@ function handleDragEnd(payload) {
     };
     setCurrentTransformationValues(transformValues);
 }
-function handleDrawHistory(payload) {
-    console.log("handleDrawHistory", payload);
-    const undoCount = (payload.undoDrawActions).length;
-    const redoCount = (payload.redoDrawActions).length;
-    if (undoCount == 0) {
-        const undoBtn = document.getElementById('at-draw-undo-btn');
-        undoBtn.classList.add('at_disabled');
-    }
-    else {
-        const undoBtn = document.getElementById('at-draw-undo-btn');
-        undoBtn.classList.remove('at_disabled');
-    }
-    if (redoCount == 0) {
-        const redoBtn = document.getElementById('at-draw-redo-btn');
-        redoBtn.classList.add('at_disabled');
-    }
-    else {
-        const redoBtn = document.getElementById('at-draw-redo-btn');
-        redoBtn.classList.remove('at_disabled');
-    }
-    console.log("undoCount", undoCount);
-    console.log("redoCount", redoCount);
-}
 function handleVertexPlace(payload) {
     console.log("handleVertexPlace ==>", payload);
     if (isToolbarFeatureEnabled('roomCreation')) {
-        log.info("getDrawingMode()", getDrawingMode());
-        if (getDrawingMode() === 'window') {
-            log.info("current polygon", getCurrentPolygon());
-        }
-        if (getDrawingMode() === 'partition') {
-            // setCurrentPartitionData()
-        }
-        const undoBtn = document.getElementById('at-draw-undo-btn');
-        undoBtn.classList.remove('at_disabled');
-        const redoBtn = document.getElementById('at-draw-redo-btn');
-        redoBtn.classList.add('at_disabled');
+        toggleUndoRedoButtons(partitionHistory.canUndo(), partitionHistory.canRedo());
     }
     if (isToolbarFeatureEnabled('pipe')) {
         pipeForm.setPipeVertices(payload.path);
@@ -2338,11 +2394,6 @@ function handleCancelPartition() {
         clearSelectedObject();
         clearFloorBaseHeight();
         toggleDisplayPane('at-cancel-room-form-btn');
-        const drawHistory = {
-            redoDrawActions: [],
-            undoDrawActions: [],
-        };
-        handleDrawHistory(drawHistory);
     }));
 }
 /**
@@ -3944,6 +3995,7 @@ function handlePreviewModalResize() {
         // Handle horizontal resizing
         if (direction === null || direction === void 0 ? void 0 : direction.includes('right')) {
             newWidth = Math.max(minWidth, Math.min(maxWidth, startWidth + deltaX));
+            // Don't change left position for right resize
         }
         else if (direction === null || direction === void 0 ? void 0 : direction.includes('left')) {
             const potentialWidth = startWidth - deltaX;
@@ -3991,4 +4043,4 @@ activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapCont
 //methods
 batchAddEventListenerById, batchAddEventListenerByClassName, batchAddEventListenerByClassNames, batchAddEventListenerByDataAttribute, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleModelVisibility, handleDeleteModel, handleShowMinimap, handleScrollToView, handleRenderMeetingUI, handleShowCustomMinimap, renderTagPaneContent, 
 // partition
-handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, handleDisplayElements, handleWindowVisibility, clearActivePane };
+handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, handleToggleVisibilityTags, handleDisplayElements, handleWindowVisibility, clearActivePane };

package/lib/loaders/polydrawerLoader.d.ts

@@ -76,6 +76,7 @@ export declare class Vertice {
     texture: THREE.CanvasTexture;
     pointerSub: MpSdk.ISubscription;
     pointerIntersection: MpSdk.Pointer.Intersection;
+    cachedWallNormal: THREE.Vector3 | null;
     constructor(mpSdk: MpSdk);
     inputs: {
         index: any;
@@ -98,6 +99,7 @@ export declare class Vertice {
         'INTERACTION.HOVER': boolean;
     };
     onInputsUpdated: (prevInputs: any) => void;
+    calculateWallNormalFromVertices(): THREE.Vector3 | null;
     onEvent(eventType: any, data: any): void;
     onInit: () => void;
     renderVertice: (hovered?: boolean) => void;

package/lib/loaders/polydrawerLoader.js

@@ -184,6 +184,10 @@ export class TubeLine {
             if (this.panel) {
                 this.panel.refresh();
             }
+            dispatchSpaceEvent(SPACE_EVENTS.PATH_UPDATED, {
+                path: this.inputs.path,
+                textColor: this.inputs.textColor
+            });
         };
         this.setBillboard = (value) => {
             this.billboard = value;
@@ -367,6 +371,7 @@ export const tubeLineFactory = function (mpSdk) {
 };
 export class Vertice {
     constructor(mpSdk) {
+        this.cachedWallNormal = null;
         this.inputs = {
             index: null,
             radius: 0.1,
@@ -418,6 +423,25 @@ export class Vertice {
         };
         this.mpSdk = mpSdk;
     }
+    calculateWallNormalFromVertices() {
+        const vertexPath = getVertexPath();
+        if (!vertexPath || vertexPath.length < 3) {
+            return null;
+        }
+        const THREE = this.context.three;
+        const p0 = new THREE.Vector3(vertexPath[0].x, vertexPath[0].y, vertexPath[0].z);
+        const p1 = new THREE.Vector3(vertexPath[1].x, vertexPath[1].y, vertexPath[1].z);
+        const p2 = new THREE.Vector3(vertexPath[2].x, vertexPath[2].y, vertexPath[2].z);
+        const v1 = new THREE.Vector3().subVectors(p1, p0);
+        const v2 = new THREE.Vector3().subVectors(p2, p0);
+        const normal = new THREE.Vector3().crossVectors(v1, v2);
+        const normalLen = normal.length();
+        if (normalLen === 0) {
+            // Vertices are collinear, can't determine plane
+            return null;
+        }
+        return normal.normalize();
+    }
     onEvent(eventType, data) {
         var _a;
         if (eventType === 'INTERACTION.DRAG') {
@@ -438,24 +462,30 @@ export class Vertice {
                 if (drawingConfig && drawingConfig.lineTypeComponentConfig.drawingMode == 'window') {
                     const firstVertex = getVertexPath()[0];
                     // Skip constraint for first vertex (index 0) - it defines the wall plane
-                    if (this.inputs.index !== 0 && firstVertex && this.pointerIntersection.normal) {
+                    if (this.inputs.index !== 0 && firstVertex) {
                         const THREE = this.context.three;
-                        // Get wall normal from pointer intersection
-                        const wallNormal = new THREE.Vector3(this.pointerIntersection.normal.x, this.pointerIntersection.normal.y, this.pointerIntersection.normal.z).normalize();
-                        // First vertex position defines a point on the wall plane
-                        const planePoint = new THREE.Vector3(firstVertex.x, firstVertex.y, firstVertex.z);
-                        // Current drag position
-                        const dragPosition = new THREE.Vector3(e.x, e.y, e.z);
-                        // Vector from plane point to drag position
-                        const vecToPoint = new THREE.Vector3().subVectors(dragPosition, planePoint);
-                        // Calculate distance from point to plane along normal
-                        const distanceToPlane = vecToPoint.dot(wallNormal);
-                        // Project point onto plane by removing the perpendicular component
-                        const projectedPosition = new THREE.Vector3().subVectors(dragPosition, wallNormal.clone().multiplyScalar(distanceToPlane));
-                        // Update e with constrained position (stays on wall plane)
-                        e.x = projectedPosition.x;
-                        e.y = projectedPosition.y;
-                        e.z = projectedPosition.z;
+                        // Use cached normal if available, otherwise fall back to pointer normal
+                        let wallNormal = this.cachedWallNormal;
+                        if (!wallNormal && this.pointerIntersection.normal) {
+                            // Fallback for when we don't have 3 vertices yet
+                            wallNormal = new THREE.Vector3(this.pointerIntersection.normal.x, this.pointerIntersection.normal.y, this.pointerIntersection.normal.z).normalize();
+                        }
+                        if (wallNormal) {
+                            // First vertex position defines a point on the wall plane
+                            const planePoint = new THREE.Vector3(firstVertex.x, firstVertex.y, firstVertex.z);
+                            // Current drag position
+                            const dragPosition = new THREE.Vector3(e.x, e.y, e.z);
+                            // Vector from plane point to drag position
+                            const vecToPoint = new THREE.Vector3().subVectors(dragPosition, planePoint);
+                            // Calculate distance from point to plane along normal
+                            const distanceToPlane = vecToPoint.dot(wallNormal);
+                            // Project point onto plane by removing the perpendicular component
+                            const projectedPosition = new THREE.Vector3().subVectors(dragPosition, wallNormal.clone().multiplyScalar(distanceToPlane));
+                            // Update e with constrained position (stays on wall plane)
+                            e.x = projectedPosition.x;
+                            e.y = projectedPosition.y;
+                            e.z = projectedPosition.z;
+                        }
                     }
                 }
                 this.mesh.position.set(e.x, e.y, e.z);
@@ -480,6 +510,11 @@ export class Vertice {
                     this.pointerIntersection = data;
                 });
             }
+            // Cache wall normal for window mode
+            const drawingConfig = getDrawingConfig();
+            if (drawingConfig && drawingConfig.lineTypeComponentConfig.drawingMode === 'window') {
+                this.cachedWallNormal = this.calculateWallNormalFromVertices();
+            }
             //@ts-expect-error
             this.notify('changed', {
                 index: this.inputs.index,
@@ -493,6 +528,8 @@ export class Vertice {
             this.mesh.scale.set(1, 1, 1);
             this.mpSdk.Pointer.setVisible(true);
             (_a = this.pointerSub) === null || _a === void 0 ? void 0 : _a.cancel();
+            // Clear cached wall normal
+            this.cachedWallNormal = null;
             //renderPolygonFromPath()
             //@ts-expect-error
             this.notify('changed', {

package/lib/tag.d.ts

@@ -95,4 +95,9 @@ declare function attachSandbox(payload: {
     sandboxId: string;
     messenger: MpSdk.Tag.IMessenger;
 }>;
-export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated, attachSandbox, registerSandbox };
+declare function toggleTagVisibility(payload: {
+    tagId: string;
+    sdk: MpSdk;
+    visibility: boolean;
+}): void;
+export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated, attachSandbox, registerSandbox, toggleTagVisibility };

package/lib/tag.js

@@ -432,7 +432,14 @@ function attachSandbox(payload) {
         }
     });
 }
-export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated, attachSandbox, registerSandbox };
+function toggleTagVisibility(payload) {
+    payload.sdk.Tag.editOpacity(payload.tagId, payload.visibility ? 1 : 0);
+    payload.sdk.Tag.allowAction(payload.tagId, {
+        opening: payload.visibility,
+        navigating: true
+    });
+}
+export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated, attachSandbox, registerSandbox, toggleTagVisibility };
 // # -------------------------------------------------------------------------
 // # tag
 // # -------------------------------------------------------------------------

package/lib/types.d.ts

@@ -154,6 +154,7 @@ export interface IMPConfig {
     };
     restrictionConfig?: {
         isTagReadOnly?: boolean;
+        isIoTtagReadonly?: boolean;
         isTagToggleSharing?: boolean;
     };
     sweepPuckConfig?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "architwin",
-  "version": "1.15.5",
+  "version": "1.16.0",
   "description": "ArchiTwin Library for Matterport",
   "main": "./lib/architwin.js",
   "types": "./lib/architwin.d.ts",

package/static/atwinui.css

@@ -676,12 +676,19 @@
 
 .at_table_button_row {
     display: flex;
-    flex-wrap: nowrap;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: auto;
-    align-content: start;
-    margin-right: 0.5em;
+    justify-content: end;
+    width: fit-content;
+}
+
+.at_table_label_row{
+    width: 130px;
+}
+
+.at_table_label_row span {
+    display: block; 
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 /*Form Classes*/
@@ -769,8 +776,8 @@
     margin-top: 1px;
     margin-left: 4px;
     height: 2.45rem;
-    /* width: 9rem; */
-    width: 13rem
+    width: 100%;
+    /* width: 11.75rem */
 }
 
 .at_field_search_input:focus {
@@ -1262,7 +1269,7 @@
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     z-index: 1000;
-    justify-content: center;
+    justify-content: flex-start;
     align-items: center;
     animation: at_fade-in 0.3s ease;
 }
@@ -1285,15 +1292,16 @@
     color: var(--text-color-light);
     border-radius: var(--border-radius);
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
-    width: 95vw;
+    width: 66.5vw;
     height: 95vh;
-    max-width: 95vw;
+    max-width: 66.5vw;
     max-height: 95vh;
     overflow: hidden;
     position: relative;
     animation: at_slide-up 0.4s cubic-bezier(.39, .575, .565, 1.000) both;
     display: flex;
     flex-direction: column;
+    margin-left: 0.5vw;
 }
 
 @keyframes at_slide-up {
@@ -1689,7 +1697,7 @@
 .at_tag_list_pane {
     margin: 6px 6px 0px 6px !important;
     gap: 0px !important;
-    padding: 10px 10px 5px 10px !important;
+    padding: 0px 5px 5px 10px !important;
 }
 
 /* Basic styling for the tree */
@@ -2382,11 +2390,6 @@ dialog#at-screen-share-request-modal::backdrop {
     margin-top: 1px;
 }
 
-#at-tag-sort-icon {
-    background-color: var(--bg-secondary);
-    margin-bottom: 15px;
-    margin-right: -15px;
-}
 
 #at-object-sort-icon {
     background-color: var(--bg-secondary);