@uptime.link/statuspage 1.4.1 → 1.4.2

package/dist_watch/bundle.js

@@ -41650,7 +41650,7 @@ var c8 = e4(class extends o11 {
 // node_modules/.pnpm/@design.estate+dees-element@2.1.3/node_modules/@design.estate/dees-element/dist_ts/index.js
 var cssManager = CssManager.getSingleton();
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcctools.helpers.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcctools.helpers.js
 var resolveTemplateFactory = async (factoryArg) => {
   return await Promise.resolve(factoryArg());
 };
@@ -41670,7 +41670,7 @@ var hasMultipleDemos = (demo) => {
   return Array.isArray(demo) && demo.length > 1;
 };
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-frame.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-frame.js
 var __esDecorate2 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
   function accept(f6) {
     if (f6 !== void 0 && typeof f6 !== "function") throw new TypeError("Function expected");
@@ -41876,7 +41876,7 @@ var WccFrame = (() => {
   return WccFrame2 = _classThis;
 })();
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-sidebar.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-sidebar.js
 var __esDecorate3 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
   function accept(f6) {
     if (f6 !== void 0 && typeof f6 !== "function") throw new TypeError("Function expected");
@@ -41937,6 +41937,9 @@ var WccSidebar = (() => {
   let _expandedElements_decorators;
   let _expandedElements_initializers = [];
   let _expandedElements_extraInitializers = [];
+  let _collapsedSections_decorators;
+  let _collapsedSections_initializers = [];
+  let _collapsedSections_extraInitializers = [];
   var WccSidebar2 = class extends _classSuper {
     static {
       _classThis = this;
@@ -41948,6 +41951,7 @@ var WccSidebar = (() => {
       _dashboardRef_decorators = [n5()];
       _isNative_decorators = [n5()];
       _expandedElements_decorators = [r5()];
+      _collapsedSections_decorators = [r5()];
       __esDecorate3(this, null, _selectedItem_decorators, { kind: "accessor", name: "selectedItem", static: false, private: false, access: { has: (obj) => "selectedItem" in obj, get: (obj) => obj.selectedItem, set: (obj, value2) => {
         obj.selectedItem = value2;
       } }, metadata: _metadata }, _selectedItem_initializers, _selectedItem_extraInitializers);
@@ -41963,6 +41967,9 @@ var WccSidebar = (() => {
       __esDecorate3(this, null, _expandedElements_decorators, { kind: "accessor", name: "expandedElements", static: false, private: false, access: { has: (obj) => "expandedElements" in obj, get: (obj) => obj.expandedElements, set: (obj, value2) => {
         obj.expandedElements = value2;
       } }, metadata: _metadata }, _expandedElements_initializers, _expandedElements_extraInitializers);
+      __esDecorate3(this, null, _collapsedSections_decorators, { kind: "accessor", name: "collapsedSections", static: false, private: false, access: { has: (obj) => "collapsedSections" in obj, get: (obj) => obj.collapsedSections, set: (obj, value2) => {
+        obj.collapsedSections = value2;
+      } }, metadata: _metadata }, _collapsedSections_initializers, _collapsedSections_extraInitializers);
       __esDecorate3(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
       WccSidebar2 = _classThis = _classDescriptor.value;
       if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -42004,6 +42011,15 @@ var WccSidebar = (() => {
     set expandedElements(value2) {
       this.#expandedElements_accessor_storage = value2;
     }
+    #collapsedSections_accessor_storage = (__runInitializers4(this, _expandedElements_extraInitializers), __runInitializers4(this, _collapsedSections_initializers, /* @__PURE__ */ new Set()));
+    // Track which sections are collapsed
+    get collapsedSections() {
+      return this.#collapsedSections_accessor_storage;
+    }
+    set collapsedSections(value2) {
+      this.#collapsedSections_accessor_storage = value2;
+    }
+    sectionsInitialized = (__runInitializers4(this, _collapsedSections_extraInitializers), false);
     render() {
       return x`
       <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet" />
@@ -42045,7 +42061,7 @@ var WccSidebar = (() => {
           padding: 0.5rem 0;
         }
 
-        h3 {
+        .section-header {
           padding: 0.3rem 0.75rem;
           font-size: 0.65rem;
           font-weight: 500;
@@ -42057,12 +42073,45 @@ var WccSidebar = (() => {
           background: rgba(59, 130, 246, 0.03);
           border-bottom: 1px solid var(--border);
           border-top: 1px solid var(--border);
+          display: flex;
+          align-items: center;
+          gap: 0.5rem;
+          cursor: pointer;
+          user-select: none;
+          transition: all 0.15s ease;
         }
 
-        h3:first-child {
+        .section-header:first-child {
           margin-top: 0;
         }
 
+        .section-header:hover {
+          background: rgba(59, 130, 246, 0.08);
+        }
+
+        .section-header .expand-icon {
+          font-size: 14px;
+          opacity: 0.5;
+          transition: transform 0.2s ease;
+        }
+
+        .section-header.collapsed .expand-icon {
+          transform: rotate(-90deg);
+        }
+
+        .section-header .section-icon {
+          font-size: 14px;
+          opacity: 0.6;
+        }
+
+        .section-content {
+          overflow: hidden;
+        }
+
+        .section-content.collapsed {
+          display: none;
+        }
+
         .material-symbols-outlined {
           font-family: 'Material Symbols Outlined';
           font-weight: normal;
@@ -42196,83 +42245,131 @@ var WccSidebar = (() => {
         }
       </style>
       <div class="menu">
-        <h3>Pages</h3>
-        ${(() => {
-        const pages = Object.keys(this.dashboardRef.pages);
-        return pages.map((pageName) => {
-          const item = this.dashboardRef.pages[pageName];
+        ${this.renderSections()}
+      </div>
+    `;
+    }
+    /**
+     * Initialize collapsed sections from section config
+     */
+    initCollapsedSections() {
+      if (this.sectionsInitialized)
+        return;
+      const collapsed = /* @__PURE__ */ new Set();
+      for (const section of this.dashboardRef.sections) {
+        if (section.collapsed) {
+          collapsed.add(section.name);
+        }
+      }
+      this.collapsedSections = collapsed;
+      this.sectionsInitialized = true;
+    }
+    /**
+     * Render all sections
+     */
+    renderSections() {
+      this.initCollapsedSections();
+      return this.dashboardRef.sections.map((section, index2) => {
+        const isCollapsed = this.collapsedSections.has(section.name);
+        const sectionIcon = section.icon || (section.type === "pages" ? "insert_drive_file" : "widgets");
+        return x`
+        <div
+          class="section-header ${isCollapsed ? "collapsed" : ""}"
+          @click=${() => this.toggleSectionCollapsed(section.name)}
+        >
+          <i class="material-symbols-outlined expand-icon">expand_more</i>
+          ${section.icon ? x`<i class="material-symbols-outlined section-icon">${section.icon}</i>` : null}
+          <span>${section.name}</span>
+        </div>
+        <div class="section-content ${isCollapsed ? "collapsed" : ""}">
+          ${this.renderSectionItems(section)}
+        </div>
+      `;
+      });
+    }
+    /**
+     * Render items for a section
+     */
+    renderSectionItems(section) {
+      const entries = getSectionItems(section);
+      if (section.type === "pages") {
+        return entries.map(([pageName, item]) => {
           return x`
-              <div
-                class="selectOption ${this.selectedItem === item ? "selected" : null}"
-                @click=${async () => {
-            const domtools3 = await dist_ts_exports26.DomTools.setupDomTools();
-            this.selectItem("page", pageName, item, 0);
+          <div
+            class="selectOption ${this.selectedItem === item ? "selected" : ""}"
+            @click=${async () => {
+            await dist_ts_exports26.DomTools.setupDomTools();
+            this.selectItem("page", pageName, item, 0, section);
           }}
-              >
-                <i class="material-symbols-outlined">insert_drive_file</i>
-                <div class="text">${pageName}</div>
-              </div>
-            `;
+          >
+            <i class="material-symbols-outlined">insert_drive_file</i>
+            <div class="text">${pageName}</div>
+          </div>
+        `;
         });
-      })()}
-        <h3>Elements</h3>
-        ${(() => {
-        const elements = Object.keys(this.dashboardRef.elements);
-        return elements.map((elementName) => {
-          const item = this.dashboardRef.elements[elementName];
-          const demoCount = item.demo ? getDemoCount(item.demo) : 0;
-          const isMultiDemo = item.demo && hasMultipleDemos(item.demo);
+      } else {
+        return entries.map(([elementName, item]) => {
+          const anonItem = item;
+          const demoCount = anonItem.demo ? getDemoCount(anonItem.demo) : 0;
+          const isMultiDemo = anonItem.demo && hasMultipleDemos(anonItem.demo);
           const isExpanded = this.expandedElements.has(elementName);
           const isSelected = this.selectedItem === item;
           if (isMultiDemo) {
             return x`
-                <div
-                  class="selectOption folder ${isExpanded ? "expanded" : ""} ${isSelected ? "selected" : ""}"
-                  @click=${() => this.toggleExpanded(elementName)}
-                >
-                  <i class="material-symbols-outlined expand-icon">chevron_right</i>
-                  <i class="material-symbols-outlined">folder</i>
-                  <div class="text">${elementName}</div>
-                </div>
-                ${isExpanded ? x`
-                  <div class="demo-children">
-                    ${Array.from({ length: demoCount }, (_3, i9) => {
+            <div
+              class="selectOption folder ${isExpanded ? "expanded" : ""} ${isSelected ? "selected" : ""}"
+              @click=${() => this.toggleExpanded(elementName)}
+            >
+              <i class="material-symbols-outlined expand-icon">chevron_right</i>
+              <i class="material-symbols-outlined">folder</i>
+              <div class="text">${elementName}</div>
+            </div>
+            ${isExpanded ? x`
+              <div class="demo-children">
+                ${Array.from({ length: demoCount }, (_3, i9) => {
               const demoIndex = i9;
               const isThisDemoSelected = isSelected && this.dashboardRef.selectedDemoIndex === demoIndex;
               return x`
-                        <div
-                          class="demo-child ${isThisDemoSelected ? "selected" : ""}"
-                          @click=${async () => {
+                    <div
+                      class="demo-child ${isThisDemoSelected ? "selected" : ""}"
+                      @click=${async () => {
                 await dist_ts_exports26.DomTools.setupDomTools();
-                this.selectItem("element", elementName, item, demoIndex);
+                this.selectItem("element", elementName, item, demoIndex, section);
               }}
-                        >
-                          <i class="material-symbols-outlined">play_circle</i>
-                          <div class="text">demo${demoIndex + 1}</div>
-                        </div>
-                      `;
+                    >
+                      <i class="material-symbols-outlined">play_circle</i>
+                      <div class="text">demo${demoIndex + 1}</div>
+                    </div>
+                  `;
             })}
-                  </div>
-                ` : null}
-              `;
+              </div>
+            ` : null}
+          `;
           } else {
             return x`
-                <div
-                  class="selectOption ${isSelected ? "selected" : null}"
-                  @click=${async () => {
+            <div
+              class="selectOption ${isSelected ? "selected" : ""}"
+              @click=${async () => {
               await dist_ts_exports26.DomTools.setupDomTools();
-              this.selectItem("element", elementName, item, 0);
+              this.selectItem("element", elementName, item, 0, section);
             }}
-                >
-                  <i class="material-symbols-outlined">featured_video</i>
-                  <div class="text">${elementName}</div>
-                </div>
-              `;
+            >
+              <i class="material-symbols-outlined">featured_video</i>
+              <div class="text">${elementName}</div>
+            </div>
+          `;
           }
         });
-      })()}
-      </div>
-    `;
+      }
+    }
+    toggleSectionCollapsed(sectionName) {
+      const newSet = new Set(this.collapsedSections);
+      if (newSet.has(sectionName)) {
+        newSet.delete(sectionName);
+      } else {
+        newSet.add(sectionName);
+      }
+      this.collapsedSections = newSet;
     }
     toggleExpanded(elementName) {
       const newSet = new Set(this.expandedElements);
@@ -42286,27 +42383,38 @@ var WccSidebar = (() => {
     updated(changedProperties) {
       super.updated(changedProperties);
       if (changedProperties.has("selectedItem") && this.selectedItem) {
-        const elementName = Object.keys(this.dashboardRef.elements).find((name) => this.dashboardRef.elements[name] === this.selectedItem);
-        if (elementName) {
-          const item = this.dashboardRef.elements[elementName];
-          if (item.demo && hasMultipleDemos(item.demo)) {
-            if (!this.expandedElements.has(elementName)) {
-              const newSet = new Set(this.expandedElements);
-              newSet.add(elementName);
-              this.expandedElements = newSet;
+        for (const section of this.dashboardRef.sections) {
+          if (section.type !== "elements")
+            continue;
+          const entries = getSectionItems(section);
+          const found = entries.find(([_3, item]) => item === this.selectedItem);
+          if (found) {
+            const [elementName, item] = found;
+            const anonItem = item;
+            if (anonItem.demo && hasMultipleDemos(anonItem.demo)) {
+              if (!this.expandedElements.has(elementName)) {
+                const newSet = new Set(this.expandedElements);
+                newSet.add(elementName);
+                this.expandedElements = newSet;
+              }
             }
+            break;
           }
         }
       }
     }
-    selectItem(typeArg, itemNameArg, itemArg, demoIndex = 0) {
+    selectItem(typeArg, itemNameArg, itemArg, demoIndex = 0, section) {
       console.log("selected item");
       console.log(itemNameArg);
       console.log(itemArg);
       console.log("demo index:", demoIndex);
+      console.log("section:", section?.name);
       this.selectedItem = itemArg;
       this.selectedType = typeArg;
       this.dashboardRef.selectedDemoIndex = demoIndex;
+      if (section) {
+        this.dashboardRef.selectedSection = section;
+      }
       this.dispatchEvent(new CustomEvent("selectedType", {
         detail: typeArg
       }));
@@ -42319,15 +42427,11 @@ var WccSidebar = (() => {
       this.dashboardRef.buildUrl();
       this.requestUpdate();
     }
-    constructor() {
-      super(...arguments);
-      __runInitializers4(this, _expandedElements_extraInitializers);
-    }
   };
   return WccSidebar2 = _classThis;
 })();
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-record-button.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-record-button.js
 var __esDecorate4 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
   function accept(f6) {
     if (f6 !== void 0 && typeof f6 !== "function") throw new TypeError("Function expected");
@@ -42509,7 +42613,7 @@ var WccRecordButton = (() => {
   return WccRecordButton2 = _classThis;
 })();
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/services/recorder.service.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/services/recorder.service.js
 var RecorderService = class {
   // Recording state
   mediaRecorder = null;
@@ -42782,7 +42886,7 @@ var RecorderService = class {
   }
 };
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-recording-panel.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-recording-panel.js
 var __esDecorate5 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
   function accept(f6) {
     if (f6 !== void 0 && typeof f6 !== "function") throw new TypeError("Function expected");
@@ -43924,7 +44028,7 @@ var WccRecordingPanel = (() => {
   return WccRecordingPanel2 = _classThis;
 })();
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-properties.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-properties.js
 var __esDecorate6 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
   function accept(f6) {
     if (f6 !== void 0 && typeof f6 !== "function") throw new TypeError("Function expected");
@@ -45080,7 +45184,7 @@ var WccProperties = (() => {
   return WccProperties2 = _classThis;
 })();
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-dashboard.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/elements/wcc-dashboard.js
 var __esDecorate7 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
   function accept(f6) {
     if (f6 !== void 0 && typeof f6 !== "function") throw new TypeError("Function expected");
@@ -45120,12 +45224,28 @@ var __runInitializers8 = function(thisArg, initializers, value2) {
   }
   return useValue ? value2 : void 0;
 };
+var getSectionItems = (section) => {
+  let entries = Object.entries(section.items);
+  if (section.filter) {
+    entries = entries.filter(([name, item]) => section.filter(name, item));
+  }
+  if (section.sort) {
+    entries.sort(section.sort);
+  }
+  return entries;
+};
 var WccDashboard = (() => {
   let _classDecorators = [t4("wcc-dashboard")];
   let _classDescriptor;
   let _classExtraInitializers = [];
   let _classThis;
   let _classSuper = DeesElement;
+  let _sections_decorators;
+  let _sections_initializers = [];
+  let _sections_extraInitializers = [];
+  let _selectedSection_decorators;
+  let _selectedSection_initializers = [];
+  let _selectedSection_extraInitializers = [];
   let _selectedType_decorators;
   let _selectedType_initializers = [];
   let _selectedType_extraInitializers = [];
@@ -45144,12 +45264,6 @@ var WccDashboard = (() => {
   let _selectedTheme_decorators;
   let _selectedTheme_initializers = [];
   let _selectedTheme_extraInitializers = [];
-  let _pages_decorators;
-  let _pages_initializers = [];
-  let _pages_extraInitializers = [];
-  let _elements_decorators;
-  let _elements_initializers = [];
-  let _elements_extraInitializers = [];
   let _warning_decorators;
   let _warning_initializers = [];
   let _warning_extraInitializers = [];
@@ -45162,16 +45276,22 @@ var WccDashboard = (() => {
     }
     static {
       const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+      _sections_decorators = [n5()];
+      _selectedSection_decorators = [n5()];
       _selectedType_decorators = [n5()];
       _selectedItemName_decorators = [n5()];
       _selectedItem_decorators = [n5()];
       _selectedDemoIndex_decorators = [n5({ type: Number })];
       _selectedViewport_decorators = [n5()];
       _selectedTheme_decorators = [n5()];
-      _pages_decorators = [n5()];
-      _elements_decorators = [n5()];
       _warning_decorators = [n5()];
       _wccFrame_decorators = [r7("wcc-frame")];
+      __esDecorate7(this, null, _sections_decorators, { kind: "accessor", name: "sections", static: false, private: false, access: { has: (obj) => "sections" in obj, get: (obj) => obj.sections, set: (obj, value2) => {
+        obj.sections = value2;
+      } }, metadata: _metadata }, _sections_initializers, _sections_extraInitializers);
+      __esDecorate7(this, null, _selectedSection_decorators, { kind: "accessor", name: "selectedSection", static: false, private: false, access: { has: (obj) => "selectedSection" in obj, get: (obj) => obj.selectedSection, set: (obj, value2) => {
+        obj.selectedSection = value2;
+      } }, metadata: _metadata }, _selectedSection_initializers, _selectedSection_extraInitializers);
       __esDecorate7(this, null, _selectedType_decorators, { kind: "accessor", name: "selectedType", static: false, private: false, access: { has: (obj) => "selectedType" in obj, get: (obj) => obj.selectedType, set: (obj, value2) => {
         obj.selectedType = value2;
       } }, metadata: _metadata }, _selectedType_initializers, _selectedType_extraInitializers);
@@ -45190,12 +45310,6 @@ var WccDashboard = (() => {
       __esDecorate7(this, null, _selectedTheme_decorators, { kind: "accessor", name: "selectedTheme", static: false, private: false, access: { has: (obj) => "selectedTheme" in obj, get: (obj) => obj.selectedTheme, set: (obj, value2) => {
         obj.selectedTheme = value2;
       } }, metadata: _metadata }, _selectedTheme_initializers, _selectedTheme_extraInitializers);
-      __esDecorate7(this, null, _pages_decorators, { kind: "accessor", name: "pages", static: false, private: false, access: { has: (obj) => "pages" in obj, get: (obj) => obj.pages, set: (obj, value2) => {
-        obj.pages = value2;
-      } }, metadata: _metadata }, _pages_initializers, _pages_extraInitializers);
-      __esDecorate7(this, null, _elements_decorators, { kind: "accessor", name: "elements", static: false, private: false, access: { has: (obj) => "elements" in obj, get: (obj) => obj.elements, set: (obj, value2) => {
-        obj.elements = value2;
-      } }, metadata: _metadata }, _elements_initializers, _elements_extraInitializers);
       __esDecorate7(this, null, _warning_decorators, { kind: "accessor", name: "warning", static: false, private: false, access: { has: (obj) => "warning" in obj, get: (obj) => obj.warning, set: (obj, value2) => {
         obj.warning = value2;
       } }, metadata: _metadata }, _warning_initializers, _warning_extraInitializers);
@@ -45207,7 +45321,21 @@ var WccDashboard = (() => {
       if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
       __runInitializers8(_classThis, _classExtraInitializers);
     }
-    #selectedType_accessor_storage = __runInitializers8(this, _selectedType_initializers, void 0);
+    #sections_accessor_storage = __runInitializers8(this, _sections_initializers, []);
+    get sections() {
+      return this.#sections_accessor_storage;
+    }
+    set sections(value2) {
+      this.#sections_accessor_storage = value2;
+    }
+    #selectedSection_accessor_storage = (__runInitializers8(this, _sections_extraInitializers), __runInitializers8(this, _selectedSection_initializers, null));
+    get selectedSection() {
+      return this.#selectedSection_accessor_storage;
+    }
+    set selectedSection(value2) {
+      this.#selectedSection_accessor_storage = value2;
+    }
+    #selectedType_accessor_storage = (__runInitializers8(this, _selectedSection_extraInitializers), __runInitializers8(this, _selectedType_initializers, void 0));
     get selectedType() {
       return this.#selectedType_accessor_storage;
     }
@@ -45253,21 +45381,7 @@ var WccDashboard = (() => {
     get isNative() {
       return this.selectedViewport === "native";
     }
-    #pages_accessor_storage = (__runInitializers8(this, _selectedTheme_extraInitializers), __runInitializers8(this, _pages_initializers, {}));
-    get pages() {
-      return this.#pages_accessor_storage;
-    }
-    set pages(value2) {
-      this.#pages_accessor_storage = value2;
-    }
-    #elements_accessor_storage = (__runInitializers8(this, _pages_extraInitializers), __runInitializers8(this, _elements_initializers, {}));
-    get elements() {
-      return this.#elements_accessor_storage;
-    }
-    set elements(value2) {
-      this.#elements_accessor_storage = value2;
-    }
-    #warning_accessor_storage = (__runInitializers8(this, _elements_extraInitializers), __runInitializers8(this, _warning_initializers, null));
+    #warning_accessor_storage = (__runInitializers8(this, _selectedTheme_extraInitializers), __runInitializers8(this, _warning_initializers, null));
     get warning() {
       return this.#warning_accessor_storage;
     }
@@ -45284,16 +45398,31 @@ var WccDashboard = (() => {
     set wccFrame(value2) {
       this.#wccFrame_accessor_storage = value2;
     }
-    constructor(elementsArg, pagesArg) {
+    constructor(config2) {
       super();
-      if (elementsArg) {
-        this.elements = elementsArg;
-        console.log("got elements:");
-        console.log(this.elements);
+      if (config2 && config2.sections) {
+        this.sections = config2.sections;
+        console.log("got sections:", this.sections.map((s8) => s8.name));
       }
-      if (pagesArg) {
-        this.pages = pagesArg;
+    }
+    /**
+     * Find an item by name across all sections, returns the item and its section
+     */
+    findItemByName(name) {
+      for (const section of this.sections) {
+        const entries = getSectionItems(section);
+        const found = entries.find(([itemName]) => itemName === name);
+        if (found) {
+          return { item: found[1], section };
+        }
       }
+      return null;
+    }
+    /**
+     * Find a section by name (URL-decoded)
+     */
+    findSectionByName(name) {
+      return this.sections.find((s8) => s8.name === name) || null;
     }
     render() {
       return x`
@@ -45374,16 +45503,30 @@ var WccDashboard = (() => {
       setTimeout(() => {
         this.setupScrollListeners();
       }, 500);
-      this.domtools.router.on("/wcctools-route/:itemType/:itemName/:demoIndex/:viewport/:theme", async (routeInfo) => {
-        this.selectedType = routeInfo.params.itemType;
+      this.domtools.router.on("/wcctools-route/:sectionName/:itemName/:demoIndex/:viewport/:theme", async (routeInfo) => {
+        const sectionName = decodeURIComponent(routeInfo.params.sectionName);
+        this.selectedSection = this.findSectionByName(sectionName);
         this.selectedItemName = routeInfo.params.itemName;
         this.selectedDemoIndex = parseInt(routeInfo.params.demoIndex) || 0;
         this.selectedViewport = routeInfo.params.viewport;
         this.selectedTheme = routeInfo.params.theme;
-        if (routeInfo.params.itemType === "element") {
-          this.selectedItem = this.elements[routeInfo.params.itemName];
-        } else if (routeInfo.params.itemType === "page") {
-          this.selectedItem = this.pages[routeInfo.params.itemName];
+        if (this.selectedSection) {
+          const entries = getSectionItems(this.selectedSection);
+          const found = entries.find(([name]) => name === routeInfo.params.itemName);
+          if (found) {
+            this.selectedItem = found[1];
+            this.selectedType = this.selectedSection.type === "elements" ? "element" : "page";
+          }
+        } else {
+          const legacyType = routeInfo.params.sectionName;
+          if (legacyType === "element" || legacyType === "page") {
+            this.selectedType = legacyType;
+            const result = this.findItemByName(routeInfo.params.itemName);
+            if (result) {
+              this.selectedItem = result.item;
+              this.selectedSection = result.section;
+            }
+          }
         }
         if (routeInfo.queryParams) {
           const frameScrollY = routeInfo.queryParams.frameScrollY;
@@ -45401,16 +45544,30 @@ var WccDashboard = (() => {
         const domtoolsInstance = await dist_ts_exports26.elementBasic.setup();
         this.selectedTheme === "bright" ? domtoolsInstance.themeManager.goBright() : domtoolsInstance.themeManager.goDark();
       });
-      this.domtools.router.on("/wcctools-route/:itemType/:itemName/:viewport/:theme", async (routeInfo) => {
-        this.selectedType = routeInfo.params.itemType;
+      this.domtools.router.on("/wcctools-route/:sectionName/:itemName/:viewport/:theme", async (routeInfo) => {
+        const sectionName = decodeURIComponent(routeInfo.params.sectionName);
+        this.selectedSection = this.findSectionByName(sectionName);
         this.selectedItemName = routeInfo.params.itemName;
         this.selectedDemoIndex = 0;
         this.selectedViewport = routeInfo.params.viewport;
         this.selectedTheme = routeInfo.params.theme;
-        if (routeInfo.params.itemType === "element") {
-          this.selectedItem = this.elements[routeInfo.params.itemName];
-        } else if (routeInfo.params.itemType === "page") {
-          this.selectedItem = this.pages[routeInfo.params.itemName];
+        if (this.selectedSection) {
+          const entries = getSectionItems(this.selectedSection);
+          const found = entries.find(([name]) => name === routeInfo.params.itemName);
+          if (found) {
+            this.selectedItem = found[1];
+            this.selectedType = this.selectedSection.type === "elements" ? "element" : "page";
+          }
+        } else {
+          const legacyType = routeInfo.params.sectionName;
+          if (legacyType === "element" || legacyType === "page") {
+            this.selectedType = legacyType;
+            const result = this.findItemByName(routeInfo.params.itemName);
+            if (result) {
+              this.selectedItem = result.item;
+              this.selectedSection = result.section;
+            }
+          }
         }
         if (routeInfo.queryParams) {
           const frameScrollY = routeInfo.queryParams.frameScrollY;
@@ -45474,7 +45631,8 @@ var WccDashboard = (() => {
       }
     }
     buildUrl() {
-      const baseUrl = `/wcctools-route/${this.selectedType}/${this.selectedItemName}/${this.selectedDemoIndex}/${this.selectedViewport}/${this.selectedTheme}`;
+      const sectionName = this.selectedSection ? encodeURIComponent(this.selectedSection.name) : this.selectedType;
+      const baseUrl = `/wcctools-route/${sectionName}/${this.selectedItemName}/${this.selectedDemoIndex}/${this.selectedViewport}/${this.selectedTheme}`;
       const queryParams = new URLSearchParams();
       if (this.frameScrollY > 0) {
         queryParams.set("frameScrollY", this.frameScrollY.toString());
@@ -45515,7 +45673,8 @@ var WccDashboard = (() => {
       }, 300);
     }
     updateUrlWithScrollState() {
-      const baseUrl = `/wcctools-route/${this.selectedType}/${this.selectedItemName}/${this.selectedDemoIndex}/${this.selectedViewport}/${this.selectedTheme}`;
+      const sectionName = this.selectedSection ? encodeURIComponent(this.selectedSection.name) : this.selectedType;
+      const baseUrl = `/wcctools-route/${sectionName}/${this.selectedItemName}/${this.selectedDemoIndex}/${this.selectedViewport}/${this.selectedTheme}`;
       const queryParams = new URLSearchParams();
       if (this.frameScrollY > 0) {
         queryParams.set("frameScrollY", this.frameScrollY.toString());
@@ -45545,13 +45704,40 @@ var WccDashboard = (() => {
   return WccDashboard2 = _classThis;
 })();
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/index.js
-var setupWccTools = (elementsArg, pagesArg) => {
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_web/index.js
+var convertLegacyToConfig = (elementsArg, pagesArg) => {
+  const sections = [];
+  if (pagesArg && Object.keys(pagesArg).length > 0) {
+    sections.push({
+      name: "Pages",
+      type: "pages",
+      items: pagesArg
+    });
+  }
+  if (elementsArg && Object.keys(elementsArg).length > 0) {
+    sections.push({
+      name: "Elements",
+      type: "elements",
+      items: elementsArg
+    });
+  }
+  return { sections };
+};
+var isWccConfig = (arg) => {
+  return arg && typeof arg === "object" && "sections" in arg && Array.isArray(arg.sections);
+};
+var setupWccTools = (configOrElements, pagesArg) => {
+  let config2;
+  if (isWccConfig(configOrElements)) {
+    config2 = configOrElements;
+  } else {
+    config2 = convertLegacyToConfig(configOrElements, pagesArg);
+  }
   let hasRun = false;
   const runWccToolsSetup = async () => {
     if (document.readyState === "complete" && !hasRun) {
       hasRun = true;
-      const wccTools = new WccDashboard(elementsArg, pagesArg);
+      const wccTools = new WccDashboard(config2);
       document.querySelector("body").append(wccTools);
     }
   };
@@ -45559,7 +45745,7 @@ var setupWccTools = (elementsArg, pagesArg) => {
   runWccToolsSetup();
 };
 
-// node_modules/.pnpm/@design.estate+dees-wcctools@3.2.0/node_modules/@design.estate/dees-wcctools/dist_ts_demotools/demotools.js
+// node_modules/.pnpm/@design.estate+dees-wcctools@3.3.0/node_modules/@design.estate/dees-wcctools/dist_ts_demotools/demotools.js
 var __esDecorate8 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
   function accept(f6) {
     if (f6 !== void 0 && typeof f6 !== "function") throw new TypeError("Function expected");
@@ -49268,27 +49454,25 @@ __publicField(UplStatuspageHeader, "styles", [
 ]);
 __runInitializers(_init4, 1, UplStatuspageHeader);
 
-// node_modules/.pnpm/@uptime.link+interfaces@2.0.21/node_modules/@uptime.link/interfaces/dist_ts/index.js
-var dist_ts_exports29 = {};
-__export(dist_ts_exports29, {
+// node_modules/.pnpm/@uptime.link+interfaces@2.1.0/node_modules/@uptime.link/interfaces/dist_ts/index.js
+var dist_ts_exports28 = {};
+__export(dist_ts_exports28, {
   data: () => data_exports,
   requests: () => requests_exports
 });
 
-// node_modules/.pnpm/@uptime.link+interfaces@2.0.21/node_modules/@uptime.link/interfaces/dist_ts/requests/index.js
+// node_modules/.pnpm/@uptime.link+interfaces@2.1.0/node_modules/@uptime.link/interfaces/dist_ts/requests/index.js
 var requests_exports = {};
 
-// node_modules/.pnpm/@apiglobal+typedrequest-interfaces@2.0.1/node_modules/@apiglobal/typedrequest-interfaces/dist_ts/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/index.js
 var dist_ts_exports27 = {};
-
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/index.js
-var dist_ts_exports28 = {};
-__export(dist_ts_exports28, {
+__export(dist_ts_exports27, {
   business: () => business_exports2,
   code: () => code_exports2,
   container: () => container_exports2,
   content: () => content_exports2,
   database: () => database_exports2,
+  descriptors: () => descriptors_exports,
   finance: () => finance_exports2,
   general: () => general_exports2,
   network: () => network_exports2,
@@ -49297,66 +49481,67 @@ __export(dist_ts_exports28, {
   website: () => website_exports2
 });
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/business/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/business/index.js
 var business_exports2 = {};
-__export(business_exports2, {
-  IJob: () => IJob2
-});
-
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/finance/index.js
-var finance_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/business/job.js
-var IJob2 = class {
-};
-
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/database/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/database/index.js
 var database_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/code/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/finance/index.js
+var finance_exports2 = {};
+
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/code/index.js
 var code_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/container/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/container/index.js
 var container_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/content/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/descriptors/index.js
+var descriptors_exports = {};
+
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/content/index.js
 var content_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/general/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/general/index.js
 var general_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/network/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/network/index.js
 var network_exports2 = {};
 __export(network_exports2, {
   ICnameDescriptor: () => ICnameDescriptor2
 });
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/network/cname.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/network/cname.js
 var ICnameDescriptor2 = class {
 };
-;
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/saas/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/saas/index.js
 var saas_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/storage/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/storage/index.js
 var storage_exports2 = {};
 
-// node_modules/.pnpm/@tsclass+tsclass@4.0.61/node_modules/@tsclass/tsclass/dist_ts/website/index.js
+// node_modules/.pnpm/@tsclass+tsclass@9.3.0/node_modules/@tsclass/tsclass/dist_ts/website/index.js
 var website_exports2 = {};
 
-// node_modules/.pnpm/@uptime.link+interfaces@2.0.21/node_modules/@uptime.link/interfaces/dist_ts/data/checks/index.js
-var checks_exports = {};
-
-// node_modules/.pnpm/@uptime.link+interfaces@2.0.21/node_modules/@uptime.link/interfaces/dist_ts/data/index.js
+// node_modules/.pnpm/@uptime.link+interfaces@2.1.0/node_modules/@uptime.link/interfaces/dist_ts/data/index.js
 var data_exports = {};
 __export(data_exports, {
   IUplinkProperty: () => IUplinkProperty,
   checks: () => checks_exports
 });
 
-// node_modules/.pnpm/@uptime.link+interfaces@2.0.21/node_modules/@uptime.link/interfaces/dist_ts/data/property.js
+// node_modules/.pnpm/@uptime.link+interfaces@2.1.0/node_modules/@uptime.link/interfaces/dist_ts/data/checks/index.js
+var checks_exports = {};
+
+// node_modules/.pnpm/@uptime.link+interfaces@2.1.0/node_modules/@uptime.link/interfaces/dist_ts/data/property.js
 var IUplinkProperty = class {
+  wgOrgIdRef;
+  wgPropertyIdRef;
+  name;
+  type;
+  access;
+  checkCollectionIdRefs;
 };
 
 // ts_web/elements/upl-statuspage-incidents.demo.ts