bruce-cesium 7.1.0 → 7.1.1

package/dist/bruce-cesium.umd.js

@@ -23942,15 +23942,31 @@
         WidgetLeftPanelTab.ATab = ATab;
     })(exports.WidgetLeftPanelTab || (exports.WidgetLeftPanelTab = {}));
 
+    // Icons are inline so the library stays dependency free.
+    const ICON_FOLDER = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6C3 5.44772 3.44772 5 4 5H9L11 7.5H20C20.5523 7.5 21 7.94772 21 8.5V18C21 18.5523 20.5523 19 20 19H4C3.44772 19 3 18.5523 3 18V6Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>`;
+    const ICON_FOLDER_OPEN = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6C3 5.44772 3.44772 5 4 5H9L11 7.5H20C20.5523 7.5 21 7.94772 21 8.5V10H3V6Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M3 10H21.5L19.5 18.5C19.4 18.8 19.1 19 18.8 19H4C3.44772 19 3 18.5523 3 18V10Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>`;
+    const OPEN_STATE_STORAGE_PREFIX = "NextspaceBookmarkGroupOpen_";
+    const COMPACT_MODE_STORAGE_KEY = "NextspaceBookmarksCompactMode";
+    // Group id used for the synthetic list of bookmarks that belong to no group.
+    const UNGROUPED_ID = null;
     class WidgetLeftPanelTabBookmarks extends exports.WidgetLeftPanelTab.ATab {
         constructor(params) {
+            var _a, _b;
             super(params);
             this.STYLESHEET_ID = "nextspace-left-panel-tab-bookmarks-stylesheet";
+            this._compact = false;
+            this._compact = this._getStoredCompact();
             this._generateStyles();
             this._generateElement();
             this._widget.Loading.then(() => {
                 this._updateBookmarks();
             });
+            // The panel can be opened before a view has rendered, so the list has to rebuild when one arrives.
+            this._viewIdChangeRemoval = (_b = (_a = this._widget) === null || _a === void 0 ? void 0 : _a.OnViewIdChange) === null || _b === void 0 ? void 0 : _b.Subscribe(() => {
+                this._widget.Loading.then(() => {
+                    this._updateBookmarks();
+                });
+            });
             // In case another widget messed with the panel width.
             // Probably should just add a SetWidth method to avoid having plugins mess with the container CSS.
             if (this.Container) {
@@ -23958,6 +23974,8 @@
             }
         }
         Dispose() {
+            var _a;
+            (_a = this._viewIdChangeRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
             super.Dispose();
         }
         _generateStyles() {
@@ -23967,11 +23985,16 @@
             const style = document.createElement("style");
             style.id = this.STYLESHEET_ID;
             style.innerHTML = `
+            .NextspaceLeftPanelTabBookmarks * {
+                box-sizing: border-box;
+            }
+
             .NextspaceLeftPanelTabBookmarks {
                 display: flex;
                 flex-direction: column;
                 flex-grow: 1;
                 flex-shrink: 1;
+                font-family: Arial, sans-serif;
                 overflow: hidden;
                 width: 100%;
             }
@@ -23997,6 +24020,59 @@
                 margin-bottom: 15px;
             }
 
+            .NextspaceLeftPanelTabBookmarksCompactBar {
+                align-items: center;
+                color: #fff;
+                display: flex;
+                flex-shrink: 0;
+                font-size: 12px;
+                justify-content: flex-end;
+                margin-bottom: 10px;
+                user-select: none;
+            }
+
+            .NextspaceLeftPanelTabBookmarksCompactToggle {
+                align-items: center;
+                cursor: pointer;
+                display: flex;
+                opacity: .7;
+                transition: opacity .3s ease;
+            }
+
+            .NextspaceLeftPanelTabBookmarksCompactToggle:hover {
+                opacity: 1;
+            }
+
+            .NextspaceLeftPanelTabBookmarksCompactToggle >.NextspaceLeftPanelTabBookmarksCompactToggleTrack {
+                background: rgba(255, 255, 255, .2);
+                border-radius: 8px;
+                height: 16px;
+                margin-right: 8px;
+                position: relative;
+                transition: background .3s ease;
+                width: 30px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksCompactToggle >.NextspaceLeftPanelTabBookmarksCompactToggleTrack:after {
+                background: #fff;
+                border-radius: 50%;
+                content: "";
+                height: 12px;
+                left: 2px;
+                position: absolute;
+                top: 2px;
+                transition: left .3s ease;
+                width: 12px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksCompactToggle[is-on="true"] >.NextspaceLeftPanelTabBookmarksCompactToggleTrack {
+                background: #33b1ff;
+            }
+
+            .NextspaceLeftPanelTabBookmarksCompactToggle[is-on="true"] >.NextspaceLeftPanelTabBookmarksCompactToggleTrack:after {
+                left: 16px;
+            }
+
             .NextspaceLeftPanelTabBookmarksList {
                 display: flex;
                 flex-direction: column;
@@ -24005,30 +24081,110 @@
                 overflow: auto;
             }
 
-            .NextspaceLeftPanelTabBookmarksListItem {
-                margin-bottom: 15px;
+            .NextspaceLeftPanelTabBookmarksGroupHeader {
+                align-items: flex-end;
+                border-left: 2px solid rgba(255, 255, 255, .2);
+                color: #fff;
+                cursor: pointer;
+                display: flex;
+                font-size: 12px;
+                font-weight: 300;
+                letter-spacing: .01em;
+                padding-left: 8px;
+                transition: border-left-color .3s ease;
+                user-select: none;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupHeader:hover {
+                border-left-color: rgba(255, 255, 255, .5);
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupHeader[is-opened="false"] {
+                margin-bottom: 10px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupHeader[is-opened="true"] {
+                padding-bottom: 5px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupHeader >.NextspaceLeftPanelTabBookmarksGroupHeaderIcon {
                 align-items: center;
                 display: flex;
+                flex-shrink: 0;
+                height: 20px;
+                justify-content: center;
+                margin-right: 8px;
+                width: 20px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupHeader >.NextspaceLeftPanelTabBookmarksGroupHeaderIcon >svg {
+                height: 20px;
+                width: 20px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupHeader >.NextspaceLeftPanelTabBookmarksGroupHeaderName {
+                margin-right: 8px;
+                opacity: .7;
+                overflow: hidden;
+                padding-bottom: 8px;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupHeader >.NextspaceLeftPanelTabBookmarksGroupHeaderCount {
+                margin-right: 3px;
+                opacity: .7;
+                padding-bottom: 8px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupBody {
+                display: flex;
+                flex-direction: column;
+            }
+
+            .NextspaceLeftPanelTabBookmarksGroupBody[is-grouped="true"] {
+                border-left: 2px solid rgba(255, 255, 255, .2);
+                margin-bottom: 12px;
+                padding-left: 8px;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItem {
+                background: rgba(255, 255, 255, .05);
+                border: 1px solid rgba(255, 255, 255, .1);
+                border-radius: 8px;
+                cursor: pointer;
+                display: flex;
                 flex-direction: column;
+                margin-bottom: 6px;
+                overflow: hidden;
+                padding: 12px;
+                transition: background .3s ease, border-color .3s ease, transform .3s ease;
                 width: 100%;
             }
 
-            .NextspaceLeftPanelTabBookmarksListItem[is-selected="true"] >.NextspaceLeftPanelTabBookmarksListItemImageBox {
-                border: 3px solid #0072c3;
+            .NextspaceLeftPanelTabBookmarksListItem:hover {
+                background: rgba(255, 255, 255, .08);
+                border-color: rgba(255, 255, 255, .2);
+                transform: translateY(-2px);
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItem[is-selected="true"] {
+                background: rgba(51, 177, 255, .1);
+                border-color: #33b1ff;
             }
 
             .NextspaceLeftPanelTabBookmarksListItemImageBox {
-                border: 3px solid #0000;
-                border-radius: 5px;
+                background-color: rgba(255, 255, 255, .05);
+                border-radius: 6px;
                 display: flex;
-                height: 132px;
+                flex-shrink: 0;
+                height: 120px;
                 margin-bottom: 8px;
                 overflow: hidden;
                 width: 100%;
             }
 
             .NextspaceLeftPanelTabBookmarksListItemImageBoxImage {
-                cursor: pointer;
                 display: flex;
                 flex-direction: column;
                 flex-grow: 1;
@@ -24044,25 +24200,59 @@
                 width: 100%;
             }
 
-            .NextspaceLeftPanelTabBookmarksListItemTitle {
-                color: #fff;
-                display: flex;
-                padding-right: 15px;
-                text-align: center;
-                width: 100%;
-            }
-
             .NextspaceLeftPanelTabBookmarksListItemTitleText {
+                color: #f2f4f8;
                 display: block;
-                margin-left: 35px;
-                margin-right: 20px;
+                font-family: Arial;
+                font-size: 13px;
+                font-weight: 600;
                 overflow: hidden;
-                text-align: center;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 width: 100%;
-                font-family: Arial;
+            }
+
+            .NextspaceLeftPanelTabBookmarksListItemDescription {
+                color: rgba(255, 255, 255, .7);
+                font-size: 12px;
+                margin-top: 4px;
+                overflow: hidden;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabBookmarks[is-compact="true"] .NextspaceLeftPanelTabBookmarksListItem {
+                align-items: center;
+                flex-direction: row;
+                margin-bottom: 4px;
+                min-height: 54px;
+                padding: 0;
+                transform: none;
+            }
+
+            .NextspaceLeftPanelTabBookmarks[is-compact="true"] .NextspaceLeftPanelTabBookmarksListItemImageBox {
+                border-radius: 8px 0 0 8px;
+                border-right: 1px solid #6a6a6a;
+                height: 60px;
+                margin-bottom: 0;
+                margin-right: 10px;
+                width: 70px;
+            }
+
+            .NextspaceLeftPanelTabBookmarks[is-compact="true"] .NextspaceLeftPanelTabBookmarksListItemTitleText {
+                font-size: 12px;
+                font-weight: 400;
+                padding-right: 10px;
+                text-align: right;
+            }
+
+            .NextspaceLeftPanelTabBookmarks[is-compact="true"] .NextspaceLeftPanelTabBookmarksListItemDescription {
+                display: none;
+            }
+
+            .NextspaceLeftPanelTabBookmarksEmpty {
+                color: #fff;
                 font-size: 13px;
+                opacity: .7;
             }
         `;
             document.head.appendChild(style);
@@ -24070,6 +24260,7 @@
         _generateElement() {
             const element = document.createElement("div");
             element.className = "NextspaceLeftPanelTabBookmarks";
+            element.setAttribute("is-compact", String(this._compact));
             const title = document.createElement("div");
             title.className = "NextspaceLeftPanelTabBookmarksTitleBar";
             title.textContent = "Bookmarks";
@@ -24077,52 +24268,224 @@
             const breaker = document.createElement("div");
             breaker.className = "NextspaceLeftPanelTabBookmarksTitleBreaker";
             element.appendChild(breaker);
+            const compactBar = document.createElement("div");
+            compactBar.className = "NextspaceLeftPanelTabBookmarksCompactBar";
+            const compactToggle = document.createElement("div");
+            compactToggle.className = "NextspaceLeftPanelTabBookmarksCompactToggle";
+            compactToggle.title = "Compact";
+            compactToggle.setAttribute("is-on", String(this._compact));
+            const compactTrack = document.createElement("div");
+            compactTrack.className = "NextspaceLeftPanelTabBookmarksCompactToggleTrack";
+            compactToggle.appendChild(compactTrack);
+            const compactLabel = document.createElement("div");
+            compactLabel.textContent = "Compact";
+            compactToggle.appendChild(compactLabel);
+            compactToggle.onclick = () => {
+                this._setCompact(!this._compact);
+            };
+            compactBar.appendChild(compactToggle);
+            element.appendChild(compactBar);
+            const empty = document.createElement("div");
+            empty.className = "NextspaceLeftPanelTabBookmarksEmpty";
+            empty.textContent = "No bookmarks in this project view.";
+            empty.style.display = "none";
+            element.appendChild(empty);
             const list = document.createElement("div");
             list.className = "NextspaceLeftPanelTabBookmarksList";
             element.appendChild(list);
             this.Container.appendChild(element);
             this._element = element;
         }
+        _getStoredCompact() {
+            try {
+                return window.localStorage.getItem(COMPACT_MODE_STORAGE_KEY) === "true";
+            }
+            catch (e) {
+                // Storage can be unavailable (private mode, blocked cookies). The default layout still works.
+                return false;
+            }
+        }
+        _setCompact(compact) {
+            this._compact = compact;
+            this._element.setAttribute("is-compact", String(compact));
+            const toggle = this._element.querySelector(".NextspaceLeftPanelTabBookmarksCompactToggle");
+            if (toggle) {
+                toggle.setAttribute("is-on", String(compact));
+            }
+            try {
+                window.localStorage.setItem(COMPACT_MODE_STORAGE_KEY, String(compact));
+            }
+            catch (e) {
+                console.warn(e);
+            }
+        }
+        _getGroupOpen(groupId) {
+            try {
+                return window.localStorage.getItem(OPEN_STATE_STORAGE_PREFIX + groupId) === "true";
+            }
+            catch (e) {
+                return false;
+            }
+        }
+        _setGroupOpen(groupId, open) {
+            try {
+                window.localStorage.setItem(OPEN_STATE_STORAGE_PREFIX + groupId, String(open));
+            }
+            catch (e) {
+                console.warn(e);
+            }
+        }
+        /**
+         * Sorts the bookmarks into their groups, ordering both by display order then name.
+         * Bookmarks with no group, or one that no longer exists, land in a trailing ungrouped list.
+         */
+        _buildGroupLists() {
+            var _a, _b;
+            const bookmarks = (_a = this._widget.Bookmarks) !== null && _a !== void 0 ? _a : [];
+            const groups = ((_b = this._widget.BookmarkGroups) !== null && _b !== void 0 ? _b : []).slice().sort((a, b) => {
+                var _a, _b, _c, _d;
+                const orderDiff = ((_a = a.DisplayOrder) !== null && _a !== void 0 ? _a : 0) - ((_b = b.DisplayOrder) !== null && _b !== void 0 ? _b : 0);
+                if (orderDiff !== 0) {
+                    return orderDiff;
+                }
+                return ((_c = a.Name) !== null && _c !== void 0 ? _c : "").toLowerCase().localeCompare(((_d = b.Name) !== null && _d !== void 0 ? _d : "").toLowerCase());
+            });
+            const lists = groups.map(group => ({
+                groupId: group.ID,
+                group,
+                bookmarks: []
+            }));
+            const listsById = new Map(lists.map(list => [list.groupId, list]));
+            const ungrouped = {
+                groupId: UNGROUPED_ID,
+                group: null,
+                bookmarks: []
+            };
+            for (const bookmark of bookmarks) {
+                const groupId = bookmark["UI.SlideGroup.ID"];
+                const list = groupId ? listsById.get(groupId) : null;
+                (list !== null && list !== void 0 ? list : ungrouped).bookmarks.push(bookmark);
+            }
+            for (const list of lists) {
+                list.bookmarks.sort(this._compareBookmarks);
+            }
+            ungrouped.bookmarks.sort(this._compareBookmarks);
+            // Ungrouped always trails the named groups.
+            lists.push(ungrouped);
+            return lists;
+        }
+        _compareBookmarks(a, b) {
+            var _a, _b, _c, _d;
+            const orderDiff = ((_a = a.DisplayOrder) !== null && _a !== void 0 ? _a : 0) - ((_b = b.DisplayOrder) !== null && _b !== void 0 ? _b : 0);
+            if (orderDiff !== 0) {
+                return orderDiff;
+            }
+            return ((_c = a.Title) !== null && _c !== void 0 ? _c : "").localeCompare((_d = b.Title) !== null && _d !== void 0 ? _d : "");
+        }
         _updateBookmarks() {
-            var _a;
-            const bookmarks = this._widget.Bookmarks;
-            this._element.style.display = bookmarks.length ? "flex" : "none";
-            const api = this._widget._getApiGetters().GetBruceApi();
+            var _a, _b;
+            const bookmarks = (_a = this._widget.Bookmarks) !== null && _a !== void 0 ? _a : [];
             const list = this._element.querySelector(".NextspaceLeftPanelTabBookmarksList");
+            const empty = this._element.querySelector(".NextspaceLeftPanelTabBookmarksEmpty");
+            const compactBar = this._element.querySelector(".NextspaceLeftPanelTabBookmarksCompactBar");
             list.innerHTML = "";
-            for (const bookmark of bookmarks) {
-                const item = document.createElement("div");
-                item.className = "NextspaceLeftPanelTabBookmarksListItem";
-                const imageBox = document.createElement("div");
-                imageBox.className = "NextspaceLeftPanelTabBookmarksListItemImageBox";
-                item.appendChild(imageBox);
-                const image = document.createElement("div");
-                image.className = "NextspaceLeftPanelTabBookmarksListItemImageBoxImage";
-                imageBox.appendChild(image);
-                const previewUrl = bookmark["Screenshot.ClientFile.ID"] ? ((_a = bookmark["Screenshot.URL"]) !== null && _a !== void 0 ? _a : BModels.ClientFile.GetUrl({
-                    fileId: bookmark["Screenshot.ClientFile.ID"],
-                    api,
-                    viaCdn: true
-                })) : "";
-                // TODO: Some nice empty image.
+            const hasBookmarks = bookmarks.length > 0;
+            empty.style.display = hasBookmarks ? "none" : "block";
+            compactBar.style.display = hasBookmarks ? "flex" : "none";
+            if (!hasBookmarks) {
+                return;
+            }
+            const api = (_b = this._widget._getApiGetters()) === null || _b === void 0 ? void 0 : _b.GetBruceApi();
+            for (const groupList of this._buildGroupLists()) {
+                if (!groupList.bookmarks.length) {
+                    continue;
+                }
+                this._renderGroup(groupList, list, api);
+            }
+            this._updateBookmark();
+        }
+        _renderGroup(groupList, parent, api) {
+            var _a;
+            const isGrouped = groupList.groupId != null;
+            // Ungrouped bookmarks have no header, so they're always visible.
+            const opened = isGrouped ? this._getGroupOpen(groupList.groupId) : true;
+            const body = document.createElement("div");
+            body.className = "NextspaceLeftPanelTabBookmarksGroupBody";
+            body.setAttribute("is-grouped", String(isGrouped));
+            if (isGrouped) {
+                const header = document.createElement("div");
+                header.className = "NextspaceLeftPanelTabBookmarksGroupHeader";
+                header.setAttribute("group-id", String(groupList.groupId));
+                header.setAttribute("is-opened", String(opened));
+                const icon = document.createElement("div");
+                icon.className = "NextspaceLeftPanelTabBookmarksGroupHeaderIcon";
+                icon.innerHTML = opened ? ICON_FOLDER_OPEN : ICON_FOLDER;
+                header.appendChild(icon);
+                const name = document.createElement("div");
+                name.className = "NextspaceLeftPanelTabBookmarksGroupHeaderName";
+                name.textContent = ((_a = groupList.group) === null || _a === void 0 ? void 0 : _a.Name) || "Unnamed Group";
+                header.appendChild(name);
+                const count = document.createElement("div");
+                count.className = "NextspaceLeftPanelTabBookmarksGroupHeaderCount";
+                count.textContent = "(" + groupList.bookmarks.length + ")";
+                header.appendChild(count);
+                header.onclick = () => {
+                    this._setGroupOpen(groupList.groupId, !this._getGroupOpen(groupList.groupId));
+                    this._updateBookmarks();
+                };
+                parent.appendChild(header);
+                body.style.display = opened ? "flex" : "none";
+            }
+            parent.appendChild(body);
+            if (!opened) {
+                return;
+            }
+            for (const bookmark of groupList.bookmarks) {
+                this._renderBookmark(bookmark, body, api);
+            }
+        }
+        _renderBookmark(bookmark, parent, api) {
+            var _a;
+            const item = document.createElement("div");
+            item.className = "NextspaceLeftPanelTabBookmarksListItem";
+            const imageBox = document.createElement("div");
+            imageBox.className = "NextspaceLeftPanelTabBookmarksListItemImageBox";
+            item.appendChild(imageBox);
+            const image = document.createElement("div");
+            image.className = "NextspaceLeftPanelTabBookmarksListItemImageBoxImage";
+            imageBox.appendChild(image);
+            const previewUrl = bookmark["Screenshot.ClientFile.ID"] ? ((_a = bookmark["Screenshot.URL"]) !== null && _a !== void 0 ? _a : BModels.ClientFile.GetUrl({
+                fileId: bookmark["Screenshot.ClientFile.ID"],
+                api,
+                viaCdn: true
+            })) : "";
+            // A bookmark without a screenshot keeps the empty tinted box rather than a broken image.
+            if (previewUrl) {
                 const img = document.createElement("img");
                 img.src = previewUrl;
+                img.loading = "lazy";
                 image.appendChild(img);
-                const title = document.createElement("div");
-                title.className = "NextspaceLeftPanelTabBookmarksListItemTitle";
-                item.appendChild(title);
-                const titleText = document.createElement("div");
-                titleText.className = "NextspaceLeftPanelTabBookmarksListItemTitleText";
-                titleText.textContent = bookmark.Title ? bookmark.Title : "Untitled Bookmark";
-                title.appendChild(titleText);
-                item.setAttribute("bookmark-id", bookmark.ID);
-                item.setAttribute("is-selected", String(bookmark.ID === this._widget.LastEnabledBookmarkId));
-                item.onclick = () => {
-                    this._selectBookmark(bookmark);
-                };
-                list.appendChild(item);
             }
-            this._updateBookmark();
+            const content = document.createElement("div");
+            content.className = "NextspaceLeftPanelTabBookmarksListItemContent";
+            item.appendChild(content);
+            const titleText = document.createElement("div");
+            titleText.className = "NextspaceLeftPanelTabBookmarksListItemTitleText";
+            titleText.textContent = bookmark.Title ? bookmark.Title : "Untitled Bookmark";
+            titleText.title = titleText.textContent;
+            content.appendChild(titleText);
+            if (bookmark.Note) {
+                const description = document.createElement("div");
+                description.className = "NextspaceLeftPanelTabBookmarksListItemDescription";
+                description.textContent = bookmark.Note;
+                content.appendChild(description);
+            }
+            item.setAttribute("bookmark-id", bookmark.ID);
+            item.setAttribute("is-selected", String(bookmark.ID === this._widget.LastEnabledBookmarkId));
+            item.onclick = () => {
+                this._selectBookmark(bookmark);
+            };
+            parent.appendChild(item);
         }
         _selectBookmark(bookmark) {
             this._widget.SelectBookmark(bookmark);
@@ -24138,19 +24501,20 @@
                     item.setAttribute("is-selected", "false");
                 }
             }
-            // Scroll the selected bookmark into view.
+            // Scroll the selected bookmark into view. This list is vertical, unlike the bookmark strip widget's.
             const selected = this._element.querySelector(".NextspaceLeftPanelTabBookmarksListItem[is-selected='true']");
             if (selected) {
                 const list = this._element.querySelector(".NextspaceLeftPanelTabBookmarksList");
-                const scrollLeft = list.scrollLeft;
-                const scrollRight = scrollLeft + list.clientWidth;
-                const left = selected.offsetLeft;
-                const right = left + selected.clientWidth;
-                if (left < scrollLeft) {
-                    list.scrollLeft = left;
+                const scrollTop = list.scrollTop;
+                const scrollBottom = scrollTop + list.clientHeight;
+                // Both share the panel container as their offset parent, so this is the item's offset within the list.
+                const top = selected.offsetTop - list.offsetTop;
+                const bottom = top + selected.clientHeight;
+                if (top < scrollTop) {
+                    list.scrollTop = top;
                 }
-                else if (right > scrollRight) {
-                    list.scrollLeft = right - list.clientWidth;
+                else if (bottom > scrollBottom) {
+                    list.scrollTop = bottom - list.clientHeight;
                 }
             }
         }
@@ -24325,132 +24689,1324 @@
                 box-sizing: border-box;
                 width: 10px;
             }
-
-            .NextspaceLeftPanelTabUser button {
-                cursor: pointer;
-                border-radius: .375rem;
-                padding: 4px 9px;
-                transition: opacity 0.3s ease;
-                width: 100px;
-                width: min-content;
-                height: min-content;
-                white-space: nowrap;
-                border: 1px solid grey;
-                color: black;
-                background-color: white;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                position: relative;
-                background-color: #0072c3;
-                border: 1px solid #0072c3;
-                color: white;
-
-                margin-left: auto;
+
+            .NextspaceLeftPanelTabUser button {
+                cursor: pointer;
+                border-radius: .375rem;
+                padding: 4px 9px;
+                transition: opacity 0.3s ease;
+                width: 100px;
+                width: min-content;
+                height: min-content;
+                white-space: nowrap;
+                border: 1px solid grey;
+                color: black;
+                background-color: white;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                position: relative;
+                background-color: #0072c3;
+                border: 1px solid #0072c3;
+                color: white;
+
+                margin-left: auto;
+            }
+        `;
+            document.head.appendChild(style);
+        }
+        _generateElement() {
+            var _a, _b;
+            if ((_a = this._element) === null || _a === void 0 ? void 0 : _a.parentElement) {
+                this._element.parentElement.removeChild(this._element);
+            }
+            this._element = null;
+            const element = document.createElement("div");
+            element.className = "NextspaceLeftPanelTabUser";
+            const title = document.createElement("div");
+            title.className = "NextspaceLeftPanelTabUserTitleBar";
+            title.textContent = this.loaded ? (this.user ? ((_b = this.user.FullName) !== null && _b !== void 0 ? _b : "#" + this.user.ID) : "Guest") : "Loading..";
+            element.appendChild(title);
+            const breaker = document.createElement("div");
+            breaker.className = "NextspaceLeftPanelTabUserTitleBreaker";
+            element.appendChild(breaker);
+            if (!this.user || this.user.ID === "anonymous") {
+                {
+                    const inputRow = document.createElement("div");
+                    inputRow.className = "NextspaceLeftPanelTabUserInputRow";
+                    const label = document.createElement("label");
+                    label.textContent = "Username";
+                    inputRow.appendChild(label);
+                    const input = document.createElement("input");
+                    input.type = "text";
+                    input.placeholder = "...";
+                    this.inputUsername = input;
+                    inputRow.appendChild(this.inputUsername);
+                    element.appendChild(inputRow);
+                }
+                {
+                    const inputRow = document.createElement("div");
+                    inputRow.className = "NextspaceLeftPanelTabUserInputRow";
+                    const label = document.createElement("label");
+                    label.textContent = "Password";
+                    inputRow.appendChild(label);
+                    const input = document.createElement("input");
+                    input.type = "password";
+                    input.placeholder = "...";
+                    this.inputPassword = input;
+                    inputRow.appendChild(this.inputPassword);
+                    element.appendChild(inputRow);
+                }
+                {
+                    const button = document.createElement("button");
+                    button.textContent = "Login";
+                    button.onclick = async () => {
+                        var _a, _b, _c, _d, _e, _f;
+                        if (this.loggingIn) {
+                            return;
+                        }
+                        button.style.opacity = "0.7";
+                        this.loggingIn = true;
+                        try {
+                            const { session } = await BModels.Session.Login({
+                                accountId: BModels.ENVIRONMENT.PARAMS.accountId,
+                                username: (_b = (_a = this.inputUsername) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "",
+                                password: (_d = (_c = this.inputPassword) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : ""
+                            });
+                            BModels.ENVIRONMENT.SetPageLoadSessionId((_e = session === null || session === void 0 ? void 0 : session.ID) !== null && _e !== void 0 ? _e : null);
+                            BModels.ENVIRONMENT.Reset({
+                                accountId: BModels.ENVIRONMENT.PARAMS.accountId,
+                                sessionId: (_f = (session === null || session === void 0 ? void 0 : session.ID)) !== null && _f !== void 0 ? _f : null,
+                            });
+                            window.location.reload();
+                        }
+                        catch (e) {
+                            console.error(e);
+                        }
+                        finally {
+                            this.loggingIn = false;
+                            button.style.opacity = "1";
+                        }
+                    };
+                    element.appendChild(button);
+                }
+            }
+            else {
+                if (this.canLogout()) {
+                    const button = document.createElement("button");
+                    button.textContent = "Logout";
+                    button.onclick = async () => {
+                        if (this.loggingOut) {
+                            return;
+                        }
+                        button.style.opacity = "0.7";
+                        try {
+                            this.logout();
+                        }
+                        catch (e) {
+                            console.error(e);
+                        }
+                        finally {
+                            button.style.opacity = "1";
+                        }
+                    };
+                    element.appendChild(button);
+                }
+            }
+            this.Container.appendChild(element);
+            this._element = element;
+        }
+    }
+
+    (function (EMenuItemState) {
+        EMenuItemState["Enabled"] = "enabled";
+        EMenuItemState["Disabled"] = "disabled";
+        EMenuItemState["ChildEnabled"] = "child-enabled";
+    })(exports.EMenuItemState || (exports.EMenuItemState = {}));
+    // Icons are inline so the library stays dependency free.
+    const ICON_CHECK = `<svg viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4L4 7L10 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+    const ICON_PARTIAL_CHECK = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 12H16" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+    const ICON_CHEV_DOWN = `<svg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1L8 8L1 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+    const ICON_CHEV_RIGHT = `<svg viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1.5L8.5 8.5L1.5 15.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+    const ICON_FLY_TO = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5926 2.12617L2.49072 12.5694C1.78383 12.9756 1.87366 13.9597 2.57664 14.2566L6.72815 15.9984L17.9486 6.10975C18.1634 5.91838 18.468 6.21129 18.2844 6.4339L8.87616 17.8964V21.0403C8.87616 21.962 9.98921 22.3252 10.536 21.6574L13.016 18.6385L17.8822 20.6771C18.4367 20.9115 19.0694 20.5639 19.171 19.9663L21.9829 3.09473C22.1157 2.30583 21.2682 1.73563 20.5926 2.12617Z" fill="white"/></svg>`;
+    // Elbow connector drawn instead of a chevron on leaf rows below the root level.
+    const ICON_BRACKET = `<svg viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1V10C1 11.1046 1.89543 12 3 12H10" stroke="rgb(131, 141, 150)" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+    // Menu item types backed by a tileset, so a fly-to can fall back to the tileset's bounding sphere.
+    const TILESET_TYPES = [
+        BModels.MenuItem.EType.CadTileset,
+        BModels.MenuItem.EType.PointCloud,
+        BModels.MenuItem.EType.EntityTileset,
+        BModels.MenuItem.EType.ArbTileset,
+        BModels.MenuItem.EType.IonTileset,
+        BModels.MenuItem.EType.Osm,
+        BModels.MenuItem.EType.GooglePhotoTileset
+    ];
+    const OPEN_STATE_STORAGE_PREFIX$1 = "NextspaceMenuItemOpen_";
+    const PANEL_WIDTH_STORAGE_KEY = "NextspaceMenuItemsPanelWidth";
+    // Matches the panel's resize range in the full Navigator experience.
+    const PANEL_DEFAULT_WIDTH = 320;
+    const PANEL_MIN_WIDTH = 280;
+    const PANEL_MAX_WIDTH = 700;
+    /**
+     * Left panel tab listing the project view's menu items as a checkbox tree.
+     * Toggling a row renders or removes that layer in the scene.
+     */
+    class WidgetLeftPanelTabMenuItems extends exports.WidgetLeftPanelTab.ATab {
+        constructor(params) {
+            var _a, _b, _c, _d;
+            super(params);
+            this.STYLESHEET_ID = "nextspace-left-panel-tab-menu-items-stylesheet";
+            this._menuItems = [];
+            this._rows = new Map();
+            // Identifies the newest load, so a slow response for an older view can't overwrite a newer one.
+            this._loadToken = 0;
+            // Rows currently mid fly-to, so a double click doesn't stack camera moves.
+            this._flying = new Set();
+            this._disposed = false;
+            this._generateStyles();
+            this._generateElement();
+            this._stateQueue = new BModels.DelayQueue(() => {
+                this._updateStates();
+            });
+            this._countQueue = new BModels.DelayQueue(() => {
+                this._updateCounts();
+            });
+            this._viewIdChangeRemoval = (_b = (_a = this._widget) === null || _a === void 0 ? void 0 : _a.OnViewIdChange) === null || _b === void 0 ? void 0 : _b.Subscribe(() => {
+                this._loadMenuItems();
+            });
+            const manager = (_c = this._widget) === null || _c === void 0 ? void 0 : _c._getManager();
+            if (manager) {
+                this._menuUpdateRemoval = manager.OnUpdate.Subscribe(() => {
+                    this._stateQueue.Call();
+                });
+                this._visualUpdateRemoval = (_d = manager.VisualsRegister) === null || _d === void 0 ? void 0 : _d.OnUpdate.Subscribe(() => {
+                    this._countQueue.Call();
+                });
+            }
+            this._loadMenuItems();
+            this._applyPanelWidth(this._getStoredWidth());
+        }
+        Dispose() {
+            var _a, _b, _c, _d, _e;
+            this._disposed = true;
+            this._endResize();
+            // The panel container is shared with the other tabs, so its overrides don't outlive this one.
+            if (this.Container) {
+                this.Container.style.padding = "";
+            }
+            (_a = this._viewIdChangeRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
+            (_b = this._menuUpdateRemoval) === null || _b === void 0 ? void 0 : _b.call(this);
+            (_c = this._visualUpdateRemoval) === null || _c === void 0 ? void 0 : _c.call(this);
+            (_d = this._stateQueue) === null || _d === void 0 ? void 0 : _d.Dispose();
+            (_e = this._countQueue) === null || _e === void 0 ? void 0 : _e.Dispose();
+            this._rows.clear();
+            super.Dispose();
+        }
+        _generateStyles() {
+            if (document.getElementById(this.STYLESHEET_ID)) {
+                return;
+            }
+            const style = document.createElement("style");
+            style.id = this.STYLESHEET_ID;
+            style.innerHTML = `
+            .NextspaceLeftPanelTabMenuItems * {
+                box-sizing: border-box;
+            }
+
+            .NextspaceLeftPanelTabMenuItems {
+                color: #fff;
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                flex-shrink: 1;
+                font-family: Arial, sans-serif;
+                overflow: hidden;
+                padding: 30px 20px 12px 20px;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabMenuItems >.NextspaceLeftPanelTabMenuItemsTitleBar {
+                align-items: center;
+                color: #fff;
+                display: flex;
+                font-size: 17px;
+                font-weight: 500;
+                justify-content: center;
+                letter-spacing: -.005em;
+                line-height: 20px;
+                margin-bottom: 15px;
+            }
+
+            .NextspaceLeftPanelTabMenuItems >.NextspaceLeftPanelTabMenuItemsTitleBreaker {
+                background-color: #000;
+                flex-shrink: 0;
+                height: 2px;
+                margin-bottom: 15px;
+            }
+
+            .NextspaceLeftPanelTabMenuItems >.NextspaceLeftPanelTabMenuItemsScrollBox {
+                flex-grow: 1;
+                flex-shrink: 1;
+                overflow: auto;
+                padding-right: 10px;
+            }
+
+            .NextspaceLeftPanelTabMenuItems >.NextspaceLeftPanelTabMenuItemsTip {
+                color: #fff;
+                font-size: 13px;
+                opacity: .7;
+            }
+
+            .NextspaceLeftPanelTabMenuItemsResizeHandle {
+                bottom: 0;
+                cursor: col-resize;
+                position: absolute;
+                right: 0;
+                top: 0;
+                width: 8px;
+                z-index: 3;
+            }
+
+            .NextspaceMenuItemRow {
+                border-bottom: 2px solid #121619;
+                width: 100%;
+            }
+
+            .NextspaceMenuItemRow[show-children="true"] {
+                border-bottom: none;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem {
+                align-items: center;
+                display: flex;
+                height: 40px;
+                user-select: none;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowCheckbox,
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowToggle,
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowBracket {
+                align-items: center;
+                color: #fff;
+                cursor: pointer;
+                display: flex;
+                flex-shrink: 0;
+                height: 18px;
+                justify-content: center;
+                width: 18px;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowCheckbox >svg,
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowToggle >svg,
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowBracket >svg {
+                height: 12px;
+                width: 12px;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowCheckbox {
+                border: 1.5px solid #fff;
+                border-radius: 2px;
+                margin-right: 8px;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowToggle {
+                margin-right: 3px;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowTitle {
+                color: #fff;
+                font-size: 14px;
+                margin-right: 8px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowCount {
+                background: rgba(0, 175, 250, .2);
+                border-radius: 11px;
+                color: #18ffff;
+                cursor: pointer;
+                flex-shrink: 0;
+                font-size: 12px;
+                margin-right: 3px;
+                padding: 5px 8px;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowQuickBar {
+                display: flex;
+                flex-shrink: 0;
+                margin-left: auto;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowQuickBar >.NextspaceMenuItemRowQuickBarButton {
+                align-items: center;
+                cursor: pointer;
+                display: flex;
+                height: 20px;
+                justify-content: center;
+                margin-left: 4px;
+                opacity: .7;
+                transition: .3s ease;
+                width: 20px;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowQuickBar >.NextspaceMenuItemRowQuickBarButton:hover {
+                opacity: 1;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowQuickBar >.NextspaceMenuItemRowQuickBarButton[is-disabled="true"] {
+                cursor: default;
+                opacity: .3;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem >.NextspaceMenuItemRowQuickBar svg {
+                height: 18px;
+                width: 18px;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem[is-enabled="false"] >.NextspaceMenuItemRowCount,
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem[is-enabled="false"] >.NextspaceMenuItemRowTitle,
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem[is-enabled="false"] >.NextspaceMenuItemRowCheckbox,
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem[is-enabled="false"] >.NextspaceMenuItemRowToggle {
+                opacity: .5;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowItem[is-enabled="false"] >.NextspaceMenuItemRowQuickBar {
+                opacity: 0;
+                pointer-events: none;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowDescription {
+                font-size: 12px;
+                margin: 0 0 8px 0;
+                opacity: .7;
+            }
+
+            .NextspaceMenuItemRow >.NextspaceMenuItemRowChildren {
+                border-top: 2px solid #121619;
+                display: flex;
+                flex-direction: column;
+            }
+
+            .NextspaceMenuItemRow[show-children="false"] >.NextspaceMenuItemRowChildren {
+                display: none;
+            }
+        `;
+            document.head.appendChild(style);
+        }
+        _generateElement() {
+            const element = document.createElement("div");
+            element.className = "NextspaceLeftPanelTabMenuItems";
+            const titleBar = document.createElement("div");
+            titleBar.className = "NextspaceLeftPanelTabMenuItemsTitleBar";
+            titleBar.textContent = "Menu";
+            element.appendChild(titleBar);
+            const breaker = document.createElement("div");
+            breaker.className = "NextspaceLeftPanelTabMenuItemsTitleBreaker";
+            element.appendChild(breaker);
+            const tip = document.createElement("div");
+            tip.className = "NextspaceLeftPanelTabMenuItemsTip";
+            tip.textContent = "Loading...";
+            element.appendChild(tip);
+            this._tip = tip;
+            const scrollBox = document.createElement("div");
+            scrollBox.className = "NextspaceLeftPanelTabMenuItemsScrollBox";
+            element.appendChild(scrollBox);
+            this._scrollBox = scrollBox;
+            // Positions against the panel container, which is the nearest positioned ancestor.
+            const resizeHandle = document.createElement("div");
+            resizeHandle.className = "NextspaceLeftPanelTabMenuItemsResizeHandle";
+            resizeHandle.onmousedown = (e) => {
+                this._startResize(e);
+            };
+            element.appendChild(resizeHandle);
+            this.Container.appendChild(element);
+            this._element = element;
+        }
+        _getStoredWidth() {
+            try {
+                const stored = parseInt(window.localStorage.getItem(PANEL_WIDTH_STORAGE_KEY), 10);
+                if (!isNaN(stored)) {
+                    return stored;
+                }
+            }
+            catch (e) {
+                // Storage can be unavailable (private mode, blocked cookies). The default width still works.
+            }
+            return PANEL_DEFAULT_WIDTH;
+        }
+        /**
+         * Sizes the shared panel container to this tab's width, clamped to the allowed range.
+         */
+        _applyPanelWidth(width) {
+            const clamped = Math.min(PANEL_MAX_WIDTH, Math.max(PANEL_MIN_WIDTH, width));
+            if (this.Container) {
+                this.Container.style.width = clamped + "px";
+                // Padding lives on this tab's own element instead, so the resize handle can reach the panel edge.
+                this.Container.style.padding = "0";
+            }
+            return clamped;
+        }
+        _startResize(e) {
+            e.preventDefault();
+            const startX = e.clientX;
+            const startWidth = this.Container ? this.Container.offsetWidth : PANEL_DEFAULT_WIDTH;
+            this._onResizeMove = (moveEvent) => {
+                this._applyPanelWidth(startWidth + (moveEvent.clientX - startX));
+            };
+            this._onResizeUp = () => {
+                const finalWidth = this._applyPanelWidth(this.Container ? this.Container.offsetWidth : PANEL_DEFAULT_WIDTH);
+                try {
+                    window.localStorage.setItem(PANEL_WIDTH_STORAGE_KEY, String(finalWidth));
+                }
+                catch (err) {
+                    console.warn(err);
+                }
+                this._endResize();
+            };
+            window.addEventListener("mousemove", this._onResizeMove);
+            window.addEventListener("mouseup", this._onResizeUp);
+        }
+        _endResize() {
+            if (this._onResizeMove) {
+                window.removeEventListener("mousemove", this._onResizeMove);
+                this._onResizeMove = null;
+            }
+            if (this._onResizeUp) {
+                window.removeEventListener("mouseup", this._onResizeUp);
+                this._onResizeUp = null;
+            }
+        }
+        async _loadMenuItems() {
+            var _a, _b, _c, _d;
+            const viewId = (_a = this._widget) === null || _a === void 0 ? void 0 : _a.ViewId;
+            const token = ++this._loadToken;
+            let menuItems = [];
+            try {
+                if (viewId) {
+                    const api = (_b = this._widget._getApiGetters()) === null || _b === void 0 ? void 0 : _b.GetBruceApi();
+                    const data = await BModels.ProjectView.Get({
+                        viewId,
+                        api
+                    });
+                    const settings = (_c = data === null || data === void 0 ? void 0 : data.view) === null || _c === void 0 ? void 0 : _c.Settings;
+                    menuItems = (_d = settings === null || settings === void 0 ? void 0 : settings.menuItems) !== null && _d !== void 0 ? _d : [];
+                }
+            }
+            catch (e) {
+                console.error(e);
+                menuItems = [];
+            }
+            if (this._disposed || token !== this._loadToken) {
+                return;
+            }
+            this._menuItems = menuItems;
+            this._renderTree();
+            this._updateStates();
+            this._updateCounts();
+        }
+        _renderTree() {
+            var _a;
+            this._rows.clear();
+            this._scrollBox.innerHTML = "";
+            if (!this._menuItems.length) {
+                // The panel can be opened before any view has rendered, so say so rather than claiming it's empty.
+                this._tip.textContent = ((_a = this._widget) === null || _a === void 0 ? void 0 : _a.ViewId)
+                    ? "This project view has no menu items."
+                    : "Waiting for a view to load...";
+                this._tip.style.display = "block";
+                return;
+            }
+            this._tip.style.display = "none";
+            for (const item of this._menuItems) {
+                this._renderRow(item, 0, this._scrollBox);
+            }
+        }
+        _renderRow(item, depth, parent) {
+            var _a;
+            if (!(item === null || item === void 0 ? void 0 : item.id)) {
+                return;
+            }
+            const isFolder = !item.Type || item.Type === BModels.MenuItem.EType.None;
+            const children = item.hideChildren ? [] : ((_a = item.Children) !== null && _a !== void 0 ? _a : []);
+            const hasChildren = children.length > 0;
+            const row = document.createElement("div");
+            row.className = "NextspaceMenuItemRow";
+            row.setAttribute("menu-item-id", item.id);
+            const itemElement = document.createElement("div");
+            itemElement.className = "NextspaceMenuItemRowItem";
+            itemElement.style.paddingLeft = (depth * 15) + "px";
+            row.appendChild(itemElement);
+            if (hasChildren) {
+                const toggle = document.createElement("div");
+                toggle.className = "NextspaceMenuItemRowToggle";
+                toggle.onclick = () => {
+                    this._setOpen(item.id, depth, row.getAttribute("show-children") !== "true", row, toggle);
+                };
+                itemElement.appendChild(toggle);
+                const opened = this._getOpen(item.id, depth);
+                row.setAttribute("show-children", opened ? "true" : "false");
+                toggle.innerHTML = opened ? ICON_CHEV_DOWN : ICON_CHEV_RIGHT;
+            }
+            else if (depth > 0) {
+                const bracket = document.createElement("div");
+                bracket.className = "NextspaceMenuItemRowBracket";
+                bracket.innerHTML = ICON_BRACKET;
+                itemElement.appendChild(bracket);
+                row.setAttribute("show-children", "false");
+            }
+            else {
+                row.setAttribute("show-children", "false");
+            }
+            const checkbox = document.createElement("div");
+            checkbox.className = "NextspaceMenuItemRowCheckbox";
+            checkbox.onclick = () => {
+                this._toggleItem(item);
+            };
+            itemElement.appendChild(checkbox);
+            const title = document.createElement("div");
+            title.className = "NextspaceMenuItemRowTitle";
+            title.textContent = item.Caption || "Unnamed Menu Item";
+            title.title = item.Caption || "Unnamed Menu Item";
+            itemElement.appendChild(title);
+            // Folders have no visuals of their own, so a count would always read zero.
+            let count = null;
+            if (!isFolder) {
+                count = document.createElement("div");
+                count.className = "NextspaceMenuItemRowCount";
+                count.style.display = "none";
+                count.onclick = () => {
+                    this._selectItemEntities(item);
+                };
+                itemElement.appendChild(count);
+            }
+            const quickBar = document.createElement("div");
+            quickBar.className = "NextspaceMenuItemRowQuickBar";
+            itemElement.appendChild(quickBar);
+            if (!isFolder) {
+                const flyTo = document.createElement("div");
+                flyTo.className = "NextspaceMenuItemRowQuickBarButton";
+                flyTo.title = "Fly to";
+                flyTo.innerHTML = ICON_FLY_TO;
+                flyTo.onclick = () => {
+                    this._flyToItem(item, flyTo);
+                };
+                quickBar.appendChild(flyTo);
+            }
+            if (item.Description) {
+                const description = document.createElement("p");
+                description.className = "NextspaceMenuItemRowDescription";
+                description.style.paddingLeft = (depth * 15) + "px";
+                description.textContent = item.Description;
+                row.appendChild(description);
+            }
+            const childrenElement = document.createElement("div");
+            childrenElement.className = "NextspaceMenuItemRowChildren";
+            row.appendChild(childrenElement);
+            parent.appendChild(row);
+            this._rows.set(item.id, {
+                item,
+                depth,
+                element: row,
+                itemElement,
+                checkboxElement: checkbox,
+                countElement: count,
+                childrenElement
+            });
+            for (const child of children) {
+                this._renderRow(child, depth + 1, childrenElement);
+            }
+        }
+        _getOpen(itemId, depth) {
+            try {
+                return window.localStorage.getItem(OPEN_STATE_STORAGE_PREFIX$1 + itemId + depth) === "true";
+            }
+            catch (e) {
+                // Storage can be unavailable (private mode, blocked cookies). Not worth failing the tree over.
+                return false;
+            }
+        }
+        _setOpen(itemId, depth, open, row, toggle) {
+            row.setAttribute("show-children", open ? "true" : "false");
+            toggle.innerHTML = open ? ICON_CHEV_DOWN : ICON_CHEV_RIGHT;
+            try {
+                window.localStorage.setItem(OPEN_STATE_STORAGE_PREFIX$1 + itemId + depth, open ? "true" : "false");
+            }
+            catch (e) {
+                console.warn(e);
+            }
+        }
+        /**
+         * Resolves each row's state from what the manager currently has rendered.
+         */
+        _updateStates() {
+            var _a;
+            const manager = (_a = this._widget) === null || _a === void 0 ? void 0 : _a._getManager();
+            if (!manager || this._disposed) {
+                return;
+            }
+            const enabledIds = new Set(manager.GetEnabledItemIds());
+            for (const row of Array.from(this._rows.values())) {
+                const state = this._resolveState(row.item, enabledIds);
+                row.itemElement.setAttribute("is-enabled", state === exports.EMenuItemState.Disabled ? "false" : "true");
+                if (state === exports.EMenuItemState.Enabled) {
+                    row.checkboxElement.innerHTML = ICON_CHECK;
+                }
+                else if (state === exports.EMenuItemState.ChildEnabled) {
+                    row.checkboxElement.innerHTML = ICON_PARTIAL_CHECK;
+                }
+                else {
+                    row.checkboxElement.innerHTML = "";
+                }
+            }
+        }
+        /**
+         * Works out a single item's state, rolling up children so a folder can report a partial state.
+         */
+        _resolveState(item, enabledIds) {
+            var _a;
+            const isFolder = !item.Type || item.Type === BModels.MenuItem.EType.None;
+            if (!isFolder) {
+                return enabledIds.has(item.id) ? exports.EMenuItemState.Enabled : exports.EMenuItemState.Disabled;
+            }
+            // Folders derive from the leaves below them rather than their own enabled flag.
+            let actionCount = 0;
+            let enabledActionCount = 0;
+            const traverse = (current) => {
+                var _a;
+                const currentIsFolder = !current.Type || current.Type === BModels.MenuItem.EType.None;
+                if (!currentIsFolder) {
+                    actionCount += 1;
+                    if (enabledIds.has(current.id)) {
+                        enabledActionCount += 1;
+                    }
+                    return;
+                }
+                if ((_a = current.Children) === null || _a === void 0 ? void 0 : _a.length) {
+                    current.Children.forEach(traverse);
+                }
+            };
+            (_a = item.Children) === null || _a === void 0 ? void 0 : _a.forEach(traverse);
+            if (actionCount <= 0) {
+                return enabledIds.has(item.id) ? exports.EMenuItemState.Enabled : exports.EMenuItemState.Disabled;
+            }
+            if (enabledActionCount <= 0) {
+                return exports.EMenuItemState.Disabled;
+            }
+            return enabledActionCount >= actionCount ? exports.EMenuItemState.Enabled : exports.EMenuItemState.ChildEnabled;
+        }
+        _updateCounts() {
+            var _a, _b;
+            const register = (_b = (_a = this._widget) === null || _a === void 0 ? void 0 : _a._getManager()) === null || _b === void 0 ? void 0 : _b.VisualsRegister;
+            if (!register || this._disposed) {
+                return;
+            }
+            for (const row of Array.from(this._rows.values())) {
+                if (!row.countElement) {
+                    continue;
+                }
+                const count = register.GetRegos({
+                    menuItemId: row.item.id
+                }).length;
+                row.countElement.style.display = count > 0 ? "block" : "none";
+                row.countElement.textContent = count.toLocaleString();
+            }
+        }
+        _toggleItem(item) {
+            var _a;
+            const manager = (_a = this._widget) === null || _a === void 0 ? void 0 : _a._getManager();
+            if (!manager) {
+                return;
+            }
+            const enabledIds = new Set(manager.GetEnabledItemIds());
+            const state = this._resolveState(item, enabledIds);
+            if (state === exports.EMenuItemState.Enabled) {
+                this._disableItem(item);
+            }
+            else {
+                manager.RenderItem({
+                    item
+                });
+            }
+            this._stateQueue.Call(true);
+        }
+        _disableItem(item) {
+            var _a, _b;
+            const manager = (_a = this._widget) === null || _a === void 0 ? void 0 : _a._getManager();
+            if (!manager) {
+                return;
+            }
+            if ((_b = item.Children) === null || _b === void 0 ? void 0 : _b.length) {
+                item.Children.forEach((child) => this._disableItem(child));
+            }
+            manager.RemoveItemById({
+                menuItemId: item.id
+            });
+        }
+        _selectItemEntities(item) {
+            var _a, _b;
+            const register = (_b = (_a = this._widget) === null || _a === void 0 ? void 0 : _a._getManager()) === null || _b === void 0 ? void 0 : _b.VisualsRegister;
+            if (!register) {
+                return;
+            }
+            const entityIds = register.GetRegos({
+                menuItemId: item.id
+            }).map(x => x.entityId);
+            if (!entityIds.length) {
+                return;
+            }
+            register.ClearSelected();
+            register.SetSelected({
+                selected: true,
+                entityIds,
+                menuItemId: item.id
+            });
+        }
+        /**
+         * Flies the camera to a menu item's contents.
+         * Tileset-backed items fall back to the tileset's own bounds when no entity visuals are registered.
+         */
+        async _flyToItem(item, button) {
+            var _a, _b, _c, _d;
+            if (this._flying.has(item.id)) {
+                return;
+            }
+            const manager = (_a = this._widget) === null || _a === void 0 ? void 0 : _a._getManager();
+            const viewer = (_b = this._widget) === null || _b === void 0 ? void 0 : _b._getViewer();
+            if (!manager || !viewer) {
+                return;
+            }
+            this._flying.add(item.id);
+            button.setAttribute("is-disabled", "true");
+            try {
+                const regos = manager.VisualsRegister.GetRegos({
+                    menuItemId: item.id
+                }).filter(x => !!(x === null || x === void 0 ? void 0 : x.visual) && !(x.visual instanceof Cesium.Cesium3DTileFeature));
+                let tileset = null;
+                if (!regos.length && TILESET_TYPES.indexOf(item.Type) >= 0) {
+                    const enabled = manager.GetEnabledItem(item.id);
+                    tileset = (_d = (_c = enabled === null || enabled === void 0 ? void 0 : enabled.renderManager) === null || _c === void 0 ? void 0 : _c.Tileset) !== null && _d !== void 0 ? _d : null;
+                }
+                const entityIds = regos.map(x => x.entityId);
+                if (!entityIds.length && !tileset) {
+                    return;
+                }
+                await exports.EntityUtils.FlyTo({
+                    viewer,
+                    manager,
+                    entityIds: entityIds.length ? entityIds : null,
+                    tileset
+                });
+            }
+            catch (e) {
+                console.error(e);
+            }
+            finally {
+                this._flying.delete(item.id);
+                button.setAttribute("is-disabled", "false");
+            }
+        }
+    }
+
+    // Nextspace wordmark, and the "powered by" variant shown once an account or view supplies its own branding.
+    const ICON_NEXTSPACE_LEAF = `<svg width="1000" height="244" viewBox="0 0 1000 244" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M349.751 182.492H335.798L269.898 85.099V182.492H254.432V61.5086H271.411L334.117 155.027V61.5086H349.752V182.492H349.751ZM364.626 138.513C364.626 112.227 381.269 92.6809 405.141 92.6809C429.685 92.6809 442.629 111.385 442.629 135.817V140.872H379.083C379.924 159.408 390.515 171.204 405.813 171.204C417.581 171.204 425.987 164.8 428.676 154.351L441.957 159.07C436.578 174.741 423.296 184.346 405.813 184.346C381.437 184.346 364.626 165.642 364.626 138.512V138.513ZM379.924 129.246H427.331C426.995 116.777 420.27 105.655 404.972 105.655C392.196 105.655 382.613 114.25 379.924 129.246V129.246ZM484.909 147.781L460.701 182.492H444.225L476.335 136.492L446.915 94.3659H464.231L485.413 125.201L506.931 94.3659H523.574L494.155 136.492L526.432 182.492H509.285L484.909 147.781H484.909ZM533.49 68.5854H548.452V94.3659H568.457V107.342H548.452V159.071C548.452 168.338 552.991 170.023 560.724 170.023C564.255 170.023 566.776 169.855 570.307 169.013V181.988C566.44 182.831 562.069 183.334 557.026 183.334C542.064 183.334 533.49 178.28 533.49 161.43V68.5854H533.49ZM588.062 155.194C592.77 165.475 603.529 171.708 614.96 171.708C625.215 171.708 634.293 167.328 634.293 157.723C634.293 148.119 625.888 146.769 611.43 143.737C596.972 140.537 581.842 137.335 581.842 119.304C581.842 103.633 595.46 92.6812 614.12 92.6812C629.923 92.6812 642.867 100.431 648.078 110.88L637.319 119.472C632.78 110.712 624.543 105.151 613.447 105.151C603.36 105.151 596.636 110.205 596.636 118.126C596.636 126.381 604.37 127.898 616.642 130.595C631.772 134.133 649.087 137.165 649.087 156.376C649.087 173.225 633.789 184.347 614.96 184.347C598.99 184.347 583.019 177.437 576.295 163.79L588.062 155.194V155.194ZM678.082 169.687V210.969H662.952V94.3659H678.082V107.172C683.294 98.5782 693.045 92.6809 705.316 92.6809C729.693 92.6809 743.646 113.407 743.646 138.513C743.646 163.451 729.693 184.346 705.316 184.346C693.045 184.346 683.294 178.449 678.082 169.687ZM677.747 141.715C677.747 161.935 690.187 171.035 702.627 171.035C719.102 171.035 728.348 157.386 728.348 138.513C728.348 119.472 719.102 105.992 702.627 105.992C690.187 105.992 677.747 114.924 677.747 135.48V141.715V141.715ZM753.597 158.733C753.597 141.21 767.214 133.965 786.883 129.92L808.233 125.539V121.831C808.233 111.722 802.685 105.993 790.917 105.993C779.822 105.993 773.265 111.215 770.575 120.989L756.286 117.284C760.489 102.96 773.433 92.6816 791.421 92.6816C811.09 92.6816 823.194 102.286 823.194 121.157V164.126C823.194 169.855 826.725 171.708 832.609 170.361V182.492C819.16 184.177 811.426 180.977 809.577 172.55C804.198 179.459 794.447 184.009 782.512 184.009C766.541 184.009 753.596 174.574 753.596 158.734L753.597 158.733ZM808.233 137.334L791.085 141.04C777.636 143.737 768.558 147.444 768.558 158.06C768.558 166.653 774.779 171.707 784.361 171.707C797.306 171.707 808.233 163.79 808.233 152.499V137.334ZM879.593 171.034C891.697 171.034 898.926 163.283 901.447 152.331L914.896 158.565C910.694 173.224 897.917 184.346 879.593 184.346C855.049 184.346 838.069 165.642 838.069 138.512C838.069 111.215 855.049 92.6806 879.593 92.6806C897.917 92.6806 910.357 103.297 914.56 117.956L901.448 124.528C898.926 113.744 891.697 105.824 879.593 105.824C863.959 105.824 853.2 118.293 853.2 138.512C853.2 158.565 863.959 171.034 879.593 171.034L879.593 171.034ZM921.996 138.512C921.996 112.227 938.639 92.6806 962.511 92.6806C987.056 92.6806 1000 111.384 1000 135.817V140.872H936.454C937.294 159.408 947.886 171.204 963.184 171.204C974.951 171.204 983.357 164.8 986.047 154.351L999.328 159.07C993.948 174.741 980.667 184.346 963.184 184.346C938.808 184.346 921.996 165.642 921.996 138.512V138.512ZM937.294 129.245H984.702C984.365 116.776 977.641 105.655 962.343 105.655C949.566 105.655 939.984 114.249 937.294 129.245V129.245ZM200.35 56.2656L109.823 1.82319C105.779 -0.607899 100.756 -0.607562 96.7125 1.82319L6.18535 56.266C2.37013 58.561 0 62.7567 0 67.2163V176.783C0 181.243 2.37013 185.439 6.18535 187.734L51.5924 215.041L51.5948 215.043L96.7125 242.177C98.7343 243.392 101 244 103.268 244C105.535 244 107.801 243.392 109.823 242.177L154.941 215.043L154.943 215.041L200.35 187.733C204.165 185.439 206.535 181.243 206.535 176.783V67.2163C206.535 62.7564 204.165 58.5606 200.35 56.2656H200.35ZM201.171 176.783C201.171 179.365 199.799 181.794 197.59 183.123L156.243 207.989V157.954C156.243 153.494 153.873 149.298 150.057 147.003L109.823 122.806C105.78 120.375 100.757 120.376 96.7132 122.806L56.4782 147.004C52.663 149.298 50.2929 153.494 50.2929 157.954V207.989L8.94576 183.123C6.7369 181.794 5.36457 179.365 5.36457 176.783V67.2163C5.36457 64.6343 6.7369 62.2052 8.94576 60.8768L99.4729 6.43433C100.643 5.73028 101.955 5.37842 103.268 5.37842C104.581 5.37842 105.893 5.73028 107.063 6.43433L197.59 60.8768C199.799 62.2052 201.171 64.6346 201.171 67.2163V176.783ZM142.851 161.822L114.41 178.929C109.192 182.07 105.95 187.81 105.95 193.911V228.852C105.95 229.324 105.703 229.762 105.299 230.005L103.958 230.811C103.533 231.066 103.003 231.066 102.578 230.811L101.237 230.004C100.832 229.761 100.585 229.323 100.585 228.851V193.901C100.582 187.802 97.3398 182.065 92.1218 178.926L63.6845 161.822C63.2805 161.579 63.0334 161.141 63.0334 160.669V158.715C63.0334 158.243 63.2805 157.805 63.6845 157.562L64.6666 156.972C65.0914 156.716 65.6218 156.716 66.0466 156.972L94.3132 173.974C99.8417 177.291 106.705 177.289 112.232 173.968L140.491 156.971C140.916 156.716 141.446 156.716 141.871 156.971L142.851 157.561C143.256 157.804 143.503 158.241 143.503 158.714V160.669C143.503 161.142 143.256 161.579 142.851 161.822H142.851ZM193.144 71.0841C186.359 75.1646 164.709 88.1847 164.708 88.1857C159.487 91.3256 156.243 97.0672 156.243 103.17V139.732C156.243 140.222 155.978 140.672 155.551 140.909C155.124 141.145 154.602 141.131 154.189 140.871C154.184 140.868 154.183 140.871 154.18 140.869C154.071 140.801 153.964 140.73 153.853 140.664L151.53 139.267C151.126 139.024 150.879 138.586 150.879 138.114V103.17C150.879 97.0672 147.635 91.3252 142.414 88.1854C142.412 88.1844 106.331 66.5311 105.95 66.3815V112.285C105.95 112.656 105.797 113.011 105.527 113.265C105.257 113.519 104.894 113.65 104.525 113.627C104.522 113.627 104.522 113.628 104.52 113.628C103.686 113.576 102.851 113.576 102.017 113.628C102.015 113.628 102.013 113.627 102.01 113.627C101.641 113.65 101.278 113.52 101.008 113.266C100.738 113.011 100.585 112.657 100.585 112.286V66.3822C100.204 66.5317 64.1227 88.1854 64.1217 88.186C58.9006 91.3259 55.6571 97.0676 55.6571 103.171V138.114C55.6571 138.587 55.41 139.024 55.006 139.267L52.6824 140.665C52.5725 140.731 52.4652 140.801 52.3565 140.869C52.3532 140.87 52.3522 140.868 52.3471 140.871C51.9337 141.131 51.412 141.146 50.9849 140.909C50.5577 140.673 50.2925 140.222 50.2925 139.733V103.171C50.2925 97.0679 47.049 91.3262 41.8279 88.1864C41.8262 88.1854 20.1762 75.1649 13.3913 71.0847C12.9873 70.8418 12.7402 70.4042 12.7402 69.932V67.9782C12.7402 67.506 12.9873 67.0684 13.3913 66.8255L14.3734 66.2347C14.7982 65.9792 15.3286 65.9792 15.7531 66.2347C22.4373 70.2543 44.0042 83.2244 44.0046 83.2247C49.5341 86.5504 56.4034 86.5524 61.9346 83.2308L96.7125 62.3155C100.756 59.8847 105.779 59.8844 109.823 62.3155L144.599 83.2294C150.131 86.5521 157.001 86.5508 162.531 83.2244C162.531 83.2237 184.1 70.253 190.783 66.234C191.208 65.9786 191.738 65.9786 192.163 66.234L193.144 66.8241C193.548 67.0671 193.795 67.5046 193.795 67.9768V69.932C193.795 70.4042 193.548 70.8418 193.144 71.0847V71.0841Z" fill="white"/> </svg>`;
+    const ICON_NEXTSPACE_POWERED = `<svg width="172" height="25" viewBox="0 0 172 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M104.849 18.698H103.419L96.6645 8.71916V18.698H95.0793V6.30211H96.8196L103.247 15.8839V6.30211H104.85V18.698H104.849ZM106.374 14.1919C106.374 11.4987 108.08 9.49599 110.527 9.49599C113.043 9.49599 114.369 11.4124 114.369 13.9157V14.4336H107.856C107.942 16.3328 109.028 17.5414 110.596 17.5414C111.802 17.5414 112.664 16.8852 112.939 15.8147L114.301 16.2982C113.749 17.9038 112.388 18.8879 110.596 18.8879C108.097 18.8879 106.374 16.9715 106.374 14.1918V14.1919ZM107.942 13.2424H112.801C112.767 11.9649 112.078 10.8253 110.51 10.8253C109.2 10.8253 108.218 11.7059 107.942 13.2424ZM118.703 15.1415L116.222 18.698H114.533L117.824 13.9848L114.809 9.66864H116.584L118.755 12.828L120.96 9.66864H122.666L119.651 13.9848L122.959 18.698H121.202L118.703 15.1415ZM123.683 7.02719H125.216V9.66864H127.267V10.9982H125.216V16.2983C125.216 17.2477 125.682 17.4204 126.474 17.4204C126.836 17.4204 127.095 17.4032 127.456 17.3169V18.6463C127.06 18.7327 126.612 18.7842 126.095 18.7842C124.562 18.7842 123.683 18.2664 123.683 16.54V7.02719ZM129.276 15.901C129.759 16.9544 130.862 17.593 132.033 17.593C133.085 17.593 134.015 17.1443 134.015 16.1601C134.015 15.1761 133.154 15.0378 131.672 14.7272C130.19 14.3993 128.639 14.0712 128.639 12.2238C128.639 10.6181 130.035 9.49602 131.947 9.49602C133.567 9.49602 134.894 10.2901 135.428 11.3607L134.325 12.241C133.86 11.3434 133.016 10.7737 131.878 10.7737C130.844 10.7737 130.155 11.2915 130.155 12.1031C130.155 12.9489 130.948 13.1043 132.206 13.3806C133.757 13.7431 135.531 14.0538 135.531 16.0221C135.531 17.7485 133.963 18.888 132.033 18.888C130.396 18.888 128.759 18.18 128.07 16.7818L129.276 15.901ZM138.503 17.386V21.6157H136.953V9.66864H138.503V10.9807C139.038 10.1002 140.037 9.49599 141.295 9.49599C143.794 9.49599 145.224 11.6196 145.224 14.1919C145.224 16.747 143.794 18.8879 141.295 18.8879C140.037 18.8879 139.038 18.2837 138.503 17.386ZM138.469 14.52C138.469 16.5917 139.744 17.5241 141.019 17.5241C142.708 17.5241 143.656 16.1256 143.656 14.1919C143.656 12.241 142.708 10.8598 141.019 10.8598C139.744 10.8598 138.469 11.775 138.469 13.8811V14.52ZM146.244 16.2636C146.244 14.4682 147.639 13.7259 149.656 13.3115L151.844 12.8626V12.4827C151.844 11.4469 151.275 10.8599 150.069 10.8599C148.932 10.8599 148.26 11.395 147.984 12.3964L146.519 12.0168C146.95 10.5492 148.277 9.49607 150.121 9.49607C152.137 9.49607 153.377 10.4801 153.377 12.4136V16.8162C153.377 17.4032 153.739 17.593 154.342 17.455V18.698C152.964 18.8706 152.171 18.5427 151.982 17.6793C151.43 18.3872 150.431 18.8534 149.207 18.8534C147.57 18.8534 146.244 17.8867 146.244 16.2637L146.244 16.2636ZM151.844 14.0711L150.086 14.4508C148.708 14.7272 147.777 15.107 147.777 16.1947C147.777 17.0751 148.415 17.5929 149.397 17.5929C150.724 17.5929 151.844 16.7818 151.844 15.6249V14.0711ZM159.158 17.524C160.399 17.524 161.14 16.7298 161.398 15.6077L162.777 16.2464C162.346 17.7484 161.036 18.8879 159.158 18.8879C156.643 18.8879 154.902 16.9715 154.902 14.1918C154.902 11.395 156.643 9.49596 159.158 9.49596C161.036 9.49596 162.312 10.5837 162.742 12.0857L161.398 12.759C161.14 11.6541 160.399 10.8426 159.158 10.8426C157.556 10.8426 156.453 12.1202 156.453 14.1918C156.453 16.2464 157.556 17.524 159.158 17.524ZM163.505 14.1918C163.505 11.4987 165.21 9.49596 167.657 9.49596C170.173 9.49596 171.5 11.4123 171.5 13.9157V14.4336H164.987C165.073 16.3328 166.158 17.5414 167.726 17.5414C168.932 17.5414 169.794 16.8852 170.07 15.8147L171.431 16.2982C170.88 17.9038 169.518 18.8879 167.726 18.8879C165.228 18.8879 163.505 16.9715 163.505 14.1918ZM165.073 13.2423H169.932C169.897 11.9648 169.208 10.8253 167.64 10.8253C166.331 10.8253 165.348 11.7058 165.073 13.2423ZM89.5359 5.76492L80.2569 0.186802C79.8423 -0.0622847 79.3275 -0.0622502 78.913 0.186802L69.634 5.76496C69.2429 6.0001 69 6.42999 69 6.88692V18.113C69 18.57 69.2429 18.9999 69.634 19.235L74.2882 22.0329L74.2885 22.0331L78.913 24.8132C79.1203 24.9377 79.3525 25 79.585 25C79.8173 25 80.0496 24.9377 80.2569 24.8132L84.8815 22.0331L84.8817 22.0329L89.5359 19.2349C89.9269 18.9999 90.1698 18.57 90.1698 18.113V6.88692C90.1698 6.42996 89.9269 6.00006 89.5359 5.76492ZM89.62 18.113C89.62 18.3776 89.4794 18.6264 89.253 18.7626L85.0149 21.3103V16.1838C85.0149 15.7268 84.772 15.2969 84.3808 15.0618L80.2569 12.5826C79.8425 12.3335 79.3276 12.3336 78.9131 12.5826L74.789 15.0619C74.398 15.2969 74.155 15.7268 74.155 16.1838V21.3103L69.9169 18.7626C69.6905 18.6264 69.5499 18.3776 69.5499 18.113V6.88692C69.5499 6.62237 69.6905 6.37348 69.9169 6.23738L79.196 0.659255C79.3159 0.587119 79.4504 0.551068 79.585 0.551068C79.7196 0.551068 79.854 0.587119 79.974 0.659255L89.253 6.23738C89.4794 6.37348 89.62 6.6224 89.62 6.88692V18.113ZM83.6422 16.5801L80.727 18.3329C80.1922 18.6547 79.8599 19.2428 79.8599 19.8679V23.448C79.8599 23.4963 79.8346 23.5412 79.7931 23.5661L79.6557 23.6487C79.6121 23.6748 79.5578 23.6748 79.5142 23.6487L79.3768 23.566C79.3353 23.5411 79.31 23.4962 79.31 23.4478V19.8669C79.3097 19.242 78.9773 18.6542 78.4425 18.3326L75.5277 16.5801C75.4863 16.5552 75.4609 16.5103 75.4609 16.462V16.2618C75.4609 16.2134 75.4863 16.1685 75.5277 16.1436L75.6283 16.0832C75.6719 16.057 75.7262 16.057 75.7698 16.0832L78.6671 17.8252C79.2338 18.1651 79.9373 18.1649 80.5038 17.8246L83.4003 16.0831C83.4439 16.057 83.4982 16.057 83.5418 16.0831L83.6422 16.1435C83.6837 16.1684 83.7091 16.2132 83.7091 16.2617V16.462C83.7091 16.5105 83.6837 16.5552 83.6422 16.5801ZM88.7973 7.28321C88.1018 7.70129 85.8827 9.03532 85.8826 9.03542C85.3474 9.35713 85.0149 9.94541 85.0149 10.5707V14.3168C85.0149 14.367 84.9877 14.4131 84.944 14.4374C84.9002 14.4616 84.8467 14.4601 84.8044 14.4335C84.8039 14.4332 84.8038 14.4335 84.8034 14.4333C84.7923 14.4263 84.7813 14.4191 84.7699 14.4123L84.5318 14.2692C84.4904 14.2443 84.4651 14.1994 84.4651 14.151V10.5707C84.4651 9.94541 84.1326 9.35709 83.5974 9.03539C83.5972 9.03529 79.8989 6.81671 79.8599 6.80138V11.5046C79.8599 11.5426 79.8442 11.579 79.8165 11.605C79.7888 11.631 79.7516 11.6445 79.7138 11.6421C79.7135 11.6421 79.7135 11.6422 79.7133 11.6422C79.6278 11.6369 79.5422 11.6369 79.4567 11.6422C79.4565 11.6422 79.4563 11.6421 79.456 11.6421C79.4182 11.6445 79.381 11.6311 79.3533 11.6051C79.3256 11.579 79.31 11.5427 79.31 11.5047V6.80146C79.2709 6.81677 75.5726 9.03539 75.5725 9.03545C75.0373 9.35716 74.7049 9.94545 74.7049 10.5708V14.151C74.7049 14.1995 74.6795 14.2443 74.6381 14.2692L74.3999 14.4124C74.3887 14.4192 74.3777 14.4263 74.3665 14.4333C74.3662 14.4334 74.3661 14.4332 74.3656 14.4335C74.3232 14.4601 74.2697 14.4617 74.226 14.4374C74.1822 14.4132 74.155 14.367 74.155 14.3169V10.5708C74.155 9.94548 73.8225 9.35719 73.2874 9.03549C73.2872 9.03539 71.0681 7.70132 70.3726 7.28327C70.3312 7.25838 70.3059 7.21354 70.3059 7.16516V6.96498C70.3059 6.9166 70.3312 6.87176 70.3726 6.84687L70.4733 6.78634C70.5168 6.76016 70.5712 6.76016 70.6147 6.78634C71.2998 7.19819 73.5104 8.52709 73.5105 8.52712C74.0772 8.86787 74.7813 8.86807 75.3483 8.52775L78.913 6.38478C79.3275 6.13573 79.8423 6.1357 80.2569 6.38478L83.8214 8.5276C84.3884 8.86804 85.0926 8.86791 85.6594 8.52709C85.6594 8.52702 87.8703 7.19805 88.5553 6.78627C88.5988 6.7601 88.6531 6.7601 88.6967 6.78627L88.7973 6.84673C88.8387 6.87163 88.864 6.91645 88.864 6.96484V7.16516C88.864 7.21354 88.8387 7.25832 88.7973 7.28321Z" fill="white"/> <path d="M3.168 9.289C4.30467 9.289 5.17733 9.49067 5.786 9.894C6.39467 10.29 6.699 10.9427 6.699 11.852C6.699 12.7687 6.391 13.4323 5.775 13.843C5.159 14.2463 4.279 14.448 3.135 14.448H2.596V17H0.88V9.487C1.254 9.41367 1.65 9.36233 2.068 9.333C2.486 9.30367 2.85267 9.289 3.168 9.289ZM3.278 10.752C3.15333 10.752 3.02867 10.7557 2.904 10.763C2.78667 10.7703 2.684 10.7777 2.596 10.785V12.985H3.135C3.729 12.985 4.17633 12.9043 4.477 12.743C4.77767 12.5817 4.928 12.281 4.928 11.841C4.928 11.6283 4.88767 11.4523 4.807 11.313C4.73367 11.1737 4.62367 11.0637 4.477 10.983C4.33767 10.895 4.16533 10.8363 3.96 10.807C3.75467 10.7703 3.52733 10.752 3.278 10.752ZM13.32 14.096C13.32 14.5507 13.254 14.9687 13.122 15.35C12.99 15.724 12.7993 16.0467 12.55 16.318C12.3006 16.582 12 16.7873 11.648 16.934C11.3033 17.0807 10.9146 17.154 10.482 17.154C10.0566 17.154 9.66797 17.0807 9.31597 16.934C8.9713 16.7873 8.6743 16.582 8.42497 16.318C8.17564 16.0467 7.9813 15.724 7.84197 15.35C7.70264 14.9687 7.63297 14.5507 7.63297 14.096C7.63297 13.6413 7.70264 13.227 7.84197 12.853C7.98864 12.479 8.18664 12.16 8.43597 11.896C8.69264 11.632 8.9933 11.4267 9.33797 11.28C9.68997 11.1333 10.0713 11.06 10.482 11.06C10.9 11.06 11.2813 11.1333 11.626 11.28C11.978 11.4267 12.2786 11.632 12.528 11.896C12.7773 12.16 12.9716 12.479 13.111 12.853C13.2503 13.227 13.32 13.6413 13.32 14.096ZM11.648 14.096C11.648 13.59 11.5453 13.194 11.34 12.908C11.142 12.6147 10.856 12.468 10.482 12.468C10.108 12.468 9.8183 12.6147 9.61297 12.908C9.40764 13.194 9.30497 13.59 9.30497 14.096C9.30497 14.602 9.40764 15.0053 9.61297 15.306C9.8183 15.5993 10.108 15.746 10.482 15.746C10.856 15.746 11.142 15.5993 11.34 15.306C11.5453 15.0053 11.648 14.602 11.648 14.096ZM18.2007 13.678C18.054 14.2353 17.8964 14.789 17.7277 15.339C17.5664 15.889 17.394 16.4427 17.2107 17H15.9347C15.8027 16.692 15.6597 16.3253 15.5057 15.9C15.3517 15.4747 15.1904 15.0127 15.0217 14.514C14.8604 14.008 14.6917 13.4763 14.5157 12.919C14.347 12.3543 14.182 11.786 14.0207 11.214H15.7477C15.8064 11.478 15.8687 11.7677 15.9347 12.083C16.008 12.391 16.0814 12.71 16.1547 13.04C16.2354 13.37 16.316 13.7037 16.3967 14.041C16.4847 14.371 16.5727 14.69 16.6607 14.998C16.756 14.6753 16.8477 14.3453 16.9357 14.008C17.031 13.6707 17.119 13.3407 17.1997 13.018C17.2877 12.688 17.3684 12.3727 17.4417 12.072C17.5224 11.764 17.592 11.478 17.6507 11.214H18.8387C18.8974 11.478 18.9634 11.764 19.0367 12.072C19.11 12.3727 19.187 12.688 19.2677 13.018C19.3484 13.3407 19.4327 13.6707 19.5207 14.008C19.6087 14.3453 19.7004 14.6753 19.7957 14.998C19.8837 14.69 19.9717 14.371 20.0597 14.041C20.1477 13.7037 20.2284 13.37 20.3017 13.04C20.3824 12.71 20.4557 12.391 20.5217 12.083C20.595 11.7677 20.661 11.478 20.7197 11.214H22.4247C22.2634 11.786 22.0947 12.3543 21.9187 12.919C21.75 13.4763 21.5814 14.008 21.4127 14.514C21.2514 15.0127 21.09 15.4747 20.9287 15.9C20.7747 16.3253 20.6317 16.692 20.4997 17H19.2237C19.0404 16.4427 18.8607 15.889 18.6847 15.339C18.5087 14.789 18.3474 14.2353 18.2007 13.678ZM23.1228 14.151C23.1228 13.6377 23.1998 13.1903 23.3538 12.809C23.5151 12.4203 23.7241 12.0977 23.9808 11.841C24.2374 11.5843 24.5308 11.39 24.8608 11.258C25.1981 11.126 25.5428 11.06 25.8948 11.06C26.7161 11.06 27.3651 11.313 27.8418 11.819C28.3184 12.3177 28.5568 13.0547 28.5568 14.03C28.5568 14.1253 28.5531 14.2317 28.5458 14.349C28.5384 14.459 28.5311 14.558 28.5238 14.646H24.8058C24.8424 14.9833 25.0001 15.251 25.2788 15.449C25.5574 15.647 25.9314 15.746 26.4008 15.746C26.7014 15.746 26.9948 15.7203 27.2808 15.669C27.5741 15.6103 27.8124 15.5407 27.9958 15.46L28.2158 16.791C28.1278 16.835 28.0104 16.879 27.8638 16.923C27.7171 16.967 27.5521 17.0037 27.3688 17.033C27.1928 17.0697 27.0021 17.099 26.7968 17.121C26.5914 17.143 26.3861 17.154 26.1808 17.154C25.6601 17.154 25.2054 17.077 24.8168 16.923C24.4354 16.769 24.1164 16.56 23.8598 16.296C23.6104 16.0247 23.4234 15.7057 23.2988 15.339C23.1814 14.9723 23.1228 14.5763 23.1228 14.151ZM26.9728 13.524C26.9654 13.3847 26.9398 13.249 26.8958 13.117C26.8591 12.985 26.7968 12.8677 26.7088 12.765C26.6281 12.6623 26.5218 12.578 26.3898 12.512C26.2651 12.446 26.1074 12.413 25.9168 12.413C25.7334 12.413 25.5758 12.446 25.4438 12.512C25.3118 12.5707 25.2018 12.6513 25.1138 12.754C25.0258 12.8567 24.9561 12.9777 24.9048 13.117C24.8608 13.249 24.8278 13.3847 24.8058 13.524H26.9728ZM33.5286 12.666C33.3819 12.6293 33.2096 12.5927 33.0116 12.556C32.8136 12.512 32.6009 12.49 32.3736 12.49C32.2709 12.49 32.1463 12.501 31.9996 12.523C31.8603 12.5377 31.7539 12.556 31.6806 12.578V17H30.0416V11.522C30.3349 11.4193 30.6796 11.324 31.0756 11.236C31.4789 11.1407 31.9263 11.093 32.4176 11.093C32.5056 11.093 32.6119 11.1003 32.7366 11.115C32.8613 11.1223 32.9859 11.137 33.1106 11.159C33.2353 11.1737 33.3599 11.1957 33.4846 11.225C33.6093 11.247 33.7156 11.2763 33.8036 11.313L33.5286 12.666ZM34.5198 14.151C34.5198 13.6377 34.5968 13.1903 34.7508 12.809C34.9121 12.4203 35.1211 12.0977 35.3778 11.841C35.6345 11.5843 35.9278 11.39 36.2578 11.258C36.5951 11.126 36.9398 11.06 37.2918 11.06C38.1131 11.06 38.7621 11.313 39.2388 11.819C39.7155 12.3177 39.9538 13.0547 39.9538 14.03C39.9538 14.1253 39.9501 14.2317 39.9428 14.349C39.9355 14.459 39.9281 14.558 39.9208 14.646H36.2028C36.2395 14.9833 36.3971 15.251 36.6758 15.449C36.9545 15.647 37.3285 15.746 37.7978 15.746C38.0985 15.746 38.3918 15.7203 38.6778 15.669C38.9711 15.6103 39.2095 15.5407 39.3928 15.46L39.6128 16.791C39.5248 16.835 39.4075 16.879 39.2608 16.923C39.1141 16.967 38.9491 17.0037 38.7658 17.033C38.5898 17.0697 38.3991 17.099 38.1938 17.121C37.9885 17.143 37.7831 17.154 37.5778 17.154C37.0571 17.154 36.6025 17.077 36.2138 16.923C35.8325 16.769 35.5135 16.56 35.2568 16.296C35.0075 16.0247 34.8205 15.7057 34.6958 15.339C34.5785 14.9723 34.5198 14.5763 34.5198 14.151ZM38.3698 13.524C38.3625 13.3847 38.3368 13.249 38.2928 13.117C38.2561 12.985 38.1938 12.8677 38.1058 12.765C38.0251 12.6623 37.9188 12.578 37.7868 12.512C37.6621 12.446 37.5045 12.413 37.3138 12.413C37.1305 12.413 36.9728 12.446 36.8408 12.512C36.7088 12.5707 36.5988 12.6513 36.5108 12.754C36.4228 12.8567 36.3531 12.9777 36.3018 13.117C36.2578 13.249 36.2248 13.3847 36.2028 13.524H38.3698ZM42.8356 14.063C42.8356 14.569 42.9493 14.976 43.1766 15.284C43.404 15.592 43.7413 15.746 44.1886 15.746C44.3353 15.746 44.471 15.7423 44.5956 15.735C44.7203 15.7203 44.823 15.7057 44.9036 15.691V12.71C44.801 12.644 44.6653 12.589 44.4966 12.545C44.3353 12.501 44.1703 12.479 44.0016 12.479C43.2243 12.479 42.8356 13.007 42.8356 14.063ZM46.5426 16.813C46.396 16.857 46.2273 16.901 46.0366 16.945C45.846 16.9817 45.6443 17.0147 45.4316 17.044C45.2263 17.0733 45.0136 17.0953 44.7936 17.11C44.581 17.132 44.3756 17.143 44.1776 17.143C43.701 17.143 43.2756 17.0733 42.9016 16.934C42.5276 16.7947 42.2123 16.5967 41.9556 16.34C41.699 16.076 41.501 15.7607 41.3616 15.394C41.2296 15.02 41.1636 14.602 41.1636 14.14C41.1636 13.6707 41.2223 13.249 41.3396 12.875C41.457 12.4937 41.6256 12.171 41.8456 11.907C42.0656 11.643 42.3333 11.4413 42.6486 11.302C42.9713 11.1627 43.338 11.093 43.7486 11.093C43.976 11.093 44.1776 11.115 44.3536 11.159C44.537 11.203 44.7203 11.2653 44.9036 11.346V8.728L46.5426 8.464V16.813ZM54.8669 14.063C54.8669 13.007 54.4782 12.479 53.7009 12.479C53.5322 12.479 53.3635 12.501 53.1949 12.545C53.0335 12.589 52.9015 12.644 52.7989 12.71V15.691C52.8795 15.7057 52.9822 15.7203 53.1069 15.735C53.2315 15.7423 53.3672 15.746 53.5139 15.746C53.9612 15.746 54.2985 15.592 54.5259 15.284C54.7532 14.976 54.8669 14.569 54.8669 14.063ZM56.5389 14.107C56.5389 14.569 56.4692 14.987 56.3299 15.361C56.1979 15.735 56.0035 16.054 55.7469 16.318C55.4902 16.582 55.1749 16.7873 54.8009 16.934C54.4269 17.0733 54.0015 17.143 53.5249 17.143C53.3269 17.143 53.1179 17.132 52.8979 17.11C52.6852 17.0953 52.4725 17.0733 52.2599 17.044C52.0545 17.0147 51.8565 16.9817 51.6659 16.945C51.4752 16.901 51.3065 16.857 51.1599 16.813V8.728L52.7989 8.464V11.346C52.9822 11.2653 53.1729 11.203 53.3709 11.159C53.5689 11.115 53.7815 11.093 54.0089 11.093C54.4195 11.093 54.7825 11.1663 55.0979 11.313C55.4132 11.4523 55.6772 11.654 55.8899 11.918C56.1025 12.182 56.2639 12.501 56.3739 12.875C56.4839 13.2417 56.5389 13.6523 56.5389 14.107ZM63.0052 11.214C62.6752 12.3287 62.3305 13.3737 61.9712 14.349C61.6118 15.3243 61.2195 16.2703 60.7942 17.187C60.6402 17.517 60.4862 17.7957 60.3322 18.023C60.1782 18.2577 60.0095 18.4483 59.8262 18.595C59.6428 18.749 59.4338 18.859 59.1992 18.925C58.9718 18.9983 58.7042 19.035 58.3962 19.035C58.1395 19.035 57.9012 19.0093 57.6812 18.958C57.4685 18.914 57.2925 18.8627 57.1532 18.804L57.4392 17.495C57.6078 17.5537 57.7582 17.594 57.8902 17.616C58.0222 17.638 58.1615 17.649 58.3082 17.649C58.6015 17.649 58.8252 17.5683 58.9792 17.407C59.1405 17.253 59.2762 17.0367 59.3862 16.758C59.0122 16.0247 58.6382 15.2033 58.2642 14.294C57.8902 13.3773 57.5382 12.3507 57.2082 11.214H58.9462C59.0195 11.5 59.1038 11.8117 59.1992 12.149C59.3018 12.479 59.4082 12.8163 59.5182 13.161C59.6282 13.4983 59.7382 13.8283 59.8482 14.151C59.9655 14.4737 60.0755 14.767 60.1782 15.031C60.2735 14.767 60.3725 14.4737 60.4752 14.151C60.5778 13.8283 60.6768 13.4983 60.7722 13.161C60.8748 12.8163 60.9702 12.479 61.0582 12.149C61.1535 11.8117 61.2378 11.5 61.3112 11.214H63.0052Z" fill="#C1C7CD"/> </svg>`;
+    // The same mark Navigator uses on its Operator tile.
+    const ICON_OPERATOR = `<svg width="32" height="32" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36 0L6 18V54L36 72L66 54V18L36 0ZM36 58.8L18 48L23.001 45L36 52.8L48.999 45L54 48L36 58.8ZM36 46.8L18 36L23.001 33L36 40.8L48.999 33L54 36L36 46.8ZM36 34.8L18 24L36 13.2L54 24L36 34.8Z" fill="white"/><path opacity="0.85" d="M54 24L36 34.8L18 24L36 13.2L54 24ZM36 52.8L23.001 45L18 48L36 58.8L54 48L48.999 45L36 52.8ZM36 40.8L23.001 33L18 36L36 46.8L54 36L48.999 33L36 40.8Z" fill="black"/></svg>`;
+    const TERMS_URL = "https://www.nextspace.com/legal/terms-of-use";
+    const CONTACT_URL = "https://www.nextspace.com/about/contact?topic=support";
+    const NEXTSPACE_URL = "https://nextspace.com/";
+    class WidgetLeftPanelTabDashboard extends exports.WidgetLeftPanelTab.ATab {
+        constructor(params) {
+            var _a, _b;
+            super(params);
+            this.STYLESHEET_ID = "nextspace-left-panel-tab-dashboard-stylesheet";
+            // Bumped per load so a slow response for an old view or account can't overwrite a newer one.
+            this._loadToken = 0;
+            this._disposed = false;
+            this._viewName = null;
+            this._viewBrandingUrl = null;
+            this._accountBrandingUrl = null;
+            this._accountLinks = [];
+            this._operatorUrl = null;
+            // Null while the account limit check is still in flight.
+            this._operatorAllowed = null;
+            this._operatorError = null;
+            this._apiVersion = null;
+            this._user = null;
+            this._generateStyles();
+            // Sized before the first render so percentage widths inside resolve against the final panel.
+            if (this.Container) {
+                this.Container.style.width = "510px";
+            }
+            this._generateElement();
+            this._load();
+            this._viewIdChangeRemoval = (_b = (_a = this._widget) === null || _a === void 0 ? void 0 : _a.OnViewIdChange) === null || _b === void 0 ? void 0 : _b.Subscribe(() => {
+                this._load();
+            });
+            this._paramsChangeRemoval = BModels.ENVIRONMENT.OnParamsChange.Subscribe(() => {
+                this._load();
+            });
+        }
+        Dispose() {
+            var _a, _b;
+            this._disposed = true;
+            (_a = this._viewIdChangeRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
+            (_b = this._paramsChangeRemoval) === null || _b === void 0 ? void 0 : _b.call(this);
+            super.Dispose();
+        }
+        _generateStyles() {
+            if (document.getElementById(this.STYLESHEET_ID)) {
+                return;
+            }
+            const style = document.createElement("style");
+            style.id = this.STYLESHEET_ID;
+            style.innerHTML = `
+            .NextspaceLeftPanelTabDashboard * {
+                box-sizing: border-box;
+            }
+
+            .NextspaceLeftPanelTabDashboard {
+                color: #fff;
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                flex-shrink: 1;
+                font-family: Arial, sans-serif;
+                font-size: 13px;
+                overflow: auto;
+                width: 100%;
+            }
+
+            .NextspaceLeftPanelTabDashboardTitle {
+                color: #fff;
+                flex-shrink: 0;
+                font-size: 16px;
+                font-weight: 500;
+                margin-bottom: 12px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .NextspaceLeftPanelTabDashboardTitle >.NextspaceLeftPanelTabDashboardTitleLabel {
+                color: #00affa;
+            }
+
+            .NextspaceLeftPanelTabDashboardTiles {
+                display: grid;
+                flex-shrink: 0;
+                gap: 20px;
+                grid-template-columns: fit-content(20px) fit-content(20px) 1fr;
+                place-content: center;
+            }
+
+            .NextspaceLeftPanelTabDashboardTile {
+                align-items: center;
+                border: 1px solid rgba(255, 255, 255, .12);
+                border-radius: 6px;
+                color: #fff;
+                cursor: pointer;
+                display: flex;
+                flex-direction: column;
+                font-size: 10px;
+                height: 120px;
+                justify-content: center;
+                min-width: 120px;
+                padding: 0 12px;
+                text-align: center;
+                transition: transform .3s ease, opacity .3s ease;
+            }
+
+            .NextspaceLeftPanelTabDashboardTile:hover {
+                transform: translateY(-4px);
+            }
+
+            .NextspaceLeftPanelTabDashboardTile[is-disabled="true"] {
+                cursor: default;
+                opacity: .4;
+                transform: none;
+            }
+
+            .NextspaceLeftPanelTabDashboardTile >svg {
+                height: 30px;
+                margin-bottom: 10px;
+                width: 30px;
+            }
+
+            /* Carries the auto margin for the whole footer, so it always sits at the bottom. */
+            .NextspaceLeftPanelTabDashboardBrandingImages {
+                align-items: flex-start;
+                display: flex;
+                flex-shrink: 0;
+                flex-wrap: wrap;
+                margin-top: auto;
+                padding-top: 40px;
+            }
+
+            .NextspaceLeftPanelTabDashboardBrandingImages[has-images="true"] {
+                max-height: 198px;
+                overflow: hidden;
+                padding: 24px;
+            }
+
+            /*
+             * The box is clamped as well as the image so a banner can't paint at its intrinsic
+             * size for a frame before the max-width resolves.
+             */
+            .NextspaceLeftPanelTabDashboardBrandingImages >img {
+                height: auto;
+                margin-right: 20px;
+                max-height: 150px;
+                max-width: 80%;
+                min-width: 0;
+                object-fit: contain;
+                overflow: hidden;
+                width: auto;
+            }
+
+            .NextspaceLeftPanelTabDashboardBrandingImages >img:last-of-type {
+                margin-right: 0;
+            }
+
+            .NextspaceLeftPanelTabDashboardCustomLinks {
+                display: flex;
+                flex-shrink: 0;
+                flex-wrap: wrap;
+                margin-left: 24px;
+            }
+
+            .NextspaceLeftPanelTabDashboardBranding {
+                border-top: 2px solid #000;
+                flex-shrink: 0;
+                margin-top: 20px;
+                padding: 24px;
+            }
+
+            .NextspaceLeftPanelTabDashboardBranding >svg {
+                height: max-content;
+                max-width: 220px;
+            }
+
+            .NextspaceLeftPanelTabDashboardLinks {
+                align-items: center;
+                display: flex;
+                flex-wrap: wrap;
+                margin-top: 32px;
+            }
+
+            .NextspaceLeftPanelTabDashboard a {
+                color: #40c4ff;
+                font-size: 11px;
+                letter-spacing: .02em;
+                line-height: 16px;
+                margin-right: 20px;
+                text-decoration: underline;
+            }
+
+            .NextspaceLeftPanelTabDashboardTip {
+                color: #c1c7cd;
+                font-size: 11px;
+                letter-spacing: .02em;
+                line-height: 16px;
+                margin-top: 24px;
+            }
+        `;
+            document.head.appendChild(style);
+        }
+        _generateElement() {
+            if (this._element && this._element.parentElement) {
+                this._element.parentElement.removeChild(this._element);
+            }
+            const element = document.createElement("div");
+            element.className = "NextspaceLeftPanelTabDashboard";
+            element.appendChild(this._buildTitle());
+            element.appendChild(this._buildTiles());
+            element.appendChild(this._buildBrandingImages());
+            element.appendChild(this._buildCustomLinks());
+            element.appendChild(this._buildBranding());
+            this.Container.appendChild(element);
+            this._element = element;
+        }
+        _buildTitle() {
+            var _a, _b;
+            const title = document.createElement("div");
+            title.className = "NextspaceLeftPanelTabDashboardTitle";
+            const label = document.createElement("span");
+            label.className = "NextspaceLeftPanelTabDashboardTitleLabel";
+            label.textContent = (_a = this._viewName) !== null && _a !== void 0 ? _a : (((_b = this._widget) === null || _b === void 0 ? void 0 : _b.ViewId) ? "Unnamed Project View" : "Loading...");
+            title.appendChild(label);
+            const suffix = document.createElement("span");
+            suffix.textContent = ", Dashboard";
+            title.appendChild(suffix);
+            title.title = label.textContent + suffix.textContent;
+            return title;
+        }
+        _buildTiles() {
+            var _a;
+            const tiles = document.createElement("div");
+            tiles.className = "NextspaceLeftPanelTabDashboardTiles";
+            // The other Navigator tiles open panels this library doesn't ship, so Operator is the only one here.
+            const disabled = this._operatorAllowed !== true;
+            const tile = document.createElement("div");
+            tile.className = "NextspaceLeftPanelTabDashboardTile";
+            tile.setAttribute("is-disabled", String(disabled));
+            tile.innerHTML = ICON_OPERATOR;
+            if (disabled) {
+                tile.title = this._operatorAllowed == null ? "Validating..." : ((_a = this._operatorError) !== null && _a !== void 0 ? _a : "You don't have permission to access this option.");
+            }
+            const caption = document.createElement("div");
+            caption.textContent = "Operator";
+            tile.appendChild(caption);
+            tile.onclick = () => {
+                if (this._operatorAllowed !== true || !this._operatorUrl) {
+                    return;
+                }
+                window.open(this._operatorUrl, "_blank");
+            };
+            tiles.appendChild(tile);
+            return tiles;
+        }
+        _buildBrandingImages() {
+            const images = document.createElement("div");
+            images.className = "NextspaceLeftPanelTabDashboardBrandingImages";
+            for (const url of [this._accountBrandingUrl, this._viewBrandingUrl]) {
+                if (!url) {
+                    continue;
+                }
+                const img = document.createElement("img");
+                img.src = url;
+                img.loading = "lazy";
+                images.appendChild(img);
+            }
+            // Always rendered even when empty, since this element carries the footer's auto margin.
+            images.setAttribute("has-images", String(images.children.length > 0));
+            return images;
+        }
+        _buildCustomLinks() {
+            var _a, _b;
+            const links = document.createElement("div");
+            links.className = "NextspaceLeftPanelTabDashboardCustomLinks";
+            for (const link of (_a = this._accountLinks) !== null && _a !== void 0 ? _a : []) {
+                if (!(link === null || link === void 0 ? void 0 : link.url)) {
+                    continue;
+                }
+                const anchor = document.createElement("a");
+                anchor.href = link.url;
+                anchor.target = "_blank";
+                anchor.rel = "noopener noreferrer";
+                anchor.textContent = (_b = link.name) !== null && _b !== void 0 ? _b : link.url;
+                links.appendChild(anchor);
+            }
+            links.style.display = links.children.length ? "flex" : "none";
+            return links;
+        }
+        _buildBranding() {
+            const branding = document.createElement("div");
+            branding.className = "NextspaceLeftPanelTabDashboardBranding";
+            // Once an account or view brands the panel, the Nextspace mark steps back to "powered by".
+            const hasCustomBranding = !!(this._accountBrandingUrl || this._viewBrandingUrl);
+            const logo = document.createElement("div");
+            logo.innerHTML = hasCustomBranding ? ICON_NEXTSPACE_POWERED : ICON_NEXTSPACE_LEAF;
+            logo.style.cursor = "pointer";
+            logo.title = "Nextspace";
+            logo.onclick = () => {
+                window.open(NEXTSPACE_URL, "_blank");
+            };
+            branding.appendChild(logo);
+            const links = document.createElement("div");
+            links.className = "NextspaceLeftPanelTabDashboardLinks";
+            links.appendChild(this._buildLink("Terms of Use", TERMS_URL));
+            links.appendChild(this._buildLink("Help & support", this._getContactUrl()));
+            branding.appendChild(links);
+            const copyright = document.createElement("div");
+            copyright.className = "NextspaceLeftPanelTabDashboardTip";
+            copyright.textContent = `${new Date().getFullYear()} © Nextspace Limited. All rights reserved.`;
+            branding.appendChild(copyright);
+            const versions = document.createElement("div");
+            versions.className = "NextspaceLeftPanelTabDashboardTip";
+            versions.textContent = `Running API ${this._apiVersion || "UNKNOWN"}`;
+            branding.appendChild(versions);
+            return branding;
+        }
+        _buildLink(text, url) {
+            const anchor = document.createElement("a");
+            anchor.href = url;
+            anchor.target = "_blank";
+            anchor.rel = "noopener noreferrer";
+            anchor.textContent = text;
+            return anchor;
+        }
+        /**
+         * Builds the support URL with the signed-in user's details prefilled.
+         */
+        _getContactUrl() {
+            var _a, _b;
+            let url = CONTACT_URL;
+            const user = this._user;
+            if (user) {
+                const names = ((_a = user.FullName) !== null && _a !== void 0 ? _a : "").trim().split(" ").filter(x => !!x);
+                const params = [
+                    ["email", user.Email],
+                    ["firstname", names.length ? names[0] : null],
+                    ["lastname", names.length > 1 ? names[names.length - 1] : null],
+                    ["phone", user.Mobile]
+                ];
+                for (const [key, value] of params) {
+                    if (value) {
+                        url = BModels.UrlUtils.AddQueryParam(url, key, value);
+                    }
+                }
+            }
+            const accountId = (_b = BModels.ENVIRONMENT.PARAMS) === null || _b === void 0 ? void 0 : _b.accountId;
+            if (accountId) {
+                url = BModels.UrlUtils.AddQueryParam(url, "accountid", accountId);
+            }
+            return url;
+        }
+        /**
+         * Gathers everything the panel shows.
+         * Each source is caught on its own so one failure doesn't blank the whole panel.
+         */
+        async _load() {
+            var _a, _b, _c;
+            const token = ++this._loadToken;
+            const getters = (_a = this._widget) === null || _a === void 0 ? void 0 : _a._getApiGetters();
+            const accountId = (_b = BModels.ENVIRONMENT.PARAMS) === null || _b === void 0 ? void 0 : _b.accountId;
+            const viewId = (_c = this._widget) === null || _c === void 0 ? void 0 : _c.ViewId;
+            await Promise.all([
+                this._loadView(viewId, getters),
+                this._loadAccount(accountId, getters),
+                this._loadOperatorAccess(accountId, getters),
+                this._loadApiVersion(getters),
+                this._loadUser(getters)
+            ]);
+            if (this._disposed || token !== this._loadToken) {
+                return;
+            }
+            this._generateElement();
+        }
+        async _loadView(viewId, getters) {
+            var _a, _b, _c, _d, _e;
+            this._viewName = null;
+            this._viewBrandingUrl = null;
+            if (!viewId) {
+                return;
+            }
+            try {
+                const api = getters === null || getters === void 0 ? void 0 : getters.GetBruceApi();
+                const data = await BModels.ProjectView.Get({
+                    viewId,
+                    api
+                });
+                this._viewName = (_b = (_a = data === null || data === void 0 ? void 0 : data.view) === null || _a === void 0 ? void 0 : _a.Name) !== null && _b !== void 0 ? _b : null;
+                const fileId = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.view) === null || _c === void 0 ? void 0 : _c.Settings) === null || _d === void 0 ? void 0 : _d.branding) === null || _e === void 0 ? void 0 : _e.bannerFileId;
+                if (fileId) {
+                    this._viewBrandingUrl = BModels.ClientFile.GetUrl({
+                        fileId,
+                        api,
+                        viaCdn: true
+                    });
+                }
+            }
+            catch (e) {
+                console.error(e);
             }
-        `;
-            document.head.appendChild(style);
         }
-        _generateElement() {
-            var _a, _b;
-            if ((_a = this._element) === null || _a === void 0 ? void 0 : _a.parentElement) {
-                this._element.parentElement.removeChild(this._element);
+        async _loadAccount(accountId, getters) {
+            var _a, _b, _c;
+            this._accountBrandingUrl = null;
+            this._accountLinks = [];
+            this._operatorUrl = null;
+            if (!accountId) {
+                return;
             }
-            this._element = null;
-            const element = document.createElement("div");
-            element.className = "NextspaceLeftPanelTabUser";
-            const title = document.createElement("div");
-            title.className = "NextspaceLeftPanelTabUserTitleBar";
-            title.textContent = this.loaded ? (this.user ? ((_b = this.user.FullName) !== null && _b !== void 0 ? _b : "#" + this.user.ID) : "Guest") : "Loading..";
-            element.appendChild(title);
-            const breaker = document.createElement("div");
-            breaker.className = "NextspaceLeftPanelTabUserTitleBreaker";
-            element.appendChild(breaker);
-            if (!this.user || this.user.ID === "anonymous") {
-                {
-                    const inputRow = document.createElement("div");
-                    inputRow.className = "NextspaceLeftPanelTabUserInputRow";
-                    const label = document.createElement("label");
-                    label.textContent = "Username";
-                    inputRow.appendChild(label);
-                    const input = document.createElement("input");
-                    input.type = "text";
-                    input.placeholder = "...";
-                    this.inputUsername = input;
-                    inputRow.appendChild(this.inputUsername);
-                    element.appendChild(inputRow);
+            try {
+                const { account } = await BModels.Account.Get({
+                    accountId,
+                    appId: BModels.Account.EAppId.Navigator,
+                    api: getters === null || getters === void 0 ? void 0 : getters.GetGuardianApi()
+                });
+                const operatorBase = (_a = account === null || account === void 0 ? void 0 : account.URL) === null || _a === void 0 ? void 0 : _a.AppOperator;
+                if (operatorBase) {
+                    const viewId = (_b = this._widget) === null || _b === void 0 ? void 0 : _b.ViewId;
+                    this._operatorUrl = BModels.UrlUtils.ConstructUrl({
+                        existing: operatorBase,
+                        url: viewId ? `projectviews/projectview:${viewId}/` : ""
+                    });
                 }
-                {
-                    const inputRow = document.createElement("div");
-                    inputRow.className = "NextspaceLeftPanelTabUserInputRow";
-                    const label = document.createElement("label");
-                    label.textContent = "Password";
-                    inputRow.appendChild(label);
-                    const input = document.createElement("input");
-                    input.type = "password";
-                    input.placeholder = "...";
-                    this.inputPassword = input;
-                    inputRow.appendChild(this.inputPassword);
-                    element.appendChild(inputRow);
+                const settings = account === null || account === void 0 ? void 0 : account["Application.Settings"];
+                const branding = settings === null || settings === void 0 ? void 0 : settings.branding;
+                if (branding === null || branding === void 0 ? void 0 : branding.dashBannerFileId) {
+                    this._accountBrandingUrl = BModels.ClientFile.GetUrl({
+                        fileId: branding.dashBannerFileId,
+                        api: getters === null || getters === void 0 ? void 0 : getters.GetBruceApi(),
+                        viaCdn: true
+                    });
                 }
-                {
-                    const button = document.createElement("button");
-                    button.textContent = "Login";
-                    button.onclick = async () => {
-                        var _a, _b, _c, _d, _e, _f;
-                        if (this.loggingIn) {
-                            return;
-                        }
-                        button.style.opacity = "0.7";
-                        this.loggingIn = true;
-                        try {
-                            const { session } = await BModels.Session.Login({
-                                accountId: BModels.ENVIRONMENT.PARAMS.accountId,
-                                username: (_b = (_a = this.inputUsername) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "",
-                                password: (_d = (_c = this.inputPassword) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : ""
-                            });
-                            BModels.ENVIRONMENT.SetPageLoadSessionId((_e = session === null || session === void 0 ? void 0 : session.ID) !== null && _e !== void 0 ? _e : null);
-                            BModels.ENVIRONMENT.Reset({
-                                accountId: BModels.ENVIRONMENT.PARAMS.accountId,
-                                sessionId: (_f = (session === null || session === void 0 ? void 0 : session.ID)) !== null && _f !== void 0 ? _f : null,
-                            });
-                            window.location.reload();
-                        }
-                        catch (e) {
-                            console.error(e);
-                        }
-                        finally {
-                            this.loggingIn = false;
-                            button.style.opacity = "1";
-                        }
-                    };
-                    element.appendChild(button);
+                if ((_c = branding === null || branding === void 0 ? void 0 : branding.links) === null || _c === void 0 ? void 0 : _c.length) {
+                    // Bare domains would otherwise resolve against this app's own origin.
+                    this._accountLinks = branding.links.map(link => ({
+                        name: link.name,
+                        url: link.url && !link.url.startsWith("https://") ? `https://${link.url}` : link.url
+                    }));
                 }
             }
-            else {
-                if (this.canLogout()) {
-                    const button = document.createElement("button");
-                    button.textContent = "Logout";
-                    button.onclick = async () => {
-                        if (this.loggingOut) {
-                            return;
-                        }
-                        button.style.opacity = "0.7";
-                        try {
-                            this.logout();
-                        }
-                        catch (e) {
-                            console.error(e);
-                        }
-                        finally {
-                            button.style.opacity = "1";
-                        }
-                    };
-                    element.appendChild(button);
+            catch (e) {
+                console.error(e);
+            }
+        }
+        async _loadOperatorAccess(accountId, getters) {
+            var _a;
+            this._operatorAllowed = null;
+            this._operatorError = null;
+            try {
+                const data = await BModels.AccountLimits.Assert.GetCanOpenOperator({
+                    accountId,
+                    api: getters === null || getters === void 0 ? void 0 : getters.GetGuardianApi()
+                });
+                this._operatorAllowed = !!(data === null || data === void 0 ? void 0 : data.allowed);
+                this._operatorError = (_a = data === null || data === void 0 ? void 0 : data.errorText) !== null && _a !== void 0 ? _a : null;
+            }
+            catch (e) {
+                console.error(e);
+                this._operatorAllowed = false;
+            }
+        }
+        /**
+         * Reads the version of the Bruce API instance this account is served by.
+         */
+        async _loadApiVersion(getters) {
+            this._apiVersion = null;
+            try {
+                const api = getters === null || getters === void 0 ? void 0 : getters.GetBruceApi();
+                if (!api) {
+                    return;
                 }
+                // The API resolves its own version as part of loading.
+                await api.Loading;
+                this._apiVersion = api.Version;
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+        async _loadUser(getters) {
+            var _a, _b, _c;
+            try {
+                const sessionId = (_a = BModels.ENVIRONMENT.PARAMS) === null || _a === void 0 ? void 0 : _a.sessionId;
+                const { session } = await BModels.Session.Get({
+                    api: getters === null || getters === void 0 ? void 0 : getters.GetGuardianApi(),
+                    sessionId,
+                    accountId: (_b = BModels.ENVIRONMENT.PARAMS) === null || _b === void 0 ? void 0 : _b.accountId
+                });
+                this._user = (_c = session === null || session === void 0 ? void 0 : session.User) !== null && _c !== void 0 ? _c : null;
+            }
+            catch (e) {
+                console.error(e);
+                this._user = null;
             }
-            this.Container.appendChild(element);
-            this._element = element;
         }
     }
 
@@ -24466,11 +26022,24 @@
                 this._viewId = value;
                 this._updatePanelStyles();
                 this._loading = this.loadBookmarks();
+                // An already-open tab needs to know, as the panel can be opened before a view has rendered.
+                if (this._onViewIdChange) {
+                    this._onViewIdChange.Trigger(value);
+                }
             }
         }
+        get OnViewIdChange() {
+            if (this._onViewIdChange == null) {
+                this._onViewIdChange = new BModels.BruceEvent();
+            }
+            return this._onViewIdChange;
+        }
         get Bookmarks() {
             return this.bookmarks;
         }
+        get BookmarkGroups() {
+            return this.bookmarkGroups;
+        }
         get LastEnabledBookmarkId() {
             return this._lastEnabledBookmarkId;
         }
@@ -24502,6 +26071,8 @@
             // Keeping the bookmark list and loading here at top level.
             // This allows us to share the data between tabs.
             this.bookmarks = [];
+            // Groups the bookmarks above are sorted into, by their "UI.SlideGroup.ID".
+            this.bookmarkGroups = [];
             this._lastEnabledBookmarkId = null;
             // Map of custom tabs added by external devs by calling AddPanelTab.
             // This is a mapping of the provided tab key + content class.
@@ -24526,16 +26097,21 @@
                 const api = this._apiGetters.GetBruceApi();
                 if (!viewId) {
                     this.bookmarks = [];
+                    this.bookmarkGroups = [];
                     return;
                 }
-                const data = await BModels.ProjectViewBookmark.GetList({
-                    viewId,
-                    api
-                });
+                const [data, groups] = await Promise.all([
+                    BModels.ProjectViewBookmark.GetList({
+                        viewId,
+                        api
+                    }),
+                    this.loadBookmarkGroups(viewId, api)
+                ]);
                 if (this._viewId !== viewId) {
                     return;
                 }
                 this.bookmarks = data.bookmarks;
+                this.bookmarkGroups = groups;
             }
             catch (e) {
                 console.error(e);
@@ -24543,6 +26119,24 @@
                     return;
                 }
                 this.bookmarks = [];
+                this.bookmarkGroups = [];
+            }
+        }
+        /**
+         * Loads the bookmark groups for a view.
+         * A failure here degrades to an ungrouped list rather than losing the bookmarks entirely.
+         */
+        async loadBookmarkGroups(viewId, api) {
+            try {
+                const groups = await BModels.ProjectViewBookmarkGroup.GetGroups({
+                    viewId,
+                    api
+                });
+                return groups !== null && groups !== void 0 ? groups : [];
+            }
+            catch (e) {
+                console.error(e);
+                return [];
             }
         }
         Dispose() {
@@ -24689,14 +26283,21 @@
             element.className = "NextspaceLeftPanel";
             this.Container.appendChild(element);
             this._element = element;
-            this._addPlaceholderTab("Dashboard", `
+            this._addPanelTab("dashboard", "Dashboard", `
             <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path fill-rule="evenodd" clip-rule="evenodd" d="M11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9ZM18 9C18 10.1046 17.1046 11 16 11C14.8954 11 14 10.1046 14 9C14 7.89543 14.8954 7 16 7C17.1046 7 18 7.89543 18 9ZM23 11C24.1046 11 25 10.1046 25 9C25 7.89543 24.1046 7 23 7C21.8954 7 21 7.89543 21 9C21 10.1046 21.8954 11 23 11ZM11 16C11 17.1046 10.1046 18 9 18C7.89543 18 7 17.1046 7 16C7 14.8954 7.89543 14 9 14C10.1046 14 11 14.8954 11 16ZM9 25C10.1046 25 11 24.1046 11 23C11 21.8954 10.1046 21 9 21C7.89543 21 7 21.8954 7 23C7 24.1046 7.89543 25 9 25ZM18 16C18 17.1046 17.1046 18 16 18C14.8954 18 14 17.1046 14 16C14 14.8954 14.8954 14 16 14C17.1046 14 18 14.8954 18 16ZM16 25C17.1046 25 18 24.1046 18 23C18 21.8954 17.1046 21 16 21C14.8954 21 14 21.8954 14 23C14 24.1046 14.8954 25 16 25ZM25 16C25 17.1046 24.1046 18 23 18C21.8954 18 21 17.1046 21 16C21 14.8954 21.8954 14 23 14C24.1046 14 25 14.8954 25 16ZM23 25C24.1046 25 25 24.1046 25 23C25 21.8954 24.1046 21 23 21C21.8954 21 21 21.8954 21 23C21 24.1046 21.8954 25 23 25Z" fill="white"></path>
             </svg>
-        `);
+        `, "svg");
             const breaker = document.createElement("div");
             breaker.className = "NextspaceLeftPanelBreaker";
             this._element.appendChild(breaker);
+            this._addPanelTab("menu-items", "Menu", `
+            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5528 5.10557C15.8343 4.96481 16.1657 4.96481 16.4472 5.10557L25.4472 9.60557C25.786 9.77496 26 10.1212 26 10.5C26 10.8788 25.786 11.225 25.4472 11.3944L16.4472 15.8944C16.1657 16.0352 15.8343 16.0352 15.5528 15.8944L6.55279 11.3944C6.214 11.225 6 10.8788 6 10.5C6 10.1212 6.214 9.77496 6.55279 9.60557L15.5528 5.10557Z" fill="white"></path>
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.76393 15L6.55279 15.6056C6.214 15.775 6 16.1212 6 16.5C6 16.8788 6.214 17.225 6.55279 17.3944L15.5528 21.8944C15.8343 22.0352 16.1657 22.0352 16.4472 21.8944L25.4472 17.3944C25.786 17.225 26 16.8788 26 16.5C26 16.1212 25.786 15.775 25.4472 15.6056L24.2361 15L16.4472 18.8944C16.1657 19.0352 15.8343 19.0352 15.5528 18.8944L7.76393 15Z" fill="white"></path>
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.76393 21L6.55279 21.6056C6.214 21.775 6 22.1212 6 22.5C6 22.8788 6.214 23.225 6.55279 23.3944L15.5528 27.8944C15.8343 28.0352 16.1657 28.0352 16.4472 27.8944L25.4472 23.3944C25.786 23.225 26 22.8788 26 22.5C26 22.1212 25.786 21.775 25.4472 21.6056L24.2361 21L16.4472 24.8944C16.1657 25.0352 15.8343 25.0352 15.5528 24.8944L7.76393 21Z" fill="white"></path>
+            </svg>
+        `, "svg");
             this._addPanelTab("bookmarks", "Bookmarks", `
             <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path d="M23 25V7H9V25L16 18L23 25Z" fill="white" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
@@ -24795,18 +26396,6 @@
                 this._element.appendChild(tabButton);
             }
         }
-        _addPlaceholderTab(title, svgStr) {
-            const tabButton = document.createElement("div");
-            tabButton.className = "NextspaceLeftPanelButton";
-            tabButton.title = title;
-            tabButton.style.opacity = "0.5";
-            tabButton.style.pointerEvents = "none";
-            const buttonBookmarksIcon = document.createElement("div");
-            buttonBookmarksIcon.className = "NextspaceLeftPanelButtonIcon";
-            buttonBookmarksIcon.innerHTML = svgStr;
-            tabButton.appendChild(buttonBookmarksIcon);
-            this._element.appendChild(tabButton);
-        }
         /**
          * User profile handled separately.
          * This is because for a while it will be just an indicator of logged in user session.
@@ -24936,12 +26525,24 @@
                 const container = this._element.querySelector(".NextspaceLeftPanelTabContent");
                 let tabContent;
                 switch (this._enabledPanelTab) {
+                    case "dashboard":
+                        tabContent = new WidgetLeftPanelTabDashboard({
+                            widget: this,
+                            container: container
+                        });
+                        break;
                     case "bookmarks":
                         tabContent = new WidgetLeftPanelTabBookmarks({
                             widget: this,
                             container: container
                         });
                         break;
+                    case "menu-items":
+                        tabContent = new WidgetLeftPanelTabMenuItems({
+                            widget: this,
+                            container: container
+                        });
+                        break;
                     case "user":
                         tabContent = new WidgetLeftPanelTabUser({
                             widget: this,
@@ -27809,29 +29410,31 @@
             }
 
             .NextspaceBookmarksRowItem {
-                background-color: #fff;
+                background-color: rgba(255, 255, 255, .05);
                 background-position: 50%;
                 background-repeat: no-repeat;
                 background-size: cover;
-                border-radius: 6px;
+                border: 1px solid rgba(255, 255, 255, .1);
+                border-radius: 8px;
                 cursor: pointer;
                 margin-right: 8px;
                 min-width: 70px;
-                outline: 3px solid transparent;
-                transition: .3s ease;
+                transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
                 width: 110px;
             }
-            
+
             .NextspaceBookmarksRowItem:last-of-type {
                 margin-right: 0;
             }
 
             .NextspaceBookmarksRowItem[is-selected="true"] {
-                outline: 3px solid #0072c3;
+                border-color: #33b1ff;
+                box-shadow: 0 0 0 2px rgba(51, 177, 255, .4);
             }
 
             .NextspaceBookmarksRowItem:hover {
-                filter: grayscale(.5);
+                border-color: rgba(255, 255, 255, .4);
+                transform: translateY(-2px);
             }
 
             .NextspaceBookmarksToolbar {
@@ -30816,6 +32419,10 @@
                 flex-direction: column;
             }
 
+            .NextspaceAttributesGroup + .NextspaceAttributesGroup {
+                margin-top: 4px;
+            }
+
             .NextspaceAttributesGroup[is-opened="false"] .NextspaceAttribute {
                 display: none;
             }
@@ -30827,8 +32434,7 @@
                 border-radius: 5px;
                 cursor: pointer;
                 display: flex;
-                height: 35px;
-                margin-bottom: 3px;
+                min-height: 32px;
                 overflow: hidden;
                 padding-left: 12px;
                 text-overflow: ellipsis;
@@ -30839,6 +32445,11 @@
                 font-size: 12px;
             }
 
+            .NextspaceAttributesGroup[is-opened="true"] >.NextspaceAttributesGroupToggle {
+                border-bottom-left-radius: 0;
+                border-bottom-right-radius: 0;
+            }
+
             .NextspaceAttributesGroupToggleIcon {
                 align-items: center;
                 display: flex;
@@ -30866,51 +32477,79 @@
             }
 
             .NextspaceAttribute {
-                align-items: center;
+                align-items: stretch;
                 display: flex;
                 flex-direction: row;
                 flex-grow: 1;
+                min-height: 32px;
             }
 
             .NextspaceAttributeInput {
-                align-items: center;
+                align-items: stretch;
                 background-color: #121619;
                 border: 1px solid #434343;
-                border-radius: 5px;
+                border-radius: 0;
                 display: flex;
-                height: 35px;
-                margin-bottom: 3px;
+                flex-grow: 1;
+                min-height: 32px;
+                position: relative;
+                transition: border-color .3s ease, box-shadow .3s ease;
                 width: 100%;
             }
 
+            /* Adjacent borders would otherwise double up into a 2px rule. */
+            .NextspaceAttribute + .NextspaceAttribute .NextspaceAttributeInput {
+                border-top: none;
+            }
+
+            .NextspaceAttributesGroup >.NextspaceAttribute:first-child .NextspaceAttributeInput {
+                border-top-left-radius: 5px;
+                border-top-right-radius: 5px;
+            }
+
+            .NextspaceAttributesGroupToggle + .NextspaceAttribute .NextspaceAttributeInput {
+                border-top: none;
+                border-top-left-radius: 0;
+                border-top-right-radius: 0;
+            }
+
+            .NextspaceAttributesGroup >.NextspaceAttribute:last-of-type .NextspaceAttributeInput {
+                border-bottom-left-radius: 5px;
+                border-bottom-right-radius: 5px;
+            }
+
+            /* Rows share borders, so a hovered row has to paint its ring above its neighbours. */
+            .NextspaceAttributeInput:hover {
+                border-color: #33b1ff;
+                box-shadow: 0 0 0 1px #33b1ff;
+                z-index: 1;
+            }
+
             .NextspaceAttributeInputLabel {
                 border-right: 1px solid #434343;
-                flex-grow: .8;
-                flex-shrink: 1;
+                flex: 1 1 50%;
+                line-height: 16px;
                 margin-right: 8px;
                 overflow: hidden;
-                padding-left: 8px;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                width: 90px;
+                padding: 8px;
+                width: 0;
                 font-size: 12px;
             }
 
             .NextspaceAttributeInputValue {
-                background-color: transparent;
-                border: 1px solid transparent;
                 color: #fff;
-                flex-grow: 1;
-                flex-shrink: 1;
-                height: 100%;
-                padding-left: 2px;
-                text-align: left;
-                width: 120px;
-                cursor: default;
+                display: flex;
+                flex: 1 1 50%;
+                line-height: 16px;
+                min-height: 30px;
                 opacity: .6;
-                outline: none;
-                padding: .5rem .75rem;
-                border-radius: .375rem;
+                overflow: hidden;
+                overflow-wrap: anywhere;
+                padding: 8px 8px 8px 2px;
+                text-align: left;
+                white-space: pre-wrap;
+                width: 0;
+                word-break: break-word;
                 font-size: 12px;
             }
 
@@ -31158,24 +32797,14 @@
                 groupDiv.appendChild(toggle);
             }
             for (const attr of group.attributes) {
-                this._generateAttr(groupDiv, type, entity, attr, group.group.Key != "ROOT");
+                this._generateAttr(groupDiv, type, entity, attr);
             }
             this._summary.appendChild(groupDiv);
         }
-        _generateAttr(container, type, entity, path, nested) {
+        _generateAttr(container, type, entity, path) {
             var _a, _b, _c;
             const attrDiv = document.createElement("div");
             attrDiv.className = "NextspaceAttribute";
-            if (nested) {
-                const nestedIconStr = `
-                <svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1V10C1 11.1046 1.89543 12 3 12H10" stroke="#4D5358" stroke-linecap="round" stroke-linejoin="round"></path></svg>
-            `;
-                const nestedIcon = document.createElement("div");
-                nestedIcon.style.marginLeft = "12px";
-                nestedIcon.style.marginRight = "5px";
-                nestedIcon.innerHTML = nestedIconStr;
-                attrDiv.appendChild(nestedIcon);
-            }
             const typeItem = digTypeItem(path, (_b = (_a = type.DataSchema) === null || _a === void 0 ? void 0 : _a.Structure) !== null && _b !== void 0 ? _b : []);
             const attrType = (_c = typeItem === null || typeItem === void 0 ? void 0 : typeItem.Type) !== null && _c !== void 0 ? _c : BModels.EntityAttribute.EType.String;
             const input = document.createElement("div");
@@ -31183,7 +32812,8 @@
             attrDiv.appendChild(input);
             const attrName = document.createElement("div");
             attrName.className = "NextspaceAttributeInputLabel";
-            attrName.innerText = typeItem ? typeItem.Name ? typeItem.Name : typeItem.Key : path[path.length - 1];
+            attrName.textContent = typeItem ? typeItem.Name ? typeItem.Name : typeItem.Key : path[path.length - 1];
+            attrName.title = attrName.textContent;
             input.appendChild(attrName);
             const value = BModels.Entity.GetValue({
                 entity,
@@ -31213,9 +32843,10 @@
                     valueStr = value ? String(value) : "<No value>";
                 }
             }
-            const attrValue = document.createElement("input");
+            const attrValue = document.createElement("div");
             attrValue.className = "NextspaceAttributeInputValue";
-            attrValue.value = String(valueStr);
+            attrValue.textContent = String(valueStr);
+            attrValue.title = String(valueStr);
             input.appendChild(attrValue);
             container.appendChild(attrDiv);
             return attrDiv;
@@ -40446,7 +42077,7 @@
         StyleUtils.ApplyTypeStyle = ApplyTypeStyle;
     })(exports.StyleUtils || (exports.StyleUtils = {}));
 
-    const VERSION = "7.1.0";
+    const VERSION = "7.1.1";
     /**
      * Updates the environment instance used by bruce-cesium to one specified.
      * This can be used to ensure that the instance a parent is referencing is shared between bruce-cesium, bruce-models, and the parent app.
@@ -40481,6 +42112,8 @@
     exports.Draw3dPolyline = Draw3dPolyline;
     exports.WidgetControlViewBarSearch = WidgetControlViewBarSearch;
     exports.WidgetLeftPanelTabBookmarks = WidgetLeftPanelTabBookmarks;
+    exports.WidgetLeftPanelTabDashboard = WidgetLeftPanelTabDashboard;
+    exports.WidgetLeftPanelTabMenuItems = WidgetLeftPanelTabMenuItems;
     exports.VIEWER_BOOKMARKS_WIDGET_KEY = VIEWER_BOOKMARKS_WIDGET_KEY;
     exports.WidgetBookmarks = WidgetBookmarks;
     exports.WidgetBranding = WidgetBranding;