web-mojo 2.2.57 → 2.2.58

package/dist/index.es.js

@@ -1,3253 +1,2 @@
-import { B, a, V, b, c, d } from "./chunks/version-OyPGnx30.js";
-import { V as View, d as dataFormatter, M as Mustache } from "./chunks/Rest-W-sPfGh9.js";
-import { D, E, a as a2, r } from "./chunks/Rest-W-sPfGh9.js";
-import { G as GroupList, a as Group, P as Page, T as ToastService, U as User } from "./chunks/ContextMenu-sgvgSACY.js";
-import { C, b as b2, e, f, g, h, i, d as d2, c as c2 } from "./chunks/ContextMenu-sgvgSACY.js";
-import { W as WebApp } from "./chunks/WebApp-6qvqmOts.js";
-import { E as E2, R } from "./chunks/WebApp-6qvqmOts.js";
-import { C as C2, M } from "./chunks/Collection-DaiL0uGl.js";
-import { M as Member } from "./chunks/ChatView-9k6xBWXk.js";
-import { a1, e as e2, d as d3, C as C3, a5, a6, a3, D as D2, E as E3, k, j, s, u, t, y, A, z, v, x, w, F, f as f2, az, aA, H, I, G, B as B2, K, U, V as V2, J, Q, R as R2, N, O, a0, a7, ac, ad, a9, a8, aa, ab, af, ah, ag, ae, L, ai, aj, l, n, m, a2 as a22, al, ak, ao, am, an, P, at, ax, au, av, aw, ap, aq, ar, ay, as, Z, $, _, W, Y, X, S, i as i2, h as h2, o, r as r2, q, c as c3, b as b3, a as a4, T, aB, aG, aF, aC, aD, aE, a4 as a42, g as g2, p } from "./chunks/ChatView-9k6xBWXk.js";
-import { S as SimpleSearchView, T as TokenManager, a as TopNav } from "./chunks/TokenManager-DoN9e6q6.js";
-import Dialog from "./chunks/Dialog-DOGDalUq.js";
-import { L as L2, a as a10 } from "./chunks/ListView-X5w5jf51.js";
-import { default as default2 } from "./chunks/DataView-Dzo0jbs2.js";
-import { F as FormView } from "./chunks/FormView-Dz3mYasQ.js";
-import { a as a11 } from "./chunks/FormView-Dz3mYasQ.js";
-import { W as W2 } from "./chunks/WebSocketClient-DG2olXpH.js";
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
-const LEVELS = Object.freeze({
-  silent: 0,
-  error: 1,
-  warn: 2,
-  info: 3,
-  log: 3,
-  // alias to info
-  debug: 4,
-  trace: 5,
-  all: 5
-  // alias
-});
-const isDev = (() => {
-  try {
-    if (typeof import.meta !== "undefined" && import.meta && __vite_import_meta_env__ && true) {
-      return false;
-    }
-  } catch {
-  }
-  if (typeof globalThis !== "undefined" && typeof globalThis.__DEV__ !== "undefined") {
-    try {
-      return !!globalThis.__DEV__;
-    } catch {
-    }
-  }
-  const hasProcess = typeof process !== "undefined" && process && typeof process.env === "object";
-  if (hasProcess && typeof process.env.NODE_ENV === "string") {
-    return process.env.NODE_ENV !== "production";
-  }
-  return false;
-})();
-const isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-const GLOBAL = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : global;
-const ORIGINAL_CONSOLE = GLOBAL.console || {};
-const ORIGINALS = {};
-let INSTALLED = false;
-let CURRENT_LEVEL = null;
-const DEFAULT_DEV_LEVEL = "debug";
-const DEFAULT_PROD_LEVEL = "warn";
-function parseLevel(level) {
-  if (typeof level === "number") {
-    const min = LEVELS.silent;
-    const max = LEVELS.trace;
-    return Math.min(Math.max(level, min), max);
-  }
-  if (typeof level === "string") {
-    const key = level.toLowerCase();
-    if (Object.prototype.hasOwnProperty.call(LEVELS, key)) {
-      return LEVELS[key];
-    }
-  }
-  return null;
-}
-function getUrlLogLevel() {
-  if (!isBrowser || typeof location === "undefined" || !location.search) return null;
-  try {
-    const params = new URLSearchParams(location.search);
-    const keys = ["logLevel", "loglevel", "mojoLog"];
-    for (const k2 of keys) {
-      const v2 = params.get(k2);
-      if (v2 != null) {
-        const parsed = parseLevel(v2);
-        if (parsed !== null) return parsed;
-      }
-    }
-  } catch {
-  }
-  return null;
-}
-function getStoredLogLevel() {
-  if (!isBrowser || !("localStorage" in GLOBAL)) return null;
-  try {
-    const v2 = GLOBAL.localStorage.getItem("MOJO_LOG_LEVEL");
-    if (v2 != null) {
-      const parsed = parseLevel(v2);
-      if (parsed !== null) return parsed;
-    }
-  } catch {
-  }
-  return null;
-}
-function storeLogLevel(levelNumberOrName) {
-  if (!isBrowser || !("localStorage" in GLOBAL)) return;
-  try {
-    const key = typeof levelNumberOrName === "string" ? levelNumberOrName : levelNumberOrName === null ? null : Object.entries(LEVELS).find(([, num]) => num === levelNumberOrName)?.[0] ?? null;
-    if (key) {
-      GLOBAL.localStorage.setItem("MOJO_LOG_LEVEL", key);
-    } else {
-      GLOBAL.localStorage.removeItem("MOJO_LOG_LEVEL");
-    }
-  } catch {
-  }
-}
-function makeWrapper(methodName, methodLevel) {
-  const original = ORIGINALS[methodName] || ORIGINAL_CONSOLE[methodName] || (() => {
-  });
-  return function wrappedConsoleMethod(...args) {
-    if (CURRENT_LEVEL >= methodLevel) {
-      return original.apply(ORIGINAL_CONSOLE, args);
-    }
-    return void 0;
-  };
-}
-function makeAssertWrapper() {
-  const original = ORIGINALS.assert || ORIGINAL_CONSOLE.assert || (() => {
-  });
-  return function wrappedAssert(condition, ...args) {
-    if (!condition) {
-      if (CURRENT_LEVEL >= LEVELS.error) {
-        return original.apply(ORIGINAL_CONSOLE, [condition, ...args]);
-      }
-      return void 0;
-    }
-    return void 0;
-  };
-}
-function determineInitialLevel(explicitLevel) {
-  const explicit = parseLevel(explicitLevel);
-  if (explicit !== null) return explicit;
-  const urlLevel = getUrlLogLevel();
-  if (urlLevel !== null) return urlLevel;
-  const storedLevel = getStoredLogLevel();
-  if (storedLevel !== null) return storedLevel;
-  return parseLevel(isDev ? DEFAULT_DEV_LEVEL : DEFAULT_PROD_LEVEL);
-}
-function buildPatchedConsole() {
-  const patched = { ...ORIGINAL_CONSOLE };
-  const methodLevels = {
-    // Critical
-    error: LEVELS.error,
-    warn: LEVELS.warn,
-    // Informational
-    info: LEVELS.info,
-    log: LEVELS.info,
-    dir: LEVELS.info,
-    table: LEVELS.info,
-    // Verbose / Debug
-    debug: LEVELS.debug,
-    group: LEVELS.debug,
-    groupCollapsed: LEVELS.debug,
-    groupEnd: LEVELS.debug,
-    time: LEVELS.debug,
-    timeEnd: LEVELS.debug,
-    timeLog: LEVELS.debug,
-    trace: LEVELS.trace
-  };
-  for (const name of Object.keys(methodLevels)) {
-    ORIGINALS[name] = ORIGINAL_CONSOLE[name] || (() => {
-    });
-    patched[name] = makeWrapper(name, methodLevels[name]);
-  }
-  ORIGINALS.assert = ORIGINAL_CONSOLE.assert || (() => {
-  });
-  patched.assert = makeAssertWrapper();
-  return patched;
-}
-const ConsoleSilencer = {
-  // Install the silencer (idempotent)
-  install(options = {}) {
-    if (INSTALLED) {
-      if (options && typeof options.level !== "undefined") {
-        this.setLevel(options.level, { persist: !!options.persist });
-      }
-      return this;
-    }
-    if (!GLOBAL || !ORIGINAL_CONSOLE) {
-      INSTALLED = true;
-      return this;
-    }
-    CURRENT_LEVEL = determineInitialLevel(options.level);
-    const patched = buildPatchedConsole();
-    GLOBAL.console = patched;
-    INSTALLED = true;
-    GLOBAL.MOJOConsoleSilencer = this;
-    return this;
-  },
-  // Uninstall and restore the original console
-  uninstall() {
-    if (!INSTALLED) return this;
-    try {
-      GLOBAL.console = ORIGINAL_CONSOLE;
-    } catch {
-    }
-    INSTALLED = false;
-    return this;
-  },
-  // Set current level at runtime; accepts string or number
-  // levels: 'silent' | 'error' | 'warn' | 'info' | 'debug' | 'trace'
-  setLevel(level, { persist = false } = {}) {
-    const parsed = parseLevel(level);
-    if (parsed === null) return this;
-    CURRENT_LEVEL = parsed;
-    if (persist) {
-      storeLogLevel(level);
-    }
-    return this;
-  },
-  // Get the current numeric level
-  getLevel() {
-    return CURRENT_LEVEL;
-  },
-  // Get the current level name (best-effort)
-  getLevelName() {
-    const entry = Object.entries(LEVELS).find(([, num]) => num === CURRENT_LEVEL);
-    return entry ? entry[0] : null;
-  },
-  // Convenience helpers
-  criticalOnly({ persist = false } = {}) {
-    return this.setLevel("warn", { persist });
-  },
-  errorsOnly({ persist = false } = {}) {
-    return this.setLevel("error", { persist });
-  },
-  silent({ persist = false } = {}) {
-    return this.setLevel("silent", { persist });
-  },
-  verbose({ persist = false } = {}) {
-    return this.setLevel(isDev ? "debug" : "info", { persist });
-  },
-  allowAll({ persist = false } = {}) {
-    return this.setLevel("trace", { persist });
-  },
-  // Run a block with a temporary level, then restore
-  withTemporaryLevel(level, fn) {
-    const prev = CURRENT_LEVEL;
-    const parsed = parseLevel(level);
-    if (parsed === null || typeof fn !== "function") return fn?.();
-    CURRENT_LEVEL = parsed;
-    try {
-      return fn();
-    } finally {
-      CURRENT_LEVEL = prev;
-    }
-  },
-  // Expose levels map for consumers
-  LEVELS
-};
-const installConsoleSilencer = (options) => ConsoleSilencer.install(options);
-class GroupSearchView extends SimpleSearchView {
-  constructor(options = {}) {
-    super({
-      ...options,
-      className: `group-search-view ${options.className || ""}`.trim()
-    });
-    this.showKind = options.showKind !== void 0 ? options.showKind : true;
-    this.parentField = options.parentField || "parent";
-    this.kindField = options.kindField || "kind";
-    this.treeData = [];
-    this.flattenedItems = [];
-    this.showLines = options.showLines !== void 0 ? options.showLines : true;
-  }
-  /**
-   * Build tree hierarchy from flat list
-   */
-  buildTreeHierarchy(items) {
-    if (!items || items.length === 0) {
-      return [];
-    }
-    const itemsById = /* @__PURE__ */ new Map();
-    items.forEach((item) => {
-      if (!itemsById.has(item.id)) {
-        itemsById.set(item.id, {
-          ...item,
-          children: [],
-          level: 0,
-          hasChildren: false
-        });
-      }
-      const parentObj = item[this.parentField];
-      if (parentObj && parentObj.id && !itemsById.has(parentObj.id)) {
-        itemsById.set(parentObj.id, {
-          ...parentObj,
-          children: [],
-          level: 0,
-          hasChildren: false
-        });
-      }
-    });
-    const rootItems = [];
-    itemsById.forEach((treeItem, itemId) => {
-      const originalItem = items.find((i3) => i3.id === itemId) || treeItem;
-      const parentId = originalItem[this.parentField]?.id;
-      if (parentId && itemsById.has(parentId)) {
-        const parent = itemsById.get(parentId);
-        parent.children.push(treeItem);
-        parent.hasChildren = true;
-      } else {
-        rootItems.push(treeItem);
-      }
-    });
-    const calculateLevels = (nodes, level = 0) => {
-      nodes.forEach((node) => {
-        node.level = level;
-        if (node.children.length > 0) {
-          node.children.sort((a12, b4) => (a12.name || "").localeCompare(b4.name || ""));
-          calculateLevels(node.children, level + 1);
-        }
-      });
-    };
-    rootItems.sort((a12, b4) => (a12.name || "").localeCompare(b4.name || ""));
-    calculateLevels(rootItems);
-    return rootItems;
-  }
-  /**
-   * Flatten tree structure for rendering
-   * Tracks ancestor "last child" flags for proper line rendering
-   */
-  flattenTree(nodes, result = [], ancestorLastFlags = []) {
-    nodes.forEach((node, index2) => {
-      node._isLastChild = index2 === nodes.length - 1;
-      node._ancestorLastFlags = [...ancestorLastFlags];
-      const allAncestorsLast = ancestorLastFlags.every((flag) => flag);
-      node._isLastDescendant = allAncestorsLast && node._isLastChild && (!node.children || node.children.length === 0);
-      result.push(node);
-      if (node.children && node.children.length > 0) {
-        const newFlags = [...ancestorLastFlags, node._isLastChild];
-        this.flattenTree(node.children, result, newFlags);
-      }
-    });
-    return result;
-  }
-  /**
-   * Second pass: compute which vertical lines should continue for each item
-   * 
-   * Vertical line at segment s shows if there are more siblings coming at level s+1
-   * We need to look ahead until we find an item at level s+1 or shallower
-   */
-  computeVerticalLines(flatList) {
-    for (let i3 = 0; i3 < flatList.length; i3++) {
-      const item = flatList[i3];
-      item._continueVertical = [];
-      for (let s2 = 0; s2 < item.level; s2++) {
-        let foundSibling = false;
-        for (let j2 = i3 + 1; j2 < flatList.length; j2++) {
-          const futureItem = flatList[j2];
-          if (futureItem.level === s2 + 1) {
-            foundSibling = true;
-            break;
-          } else if (futureItem.level <= s2) {
-            break;
-          }
-        }
-        item._continueVertical[s2] = foundSibling;
-      }
-    }
-  }
-  /**
-   * Update filtered items with tree structure
-   */
-  updateFilteredItems() {
-    if (!this.collection) {
-      this.filteredItems = [];
-      this.treeData = [];
-      this.flattenedItems = [];
-      return;
-    }
-    const items = this.collection.toJSON();
-    this.treeData = this.buildTreeHierarchy(items);
-    this.flattenedItems = this.flattenTree(this.treeData);
-    this.computeVerticalLines(this.flattenedItems);
-    this.filteredItems = this.flattenedItems;
-    this.updateResultsView();
-  }
-  /**
-   * Get tree-specific item template
-   */
-  getDefaultItemTemplate() {
-    return `
-            <div class="tree-item-content">
-                <div class="tree-item-name">{{name}}</div>
-                {{#showKind}}
-                <div class="tree-item-kind">{{kind}}</div>
-                {{/showKind}}
-            </div>
-        `;
-  }
-  /**
-   * Process item template with tree structure
-   */
-  processItemTemplate(item) {
-    let content = this.itemTemplate;
-    content = content.replace(/\{\{(\w+)\}\}/g, (match, prop) => {
-      if (prop === "showKind") {
-        return this.showKind ? "true" : "";
-      }
-      return this.getNestedValue(item, prop) || "";
-    });
-    if (this.showKind) {
-      content = content.replace(/\{\{#showKind\}\}(.*?)\{\{\/showKind\}\}/gs, "$1");
-    } else {
-      content = content.replace(/\{\{#showKind\}\}.*?\{\{\/showKind\}\}/gs, "");
-    }
-    let lineSegments = "";
-    if (this.showLines && item.level > 0) {
-      for (let i3 = 0; i3 < item.level; i3++) {
-        const isLastSegment = i3 === item.level - 1;
-        if (isLastSegment) {
-          const segClass = item._isLastChild ? "tree-seg tree-seg-last" : "tree-seg tree-seg-mid";
-          lineSegments += `<span class="${segClass}"></span>`;
-        } else {
-          const continueVertical = item._continueVertical && item._continueVertical[i3];
-          if (continueVertical) {
-            lineSegments += `<span class="tree-seg tree-seg-vert"></span>`;
-          } else {
-            lineSegments += `<span class="tree-seg"></span>`;
-          }
-        }
-      }
-    }
-    const hasChildren = item.hasChildren ? " has-children" : "";
-    const isLastChild = item._isLastChild ? " is-last-child" : "";
-    return `
-            <div class="tree-item-wrapper${hasChildren}${isLastChild}" data-tree-level="${item.level}">
-                <div class="tree-lines">
-                    ${lineSegments}
-                </div>
-                <div class="tree-item-body flex-grow-1">
-                    ${content}
-                </div>
-            </div>
-        `;
-  }
-  /**
-   * Get all root items
-   */
-  getRootItems() {
-    return this.treeData;
-  }
-  /**
-   * Get children of a specific node
-   */
-  getNodeChildren(nodeId) {
-    const findNode = (nodes, targetId) => {
-      for (const node of nodes) {
-        if (node.id === targetId) {
-          return node.children;
-        }
-        if (node.children.length > 0) {
-          const found = findNode(node.children, targetId);
-          if (found) return found;
-        }
-      }
-      return null;
-    };
-    return findNode(this.treeData, nodeId) || [];
-  }
-}
-class Sidebar extends View {
-  constructor(options = {}) {
-    super({
-      tagName: "nav",
-      className: "sidebar",
-      id: "sidebar",
-      ...options
-    });
-    this.menus = /* @__PURE__ */ new Map();
-    this.activeMenuName = null;
-    this.currentRoute = null;
-    this.showToggle = options.showToggle;
-    this.isCollapsed = false;
-    this.sidebarTheme = options.theme || "sidebar-light";
-    this.customView = null;
-    if (this.options.groupHeader) this.groupHeader = this.options.groupHeader;
-    this.groupSelectorMode = options.groupSelectorMode || "inline";
-    this.groupSelectorDialog = null;
-    if (this.sidebarTheme) {
-      this.addClass(this.sidebarTheme);
-    }
-    this.initializeMenus(options);
-    this.setupRouteListeners();
-    if (options.autoCollapseMobile !== false) {
-      this.setupResponsiveBehavior();
-    }
-  }
-  groupHeader = `
-        {{#group.parent}}
-        <div class="sidebar-parent-bar" data-action="select-group-parent">
-            <div class="parent-info">
-                <span class="parent-label">{{group.parent.kind}}:</span>
-                <span class="parent-name collapsed-hidden">{{group.parent.name}}</span>
-            </div>
-            <i class="bi bi-chevron-down parent-expand collapsed-hidden"></i>
-        </div>
-        {{/group.parent}}
-        <div class="sidebar-selected-group-row" data-action="show-group-search">
-            <div class="selected-group-info">
-                <div class='selected-group-name collapsed-hidden'>{{group.name}}</div>
-                <div class='selected-group-meta collapsed-hidden'>
-                    <span class="selected-group-kind">{{group.kind}}</span>
-                </div>
-            </div>
-            <i class="bi bi-chevron-down selected-group-chevron collapsed-hidden"></i>
-        </div>
-        `;
-  /**
-   * Initialize sidebar and auto-switch to correct menu based on current route
-   */
-  async onInit() {
-    await super.onInit();
-    const app = this.getApp();
-    const router = app?.router;
-    if (router) {
-      const currentPath = router.getCurrentPath();
-      if (currentPath) {
-        this.autoSwitchToMenuForRoute(currentPath);
-      }
-    }
-    this.initializeTooltips();
-    this.searchView = new GroupSearchView({
-      noAppend: true,
-      showExitButton: true,
-      headerText: "Select Group",
-      containerId: "sidebar-search-container",
-      Collection: GroupList,
-      itemTemplate: `
-            <div class="p-3 border-bottom">
-                <div class="fw-semibold text-dark">{{name}}</div>
-                <small class="text-muted">#{{id}}  {{kind}}</small>
-            </div>
-            `
-    });
-    this.addChild(this.searchView);
-    this.searchView.on("item:selected", (evt) => {
-      console.log(evt);
-      this.getApp().setActiveGroup(evt.model);
-    });
-    this.searchView.on("exit", (item) => {
-      console.log(item);
-      this.hideGroupSearch();
-    });
-  }
-  showGroupSearch() {
-    if (this.groupSelectorMode === "dialog") {
-      this.showGroupSearchDialog();
-    } else {
-      this.setClass("sidebar");
-      this.showSearch = true;
-      this.render();
-    }
-  }
-  hideGroupSearch() {
-    if (this.groupSelectorMode === "dialog") {
-      if (this.groupSelectorDialog) {
-        this.groupSelectorDialog.hide();
-      }
-    } else {
-      this.setClass("sidebar");
-      this.showSearch = false;
-      this.render();
-    }
-  }
-  onActionShowGroupSearch() {
-    this.showGroupSearch();
-  }
-  async onActionSelectGroupParent() {
-    const group = this.getApp().activeGroup;
-    const result = await Dialog.confirm(`Are you sure you want to navigate to the '${group.get("parent.name")}'?`);
-    if (result) {
-      this.getApp().showLoading();
-      let parent = new Group({ id: group.get("parent.id") });
-      await parent.fetch();
-      this.getApp().setActiveGroup(parent);
-      this.getApp().hideLoading();
-    }
-  }
-  /**
-   * Show group selector in a dialog (like TopNav)
-   */
-  async showGroupSearchDialog() {
-    const collection = new GroupList();
-    const searchView = new GroupSearchView({
-      Collection: GroupList,
-      collection,
-      // Pass the collection instance
-      searchFields: ["name"],
-      headerText: null,
-      searchPlaceholder: "Search groups...",
-      headerIcon: null,
-      maxHeight: Math.min(600, window.innerHeight - 200),
-      showExitButton: false,
-      showKind: true,
-      // Show kind badges (default: true)
-      parentField: "parent",
-      // Field containing parent object
-      kindField: "kind",
-      // Field containing kind/type
-      autoExpandRoot: true,
-      // Auto-expand root items (default: true)
-      autoExpandAll: false,
-      // Auto-expand all nodes (default: false)
-      indentSize: 20,
-      // Pixels per level (default: 20)
-      showLines: true
-    });
-    this.groupSelectorDialog = new Dialog({
-      body: searchView,
-      size: "md",
-      header: null,
-      noBodyPadding: true,
-      scrollable: false,
-      buttons: [],
-      closeButton: true
-    });
-    searchView.on("item:selected", (evt) => {
-      console.log(evt);
-      this.getApp().setActiveGroup(evt.model);
-      if (this.groupSelectorDialog) {
-        this.groupSelectorDialog.hide();
-      }
-    });
-    this.groupSelectorDialog.on("hidden", () => {
-      this.groupSelectorDialog.destroy();
-      this.groupSelectorDialog = null;
-    });
-    await this.groupSelectorDialog.render(true, document.body);
-    this.groupSelectorDialog.show();
-  }
-  /**
-   * Find and switch to the menu that contains the given route
-   */
-  autoSwitchToMenuForRoute(route) {
-    for (const [menuName, menuConfig] of this.menus) {
-      if (menuConfig.groupKind && !this.getApp().activeGroup)
-        continue;
-      if (this.menuContainsRoute(menuConfig, route)) {
-        this._setActiveMenu(menuName);
-        this.currentRoute = route;
-        this.clearAllActiveStates();
-        this.setActiveItemByRoute(route);
-        this.render();
-        console.log(`Auto-switched to menu '${menuName}' for route '${route}'`);
-        this.emit("menu-auto-switched", {
-          menuName,
-          route,
-          config: menuConfig,
-          sidebar: this
-        });
-        return true;
-      }
-    }
-    return false;
-  }
-  /**
-   * Clear active state from all menu items in all menus
-   */
-  clearAllActiveStates() {
-    for (const [menuName, menuConfig] of this.menus) {
-      for (const item of menuConfig.items || []) {
-        item.active = false;
-        if (item.children) {
-          for (const child of item.children) {
-            child.active = false;
-          }
-        }
-      }
-    }
-  }
-  /**
-   * Set active state for item matching the given route
-   */
-  setActiveItemByRoute(route) {
-    const normalizeRoute = (r3) => {
-      if (!r3) return "/";
-      const decoded = decodeURIComponent(r3);
-      return decoded.startsWith("/") ? decoded : `/${decoded}`;
-    };
-    const targetRoute = normalizeRoute(route);
-    for (const [menuName, menuConfig] of this.menus) {
-      if (menuConfig.groupKind && !this.getApp().activeGroup)
-        continue;
-      for (const item of menuConfig.items || []) {
-        if (item.route) {
-          const itemRoute = normalizeRoute(item.route);
-          if (this.routesMatch(targetRoute, itemRoute)) {
-            item.active = true;
-            this.activeMenuItem = item;
-            return true;
-          }
-        }
-        if (item.children) {
-          for (const child of item.children) {
-            if (child.route) {
-              const childRoute = normalizeRoute(child.route);
-              if (this.routesMatch(targetRoute, childRoute)) {
-                child.active = true;
-                item.active = true;
-                return true;
-              }
-            }
-          }
-        }
-      }
-    }
-    return false;
-  }
-  /**
-   * Check if a menu contains a specific route in its items or children
-   */
-  menuContainsRoute(menuConfig, route) {
-    const normalizeRoute = (r3) => {
-      if (!r3) return "/";
-      const decoded = decodeURIComponent(r3);
-      return decoded.startsWith("/") ? decoded : `/${decoded}`;
-    };
-    const targetRoute = normalizeRoute(route);
-    for (const item of menuConfig.items || []) {
-      if (item.route) {
-        const itemRoute = normalizeRoute(item.route);
-        if (this.routesMatch(targetRoute, itemRoute)) {
-          return true;
-        }
-      }
-      if (item.children) {
-        for (const child of item.children) {
-          if (child.route) {
-            const childRoute = normalizeRoute(child.route);
-            if (this.routesMatch(targetRoute, childRoute)) {
-              return true;
-            }
-          }
-        }
-      }
-    }
-    return false;
-  }
-  /**
-   * Check if two routes match (using same logic as isItemActive)
-   */
-  routesMatch(currentRoute, itemRoute) {
-    return this.getApp().router.doRoutesMatch(currentRoute, itemRoute);
-  }
-  getTemplate() {
-    if (this.customView) {
-      return '<div class="sidebar-container" id="sidebar-custom-view-container"></div>';
-    }
-    if (this.showSearch) return this.getSearchTemplate();
-    return this.getMenuTemplate();
-  }
-  getSearchTemplate() {
-    return `
-            <div class="sidebar-container" id="sidebar-search-container">
-            </div>
-        `;
-  }
-  getMenuTemplate() {
-    return `
-            <div class="sidebar-container">
-                {{#data.currentMenu}}
-                <!-- Header -->
-                {{#header}}
-                <div class="sidebar-header">
-                    {{{header}}}
-                    {{#showToggle}}
-                    <button class="sidebar-toggle" data-action="toggle-sidebar"
-                            aria-label="Toggle Sidebar">
-                        <i class="bi bi-chevron-left toggle-icon"></i>
-                        <i class="bi bi-chevron-right toggle-icon"></i>
-                    </button>
-                    {{/showToggle}}
-                </div>
-                {{/header}}
-
-                <!-- Navigation Items -->
-                <div class="sidebar-body">
-                    <ul class="nav nav-pills flex-column sidebar-nav" id="sidebar-nav-menu">
-                        {{#items}}
-                        {{>nav-item}}
-                        {{/items}}
-                    </ul>
-                </div>
-
-                <!-- Footer -->
-                {{#footer}}
-                <div class="sidebar-footer">
-                    {{{footer}}}
-                </div>
-                {{/footer}}
-                {{/data.currentMenu}}
-
-                {{^data.currentMenu}}
-                <div class="sidebar-empty">
-                    <p class="text-danger text-center">No menu configured</p>
-                </div>
-                {{/data.currentMenu}}
-            </div>
-        `;
-  }
-  /**
-   * Get template partials for rendering
-   */
-  getPartials() {
-    return {
-      "nav-item": `
-                {{#isDivider}}
-                    {{>nav-divider}}
-                {{/isDivider}}
-                {{#isSpacer}}
-                    {{>nav-spacer}}
-                {{/isSpacer}}
-                {{#isLabel}}
-                    {{>nav-label}}
-                {{/isLabel}}
-
-                {{^isDivider}}
-                {{^isSpacer}}
-                {{^isLabel}}
-                <li class="nav-item">
-                    {{#hasChildren}}
-                    <!-- Item with submenu -->
-                    <a class="nav-link {{#active}}active{{/active}} has-children collapsed"
-                       data-bs-toggle="collapse"
-                       href="#collapse-{{id}}"
-                       role="button"
-                       aria-expanded="{{#active}}true{{/active}}{{^active}}false{{/active}}"
-                       data-action="toggle-submenu">
-                        {{#icon}}<i class="{{icon}} me-2"></i>{{/icon}}
-                        <span class="nav-text">{{text}}</span>
-                        {{#badge}}
-                        <span class="{{badge.class}} ms-auto">{{badge.text}}</span>
-                        {{/badge}}
-                        <i class="bi bi-chevron-down nav-arrow ms-auto"></i>
-                    </a>
-                    <div class="collapse {{#active}}show{{/active}}" id="collapse-{{id}}" data-bs-parent="#sidebar-nav-menu">
-                        <ul class="nav flex-column nav-submenu">
-                            {{#children}}
-                            <li class="nav-item">
-                                <a class="nav-link {{#active}}active{{/active}}"
-                                   {{#action}}data-action="{{action}}"{{/action}}
-                                   {{#href}}href="{{href}}"{{/href}}>
-                                    {{#icon}}<i class="{{icon}} me-2"></i>{{/icon}}
-                                    <span class="nav-text">{{text}}</span>
-                                    {{#badge}}
-                                    <span class="{{badge.class}} ms-auto">{{badge.text}}</span>
-                                    {{/badge}}
-                                </a>
-                            </li>
-                            {{/children}}
-                        </ul>
-                    </div>
-                    {{/hasChildren}}
-                    {{^hasChildren}}
-                    <!-- Simple item -->
-                    <a class="nav-link {{#active}}active{{/active}} {{#disabled}}disabled{{/disabled}}"
-                       {{#action}}{{^disabled}}data-action="{{action}}"{{/disabled}}{{/action}}
-                       {{#href}}{{^disabled}}href="{{href}}"{{/disabled}}{{/href}}>
-                        {{#icon}}<i class="{{icon}} me-2"></i>{{/icon}}
-                        <span class="nav-text">{{text}}</span>
-                        {{#badge}}
-                        <span class="{{badge.class}} ms-auto">{{badge.text}}</span>
-                        {{/badge}}
-                    </a>
-                    {{/hasChildren}}
-                </li>
-                {{/isLabel}}
-                {{/isSpacer}}
-                {{/isDivider}}
-            `,
-      "nav-divider": `
-                <li class="nav-divider-item">
-                    <hr class="nav-divider-line">
-                </li>
-            `,
-      "nav-spacer": `
-                <li class="nav-spacer-item"></li>
-            `,
-      "nav-label": `
-                <li class="nav-item {{className}}">
-                    <div class="nav-text px-3">{{text}}</div>
-                </li>
-            `
-    };
-  }
-  getGroupHeader() {
-    return this.groupHeader;
-  }
-  /**
-   * Add a menu configuration
-   */
-  addMenu(name, config) {
-    if (config.groupKind && !config.header) {
-      config.header = this.getGroupHeader();
-    }
-    this.menus.set(name, {
-      name,
-      groupKind: config.groupKind || null,
-      header: config.header || null,
-      footer: config.footer || null,
-      items: config.items || [],
-      data: config.data || {},
-      className: config.className || "sidebar sidebar-dark"
-    });
-    if (!this.activeMenuName) {
-      this._setActiveMenu(name);
-    }
-    return this;
-  }
-  _setActiveMenu(name) {
-    this.showSearch = false;
-    this.activeMenuName = name;
-    const config = this.getCurrentMenuConfig();
-    if (config.className) {
-      this.setClass(config.className);
-    } else {
-      this.setClass("sidebar");
-    }
-  }
-  /**
-   * Set the active menu
-   */
-  async setActiveMenu(name) {
-    if (!this.menus.has(name)) {
-      console.warn(`Menu '${name}' not found`);
-      return this;
-    }
-    const menuConfig = this.menus.get(name);
-    if (menuConfig.groupKind) {
-      this.lastGroupMenu = menuConfig;
-      if (!this.getApp().activeGroup) {
-        this.showGroupSearch();
-        return;
-      }
-    }
-    this._setActiveMenu(name);
-    await this.render();
-    this.emit("menu-changed", {
-      menuName: name,
-      config: menuConfig,
-      sidebar: this
-    });
-    return this;
-  }
-  getGroupMenu(group) {
-    if (!group) {
-      console.warn("No group provided");
-      return null;
-    }
-    let targetMenu = this.lastGroupMenu;
-    let anyGroupMenu = null;
-    if (group._.kind) {
-      for (const [menuName, menuConfig] of this.menus) {
-        const matches = this._groupKindMatches(menuConfig.groupKind, group._.kind);
-        if (matches) {
-          targetMenu = menuConfig;
-          break;
-        } else if (menuConfig.groupKind === "any") {
-          anyGroupMenu = menuConfig;
-        }
-      }
-    }
-    if (!targetMenu) {
-      return anyGroupMenu;
-    }
-    return targetMenu;
-  }
-  /**
-   * Check if a groupKind matches the group's kind
-   * Supports both single string and array of strings
-   * @param {string|string[]} groupKind - Single kind or array of kinds
-   * @param {string} kind - The group's kind to match
-   * @returns {boolean} True if matches
-   */
-  _groupKindMatches(groupKind, kind) {
-    if (!groupKind || !kind) return false;
-    if (Array.isArray(groupKind)) {
-      return groupKind.includes(kind);
-    }
-    return groupKind === kind;
-  }
-  showMenuForGroup(group) {
-    if (!group) {
-      console.warn("No group provided");
-      return;
-    }
-    let targetMenu = this.getGroupMenu(group);
-    if (!targetMenu) {
-      console.warn(`No menu found for group kind: ${group.kind}`);
-      return;
-    }
-    this._setActiveMenu(targetMenu.name);
-    this.render();
-    this.emit("menu-changed", {
-      menuName: targetMenu.name,
-      config: targetMenu,
-      sidebar: this
-    });
-    return this;
-  }
-  /**
-   * Get menu configuration
-   */
-  getMenuConfig(name) {
-    return this.menus.get(name) || null;
-  }
-  /**
-   * Get current active menu configuration
-   */
-  getCurrentMenuConfig() {
-    return this.activeMenuName ? this.menus.get(this.activeMenuName) : null;
-  }
-  /**
-   * Update menu configuration
-   */
-  updateMenu(name, updates) {
-    const menu = this.menus.get(name);
-    if (!menu) {
-      console.warn(`Menu '${name}' not found`);
-      return this;
-    }
-    Object.assign(menu, updates);
-    if (this.activeMenuName === name) {
-      this.render();
-    }
-    return this;
-  }
-  /**
-   * Remove a menu
-   */
-  removeMenu(name) {
-    this.menus.delete(name);
-    if (this.activeMenuName === name) {
-      const remainingMenus = Array.from(this.menus.keys());
-      this.activeMenuName = remainingMenus.length > 0 ? remainingMenus[0] : null;
-      this.render();
-    }
-    return this;
-  }
-  /**
-   * Get view data for template rendering
-   */
-  async onBeforeRender() {
-    const currentMenu = this.getCurrentMenuConfig();
-    if (!currentMenu) {
-      return { currentMenu: null };
-    }
-    let subData = {
-      version: this.getApp().version || null,
-      group: this.getApp().activeGroup || null,
-      user: this.getApp.activeUser || null
-    };
-    this.data = {
-      currentMenu: {
-        header: this.renderTemplateString(currentMenu.header || "", subData),
-        footer: this.renderTemplateString(currentMenu.footer || "", subData),
-        items: this.processNavItems(currentMenu.items, currentMenu.groupKind),
-        data: currentMenu.data,
-        showToggle: this.showToggle
-      }
-    };
-  }
-  async onAfterRender() {
-    if (this.isCollapsedState()) {
-      setTimeout(() => this.initializeTooltips(), 50);
-    } else {
-      this.destroyTooltips();
-    }
-  }
-  setCustomView(view) {
-    if (this.customView) {
-      this.removeChild(this.customView.id);
-    }
-    this.customView = view;
-    if (view) {
-      view.containerId = "sidebar-custom-view-container";
-      this.addChild(view);
-    }
-    this.render();
-    return this;
-  }
-  clearCustomView() {
-    if (this.customView) {
-      this.removeChild(this.customView.id);
-      this.customView = null;
-    }
-    this.render();
-    return this;
-  }
-  /**
-   * Process navigation items - add IDs, active states, and proper hrefs
-   */
-  processNavItems(items, groupKind) {
-    const app = this.getApp();
-    const activeUser = app?.activeUser;
-    const activeGroup = app?.activeGroup;
-    const updateRouteWithGroup = (route) => {
-      let normalizedRoute = route;
-      if (route.startsWith("/") && !route.includes("?")) {
-        const pageName = route.substring(1) || "home";
-        normalizedRoute = `?page=${pageName}`;
-      }
-      if (groupKind && activeGroup && activeGroup.id) {
-        const separator = normalizedRoute.includes("?") ? "&" : "?";
-        return `${normalizedRoute}${separator}group=${activeGroup.id}`;
-      }
-      return normalizedRoute;
-    };
-    return items.map((item, index2) => {
-      if (item === "" || typeof item === "object" && item.divider) {
-        return {
-          isDivider: true,
-          id: `divider-${index2}`
-        };
-      }
-      if (typeof item === "object" && item.spacer) {
-        return {
-          isSpacer: true,
-          id: `spacer-${index2}`
-        };
-      }
-      const processedItem = { ...item };
-      if (processedItem.permissions) {
-        if (!activeUser || !activeUser.hasPermission(processedItem.permissions)) {
-          return null;
-        }
-      }
-      if (processedItem.requiresGroupKind) {
-        const groupKind2 = activeGroup?._.kind || activeGroup?.kind;
-        if (!groupKind2 || !this._groupKindMatches(processedItem.requiresGroupKind, groupKind2)) {
-          return null;
-        }
-      }
-      if (processedItem.kind === "label") {
-        processedItem.isLabel = true;
-        if (!processedItem.id) {
-          processedItem.id = `nav-label-${index2}`;
-        }
-        return processedItem;
-      }
-      if (!processedItem.id) {
-        processedItem.id = `nav-${index2}`;
-      }
-      if (processedItem.route) {
-        processedItem.href = updateRouteWithGroup(processedItem.route);
-      } else if (processedItem.page) {
-        const baseRoute = processedItem.page.startsWith("/") ? processedItem.page : `/${processedItem.page}`;
-        processedItem.href = updateRouteWithGroup(baseRoute);
-        processedItem.route = processedItem.href;
-      }
-      if (processedItem.children) {
-        processedItem.children = processedItem.children.map((child) => {
-          const processedChild = { ...child };
-          if (processedChild.permissions && activeUser) {
-            if (!activeUser.hasPermission(processedChild.permissions)) {
-              return null;
-            }
-          }
-          if (processedChild.requiresGroupKind) {
-            const groupKind2 = activeGroup?._.kind || activeGroup?.kind;
-            if (!groupKind2 || !this._groupKindMatches(processedChild.requiresGroupKind, groupKind2)) {
-              return null;
-            }
-          }
-          if (processedChild.route) {
-            processedChild.href = updateRouteWithGroup(processedChild.route);
-          } else if (processedChild.page) {
-            const baseRoute = processedChild.page.startsWith("/") ? processedChild.page : `/${processedChild.page}`;
-            processedChild.href = updateRouteWithGroup(baseRoute);
-            processedChild.route = processedChild.href;
-          }
-          return processedChild;
-        }).filter((child) => child !== null);
-        processedItem.hasChildren = !!(processedItem.children && processedItem.children.length > 0);
-      } else {
-        processedItem.hasChildren = false;
-      }
-      return processedItem;
-    }).filter((item) => item !== null);
-  }
-  /**
-   * Check if navigation item should be active (similar to TopNav)
-   */
-  isItemActive(item) {
-    if (!item.route || !this.currentRoute) {
-      return false;
-    }
-    const normalizeRoute = (route) => {
-      if (!route) return "/";
-      const decoded = decodeURIComponent(route);
-      return decoded.startsWith("/") ? decoded : `/${decoded}`;
-    };
-    const itemRoute = normalizeRoute(item.route);
-    const currentRoute = normalizeRoute(this.currentRoute);
-    if (itemRoute === "/" && currentRoute === "/") {
-      return true;
-    }
-    if (itemRoute !== "/" && currentRoute !== "/") {
-      return currentRoute.startsWith(itemRoute) || currentRoute === itemRoute;
-    }
-    return false;
-  }
-  /**
-   * Update active item based on current route (like TopNav)
-   */
-  async updateActiveItem(route) {
-    this.currentRoute = route;
-    this.clearAllActiveStates();
-    this.setActiveItemByRoute(route);
-    await this.render();
-    return this;
-  }
-  /**
-   * Action handler: Toggle submenu
-   */
-  async handleActionToggleSubmenu(event, element) {
-    const arrow = element.querySelector(".nav-arrow");
-    if (arrow) {
-      arrow.classList.toggle("rotated");
-    }
-  }
-  /**
-   * Action handler: Toggle sidebar collapsed/expanded state
-   */
-  async handleActionToggleSidebar(event, element) {
-    this.toggleSidebar();
-  }
-  onActionShowGroupMenu(action, event, el) {
-    this.setActiveMenu("group_default");
-    return false;
-  }
-  async onActionDefault(action, event, el) {
-    const config = this.getCurrentMenuConfig();
-    if (!config) return;
-    const findAndExecuteHandler = (items) => {
-      for (const item of items) {
-        if (item.action == action && item.handler) {
-          item.handler(action, event, el, this.getApp());
-          return true;
-        }
-        if (item.children && item.children.length > 0) {
-          if (findAndExecuteHandler(item.children)) {
-            return true;
-          }
-        }
-      }
-      return false;
-    };
-    return findAndExecuteHandler(config.items);
-  }
-  /**
-   * Get all menu names
-   */
-  getMenuNames() {
-    return Array.from(this.menus.keys());
-  }
-  /**
-   * Check if menu exists
-   */
-  hasMenu(name) {
-    return this.menus.has(name);
-  }
-  /**
-   * Clear all menus
-   */
-  clearMenus() {
-    this.menus.clear();
-    this.activeMenuName = null;
-    this.render();
-    return this;
-  }
-  /**
-   * Set data for current menu
-   */
-  setMenuData(data) {
-    const currentMenu = this.getCurrentMenuConfig();
-    if (currentMenu) {
-      currentMenu.data = { ...currentMenu.data, ...data };
-      this.render();
-    }
-    return this;
-  }
-  /**
-   * Get data for current menu
-   */
-  getMenuData() {
-    const currentMenu = this.getCurrentMenuConfig();
-    return currentMenu ? currentMenu.data : {};
-  }
-  /**
-   * Setup listeners for route change events (like TopNav)
-   */
-  setupRouteListeners() {
-    const app = this.getApp();
-    if (app && app.events) {
-      app.events.on(["page:showing"], (data) => {
-        this.onRouteChanged(data);
-      });
-      app.events.on("group:changed", (data) => {
-        this.showMenuForGroup(data.group);
-      });
-      app.events.on("portal:user-changed", (data) => {
-        this.render();
-      });
-    }
-  }
-  /**
-   * Handle route changed event - auto-switch menu and update active item
-   */
-  onRouteChanged(data) {
-    if (data.page && data.page.route) {
-      const route = data.page.route;
-      if (this.activeMenuItem && this.routesMatch(route, this.activeMenuItem.route)) {
-        return;
-      }
-      const switchedMenu = this.autoSwitchToMenuForRoute(route);
-      if (!switchedMenu) {
-        this.clearAllActiveStates();
-        this.setActiveItemByRoute(route);
-        this.updateActiveItem(route);
-      }
-      if (switchedMenu) {
-        console.log(`Route changed to '${route}', auto-switched menu`);
-      }
-    }
-  }
-  /**
-   * Toggle sidebar between collapsed and expanded states
-   */
-  toggleSidebar() {
-    const portalContainer = document.querySelector(".portal-container");
-    if (!portalContainer) return;
-    this.hideAllTooltips();
-    const isCurrentlyCollapsed = portalContainer.classList.contains("collapse-sidebar");
-    const isCurrentlyHidden = portalContainer.classList.contains("hide-sidebar");
-    if (isCurrentlyHidden) {
-      portalContainer.classList.remove("hide-sidebar");
-      this.isCollapsed = false;
-      this.destroyTooltips();
-    } else if (isCurrentlyCollapsed) {
-      portalContainer.classList.remove("collapse-sidebar");
-      this.isCollapsed = false;
-      this.destroyTooltips();
-    } else {
-      portalContainer.classList.add("collapse-sidebar");
-      this.isCollapsed = true;
-      setTimeout(() => this.initializeTooltips(), 150);
-    }
-    return this;
-  }
-  /**
-   * Set sidebar state programmatically
-   */
-  setSidebarState(state) {
-    const portalContainer = document.querySelector(".portal-container");
-    if (!portalContainer) return this;
-    portalContainer.classList.remove("collapse-sidebar", "hide-sidebar");
-    switch (state) {
-      case "collapsed":
-        portalContainer.classList.add("collapse-sidebar");
-        this.isCollapsed = true;
-        break;
-      case "hidden":
-        portalContainer.classList.add("hide-sidebar");
-        this.isCollapsed = false;
-        break;
-      case "normal":
-      default:
-        this.isCollapsed = false;
-        break;
-    }
-    if (this.isCollapsed) {
-      this.hideAllTooltips();
-      setTimeout(() => this.initializeTooltips(), 100);
-    } else {
-      this.destroyTooltips();
-    }
-    return this;
-  }
-  /**
-   * Initialize tooltips for nav items when sidebar is collapsed
-   */
-  initializeTooltips() {
-    this.destroyTooltips();
-    if (!this.isCollapsedState()) {
-      return this;
-    }
-    const navLinks = this.element.querySelectorAll(".sidebar-nav .nav-link");
-    navLinks.forEach((link) => {
-      const navText = link.querySelector(".nav-text");
-      if (navText && navText.textContent.trim()) {
-        const tooltipText = navText.textContent.trim();
-        link.setAttribute("data-bs-toggle", "tooltip");
-        link.setAttribute("data-bs-placement", "right");
-        link.setAttribute("data-bs-title", tooltipText);
-        link.setAttribute("data-bs-container", "body");
-        if (window.bootstrap && window.bootstrap.Tooltip) {
-          const theme = link.getAttribute("data-tooltip-theme");
-          const size = link.getAttribute("data-tooltip-size");
-          let customClass = "";
-          if (theme) customClass += `tooltip-${theme} `;
-          if (size) customClass += `tooltip-${size}`;
-          const tooltipOptions = {
-            placement: "right",
-            container: "body",
-            trigger: "hover",
-            delay: { show: 500, hide: 100 },
-            fallbackPlacements: ["top", "bottom", "left"]
-          };
-          const trimmedClass = customClass.trim();
-          if (trimmedClass) {
-            tooltipOptions.customClass = trimmedClass;
-          }
-          const tooltip = new window.bootstrap.Tooltip(link, tooltipOptions);
-          link._tooltipInstance = tooltip;
-          link.addEventListener("click", () => {
-            tooltip.hide();
-          });
-          link.addEventListener("blur", () => {
-            tooltip.hide();
-          });
-        }
-      }
-    });
-    this.addTooltipHideListeners();
-    return this;
-  }
-  destroyTooltips() {
-    this.removeTooltipHideListeners();
-    const navLinks = this.element.querySelectorAll('.sidebar-nav .nav-link[data-bs-toggle="tooltip"]');
-    navLinks.forEach((link) => {
-      const tooltipInstance = link._tooltipInstance || window.bootstrap?.Tooltip?.getInstance(link);
-      if (tooltipInstance) {
-        tooltipInstance.hide();
-        tooltipInstance.dispose();
-      }
-      delete link._tooltipInstance;
-      link.removeAttribute("data-bs-toggle");
-      link.removeAttribute("data-bs-placement");
-      link.removeAttribute("data-bs-title");
-      link.removeAttribute("data-bs-container");
-    });
-    return this;
-  }
-  /**
-   * Get current sidebar state
-   */
-  getSidebarState() {
-    const portalContainer = document.querySelector(".portal-container");
-    if (!portalContainer) return "normal";
-    if (portalContainer.classList.contains("hide-sidebar")) {
-      return "hidden";
-    } else if (portalContainer.classList.contains("collapse-sidebar")) {
-      return "collapsed";
-    } else {
-      return "normal";
-    }
-  }
-  /**
-   * Check if sidebar is collapsed
-   */
-  isCollapsedState() {
-    return this.getSidebarState() === "collapsed";
-  }
-  /**
-   * Enable/disable toggle button
-   */
-  setToggleEnabled(enabled) {
-    this.showToggle = enabled;
-    this.render();
-    return this;
-  }
-  /**
-   * Initialize menus from options
-   */
-  initializeMenus(options) {
-    if (options.menus) {
-      for (const menu of options.menus) {
-        this.addMenu(menu.name, menu);
-      }
-    } else if (options.menu) {
-      options.menu.name = options.menu.name || "default";
-      this.addMenu(options.menu.name, options.menu);
-    }
-  }
-  /**
-   * Add global listeners to hide tooltips when needed
-   */
-  addTooltipHideListeners() {
-    this._tooltipScrollHandler = () => this.hideAllTooltips();
-    this.element.addEventListener("scroll", this._tooltipScrollHandler, { passive: true });
-    this._tooltipRouteHandler = () => this.hideAllTooltips();
-    this.getApp();
-    this._tooltipBlurHandler = () => this.hideAllTooltips();
-    window.addEventListener("blur", this._tooltipBlurHandler);
-    this._tooltipEscapeHandler = (e3) => {
-      if (e3.key === "Escape") {
-        this.hideAllTooltips();
-      }
-    };
-    document.addEventListener("keydown", this._tooltipEscapeHandler);
-  }
-  /**
-   * Remove global tooltip hide listeners
-   */
-  removeTooltipHideListeners() {
-    if (this._tooltipScrollHandler) {
-      this.element.removeEventListener("scroll", this._tooltipScrollHandler);
-      delete this._tooltipScrollHandler;
-    }
-    if (this._tooltipBlurHandler) {
-      window.removeEventListener("blur", this._tooltipBlurHandler);
-      delete this._tooltipBlurHandler;
-    }
-    if (this._tooltipEscapeHandler) {
-      document.removeEventListener("keydown", this._tooltipEscapeHandler);
-      delete this._tooltipEscapeHandler;
-    }
-  }
-  /**
-   * Force hide all visible tooltips
-   */
-  hideAllTooltips() {
-    const navLinks = this.element.querySelectorAll('.sidebar-nav .nav-link[data-bs-toggle="tooltip"]');
-    navLinks.forEach((link) => {
-      const tooltip = link._tooltipInstance || window.bootstrap?.Tooltip?.getInstance(link);
-      if (tooltip) {
-        tooltip.hide();
-      }
-    });
-    const visibleTooltips = document.querySelectorAll(".tooltip.show");
-    visibleTooltips.forEach((tooltip) => {
-      tooltip.remove();
-    });
-  }
-  /**
-   * Cleanup on destroy
-   */
-  async onBeforeDestroy() {
-    this.destroyTooltips();
-    await super.onBeforeDestroy();
-  }
-  /**
-   * Setup responsive behavior for mobile
-   */
-  setupResponsiveBehavior() {
-    const checkMobile = () => {
-      const isMobile = window.innerWidth <= 768;
-      const portalContainer = document.querySelector(".portal-container");
-      if (portalContainer) {
-        if (isMobile) {
-          portalContainer.classList.add("sidebar-mobile");
-        } else {
-          portalContainer.classList.remove("sidebar-mobile", "sidebar-open");
-        }
-      }
-    };
-    checkMobile();
-    window.addEventListener("resize", checkMobile);
-  }
-  /**
-   * Static method to create a sidebar with common configuration
-   */
-  static createDefault(options = {}) {
-    return new Sidebar({
-      theme: "sidebar-clean",
-      showToggle: true,
-      autoCollapseMobile: true,
-      ...options
-    });
-  }
-  /**
-   * Static method to create a minimal sidebar
-   */
-  static createMinimal(options = {}) {
-    return new Sidebar({
-      theme: "sidebar-clean",
-      showToggle: false,
-      autoCollapseMobile: false,
-      ...options
-    });
-  }
-  /**
-   * Set sidebar theme
-   */
-  setSidebarTheme(theme) {
-    this.removeClass("sidebar-light sidebar-dark sidebar-clean");
-    this.sidebarTheme = theme;
-    this.addClass(theme);
-    return this;
-  }
-  /**
-   * Quick method to show/hide the sidebar
-   */
-  show() {
-    return this.setSidebarState("normal");
-  }
-  hide() {
-    return this.setSidebarState("hidden");
-  }
-  collapse() {
-    return this.setSidebarState("collapsed");
-  }
-  expand() {
-    return this.setSidebarState("normal");
-  }
-  /**
-   * Add pulse effect to toggle button
-   */
-  pulseToggle() {
-    const toggleButton = this.element.querySelector(".sidebar-toggle");
-    if (toggleButton) {
-      toggleButton.classList.add("pulse");
-      const removePulse = () => {
-        toggleButton.classList.remove("pulse");
-        toggleButton.removeEventListener("click", removePulse);
-      };
-      toggleButton.addEventListener("click", removePulse, { once: true });
-      setTimeout(removePulse, 3e3);
-    }
-    return this;
-  }
-  /**
-   * Utility method to quickly add a simple menu item
-   */
-  addSimpleMenuItem(menuName, text, route, icon = "bi-circle") {
-    const menu = this.menus.get(menuName);
-    if (menu) {
-      menu.items = menu.items || [];
-      menu.items.push({
-        text,
-        route,
-        icon
-      });
-      if (this.activeMenuName === menuName) {
-        this.render();
-      }
-    }
-    return this;
-  }
-  /**
-   * Utility method to quickly create and set a simple menu
-   */
-  setSimpleMenu(name, header, items) {
-    const menu = {
-      name,
-      header,
-      items
-    };
-    this.addMenu(name, menu);
-    this.setActiveMenu(name);
-    return this;
-  }
-}
-class PageHeader extends View {
-  constructor(options = {}) {
-    super({
-      tagName: "div",
-      className: "page-header",
-      ...options
-    });
-    this.style = options.style || "default";
-    this.size = options.size || "md";
-    this.showIcon = options.showIcon !== false;
-    this.showDescription = options.showDescription !== false;
-    this.showBreadcrumbs = options.showBreadcrumbs || false;
-    this.currentPage = null;
-  }
-  async getTemplate() {
-    if (this.style === "minimal") {
-      return this.getMinimalTemplate();
-    } else if (this.style === "breadcrumb") {
-      return this.getBreadcrumbTemplate();
-    }
-    return this.getDefaultTemplate();
-  }
-  getDefaultTemplate() {
-    return `
-            {{#data.hasPage}}
-            <div class="page-header-content page-header-{{data.size}}">
-                <div class="page-header-main">
-                    <div class="page-header-info">
-                        {{#data.showIcon}}
-                        {{#data.pageIcon}}
-                        <div class="page-icon">
-                            <i class="{{data.pageIcon}}"></i>
-                        </div>
-                        {{/data.pageIcon}}
-                        {{/data.showIcon}}
-                        
-                        <div class="page-title-group">
-                            <h1 class="page-title">{{data.pageTitle}}</h1>
-                            {{#data.showDescription}}
-                            {{#data.pageDescription}}
-                            <p class="page-description text-muted">{{data.pageDescription}}</p>
-                            {{/data.pageDescription}}
-                            {{/data.showDescription}}
-                        </div>
-                    </div>
-
-                    {{#data.hasActions}}
-                    <div class="page-actions">
-                        {{#data.actions}}
-                        <button class="btn {{buttonClass}}" 
-                                data-action="{{action}}"
-                                type="button">
-                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}
-                            {{label}}
-                        </button>
-                        {{/data.actions}}
-                    </div>
-                    {{/data.hasActions}}
-                </div>
-            </div>
-            {{/data.hasPage}}
-        `;
-  }
-  getMinimalTemplate() {
-    return `
-            {{#data.hasPage}}
-            <div class="page-header-content page-header-minimal">
-                <h1 class="page-title">
-                    {{#data.showIcon}}
-                    {{#data.pageIcon}}<i class="{{data.pageIcon}} me-2"></i>{{/data.pageIcon}}
-                    {{/data.showIcon}}
-                    {{data.pageTitle}}
-                </h1>
-            </div>
-            {{/data.hasPage}}
-        `;
-  }
-  getBreadcrumbTemplate() {
-    return `
-            {{#data.hasPage}}
-            <div class="page-header-content page-header-breadcrumb">
-                {{#data.showBreadcrumbs}}
-                <nav aria-label="breadcrumb">
-                    <ol class="breadcrumb mb-2">
-                        {{#data.breadcrumbs}}
-                        <li class="breadcrumb-item {{#active}}active{{/active}}">
-                            {{#href}}<a href="{{href}}">{{label}}</a>{{/href}}
-                            {{^href}}{{label}}{{/href}}
-                        </li>
-                        {{/data.breadcrumbs}}
-                    </ol>
-                </nav>
-                {{/data.showBreadcrumbs}}
-                
-                <div class="d-flex justify-content-between align-items-start">
-                    <h1 class="page-title">
-                        {{#data.showIcon}}
-                        {{#data.pageIcon}}<i class="{{data.pageIcon}} me-2"></i>{{/data.pageIcon}}
-                        {{/data.showIcon}}
-                        {{data.pageTitle}}
-                    </h1>
-                    
-                    {{#data.hasActions}}
-                    <div class="page-actions">
-                        {{#data.actions}}
-                        <button class="btn {{buttonClass}}" 
-                                data-action="{{action}}"
-                                type="button">
-                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}
-                            {{label}}
-                        </button>
-                        {{/data.actions}}
-                    </div>
-                    {{/data.hasActions}}
-                </div>
-                
-                {{#data.showDescription}}
-                {{#data.pageDescription}}
-                <p class="page-description text-muted mt-2">{{data.pageDescription}}</p>
-                {{/data.pageDescription}}
-                {{/data.showDescription}}
-            </div>
-            {{/data.hasPage}}
-        `;
-  }
-  async onBeforeRender() {
-    await super.onBeforeRender();
-    const page = this.currentPage;
-    const hasPage = !!page;
-    if (page) {
-      console.log("PageHeader page:", {
-        title: page.title,
-        displayName: page.displayName,
-        name: page.name,
-        pageName: page.pageName,
-        icon: page.icon,
-        pageIcon: page.pageIcon,
-        pageDescription: page.pageDescription,
-        description: page.description
-      });
-    }
-    const headerActions = page?.options?.headerActions || page?.headerActions || page?.constructor?.prototype?.headerActions || [];
-    this.data = {
-      hasPage,
-      pageTitle: page?.title || page?.displayName || page?.name || page?.pageName || "",
-      pageIcon: page?.icon || page?.pageIcon || "",
-      pageDescription: page?.pageDescription || page?.description || "",
-      showIcon: this.showIcon,
-      showDescription: this.showDescription,
-      showBreadcrumbs: this.showBreadcrumbs,
-      breadcrumbs: page?.options?.breadcrumbs || page?.breadcrumbs || [],
-      actions: headerActions,
-      hasActions: headerActions.length > 0,
-      size: this.size
-    };
-    console.log("PageHeader data:", this.data);
-  }
-  /**
-   * Set the current page to display
-   */
-  async setPage(page) {
-    console.log("PageHeader.setPage called with:", page?.pageName || page?.name || "no page");
-    this.currentPage = page;
-    if (page) {
-      console.log("PageHeader.setPage calling render()");
-      await this.render();
-      console.log("PageHeader.setPage render() complete");
-    }
-  }
-  /**
-   * Get the current page
-   */
-  getPage() {
-    return this.currentPage;
-  }
-  /**
-   * Handle action clicks from page header buttons
-   */
-  async onActionDefault(action, event, element) {
-    if (this.currentPage && typeof this.currentPage.onHeaderAction === "function") {
-      await this.currentPage.onHeaderAction(action, event, element);
-      return true;
-    }
-    this.emit("action", {
-      action,
-      event,
-      element,
-      page: this.currentPage
-    });
-    return false;
-  }
-}
-class DeniedPage extends Page {
-  constructor(options = {}) {
-    super({
-      pageName: "Access Denied",
-      route: "/denied",
-      title: "Access Denied",
-      pageIcon: "bi bi-shield-x",
-      template: `
-        <div class="container mt-5">
-          <div class="row justify-content-center">
-            <div class="col-md-8 col-lg-6">
-              <div class="text-center mb-4">
-                <i class="bi bi-shield-x text-muted" style="font-size: 3rem;"></i>
-                <h2 class="mt-3 mb-2">Access Denied</h2>
-                <p class="text-muted">You don't have permission to access this page.</p>
-              </div>
-
-              {{#deniedPage}}
-              <div class="card border-0 shadow-sm mb-4">
-                <div class="card-body">
-                  <h6 class="card-subtitle mb-2 text-muted">Requested Page</h6>
-                  <h5 class="card-title">
-                    <i class="{{pageIcon}} me-2"></i>
-                    {{displayName}}
-                  </h5>
-                  {{#route}}
-                  <p class="card-text text-muted small">{{route}}</p>
-                  {{/route}}
-                  {{#description}}
-                  <p class="card-text">{{description}}</p>
-                  {{/description}}
-
-                  {{#requiredPermissions}}
-                  <div class="mt-3">
-                    <h6 class="mb-2">Required Permissions:</h6>
-                    {{#permissions}}
-                    <span class="badge bg-light text-dark me-1 mb-1">{{.}}</span>
-                    {{/permissions}}
-                    {{^permissions}}
-                    <span class="text-muted small">Authentication required</span>
-                    {{/permissions}}
-                  </div>
-                  {{/requiredPermissions}}
-                </div>
-              </div>
-              {{/deniedPage}}
-
-              <div class="d-grid gap-2 d-md-flex justify-content-md-center">
-                <button type="button" class="btn btn-primary" data-action="go-back">
-                  <i class="bi bi-arrow-left me-1"></i>
-                  Go Back
-                </button>
-                <button type="button" class="btn btn-outline-secondary" data-action="go-home">
-                  <i class="bi bi-house me-1"></i>
-                  Home
-                </button>
-                {{#showLogin}}
-                <button type="button" class="btn btn-outline-primary" data-action="login">
-                  <i class="bi bi-box-arrow-in-right me-1"></i>
-                  Login
-                </button>
-                {{/showLogin}}
-              </div>
-
-              {{#currentUser}}
-              <div class="text-center mt-4">
-                <small class="text-muted">
-                  Logged in as <strong>{{username}}</strong>
-                </small>
-              </div>
-              {{/currentUser}}
-            </div>
-          </div>
-        </div>
-      `,
-      ...options
-    });
-    this.deniedPage = null;
-    this.deniedPageOptions = null;
-  }
-  /**
-   * Handle route parameters - expect denied page info
-   */
-  async onParams(params = {}, query = {}) {
-    await super.onParams(params, query);
-    if (params.page) {
-      this.deniedPage = params.page;
-      this.deniedPageOptions = params.page.options || params.page.pageOptions || {};
-    } else if (query.page) {
-      this.deniedPageName = query.page;
-    }
-  }
-  /**
-   * Set the denied page instance
-   */
-  setDeniedPage(pageInstance) {
-    this.deniedPage = pageInstance;
-    this.deniedPageOptions = pageInstance?.options || pageInstance?.pageOptions || {};
-    return this;
-  }
-  /**
-   * Get view data for template rendering
-   */
-  async getViewData() {
-    const app = this.getApp();
-    const currentUser = app?.activeUser || app?.getCurrentUser?.() || null;
-    let deniedPageInfo = null;
-    if (this.deniedPage) {
-      const permissions = this.deniedPageOptions?.permissions || this.deniedPage.options?.permissions || this.deniedPage.pageOptions?.permissions;
-      deniedPageInfo = {
-        displayName: this.deniedPage.displayName || this.deniedPage.pageName || this.deniedPage.title || "Unknown Page",
-        pageName: this.deniedPage.pageName,
-        route: this.deniedPage.route,
-        description: this.deniedPage.pageDescription || this.deniedPage.description,
-        pageIcon: this.deniedPage.pageIcon || "bi bi-file-text",
-        requiredPermissions: permissions ? {
-          permissions: Array.isArray(permissions) ? permissions : [permissions]
-        } : null
-      };
-    } else if (this.deniedPageName) {
-      deniedPageInfo = {
-        displayName: this.deniedPageName,
-        pageName: this.deniedPageName,
-        pageIcon: "bi bi-file-text"
-      };
-    }
-    return {
-      deniedPage: deniedPageInfo,
-      currentUser: currentUser ? {
-        username: currentUser.username || currentUser.name || currentUser.email || "Unknown User",
-        name: currentUser.name,
-        email: currentUser.email
-      } : null,
-      showLogin: !currentUser
-      // Show login button if not authenticated
-    };
-  }
-  /**
-   * Handle going back to previous page
-   */
-  async handleActionGoBack(event, element) {
-    event.preventDefault();
-    if (window.history.length > 1) {
-      window.history.back();
-    } else {
-      await this.handleActionGoHome(event, element);
-    }
-  }
-  /**
-   * Handle navigation to home page
-   */
-  async handleActionGoHome(event, element) {
-    event.preventDefault();
-    const app = this.getApp();
-    if (app) {
-      await app.navigateToDefault();
-    } else {
-      window.location.href = "/";
-    }
-  }
-  /**
-   * Handle login action
-   */
-  async handleActionLogin(event, element) {
-    event.preventDefault();
-    const app = this.getApp();
-    if (app) {
-      try {
-        await app.showPage("login");
-      } catch (error) {
-        try {
-          await app.navigate("/login");
-        } catch (navError) {
-          this.emit("login-required", {
-            returnUrl: this.deniedPage?.route || window.location.pathname
-          });
-          setTimeout(() => {
-            app?.showInfo?.("Please contact your administrator for access.");
-          }, 100);
-        }
-      }
-    }
-  }
-  /**
-   * Called when entering this page
-   */
-  async onEnter() {
-    await super.onEnter();
-    const pageName = this.deniedPage?.pageName || this.deniedPageName;
-    if (pageName) {
-      this.setMeta({
-        title: `Access Denied - ${pageName}`
-      });
-    }
-    console.warn("Access denied to page:", {
-      page: this.deniedPage?.pageName || this.deniedPageName,
-      route: this.deniedPage?.route,
-      permissions: this.deniedPageOptions?.permissions,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    });
-  }
-  /**
-   * Static helper to show access denied for a specific page
-   */
-  static showForPage(app, pageInstance) {
-    const deniedPage = new DeniedPage();
-    deniedPage.setDeniedPage(pageInstance);
-    return app.showPage(deniedPage);
-  }
-}
-class NotFoundPage extends Page {
-  constructor(options = {}) {
-    super({
-      pageName: "404",
-      route: "/404",
-      title: "404 - Page Not Found",
-      pageIcon: "bi bi-search",
-      template: `
-        <div class="container mt-5">
-          <div class="row justify-content-center">
-            <div class="col-md-8 col-lg-6">
-              <div class="text-center mb-4">
-                <i class="bi bi-search text-muted" style="font-size: 3rem;"></i>
-                <h2 class="mt-3 mb-2">Page Not Found</h2>
-                <p class="text-muted">The page you're looking for doesn't exist.</p>
-              </div>
-
-              {{#path}}
-              <div class="card border-0 shadow-sm mb-4">
-                <div class="card-body text-center">
-                  <h6 class="card-subtitle mb-2 text-muted">Requested Path</h6>
-                  <code class="text-primary">{{path}}</code>
-                </div>
-              </div>
-              {{/path}}
-
-              <div class="d-grid gap-2 d-md-flex justify-content-md-center">
-                <button type="button" class="btn btn-primary" data-action="go-back">
-                  <i class="bi bi-arrow-left me-1"></i>
-                  Go Back
-                </button>
-                <button type="button" class="btn btn-outline-secondary" data-action="go-home">
-                  <i class="bi bi-house me-1"></i>
-                  Home
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      `,
-      ...options
-    });
-    this.path = null;
-  }
-  /**
-   * Handle route parameters
-   */
-  async onParams(params = {}, query = {}) {
-    await super.onParams(params, query);
-    if (params.path) {
-      this.path = params.path;
-    }
-    if (query.path) {
-      this.path = query.path;
-    }
-  }
-  /**
-   * Set not found path
-   */
-  setInfo(path) {
-    this.path = path || null;
-    return this;
-  }
-  /**
-   * Handle going back to previous page
-   */
-  async handleActionGoBack(event, _element) {
-    event.preventDefault();
-    if (window.history.length > 1) {
-      window.history.back();
-    } else {
-      await this.handleActionGoHome(event, _element);
-    }
-  }
-  /**
-   * Handle navigation to home page
-   */
-  async handleActionGoHome(event, _element) {
-    event.preventDefault();
-    const app = this.getApp();
-    if (app) {
-      await app.navigateToDefault();
-    } else {
-      window.location.href = "/";
-    }
-  }
-  /**
-   * Called when entering this page
-   */
-  async onEnter() {
-    await super.onEnter();
-    if (this.path) {
-      this.setMeta({
-        title: `404 - ${this.path} Not Found`
-      });
-    }
-    console.warn("404 Not Found:", {
-      path: this.path,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    });
-  }
-  /**
-   * Static helper to show 404 for a specific path
-   */
-  static showForPath(app, path) {
-    const notFoundPage = new NotFoundPage();
-    notFoundPage.setInfo(path);
-    return notFoundPage.render();
-  }
-}
-class PortalApp extends WebApp {
-  constructor(config = {}) {
-    super(config);
-    this.sidebarConfig = config.sidebar;
-    this.topbarConfig = config.topbar || {};
-    if (config.topnav && !config.topbar) {
-      this.topbarConfig = config.topnav;
-    }
-    this.showPageHeader = config.showPageHeader || false;
-    this.pageHeaderConfig = config.pageHeader || {};
-    this.sidebar = null;
-    this.topbar = null;
-    this.topnav = null;
-    this.pageHeader = null;
-    this.tokenManager = new TokenManager();
-    this.activeGroup = null;
-    if (!this.isMobile()) {
-      this.sidebarCollapsed = this.loadSidebarState() ?? (this.sidebarConfig.defaultCollapsed || false);
-    } else {
-      this.sidebarCollapsed = this.sidebarConfig.defaultCollapsed || false;
-    }
-    this.setupPageContainer();
-    this.toast = new ToastService();
-    this.Dialog = Dialog;
-    this.registerPage("denied", DeniedPage);
-    this.registerPage("404", NotFoundPage);
-  }
-  /**
-   * Override WebApp start to setup portal layout
-   */
-  async start() {
-    await this.checkAuthStatus();
-    this.events.on("auth:unauthorized", () => {
-      this.tokenManager.clearTokens();
-      this.rest.clearAuth();
-      this.setActiveUser(null);
-      return;
-    });
-    this.events.on("auth:logout", () => {
-      this.tokenManager.clearTokens();
-      this.rest.clearAuth();
-      this.setActiveUser(null);
-      return;
-    });
-    this.events.on("browser:focus", () => {
-      if (!this.activeUser) return;
-      this.tokenManager.checkAndRefreshTokens(this);
-    });
-    this.events.on("portal:action", this.onPortalAction.bind(this));
-    if (this.activeUser) {
-      await this.checkActiveGroup();
-    }
-    await this.setupRouter();
-    this.isStarted = true;
-    this.events.emit("app:ready", { app: this });
-  }
-  async checkAuthStatus() {
-    const tokenStatus = this.tokenManager.checkTokenStatus();
-    if (tokenStatus.action === "logout") {
-      this.events.emit("auth:unauthorized", { app: this });
-      return false;
-    }
-    if (tokenStatus.action === "refresh") {
-      const refreshed = await this.tokenManager.checkAndRefreshTokens(this);
-      if (!refreshed) {
-        return false;
-      }
-    }
-    const token = this.tokenManager.getTokenInstance();
-    if (this.activeUser) {
-      this.tokenManager.startAutoRefresh(this);
-      return true;
-    }
-    this.rest.setAuthToken(token.token);
-    const user = new User({ id: token.getUserId() });
-    const resp = await user.fetch();
-    if (!resp.success) {
-      this.tokenManager.clearTokens();
-      this.events.emit("auth:unauthorized", { app: this, error: resp.error });
-      return false;
-    }
-    this.setActiveUser(user);
-    this.tokenManager.startAutoRefresh(this);
-    return true;
-  }
-  /**
-   * Check and load active group from storage
-   */
-  async checkActiveGroup() {
-    const urlParams = new URLSearchParams(window.location.search);
-    const urlGroupId = urlParams.get("group");
-    const groupId = urlGroupId || this.loadActiveGroupId();
-    if (groupId) {
-      try {
-        const group = new Group({ id: groupId });
-        const resp = await group.fetch();
-        if (!resp.success || !resp.data.status) {
-          this.clearActiveGroup();
-          console.warn("Failed to load active group:", resp.statusText);
-          return;
-        }
-        this.activeGroup = group;
-        if (urlGroupId) {
-          this.saveActiveGroupId(groupId);
-        }
-        if (this.activeUser) {
-          this.activeUser.member = new Member();
-          await this.activeUser.member.fetchForGroup(group.id);
-        }
-        this.events.emit("group:loaded", { group: this.activeGroup });
-      } catch (error) {
-        console.warn("Failed to load active group:", error);
-        if (urlGroupId && !this.loadActiveGroupId()) {
-          this.clearActiveGroupId();
-        } else if (urlGroupId) {
-          const storedGroupId = this.loadActiveGroupId();
-          if (storedGroupId && storedGroupId !== urlGroupId) {
-            try {
-              const fallbackGroup = new Group({ id: storedGroupId });
-              await fallbackGroup.fetch();
-              this.activeGroup = fallbackGroup;
-              this.events.emit("group:loaded", { group: this.activeGroup });
-            } catch (fallbackError) {
-              console.warn("Fallback to stored group also failed:", fallbackError);
-              this.clearActiveGroupId();
-            }
-          }
-        }
-      }
-    }
-  }
-  /**
-   * Set the active group
-   */
-  async setActiveGroup(group) {
-    const previousGroup = this.activeGroup;
-    this.activeGroup = group;
-    if (group && group.get("id")) {
-      this.saveActiveGroupId(group.get("id"));
-    } else {
-      this.clearActiveGroupId();
-    }
-    if (this.activeUser) {
-      this.activeUser.member = new Member();
-      await this.activeUser.member.fetchForGroup(group.id);
-    }
-    this.events.emit("group:changed", {
-      group,
-      previousGroup,
-      app: this
-    });
-    const page = this.getCurrentPage();
-    if (page && page.onGroupChange) {
-      page.onGroupChange(group);
-    }
-    this.router.updateUrl({ group: group.id }, { replace: true });
-    return this;
-  }
-  /**
-   * Get the active group
-   */
-  getActiveGroup() {
-    return this.activeGroup;
-  }
-  /**
-   * Clear the active group
-   */
-  async clearActiveGroup() {
-    const previousGroup = this.activeGroup;
-    this.activeGroup = null;
-    this.clearActiveGroupId();
-    this.events.emit("group:cleared", {
-      previousGroup,
-      app: this
-    });
-    return this;
-  }
-  /**
-   * Save active group ID to localStorage
-   */
-  saveActiveGroupId(groupId) {
-    try {
-      const key = this.getActiveGroupStorageKey();
-      localStorage.setItem(key, groupId.toString());
-    } catch (error) {
-      console.warn("Failed to save active group ID:", error);
-    }
-  }
-  /**
-   * Load active group ID from localStorage
-   */
-  loadActiveGroupId() {
-    try {
-      const key = this.getActiveGroupStorageKey();
-      return localStorage.getItem(key);
-    } catch (error) {
-      console.warn("Failed to load active group ID:", error);
-      return null;
-    }
-  }
-  /**
-   * Clear active group ID from localStorage
-   */
-  clearActiveGroupId() {
-    try {
-      const key = this.getActiveGroupStorageKey();
-      localStorage.removeItem(key);
-    } catch (error) {
-      console.warn("Failed to clear active group ID:", error);
-    }
-  }
-  /**
-   * Get storage key for active group ID
-   */
-  getActiveGroupStorageKey() {
-    return `active_group_id`;
-  }
-  /**
-   * Set portal profile to localStorage
-   */
-  setPortalProfile(profile) {
-    try {
-      localStorage.setItem("portal_profile", profile);
-    } catch (error) {
-      console.warn("Failed to save portal profile:", error);
-    }
-  }
-  /**
-   * Check if user needs to select a group
-   */
-  needsGroupSelection() {
-    return !this.activeGroup;
-  }
-  /**
-   * Setup layout based on configuration
-   */
-  setupPageContainer() {
-    const container = typeof this.container === "string" ? document.querySelector(this.container) : this.container;
-    if (!container) {
-      throw new Error(`Portal container not found: ${this.container}`);
-    }
-    const showSidebar = this.sidebarConfig && Object.keys(this.sidebarConfig).length > 0;
-    const showTopbar = this.topbarConfig && Object.keys(this.topbarConfig).length > 0;
-    const contentMarkup = this.showPageHeader ? `
-            <div class="portal-content" id="portal-content">
-                <div id="page-header"></div>
-                <div id="page-container">
-                    <!-- Pages render here -->
-                </div>
-            </div>
-        ` : `
-            <div class="portal-content" id="page-container">
-                <!-- Pages render here -->
-            </div>
-        `;
-    container.innerHTML = `
-            <div class="portal-layout hide-sidebar">
-                ${showSidebar ? '<div id="portal-sidebar"></div>' : ""}
-                <div class="portal-body">
-                    ${showTopbar ? '<div id="portal-topnav"></div>' : ""}
-                    ${contentMarkup}
-                </div>
-            </div>
-        `;
-    this.pageContainer = "#page-container";
-    container.classList.add("portal-container");
-    this.setupPortalComponents();
-    this.applySidebarState(container);
-  }
-  /**
-   * Setup portal components
-   */
-  async setupPortalComponents() {
-    await this.setupSidebar();
-    await this.setupTopbar();
-    await this.setupPageHeader();
-    this.setupPortalEvents();
-  }
-  /**
-   * Setup sidebar component
-   */
-  async setupSidebar() {
-    if (!this.sidebarConfig || Object.keys(this.sidebarConfig).length === 0) return;
-    this.sidebar = new Sidebar({
-      containerId: "portal-sidebar",
-      ...this.sidebarConfig
-    });
-    await this.sidebar.render();
-  }
-  /**
-   * Setup topbar component
-   */
-  async setupTopbar() {
-    if (!this.topbarConfig || Object.keys(this.topbarConfig).length === 0) return;
-    this.topbar = new TopNav({
-      containerId: "portal-topnav",
-      brandText: this.topbarConfig.brand || this.brand || this.title,
-      brandRoute: this.topbarConfig.brandRoute || "/",
-      brandIcon: this.topbarConfig.brandIcon || this.brandIcon,
-      navItems: this.topbarConfig.leftItems || [],
-      rightItems: this.topbarConfig.rightItems || [],
-      displayMode: this.topbarConfig.displayMode || "both",
-      showSidebarToggle: this.topbarConfig.showSidebarToggle || false,
-      ...this.topbarConfig
-    });
-    await this.topbar.render();
-    this.topnav = this.topbar;
-  }
-  /**
-   * Setup page header component
-   */
-  async setupPageHeader() {
-    if (!this.showPageHeader) return;
-    this.pageHeader = new PageHeader({
-      containerId: "page-header",
-      style: this.pageHeaderConfig.style || "default",
-      showIcon: this.pageHeaderConfig.showIcon !== false,
-      showDescription: this.pageHeaderConfig.showDescription !== false,
-      showBreadcrumbs: this.pageHeaderConfig.showBreadcrumbs || false,
-      ...this.pageHeaderConfig
-    });
-    const headerContainer = document.getElementById("page-header");
-    if (headerContainer) {
-      await this.pageHeader.render(true, headerContainer);
-    }
-  }
-  /**
-   * Setup portal event handling
-   */
-  setupPortalEvents() {
-    document.addEventListener("click", (event) => {
-      if (event.target.closest('[data-action="toggle-sidebar"]')) {
-        event.preventDefault();
-        this.toggleSidebar();
-      }
-    });
-    if (window.ResizeObserver) {
-      const resizeObserver = new ResizeObserver(() => {
-        this.handleResponsive();
-      });
-      resizeObserver.observe(document.body);
-      this._resizeObserver = resizeObserver;
-    } else {
-      this._resizeHandler = () => this.handleResponsive();
-      window.addEventListener("resize", this._resizeHandler);
-    }
-    this.handleResponsive();
-  }
-  /**
-   * Toggle sidebar state
-   */
-  toggleSidebar() {
-    if (!this.sidebar) return;
-    const container = document.querySelector(".portal-container");
-    const isMobile = this.isMobile();
-    if (isMobile) {
-      container.classList.toggle("hide-sidebar");
-    } else {
-      container.classList.toggle("collapse-sidebar");
-      this.sidebarCollapsed = !this.sidebarCollapsed;
-      this.saveSidebarState(this.sidebarCollapsed);
-    }
-    this.events.emit("sidebar:toggled", {
-      collapsed: this.sidebarCollapsed,
-      mobile: isMobile
-    });
-  }
-  /**
-   * Handle responsive layout
-   */
-  handleResponsive() {
-    const container = document.querySelector(".portal-container");
-    if (!container) return;
-    const isMobile = this.isMobile();
-    if (isMobile) {
-      container.classList.add("mobile-layout");
-      if (!container.classList.contains("hide-sidebar")) {
-        container.classList.add("hide-sidebar");
-      }
-    } else {
-      container.classList.remove("mobile-layout", "hide-sidebar");
-    }
-    this.events.emit("responsive:changed", { mobile: isMobile });
-  }
-  getPortalContainer() {
-    return document.querySelector(".portal-container");
-  }
-  isMobile() {
-    return window.innerWidth < 768;
-  }
-  hasMobileLayout() {
-    return this.getPortalContainer().classList.contains("mobile-layout");
-  }
-  /**
-   * Override showPage to update navigation
-   */
-  async showPage(page, query = {}, params = {}, options = {}) {
-    const result = await super.showPage(page, query, params, options);
-    if (this.hasMobileLayout()) {
-      this.getPortalContainer().classList.add("hide-sidebar");
-    }
-    if (this.currentPage) {
-      this.updateNavigation(this.currentPage);
-    }
-    return result;
-  }
-  /**
-   * Update navigation active states
-   */
-  updateNavigation(page) {
-    if (this.sidebar && this.sidebar.setActivePage) {
-      this.sidebar.setActivePage(page.route);
-    }
-    if (this.topbar && this.topbar.setActivePage) {
-      this.topbar.setActivePage(page.route);
-    }
-    if (this.pageHeader) {
-      this.pageHeader.setPage(page);
-    }
-    this.events.emit("portal:page-changed", { page });
-  }
-  /**
-   * Set active user
-   */
-  setActiveUser(user) {
-    this.activeUser = user;
-    if (this.topbar) {
-      this.topbar.setUser(user);
-    }
-    this.events.emit("portal:user-changed", { user });
-  }
-  /**
-   * Get the active user (for backward compatibility)
-   */
-  getActiveUser() {
-    return this.activeUser;
-  }
-  /**
-   * Save sidebar state to localStorage
-   */
-  saveSidebarState(collapsed) {
-    try {
-      const key = this.getSidebarStorageKey();
-      localStorage.setItem(key, JSON.stringify(collapsed));
-    } catch (error) {
-      console.warn("Failed to save sidebar state:", error);
-    }
-  }
-  /**
-   * Load sidebar state from localStorage
-   */
-  loadSidebarState() {
-    try {
-      const key = this.getSidebarStorageKey();
-      const saved = localStorage.getItem(key);
-      return saved !== null ? JSON.parse(saved) : null;
-    } catch (error) {
-      console.warn("Failed to load sidebar state:", error);
-      return null;
-    }
-  }
-  /**
-   * Get storage key for sidebar state (allows multiple apps on same domain)
-   */
-  getSidebarStorageKey() {
-    const appKey = this.title ? this.title.replace(/\s+/g, "_").toLowerCase() : "portal_app";
-    return `${appKey}_sidebar_collapsed`;
-  }
-  /**
-   * Apply saved sidebar state to the UI
-   */
-  applySidebarState(container = null) {
-    if (!container) {
-      container = document.querySelector(".portal-container");
-    }
-    if (!container) return;
-    if (this.sidebarCollapsed) {
-      container.classList.add("collapse-sidebar");
-    } else {
-      container.classList.remove("collapse-sidebar");
-    }
-  }
-  /**
-   * Clear saved sidebar state
-   */
-  clearSidebarState() {
-    try {
-      const key = this.getSidebarStorageKey();
-      localStorage.removeItem(key);
-    } catch (error) {
-      console.warn("Failed to clear sidebar state:", error);
-    }
-  }
-  async changePassword() {
-    const data = await this.showForm({
-      title: "Change Password",
-      fields: [
-        {
-          name: "current_password",
-          type: "password",
-          label: "Current Password",
-          required: true,
-          showToggle: true,
-          // default, can omit
-          strengthMeter: true,
-          capsLockWarning: true
-        },
-        {
-          name: "new_password",
-          type: "password",
-          label: "New Password",
-          required: true,
-          showToggle: true,
-          passwordUsage: "new",
-          // sets autocomplete to 'new-password'
-          strengthMeter: true,
-          capsLockWarning: true,
-          attributes: {
-            // optional, override autocomplete if needed
-            autocomplete: "new-password"
-          }
-        },
-        {
-          name: "confirm_password",
-          type: "password",
-          label: "Confirm Password",
-          required: true,
-          showToggle: true,
-          passwordUsage: "new",
-          // sets autocomplete to 'new-password'
-          strengthMeter: true,
-          capsLockWarning: true,
-          attributes: {
-            // optional, override autocomplete if needed
-            // autocomplete: 'new-password'
-          }
-        }
-      ],
-      submitLabel: "Change Password"
-    });
-    if (data) {
-      if (data.new_password === data.confirm_password) {
-        const resp = await this.activeUser.save(data);
-        if (resp.status === 200) {
-          this.toast.success("Password changed successfully");
-        } else {
-          this.toast.error("Failed to change password");
-        }
-      } else {
-        this.toast.error("Passwords do not match");
-      }
-    }
-  }
-  onPortalAction(action) {
-    switch (action.action) {
-      case "logout":
-        this.tokenManager.clearTokens();
-        this.rest.clearAuth();
-        this.setActiveUser(null);
-        break;
-      case "profile":
-        this.showProfile();
-        break;
-      case "change-password":
-        this.changePassword();
-        break;
-      default:
-        console.warn(`Unknown portal action: ${action}`);
-    }
-  }
-  async showProfile() {
-    if (!this.activeUser) {
-      this.showError("No user is currently logged in");
-      return;
-    }
-    try {
-      const result = await Dialog.showModelForm({
-        title: "Edit Profile",
-        size: "lg",
-        fileHandling: "base64",
-        model: this.activeUser,
-        fields: [
-          // Profile Header
-          {
-            type: "header",
-            text: "Profile Information",
-            level: 4,
-            class: "text-primary mb-3"
-          },
-          // Avatar and Basic Info
-          {
-            type: "group",
-            columns: { xs: 12, md: 4 },
-            title: "Avatar",
-            fields: [
-              {
-                type: "image",
-                name: "avatar",
-                size: "lg",
-                imageSize: { width: 200, height: 200 },
-                placeholder: "Upload your avatar",
-                help: "Square images work best"
-              }
-            ]
-          },
-          // Profile Details
-          {
-            type: "group",
-            columns: { xs: 12, md: 8 },
-            title: "Details",
-            fields: [
-              {
-                type: "text",
-                name: "display_name",
-                label: "Display Name",
-                required: true,
-                columns: 12,
-                placeholder: "Enter first name"
-              },
-              {
-                type: "email",
-                name: "email",
-                label: "Email Address",
-                required: true,
-                columns: 8,
-                placeholder: "your.email@example.com"
-              },
-              {
-                type: "tel",
-                name: "phone_number",
-                label: "Phone Number",
-                columns: 4,
-                placeholder: "(555) 123-4567"
-              }
-            ]
-          },
-          // Account Settings
-          {
-            type: "group",
-            columns: 12,
-            title: "Account Settings",
-            class: "pt-3",
-            fields: [
-              {
-                type: "select",
-                name: "timezone",
-                label: "Timezone",
-                columns: 6,
-                options: [
-                  { value: "America/New_York", text: "Eastern Time" },
-                  { value: "America/Chicago", text: "Central Time" },
-                  { value: "America/Denver", text: "Mountain Time" },
-                  { value: "America/Los_Angeles", text: "Pacific Time" },
-                  { value: "UTC", text: "UTC" }
-                ]
-              },
-              {
-                type: "select",
-                name: "language",
-                label: "Language",
-                columns: 6,
-                options: [
-                  { value: "en", text: "English" },
-                  { value: "es", text: "Spanish" },
-                  { value: "fr", text: "French" },
-                  { value: "de", text: "German" }
-                ]
-              },
-              {
-                type: "switch",
-                name: "email_notifications",
-                label: "Email Notifications",
-                columns: 4
-              },
-              {
-                type: "switch",
-                name: "two_factor_enabled",
-                label: "Two-Factor Authentication",
-                columns: 4
-              },
-              {
-                type: "switch",
-                name: "profile_public",
-                label: "Public Profile",
-                columns: 4
-              }
-            ]
-          }
-        ],
-        submitText: "Save Profile",
-        cancelText: "Cancel"
-      });
-      if (result && result.success) {
-        this.showSuccess("Profile updated successfully!");
-      } else if (result && !result.success) {
-      }
-    } catch (error) {
-      console.error("Error showing profile form:", error);
-      this.showError("Failed to load profile form");
-    }
-  }
-  /**
-   * Clean up portal resources
-   */
-  async destroy() {
-    this.activeGroup = null;
-    if (this._resizeObserver) {
-      this._resizeObserver.disconnect();
-    }
-    if (this._resizeHandler) {
-      window.removeEventListener("resize", this._resizeHandler);
-    }
-    if (this.topbar) {
-      await this.topbar.destroy();
-      this.topbar = null;
-      this.topnav = null;
-    }
-    if (this.sidebar) {
-      await this.sidebar.destroy();
-      this.sidebar = null;
-    }
-    await super.destroy();
-  }
-  /**
-   * Static factory method
-   */
-  static create(config = {}) {
-    return new PortalApp(config);
-  }
-}
-class FormPage extends Page {
-  constructor(options = {}) {
-    super({
-      title: "Form Page",
-      description: "A page for submitting forms",
-      icon: "form",
-      fields: [],
-      template: '<div data-container="form-view-container"></div>',
-      className: "form-page container-sm",
-      ...options
-    });
-  }
-  async onInit() {
-    await super.onInit();
-    this.formView = new FormView({
-      containerId: "form-view-container",
-      fields: this.options.fields,
-      autosaveModelField: true
-    });
-    this.addChild(this.formView);
-    if (this.getApp().activeGroup) {
-      this.formView.setModel(this.getApp().activeGroup);
-    }
-  }
-  async onEnter() {
-    await super.onEnter();
-    if (this.formView) {
-      await this.recreateFormView();
-    }
-  }
-  async onGroupChange(group) {
-    if (this.formView) {
-      await this.recreateFormView();
-    }
-  }
-  async recreateFormView() {
-    if (this.formView) {
-      await this.formView.destroy();
-      this.removeChild(this.formView);
-    }
-    this.formView = new FormView({
-      containerId: "form-view-container",
-      fields: this.options.fields,
-      autosaveModelField: true
-    });
-    this.addChild(this.formView);
-    if (this.getApp().activeGroup) {
-      this.formView.setModel(this.getApp().activeGroup);
-    }
-  }
-}
-class MustacheFormatter {
-  constructor() {
-    this.formatter = dataFormatter;
-    this.compiledTemplates = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Render template with data
-   * Pipes are now handled by Model.get() and View.get() automatically
-   * 
-   * @param {string} template - Mustache template
-   * @param {object} data - Data to render (View, Model, or plain object)
-   * @param {object} partials - Mustache partials
-   * @returns {string} Rendered template
-   */
-  render(template, data, partials = {}) {
-    return Mustache.render(template, data, partials);
-  }
-  /**
-   * Compile template for reuse
-   * @param {string} template - Template to compile
-   * @returns {object} Compiled template tokens
-   */
-  compile(template) {
-    const compiled = Mustache.parse(template);
-    this.compiledTemplates.set(template, compiled);
-    return compiled;
-  }
-  /**
-   * Render with compiled template
-   * @param {object} compiled - Compiled template tokens
-   * @param {object} data - Data to render
-   * @param {object} partials - Mustache partials
-   * @returns {string} Rendered template
-   */
-  renderCompiled(compiled, data, partials = {}) {
-    return Mustache.render(compiled, data, partials);
-  }
-  /**
-   * Clear compiled template cache
-   */
-  clearCache() {
-    this.compiledTemplates.clear();
-    Mustache.clearCache();
-  }
-  /**
-   * Process and cache a template
-   * @param {string} key - Cache key
-   * @param {string} template - Template to cache
-   * @returns {object} Cached template info
-   */
-  cache(key, template) {
-    const compiled = this.compile(template);
-    return { key, template, compiled };
-  }
-  /**
-   * Get cached template
-   * @param {string} key - Cache key
-   * @returns {object|null} Cached template info or null
-   */
-  getCached(key) {
-    for (const [template, compiled] of this.compiledTemplates) {
-      if (template === key || compiled === key) {
-        return { key, template, compiled };
-      }
-    }
-    return null;
-  }
-  /**
-   * Register a custom formatter with DataFormatter
-   * @param {string} name - Formatter name
-   * @param {function} formatter - Formatter function
-   * @returns {MustacheFormatter} This instance for chaining
-   */
-  registerFormatter(name, formatter) {
-    this.formatter.register(name, formatter);
-    return this;
-  }
-  /**
-   * Check if a string contains pipe syntax
-   * @param {string} template - Template string to check
-   * @returns {boolean} True if contains pipes
-   */
-  hasPipes(template) {
-    return /\{\{[{]?[^}|]+\|[^}]+\}[}]?\}/.test(template);
-  }
-  /**
-   * Pre-process data with pipe formatters
-   * This is now handled automatically by get() methods, but kept for backward compatibility
-   * 
-   * @param {object} data - Data object
-   * @param {object} pipes - Object mapping keys to pipe strings
-   * @returns {object} Processed data
-   */
-  processData(data, pipes) {
-    const processed = { ...data };
-    for (const [key, pipeString] of Object.entries(pipes)) {
-      if (data && typeof data.get === "function") {
-        processed[key] = data.get(`${key}|${pipeString}`);
-      } else {
-        const value = this.getValueFromPath(data, key);
-        processed[key] = this.formatter.pipe(value, pipeString);
-      }
-    }
-    return processed;
-  }
-  /**
-   * Get value from object using dot notation path
-   * Kept for backward compatibility, but MOJOUtils.getContextData is preferred
-   * 
-   * @param {object} obj - Source object
-   * @param {string} path - Dot notation path
-   * @returns {*} Value at path
-   */
-  getValueFromPath(obj, path) {
-    if (!obj || !path) return void 0;
-    if (obj && typeof obj.get === "function") {
-      return obj.get(path);
-    }
-    const keys = path.split(".");
-    let current = obj;
-    for (const key of keys) {
-      if (current === null || current === void 0) {
-        return void 0;
-      }
-      if (!isNaN(key) && Array.isArray(current)) {
-        current = current[parseInt(key)];
-      } else {
-        current = current[key];
-      }
-    }
-    return current;
-  }
-  /**
-   * Process template to handle pipe formatters
-   * @deprecated Pipes are now handled by get() methods automatically
-   * @param {string} template - Original template
-   * @param {object} data - Original data
-   * @returns {object} {template: processedTemplate, data: processedData}
-   */
-  processTemplate(template, data) {
-    return { template, data };
-  }
-}
-const mustacheFormatter = new MustacheFormatter();
-ConsoleSilencer.install({ level: "warn" });
-const FRAMEWORK_NAME = "MOJO";
-const PACKAGE_NAME = "web-mojo";
-const index = {
-  FRAMEWORK_NAME,
-  PACKAGE_NAME
-};
-export {
-  B as BUILD_TIME,
-  a1 as BundleByOptions,
-  e2 as ChatInputView,
-  d3 as ChatMessageView,
-  C3 as ChatView,
-  C2 as Collection,
-  a5 as CommonEventFields,
-  a6 as CommonScopeOptions,
-  a3 as ComparatorOptions,
-  ConsoleSilencer,
-  C as ContextMenu,
-  default2 as DataView,
-  D as DataWrapper,
-  Dialog,
-  D2 as DjangoLookups,
-  E3 as EmailDomain,
-  k as EmailDomainForms,
-  j as EmailDomainList,
-  s as EmailTemplate,
-  u as EmailTemplateForms,
-  t as EmailTemplateList,
-  E2 as EventBus,
-  E as EventDelegate,
-  FRAMEWORK_NAME,
-  y as File,
-  A as FileForms,
-  z as FileList,
-  v as FileManager,
-  x as FileManagerForms,
-  w as FileManagerList,
-  F as FilePreviewView,
-  f2 as FileUpload,
-  FormPage,
-  FormView,
-  az as GeoLocatedIP,
-  aA as GeoLocatedIPList,
-  Group,
-  b2 as GroupForms,
-  GroupList,
-  H as Incident,
-  I as IncidentEvent,
-  G as IncidentEventForms,
-  B2 as IncidentEventList,
-  K as IncidentForms,
-  U as IncidentHistory,
-  V2 as IncidentHistoryList,
-  J as IncidentList,
-  Q as IncidentRule,
-  R2 as IncidentRuleList,
-  N as IncidentRuleSet,
-  O as IncidentRuleSetList,
-  a0 as IncidentStats,
-  a7 as Job,
-  ac as JobEvent,
-  ad as JobEventList,
-  a9 as JobForms,
-  a8 as JobList,
-  aa as JobLog,
-  ab as JobLogList,
-  af as JobRunner,
-  ah as JobRunnerForms,
-  ag as JobRunnerList,
-  ae as JobsEngineStats,
-  L as LOOKUPS,
-  L2 as ListView,
-  a10 as ListViewItem,
-  ai as Log,
-  aj as LogList,
-  a2 as MOJOUtils,
-  l as Mailbox,
-  n as MailboxForms,
-  m as MailboxList,
-  a22 as MatchByOptions,
-  Member,
-  al as MemberForms,
-  ak as MemberList,
-  ao as MetricsForms,
-  am as MetricsPermission,
-  an as MetricsPermissionList,
-  M as Model,
-  mustacheFormatter as MustacheFormatter,
-  PACKAGE_NAME,
-  Page,
-  PortalApp,
-  P as ProgressView,
-  at as PushConfig,
-  ax as PushConfigForms,
-  au as PushConfigList,
-  av as PushDelivery,
-  aw as PushDeliveryList,
-  ap as PushDevice,
-  aq as PushDeviceList,
-  ar as PushTemplate,
-  ay as PushTemplateForms,
-  as as PushTemplateList,
-  r as Rest,
-  R as Router,
-  Z as Rule,
-  $ as RuleForms,
-  _ as RuleList,
-  W as RuleSet,
-  Y as RuleSetForms,
-  X as RuleSetList,
-  S as S3Bucket,
-  i2 as S3BucketForms,
-  h2 as S3BucketList,
-  o as SentMessage,
-  r2 as SentMessageForms,
-  q as SentMessageList,
-  Sidebar,
-  SimpleSearchView,
-  c3 as TabView,
-  b3 as TablePage,
-  a4 as TableRow,
-  T as TableView,
-  aB as Ticket,
-  aG as TicketCategories,
-  aF as TicketForms,
-  aC as TicketList,
-  aD as TicketNote,
-  aE as TicketNoteList,
-  ToastService,
-  TokenManager,
-  TopNav,
-  User,
-  e as UserDataView,
-  f as UserDevice,
-  g as UserDeviceList,
-  h as UserDeviceLocation,
-  i as UserDeviceLocationList,
-  d2 as UserForms,
-  c2 as UserList,
-  a as VERSION,
-  V as VERSION_INFO,
-  b as VERSION_MAJOR,
-  c as VERSION_MINOR,
-  d as VERSION_REVISION,
-  a42 as ValueTypeOptions,
-  View,
-  WebApp,
-  W2 as WebSocketClient,
-  a11 as applyFileDropMixin,
-  dataFormatter,
-  index as default,
-  g2 as formatFilterDisplay,
-  installConsoleSilencer,
-  p as parseFilterKey
-};
+import{B as e,V as t,a as s,b as i,c as a,d as n}from"./chunks/version-CU1HG1XH.js";import{V as r,d as o,M as l}from"./chunks/Rest-DHbszkuP.js";import{D as c,E as d,a as h,r as u}from"./chunks/Rest-DHbszkuP.js";import{G as p,a as g,P as m,T as v,U as b}from"./chunks/ContextMenu-BvniQz-N.js";import{C as f,b as w,c as y,d as S,e as A,f as P,g as C,h as M,i as L}from"./chunks/ContextMenu-BvniQz-N.js";import{W as I}from"./chunks/WebApp-CULZpO_0.js";import{E as T,R as k}from"./chunks/WebApp-CULZpO_0.js";import{C as D,M as x}from"./chunks/Collection-1sPoIFvQ.js";import{M as E}from"./chunks/ChatView-CqkYoMmr.js";import{B as G,C as _,a as N,b as F,c as R,d as V,e as H,D as O,E as U,f as B,g as K,h as j,i as z,j as $,F as q,k as J,l as W,m as Y,n as Q,o as X,p as Z,q as ee,G as te,r as se,I as ie,s as ae,t as ne,u as re,v as oe,w as le,x as ce,y as de,z as he,A as ue,H as pe,J as ge,K as me,L as ve,N as be,O as fe,P as we,Q as ye,R as Se,S as Ae,T as Pe,U as Ce,V as Me,W as Le,X as Ie,Y as Te,Z as ke,_ as De,$ as xe,a0 as Ee,a1 as Ge,a2 as _e,a3 as Ne,a4 as Fe,a5 as Re,a6 as Ve,a7 as He,a8 as Oe,a9 as Ue,aa as Be,ab as Ke,ac as je,ad as ze,ae as $e,af as qe,ag as Je,ah as We,ai as Ye,aj as Qe,ak as Xe,al as Ze,am as et,an as tt,ao as st,ap as it,aq as at,ar as nt,as as rt,at as ot,au as lt,av as ct,aw as dt,ax as ht,ay as ut,az as pt,aA as gt,aB as mt,aC as vt,aD as bt,aE as ft,aF as wt,aG as yt}from"./chunks/ChatView-CqkYoMmr.js";import{S as St,T as At,a as Pt}from"./chunks/TokenManager-D6SjKgPZ.js";import Ct from"./chunks/Dialog-BcgSR01Z.js";import{L as Mt,a as Lt}from"./chunks/ListView-6JQ6tRXs.js";import{default as It}from"./chunks/DataView--nUWtq6r.js";import{F as Tt}from"./chunks/FormView-OLA7t-yv.js";import{a as kt}from"./chunks/FormView-OLA7t-yv.js";import{W as Dt}from"./chunks/WebSocketClient-B-wc3mez.js";const xt={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1},Et=Object.freeze({silent:0,error:1,warn:2,info:3,log:3,debug:4,trace:5,all:5}),Gt=(()=>{try{if(void 0!==import.meta&&import.meta&&xt)return!1}catch{}if("undefined"!=typeof globalThis&&void 0!==globalThis.__DEV__)try{return!!globalThis.__DEV__}catch{}return!("undefined"==typeof process||!process||"object"!=typeof process.env||"string"!=typeof process.env.NODE_ENV)&&"production"!==process.env.NODE_ENV})(),_t="undefined"!=typeof window&&"undefined"!=typeof document,Nt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:global,Ft=Nt.console||{},Rt={};let Vt=!1,Ht=null;function Ot(e){if("number"==typeof e){const t=Et.silent,s=Et.trace;return Math.min(Math.max(e,t),s)}if("string"==typeof e){const t=e.toLowerCase();if(Object.prototype.hasOwnProperty.call(Et,t))return Et[t]}return null}function Ut(e,t){const s=Rt[e]||Ft[e]||(()=>{});return function(...e){if(Ht>=t)return s.apply(Ft,e)}}const Bt={install(e={}){if(Vt)return e&&void 0!==e.level&&this.setLevel(e.level,{persist:!!e.persist}),this;if(!Nt||!Ft)return Vt=!0,this;Ht=function(e){const t=Ot(e);if(null!==t)return t;const s=function(){if(!_t||"undefined"==typeof location||!location.search)return null;try{const e=new URLSearchParams(location.search),t=["logLevel","loglevel","mojoLog"];for(const s of t){const t=e.get(s);if(null!=t){const e=Ot(t);if(null!==e)return e}}}catch{}return null}();if(null!==s)return s;const i=function(){if(!_t||!("localStorage"in Nt))return null;try{const e=Nt.localStorage.getItem("MOJO_LOG_LEVEL");if(null!=e){const t=Ot(e);if(null!==t)return t}}catch{}return null}();return null!==i?i:Ot(Gt?"debug":"warn")}(e.level);const t=function(){const e={...Ft},t={error:Et.error,warn:Et.warn,info:Et.info,log:Et.info,dir:Et.info,table:Et.info,debug:Et.debug,group:Et.debug,groupCollapsed:Et.debug,groupEnd:Et.debug,time:Et.debug,timeEnd:Et.debug,timeLog:Et.debug,trace:Et.trace};for(const s of Object.keys(t))Rt[s]=Ft[s]||(()=>{}),e[s]=Ut(s,t[s]);return Rt.assert=Ft.assert||(()=>{}),e.assert=function(){const e=Rt.assert||Ft.assert||(()=>{});return function(t,...s){if(!t)return Ht>=Et.error?e.apply(Ft,[t,...s]):void 0}}(),e}();return Nt.console=t,Vt=!0,Nt.MOJOConsoleSilencer=this,this},uninstall(){if(!Vt)return this;try{Nt.console=Ft}catch{}return Vt=!1,this},setLevel(e,{persist:t=!1}={}){const s=Ot(e);return null===s||(Ht=s,t&&function(e){if(_t&&"localStorage"in Nt)try{const t="string"==typeof e?e:null===e?null:Object.entries(Et).find(([,t])=>t===e)?.[0]??null;t?Nt.localStorage.setItem("MOJO_LOG_LEVEL",t):Nt.localStorage.removeItem("MOJO_LOG_LEVEL")}catch{}}(e)),this},getLevel:()=>Ht,getLevelName(){const e=Object.entries(Et).find(([,e])=>e===Ht);return e?e[0]:null},criticalOnly({persist:e=!1}={}){return this.setLevel("warn",{persist:e})},errorsOnly({persist:e=!1}={}){return this.setLevel("error",{persist:e})},silent({persist:e=!1}={}){return this.setLevel("silent",{persist:e})},verbose({persist:e=!1}={}){return this.setLevel(Gt?"debug":"info",{persist:e})},allowAll({persist:e=!1}={}){return this.setLevel("trace",{persist:e})},withTemporaryLevel(e,t){const s=Ht,i=Ot(e);if(null===i||"function"!=typeof t)return t?.();Ht=i;try{return t()}finally{Ht=s}},LEVELS:Et},Kt=e=>Bt.install(e);class GroupSearchView extends St{constructor(e={}){super({...e,className:`group-search-view ${e.className||""}`.trim()}),this.showKind=void 0===e.showKind||e.showKind,this.parentField=e.parentField||"parent",this.kindField=e.kindField||"kind",this.treeData=[],this.flattenedItems=[],this.showLines=void 0===e.showLines||e.showLines}buildTreeHierarchy(e){if(!e||0===e.length)return[];const t=/* @__PURE__ */new Map;e.forEach(e=>{t.has(e.id)||t.set(e.id,{...e,children:[],level:0,hasChildren:!1});const s=e[this.parentField];s&&s.id&&!t.has(s.id)&&t.set(s.id,{...s,children:[],level:0,hasChildren:!1})});const s=[];t.forEach((i,a)=>{const n=e.find(e=>e.id===a)||i,r=n[this.parentField]?.id;if(r&&t.has(r)){const e=t.get(r);e.children.push(i),e.hasChildren=!0}else s.push(i)});const i=(e,t=0)=>{e.forEach(e=>{e.level=t,e.children.length>0&&(e.children.sort((e,t)=>(e.name||"").localeCompare(t.name||"")),i(e.children,t+1))})};return s.sort((e,t)=>(e.name||"").localeCompare(t.name||"")),i(s),s}flattenTree(e,t=[],s=[]){return e.forEach((i,a)=>{i._isLastChild=a===e.length-1,i._ancestorLastFlags=[...s];const n=s.every(e=>e);if(i._isLastDescendant=n&&i._isLastChild&&(!i.children||0===i.children.length),t.push(i),i.children&&i.children.length>0){const e=[...s,i._isLastChild];this.flattenTree(i.children,t,e)}}),t}computeVerticalLines(e){for(let t=0;t<e.length;t++){const s=e[t];s._continueVertical=[];for(let i=0;i<s.level;i++){let a=!1;for(let s=t+1;s<e.length;s++){const t=e[s];if(t.level===i+1){a=!0;break}if(t.level<=i)break}s._continueVertical[i]=a}}}updateFilteredItems(){if(!this.collection)return this.filteredItems=[],this.treeData=[],void(this.flattenedItems=[]);const e=this.collection.toJSON();this.treeData=this.buildTreeHierarchy(e),this.flattenedItems=this.flattenTree(this.treeData),this.computeVerticalLines(this.flattenedItems),this.filteredItems=this.flattenedItems,this.updateResultsView()}getDefaultItemTemplate(){return'\n            <div class="tree-item-content">\n                <div class="tree-item-name">{{name}}</div>\n                {{#showKind}}\n                <div class="tree-item-kind">{{kind}}</div>\n                {{/showKind}}\n            </div>\n        '}processItemTemplate(e){let t=this.itemTemplate;t=t.replace(/\{\{(\w+)\}\}/g,(t,s)=>"showKind"===s?this.showKind?"true":"":this.getNestedValue(e,s)||""),t=this.showKind?t.replace(/\{\{#showKind\}\}(.*?)\{\{\/showKind\}\}/gs,"$1"):t.replace(/\{\{#showKind\}\}.*?\{\{\/showKind\}\}/gs,"");let s="";if(this.showLines&&e.level>0)for(let i=0;i<e.level;i++)i===e.level-1?s+=`<span class="${e._isLastChild?"tree-seg tree-seg-last":"tree-seg tree-seg-mid"}"></span>`:s+=e._continueVertical&&e._continueVertical[i]?'<span class="tree-seg tree-seg-vert"></span>':'<span class="tree-seg"></span>';return`\n            <div class="tree-item-wrapper${e.hasChildren?" has-children":""}${e._isLastChild?" is-last-child":""}" data-tree-level="${e.level}">\n                <div class="tree-lines">\n                    ${s}\n                </div>\n                <div class="tree-item-body flex-grow-1">\n                    ${t}\n                </div>\n            </div>\n        `}getRootItems(){return this.treeData}getNodeChildren(e){const t=(e,s)=>{for(const i of e){if(i.id===s)return i.children;if(i.children.length>0){const e=t(i.children,s);if(e)return e}}return null};return t(this.treeData,e)||[]}}class Sidebar extends r{constructor(e={}){super({tagName:"nav",className:"sidebar",id:"sidebar",...e}),this.menus=/* @__PURE__ */new Map,this.activeMenuName=null,this.currentRoute=null,this.showToggle=e.showToggle,this.isCollapsed=!1,this.sidebarTheme=e.theme||"sidebar-light",this.customView=null,this.options.groupHeader&&(this.groupHeader=this.options.groupHeader),this.groupSelectorMode=e.groupSelectorMode||"inline",this.groupSelectorDialog=null,this.sidebarTheme&&this.addClass(this.sidebarTheme),this.initializeMenus(e),this.setupRouteListeners(),!1!==e.autoCollapseMobile&&this.setupResponsiveBehavior()}groupHeader='\n        {{#group.parent}}\n        <div class="sidebar-parent-bar" data-action="select-group-parent">\n            <div class="parent-info">\n                <span class="parent-label">{{group.parent.kind}}:</span>\n                <span class="parent-name collapsed-hidden">{{group.parent.name}}</span>\n            </div>\n            <i class="bi bi-chevron-down parent-expand collapsed-hidden"></i>\n        </div>\n        {{/group.parent}}\n        <div class="sidebar-selected-group-row" data-action="show-group-search">\n            <div class="selected-group-info">\n                <div class=\'selected-group-name collapsed-hidden\'>{{group.name}}</div>\n                <div class=\'selected-group-meta collapsed-hidden\'>\n                    <span class="selected-group-kind">{{group.kind}}</span>\n                </div>\n            </div>\n            <i class="bi bi-chevron-down selected-group-chevron collapsed-hidden"></i>\n        </div>\n        ';async onInit(){await super.onInit();const e=this.getApp(),t=e?.router;if(t){const e=t.getCurrentPath();e&&this.autoSwitchToMenuForRoute(e)}this.initializeTooltips(),this.searchView=new GroupSearchView({noAppend:!0,showExitButton:!0,headerText:"Select Group",containerId:"sidebar-search-container",Collection:p,itemTemplate:'\n            <div class="p-3 border-bottom">\n                <div class="fw-semibold text-dark">{{name}}</div>\n                <small class="text-muted">#{{id}}  {{kind}}</small>\n            </div>\n            '}),this.addChild(this.searchView),this.searchView.on("item:selected",e=>{this.getApp().setActiveGroup(e.model)}),this.searchView.on("exit",e=>{this.hideGroupSearch()})}showGroupSearch(){"dialog"===this.groupSelectorMode?this.showGroupSearchDialog():(this.setClass("sidebar"),this.showSearch=!0,this.render())}hideGroupSearch(){"dialog"===this.groupSelectorMode?this.groupSelectorDialog&&this.groupSelectorDialog.hide():(this.setClass("sidebar"),this.showSearch=!1,this.render())}onActionShowGroupSearch(){this.showGroupSearch()}async onActionSelectGroupParent(){const e=this.getApp().activeGroup;if(await Ct.confirm(`Are you sure you want to navigate to the '${e.get("parent.name")}'?`)){this.getApp().showLoading();let t=new g({id:e.get("parent.id")});await t.fetch(),this.getApp().setActiveGroup(t),this.getApp().hideLoading()}}async showGroupSearchDialog(){const e=new p,t=new GroupSearchView({Collection:p,collection:e,searchFields:["name"],headerText:null,searchPlaceholder:"Search groups...",headerIcon:null,maxHeight:Math.min(600,window.innerHeight-200),showExitButton:!1,showKind:!0,parentField:"parent",kindField:"kind",autoExpandRoot:!0,autoExpandAll:!1,indentSize:20,showLines:!0});this.groupSelectorDialog=new Ct({body:t,size:"md",header:null,noBodyPadding:!0,scrollable:!1,buttons:[],closeButton:!0}),t.on("item:selected",e=>{this.getApp().setActiveGroup(e.model),this.groupSelectorDialog&&this.groupSelectorDialog.hide()}),this.groupSelectorDialog.on("hidden",()=>{this.groupSelectorDialog.destroy(),this.groupSelectorDialog=null}),await this.groupSelectorDialog.render(!0,document.body),this.groupSelectorDialog.show()}autoSwitchToMenuForRoute(e){for(const[t,s]of this.menus)if((!s.groupKind||this.getApp().activeGroup)&&this.menuContainsRoute(s,e))return this._setActiveMenu(t),this.currentRoute=e,this.clearAllActiveStates(),this.setActiveItemByRoute(e),this.render(),this.emit("menu-auto-switched",{menuName:t,route:e,config:s,sidebar:this}),!0;return!1}clearAllActiveStates(){for(const[e,t]of this.menus)for(const s of t.items||[])if(s.active=!1,s.children)for(const e of s.children)e.active=!1}setActiveItemByRoute(e){const t=e=>{if(!e)return"/";const t=decodeURIComponent(e);return t.startsWith("/")?t:`/${t}`},s=t(e);for(const[i,a]of this.menus)if(!a.groupKind||this.getApp().activeGroup)for(const e of a.items||[]){if(e.route){const i=t(e.route);if(this.routesMatch(s,i))return e.active=!0,this.activeMenuItem=e,!0}if(e.children)for(const i of e.children)if(i.route){const a=t(i.route);if(this.routesMatch(s,a))return i.active=!0,e.active=!0,!0}}return!1}menuContainsRoute(e,t){const s=e=>{if(!e)return"/";const t=decodeURIComponent(e);return t.startsWith("/")?t:`/${t}`},i=s(t);for(const a of e.items||[]){if(a.route){const e=s(a.route);if(this.routesMatch(i,e))return!0}if(a.children)for(const e of a.children)if(e.route){const t=s(e.route);if(this.routesMatch(i,t))return!0}}return!1}routesMatch(e,t){return this.getApp().router.doRoutesMatch(e,t)}getTemplate(){return this.customView?'<div class="sidebar-container" id="sidebar-custom-view-container"></div>':this.showSearch?this.getSearchTemplate():this.getMenuTemplate()}getSearchTemplate(){return'\n            <div class="sidebar-container" id="sidebar-search-container">\n            </div>\n        '}getMenuTemplate(){return'\n            <div class="sidebar-container">\n                {{#data.currentMenu}}\n                \x3c!-- Header --\x3e\n                {{#header}}\n                <div class="sidebar-header">\n                    {{{header}}}\n                    {{#showToggle}}\n                    <button class="sidebar-toggle" data-action="toggle-sidebar"\n                            aria-label="Toggle Sidebar">\n                        <i class="bi bi-chevron-left toggle-icon"></i>\n                        <i class="bi bi-chevron-right toggle-icon"></i>\n                    </button>\n                    {{/showToggle}}\n                </div>\n                {{/header}}\n\n                \x3c!-- Navigation Items --\x3e\n                <div class="sidebar-body">\n                    <ul class="nav nav-pills flex-column sidebar-nav" id="sidebar-nav-menu">\n                        {{#items}}\n                        {{>nav-item}}\n                        {{/items}}\n                    </ul>\n                </div>\n\n                \x3c!-- Footer --\x3e\n                {{#footer}}\n                <div class="sidebar-footer">\n                    {{{footer}}}\n                </div>\n                {{/footer}}\n                {{/data.currentMenu}}\n\n                {{^data.currentMenu}}\n                <div class="sidebar-empty">\n                    <p class="text-danger text-center">No menu configured</p>\n                </div>\n                {{/data.currentMenu}}\n            </div>\n        '}getPartials(){return{"nav-item":'\n                {{#isDivider}}\n                    {{>nav-divider}}\n                {{/isDivider}}\n                {{#isSpacer}}\n                    {{>nav-spacer}}\n                {{/isSpacer}}\n                {{#isLabel}}\n                    {{>nav-label}}\n                {{/isLabel}}\n\n                {{^isDivider}}\n                {{^isSpacer}}\n                {{^isLabel}}\n                <li class="nav-item">\n                    {{#hasChildren}}\n                    \x3c!-- Item with submenu --\x3e\n                    <a class="nav-link {{#active}}active{{/active}} has-children collapsed"\n                       data-bs-toggle="collapse"\n                       href="#collapse-{{id}}"\n                       role="button"\n                       aria-expanded="{{#active}}true{{/active}}{{^active}}false{{/active}}"\n                       data-action="toggle-submenu">\n                        {{#icon}}<i class="{{icon}} me-2"></i>{{/icon}}\n                        <span class="nav-text">{{text}}</span>\n                        {{#badge}}\n                        <span class="{{badge.class}} ms-auto">{{badge.text}}</span>\n                        {{/badge}}\n                        <i class="bi bi-chevron-down nav-arrow ms-auto"></i>\n                    </a>\n                    <div class="collapse {{#active}}show{{/active}}" id="collapse-{{id}}" data-bs-parent="#sidebar-nav-menu">\n                        <ul class="nav flex-column nav-submenu">\n                            {{#children}}\n                            <li class="nav-item">\n                                <a class="nav-link {{#active}}active{{/active}}"\n                                   {{#action}}data-action="{{action}}"{{/action}}\n                                   {{#href}}href="{{href}}"{{/href}}>\n                                    {{#icon}}<i class="{{icon}} me-2"></i>{{/icon}}\n                                    <span class="nav-text">{{text}}</span>\n                                    {{#badge}}\n                                    <span class="{{badge.class}} ms-auto">{{badge.text}}</span>\n                                    {{/badge}}\n                                </a>\n                            </li>\n                            {{/children}}\n                        </ul>\n                    </div>\n                    {{/hasChildren}}\n                    {{^hasChildren}}\n                    \x3c!-- Simple item --\x3e\n                    <a class="nav-link {{#active}}active{{/active}} {{#disabled}}disabled{{/disabled}}"\n                       {{#action}}{{^disabled}}data-action="{{action}}"{{/disabled}}{{/action}}\n                       {{#href}}{{^disabled}}href="{{href}}"{{/disabled}}{{/href}}>\n                        {{#icon}}<i class="{{icon}} me-2"></i>{{/icon}}\n                        <span class="nav-text">{{text}}</span>\n                        {{#badge}}\n                        <span class="{{badge.class}} ms-auto">{{badge.text}}</span>\n                        {{/badge}}\n                    </a>\n                    {{/hasChildren}}\n                </li>\n                {{/isLabel}}\n                {{/isSpacer}}\n                {{/isDivider}}\n            ',"nav-divider":'\n                <li class="nav-divider-item">\n                    <hr class="nav-divider-line">\n                </li>\n            ',"nav-spacer":'\n                <li class="nav-spacer-item"></li>\n            ',"nav-label":'\n                <li class="nav-item {{className}}">\n                    <div class="nav-text px-3">{{text}}</div>\n                </li>\n            '}}getGroupHeader(){return this.groupHeader}addMenu(e,t){return t.groupKind&&!t.header&&(t.header=this.getGroupHeader()),this.menus.set(e,{name:e,groupKind:t.groupKind||null,header:t.header||null,footer:t.footer||null,items:t.items||[],data:t.data||{},className:t.className||"sidebar sidebar-dark"}),this.activeMenuName||this._setActiveMenu(e),this}_setActiveMenu(e){this.showSearch=!1,this.activeMenuName=e;const t=this.getCurrentMenuConfig();t.className?this.setClass(t.className):this.setClass("sidebar")}async setActiveMenu(e){if(!this.menus.has(e))return console.warn(`Menu '${e}' not found`),this;const t=this.menus.get(e);if(!t.groupKind||(this.lastGroupMenu=t,this.getApp().activeGroup))return this._setActiveMenu(e),await this.render(),this.emit("menu-changed",{menuName:e,config:t,sidebar:this}),this;this.showGroupSearch()}getGroupMenu(e){if(!e)return console.warn("No group provided"),null;let t=this.lastGroupMenu,s=null;if(e._.kind)for(const[i,a]of this.menus){if(this._groupKindMatches(a.groupKind,e._.kind)){t=a;break}"any"===a.groupKind&&(s=a)}return t||s}_groupKindMatches(e,t){return!(!e||!t)&&(Array.isArray(e)?e.includes(t):e===t)}showMenuForGroup(e){if(!e)return void console.warn("No group provided");let t=this.getGroupMenu(e);if(t)return this._setActiveMenu(t.name),this.render(),this.emit("menu-changed",{menuName:t.name,config:t,sidebar:this}),this;console.warn(`No menu found for group kind: ${e.kind}`)}getMenuConfig(e){return this.menus.get(e)||null}getCurrentMenuConfig(){return this.activeMenuName?this.menus.get(this.activeMenuName):null}updateMenu(e,t){const s=this.menus.get(e);return s?(Object.assign(s,t),this.activeMenuName===e&&this.render(),this):(console.warn(`Menu '${e}' not found`),this)}removeMenu(e){if(this.menus.delete(e),this.activeMenuName===e){const e=Array.from(this.menus.keys());this.activeMenuName=e.length>0?e[0]:null,this.render()}return this}async onBeforeRender(){const e=this.getCurrentMenuConfig();if(!e)return{currentMenu:null};let t={version:this.getApp().version||null,group:this.getApp().activeGroup||null,user:this.getApp.activeUser||null};this.data={currentMenu:{header:this.renderTemplateString(e.header||"",t),footer:this.renderTemplateString(e.footer||"",t),items:this.processNavItems(e.items,e.groupKind),data:e.data,showToggle:this.showToggle}}}async onAfterRender(){this.isCollapsedState()?setTimeout(()=>this.initializeTooltips(),50):this.destroyTooltips()}setCustomView(e){return this.customView&&this.removeChild(this.customView.id),this.customView=e,e&&(e.containerId="sidebar-custom-view-container",this.addChild(e)),this.render(),this}clearCustomView(){return this.customView&&(this.removeChild(this.customView.id),this.customView=null),this.render(),this}processNavItems(e,t){const s=this.getApp(),i=s?.activeUser,a=s?.activeGroup,n=e=>{let s=e;if(e.startsWith("/")&&!e.includes("?")&&(s=`?page=${e.substring(1)||"home"}`),t&&a&&a.id){const e=s.includes("?")?"&":"?";return`${s}${e}group=${a.id}`}return s};return e.map((e,t)=>{if(""===e||"object"==typeof e&&e.divider)return{isDivider:!0,id:`divider-${t}`};if("object"==typeof e&&e.spacer)return{isSpacer:!0,id:`spacer-${t}`};const s={...e};if(s.permissions&&(!i||!i.hasPermission(s.permissions)))return null;if(s.requiresGroupKind){const e=a?._.kind||a?.kind;if(!e||!this._groupKindMatches(s.requiresGroupKind,e))return null}if("label"===s.kind)return s.isLabel=!0,s.id||(s.id=`nav-label-${t}`),s;if(s.id||(s.id=`nav-${t}`),s.route)s.href=n(s.route);else if(s.page){const e=s.page.startsWith("/")?s.page:`/${s.page}`;s.href=n(e),s.route=s.href}return s.children?(s.children=s.children.map(e=>{const t={...e};if(t.permissions&&i&&!i.hasPermission(t.permissions))return null;if(t.requiresGroupKind){const e=a?._.kind||a?.kind;if(!e||!this._groupKindMatches(t.requiresGroupKind,e))return null}if(t.route)t.href=n(t.route);else if(t.page){const e=t.page.startsWith("/")?t.page:`/${t.page}`;t.href=n(e),t.route=t.href}return t}).filter(e=>null!==e),s.hasChildren=!!(s.children&&s.children.length>0)):s.hasChildren=!1,s}).filter(e=>null!==e)}isItemActive(e){if(!e.route||!this.currentRoute)return!1;const t=e=>{if(!e)return"/";const t=decodeURIComponent(e);return t.startsWith("/")?t:`/${t}`},s=t(e.route),i=t(this.currentRoute);return"/"===s&&"/"===i||"/"!==s&&"/"!==i&&(i.startsWith(s)||i===s)}async updateActiveItem(e){return this.currentRoute=e,this.clearAllActiveStates(),this.setActiveItemByRoute(e),await this.render(),this}async handleActionToggleSubmenu(e,t){const s=t.querySelector(".nav-arrow");s&&s.classList.toggle("rotated")}async handleActionToggleSidebar(e,t){this.toggleSidebar()}onActionShowGroupMenu(e,t,s){return this.setActiveMenu("group_default"),!1}async onActionDefault(e,t,s){const i=this.getCurrentMenuConfig();if(!i)return;const a=i=>{for(const n of i){if(n.action==e&&n.handler)return n.handler(e,t,s,this.getApp()),!0;if(n.children&&n.children.length>0&&a(n.children))return!0}return!1};return a(i.items)}getMenuNames(){return Array.from(this.menus.keys())}hasMenu(e){return this.menus.has(e)}clearMenus(){return this.menus.clear(),this.activeMenuName=null,this.render(),this}setMenuData(e){const t=this.getCurrentMenuConfig();return t&&(t.data={...t.data,...e},this.render()),this}getMenuData(){const e=this.getCurrentMenuConfig();return e?e.data:{}}setupRouteListeners(){const e=this.getApp();e&&e.events&&(e.events.on(["page:showing"],e=>{this.onRouteChanged(e)}),e.events.on("group:changed",e=>{this.showMenuForGroup(e.group)}),e.events.on("portal:user-changed",e=>{this.render()}))}onRouteChanged(e){if(e.page&&e.page.route){const t=e.page.route;if(this.activeMenuItem&&this.routesMatch(t,this.activeMenuItem.route))return;this.autoSwitchToMenuForRoute(t)||(this.clearAllActiveStates(),this.setActiveItemByRoute(t),this.updateActiveItem(t))}}toggleSidebar(){const e=document.querySelector(".portal-container");if(!e)return;this.hideAllTooltips();const t=e.classList.contains("collapse-sidebar");return e.classList.contains("hide-sidebar")?(e.classList.remove("hide-sidebar"),this.isCollapsed=!1,this.destroyTooltips()):t?(e.classList.remove("collapse-sidebar"),this.isCollapsed=!1,this.destroyTooltips()):(e.classList.add("collapse-sidebar"),this.isCollapsed=!0,setTimeout(()=>this.initializeTooltips(),150)),this}setSidebarState(e){const t=document.querySelector(".portal-container");if(!t)return this;switch(t.classList.remove("collapse-sidebar","hide-sidebar"),e){case"collapsed":t.classList.add("collapse-sidebar"),this.isCollapsed=!0;break;case"hidden":t.classList.add("hide-sidebar"),this.isCollapsed=!1;break;default:this.isCollapsed=!1}return this.isCollapsed?(this.hideAllTooltips(),setTimeout(()=>this.initializeTooltips(),100)):this.destroyTooltips(),this}initializeTooltips(){return this.destroyTooltips(),this.isCollapsedState()?(this.element.querySelectorAll(".sidebar-nav .nav-link").forEach(e=>{const t=e.querySelector(".nav-text");if(t&&t.textContent.trim()){const s=t.textContent.trim();if(e.setAttribute("data-bs-toggle","tooltip"),e.setAttribute("data-bs-placement","right"),e.setAttribute("data-bs-title",s),e.setAttribute("data-bs-container","body"),window.bootstrap&&window.bootstrap.Tooltip){const t=e.getAttribute("data-tooltip-theme"),s=e.getAttribute("data-tooltip-size");let i="";t&&(i+=`tooltip-${t} `),s&&(i+=`tooltip-${s}`);const a={placement:"right",container:"body",trigger:"hover",delay:{show:500,hide:100},fallbackPlacements:["top","bottom","left"]},n=i.trim();n&&(a.customClass=n);const r=new window.bootstrap.Tooltip(e,a);e._tooltipInstance=r,e.addEventListener("click",()=>{r.hide()}),e.addEventListener("blur",()=>{r.hide()})}}}),this.addTooltipHideListeners(),this):this}destroyTooltips(){return this.removeTooltipHideListeners(),this.element.querySelectorAll('.sidebar-nav .nav-link[data-bs-toggle="tooltip"]').forEach(e=>{const t=e._tooltipInstance||window.bootstrap?.Tooltip?.getInstance(e);t&&(t.hide(),t.dispose()),delete e._tooltipInstance,e.removeAttribute("data-bs-toggle"),e.removeAttribute("data-bs-placement"),e.removeAttribute("data-bs-title"),e.removeAttribute("data-bs-container")}),this}getSidebarState(){const e=document.querySelector(".portal-container");return e?e.classList.contains("hide-sidebar")?"hidden":e.classList.contains("collapse-sidebar")?"collapsed":"normal":"normal"}isCollapsedState(){return"collapsed"===this.getSidebarState()}setToggleEnabled(e){return this.showToggle=e,this.render(),this}initializeMenus(e){if(e.menus)for(const t of e.menus)this.addMenu(t.name,t);else e.menu&&(e.menu.name=e.menu.name||"default",this.addMenu(e.menu.name,e.menu))}addTooltipHideListeners(){this._tooltipScrollHandler=()=>this.hideAllTooltips(),this.element.addEventListener("scroll",this._tooltipScrollHandler,{passive:!0}),this._tooltipRouteHandler=()=>this.hideAllTooltips(),this.getApp(),this._tooltipBlurHandler=()=>this.hideAllTooltips(),window.addEventListener("blur",this._tooltipBlurHandler),this._tooltipEscapeHandler=e=>{"Escape"===e.key&&this.hideAllTooltips()},document.addEventListener("keydown",this._tooltipEscapeHandler)}removeTooltipHideListeners(){this._tooltipScrollHandler&&(this.element.removeEventListener("scroll",this._tooltipScrollHandler),delete this._tooltipScrollHandler),this._tooltipBlurHandler&&(window.removeEventListener("blur",this._tooltipBlurHandler),delete this._tooltipBlurHandler),this._tooltipEscapeHandler&&(document.removeEventListener("keydown",this._tooltipEscapeHandler),delete this._tooltipEscapeHandler)}hideAllTooltips(){this.element.querySelectorAll('.sidebar-nav .nav-link[data-bs-toggle="tooltip"]').forEach(e=>{const t=e._tooltipInstance||window.bootstrap?.Tooltip?.getInstance(e);t&&t.hide()}),document.querySelectorAll(".tooltip.show").forEach(e=>{e.remove()})}async onBeforeDestroy(){this.destroyTooltips(),await super.onBeforeDestroy()}setupResponsiveBehavior(){const e=()=>{const e=window.innerWidth<=768,t=document.querySelector(".portal-container");t&&(e?t.classList.add("sidebar-mobile"):t.classList.remove("sidebar-mobile","sidebar-open"))};e(),window.addEventListener("resize",e)}static createDefault(e={}){return new Sidebar({theme:"sidebar-clean",showToggle:!0,autoCollapseMobile:!0,...e})}static createMinimal(e={}){return new Sidebar({theme:"sidebar-clean",showToggle:!1,autoCollapseMobile:!1,...e})}setSidebarTheme(e){return this.removeClass("sidebar-light sidebar-dark sidebar-clean"),this.sidebarTheme=e,this.addClass(e),this}show(){return this.setSidebarState("normal")}hide(){return this.setSidebarState("hidden")}collapse(){return this.setSidebarState("collapsed")}expand(){return this.setSidebarState("normal")}pulseToggle(){const e=this.element.querySelector(".sidebar-toggle");if(e){e.classList.add("pulse");const t=()=>{e.classList.remove("pulse"),e.removeEventListener("click",t)};e.addEventListener("click",t,{once:!0}),setTimeout(t,3e3)}return this}addSimpleMenuItem(e,t,s,i="bi-circle"){const a=this.menus.get(e);return a&&(a.items=a.items||[],a.items.push({text:t,route:s,icon:i}),this.activeMenuName===e&&this.render()),this}setSimpleMenu(e,t,s){const i={name:e,header:t,items:s};return this.addMenu(e,i),this.setActiveMenu(e),this}}class PageHeader extends r{constructor(e={}){super({tagName:"div",className:"page-header",...e}),this.style=e.style||"default",this.size=e.size||"md",this.showIcon=!1!==e.showIcon,this.showDescription=!1!==e.showDescription,this.showBreadcrumbs=e.showBreadcrumbs||!1,this.currentPage=null}async getTemplate(){return"minimal"===this.style?this.getMinimalTemplate():"breadcrumb"===this.style?this.getBreadcrumbTemplate():this.getDefaultTemplate()}getDefaultTemplate(){return'\n            {{#data.hasPage}}\n            <div class="page-header-content page-header-{{data.size}}">\n                <div class="page-header-main">\n                    <div class="page-header-info">\n                        {{#data.showIcon}}\n                        {{#data.pageIcon}}\n                        <div class="page-icon">\n                            <i class="{{data.pageIcon}}"></i>\n                        </div>\n                        {{/data.pageIcon}}\n                        {{/data.showIcon}}\n                        \n                        <div class="page-title-group">\n                            <h1 class="page-title">{{data.pageTitle}}</h1>\n                            {{#data.showDescription}}\n                            {{#data.pageDescription}}\n                            <p class="page-description text-muted">{{data.pageDescription}}</p>\n                            {{/data.pageDescription}}\n                            {{/data.showDescription}}\n                        </div>\n                    </div>\n\n                    {{#data.hasActions}}\n                    <div class="page-actions">\n                        {{#data.actions}}\n                        <button class="btn {{buttonClass}}" \n                                data-action="{{action}}"\n                                type="button">\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/data.actions}}\n                    </div>\n                    {{/data.hasActions}}\n                </div>\n            </div>\n            {{/data.hasPage}}\n        '}getMinimalTemplate(){return'\n            {{#data.hasPage}}\n            <div class="page-header-content page-header-minimal">\n                <h1 class="page-title">\n                    {{#data.showIcon}}\n                    {{#data.pageIcon}}<i class="{{data.pageIcon}} me-2"></i>{{/data.pageIcon}}\n                    {{/data.showIcon}}\n                    {{data.pageTitle}}\n                </h1>\n            </div>\n            {{/data.hasPage}}\n        '}getBreadcrumbTemplate(){return'\n            {{#data.hasPage}}\n            <div class="page-header-content page-header-breadcrumb">\n                {{#data.showBreadcrumbs}}\n                <nav aria-label="breadcrumb">\n                    <ol class="breadcrumb mb-2">\n                        {{#data.breadcrumbs}}\n                        <li class="breadcrumb-item {{#active}}active{{/active}}">\n                            {{#href}}<a href="{{href}}">{{label}}</a>{{/href}}\n                            {{^href}}{{label}}{{/href}}\n                        </li>\n                        {{/data.breadcrumbs}}\n                    </ol>\n                </nav>\n                {{/data.showBreadcrumbs}}\n                \n                <div class="d-flex justify-content-between align-items-start">\n                    <h1 class="page-title">\n                        {{#data.showIcon}}\n                        {{#data.pageIcon}}<i class="{{data.pageIcon}} me-2"></i>{{/data.pageIcon}}\n                        {{/data.showIcon}}\n                        {{data.pageTitle}}\n                    </h1>\n                    \n                    {{#data.hasActions}}\n                    <div class="page-actions">\n                        {{#data.actions}}\n                        <button class="btn {{buttonClass}}" \n                                data-action="{{action}}"\n                                type="button">\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/data.actions}}\n                    </div>\n                    {{/data.hasActions}}\n                </div>\n                \n                {{#data.showDescription}}\n                {{#data.pageDescription}}\n                <p class="page-description text-muted mt-2">{{data.pageDescription}}</p>\n                {{/data.pageDescription}}\n                {{/data.showDescription}}\n            </div>\n            {{/data.hasPage}}\n        '}async onBeforeRender(){await super.onBeforeRender();const e=this.currentPage,t=!!e;e&&(e.title,e.displayName,e.name,e.pageName,e.icon,e.pageIcon,e.pageDescription,e.description);const s=e?.options?.headerActions||e?.headerActions||e?.constructor?.prototype?.headerActions||[];this.data={hasPage:t,pageTitle:e?.title||e?.displayName||e?.name||e?.pageName||"",pageIcon:e?.icon||e?.pageIcon||"",pageDescription:e?.pageDescription||e?.description||"",showIcon:this.showIcon,showDescription:this.showDescription,showBreadcrumbs:this.showBreadcrumbs,breadcrumbs:e?.options?.breadcrumbs||e?.breadcrumbs||[],actions:s,hasActions:s.length>0,size:this.size},this.data}async setPage(e){this.currentPage=e,e&&await this.render()}getPage(){return this.currentPage}async onActionDefault(e,t,s){return this.currentPage&&"function"==typeof this.currentPage.onHeaderAction?(await this.currentPage.onHeaderAction(e,t,s),!0):(this.emit("action",{action:e,event:t,element:s,page:this.currentPage}),!1)}}class DeniedPage extends m{constructor(e={}){super({pageName:"Access Denied",route:"/denied",title:"Access Denied",pageIcon:"bi bi-shield-x",template:'\n        <div class="container mt-5">\n          <div class="row justify-content-center">\n            <div class="col-md-8 col-lg-6">\n              <div class="text-center mb-4">\n                <i class="bi bi-shield-x text-muted" style="font-size: 3rem;"></i>\n                <h2 class="mt-3 mb-2">Access Denied</h2>\n                <p class="text-muted">You don\'t have permission to access this page.</p>\n              </div>\n\n              {{#deniedPage}}\n              <div class="card border-0 shadow-sm mb-4">\n                <div class="card-body">\n                  <h6 class="card-subtitle mb-2 text-muted">Requested Page</h6>\n                  <h5 class="card-title">\n                    <i class="{{pageIcon}} me-2"></i>\n                    {{displayName}}\n                  </h5>\n                  {{#route}}\n                  <p class="card-text text-muted small">{{route}}</p>\n                  {{/route}}\n                  {{#description}}\n                  <p class="card-text">{{description}}</p>\n                  {{/description}}\n\n                  {{#requiredPermissions}}\n                  <div class="mt-3">\n                    <h6 class="mb-2">Required Permissions:</h6>\n                    {{#permissions}}\n                    <span class="badge bg-light text-dark me-1 mb-1">{{.}}</span>\n                    {{/permissions}}\n                    {{^permissions}}\n                    <span class="text-muted small">Authentication required</span>\n                    {{/permissions}}\n                  </div>\n                  {{/requiredPermissions}}\n                </div>\n              </div>\n              {{/deniedPage}}\n\n              <div class="d-grid gap-2 d-md-flex justify-content-md-center">\n                <button type="button" class="btn btn-primary" data-action="go-back">\n                  <i class="bi bi-arrow-left me-1"></i>\n                  Go Back\n                </button>\n                <button type="button" class="btn btn-outline-secondary" data-action="go-home">\n                  <i class="bi bi-house me-1"></i>\n                  Home\n                </button>\n                {{#showLogin}}\n                <button type="button" class="btn btn-outline-primary" data-action="login">\n                  <i class="bi bi-box-arrow-in-right me-1"></i>\n                  Login\n                </button>\n                {{/showLogin}}\n              </div>\n\n              {{#currentUser}}\n              <div class="text-center mt-4">\n                <small class="text-muted">\n                  Logged in as <strong>{{username}}</strong>\n                </small>\n              </div>\n              {{/currentUser}}\n            </div>\n          </div>\n        </div>\n      ',...e}),this.deniedPage=null,this.deniedPageOptions=null}async onParams(e={},t={}){await super.onParams(e,t),e.page?(this.deniedPage=e.page,this.deniedPageOptions=e.page.options||e.page.pageOptions||{}):t.page&&(this.deniedPageName=t.page)}setDeniedPage(e){return this.deniedPage=e,this.deniedPageOptions=e?.options||e?.pageOptions||{},this}async getViewData(){const e=this.getApp(),t=e?.activeUser||e?.getCurrentUser?.()||null;let s=null;if(this.deniedPage){const e=this.deniedPageOptions?.permissions||this.deniedPage.options?.permissions||this.deniedPage.pageOptions?.permissions;s={displayName:this.deniedPage.displayName||this.deniedPage.pageName||this.deniedPage.title||"Unknown Page",pageName:this.deniedPage.pageName,route:this.deniedPage.route,description:this.deniedPage.pageDescription||this.deniedPage.description,pageIcon:this.deniedPage.pageIcon||"bi bi-file-text",requiredPermissions:e?{permissions:Array.isArray(e)?e:[e]}:null}}else this.deniedPageName&&(s={displayName:this.deniedPageName,pageName:this.deniedPageName,pageIcon:"bi bi-file-text"});return{deniedPage:s,currentUser:t?{username:t.username||t.name||t.email||"Unknown User",name:t.name,email:t.email}:null,showLogin:!t}}async handleActionGoBack(e,t){e.preventDefault(),window.history.length>1?window.history.back():await this.handleActionGoHome(e,t)}async handleActionGoHome(e,t){e.preventDefault();const s=this.getApp();s?await s.navigateToDefault():window.location.href="/"}async handleActionLogin(e,t){e.preventDefault();const s=this.getApp();if(s)try{await s.showPage("login")}catch(i){try{await s.navigate("/login")}catch(a){this.emit("login-required",{returnUrl:this.deniedPage?.route||window.location.pathname}),setTimeout(()=>{s?.showInfo?.("Please contact your administrator for access.")},100)}}}async onEnter(){await super.onEnter();const e=this.deniedPage?.pageName||this.deniedPageName;e&&this.setMeta({title:`Access Denied - ${e}`}),console.warn("Access denied to page:",{page:this.deniedPage?.pageName||this.deniedPageName,route:this.deniedPage?.route,permissions:this.deniedPageOptions?.permissions,timestamp:/* @__PURE__ */(new Date).toISOString()})}static showForPage(e,t){const s=new DeniedPage;return s.setDeniedPage(t),e.showPage(s)}}class NotFoundPage extends m{constructor(e={}){super({pageName:"404",route:"/404",title:"404 - Page Not Found",pageIcon:"bi bi-search",template:'\n        <div class="container mt-5">\n          <div class="row justify-content-center">\n            <div class="col-md-8 col-lg-6">\n              <div class="text-center mb-4">\n                <i class="bi bi-search text-muted" style="font-size: 3rem;"></i>\n                <h2 class="mt-3 mb-2">Page Not Found</h2>\n                <p class="text-muted">The page you\'re looking for doesn\'t exist.</p>\n              </div>\n\n              {{#path}}\n              <div class="card border-0 shadow-sm mb-4">\n                <div class="card-body text-center">\n                  <h6 class="card-subtitle mb-2 text-muted">Requested Path</h6>\n                  <code class="text-primary">{{path}}</code>\n                </div>\n              </div>\n              {{/path}}\n\n              <div class="d-grid gap-2 d-md-flex justify-content-md-center">\n                <button type="button" class="btn btn-primary" data-action="go-back">\n                  <i class="bi bi-arrow-left me-1"></i>\n                  Go Back\n                </button>\n                <button type="button" class="btn btn-outline-secondary" data-action="go-home">\n                  <i class="bi bi-house me-1"></i>\n                  Home\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      ',...e}),this.path=null}async onParams(e={},t={}){await super.onParams(e,t),e.path&&(this.path=e.path),t.path&&(this.path=t.path)}setInfo(e){return this.path=e||null,this}async handleActionGoBack(e,t){e.preventDefault(),window.history.length>1?window.history.back():await this.handleActionGoHome(e,t)}async handleActionGoHome(e,t){e.preventDefault();const s=this.getApp();s?await s.navigateToDefault():window.location.href="/"}async onEnter(){await super.onEnter(),this.path&&this.setMeta({title:`404 - ${this.path} Not Found`}),console.warn("404 Not Found:",{path:this.path,timestamp:/* @__PURE__ */(new Date).toISOString()})}static showForPath(e,t){const s=new NotFoundPage;return s.setInfo(t),s.render()}}class PortalApp extends I{constructor(e={}){super(e),this.sidebarConfig=e.sidebar,this.topbarConfig=e.topbar||{},e.topnav&&!e.topbar&&(this.topbarConfig=e.topnav),this.showPageHeader=e.showPageHeader||!1,this.pageHeaderConfig=e.pageHeader||{},this.sidebar=null,this.topbar=null,this.topnav=null,this.pageHeader=null,this.tokenManager=new At,this.activeGroup=null,this.isMobile()?this.sidebarCollapsed=this.sidebarConfig.defaultCollapsed||!1:this.sidebarCollapsed=this.loadSidebarState()??(this.sidebarConfig.defaultCollapsed||!1),this.setupPageContainer(),this.toast=new v,this.Dialog=Ct,this.registerPage("denied",DeniedPage),this.registerPage("404",NotFoundPage)}async start(){await this.checkAuthStatus(),this.events.on("auth:unauthorized",()=>{this.tokenManager.clearTokens(),this.rest.clearAuth(),this.setActiveUser(null)}),this.events.on("auth:logout",()=>{this.tokenManager.clearTokens(),this.rest.clearAuth(),this.setActiveUser(null)}),this.events.on("browser:focus",()=>{this.activeUser&&this.tokenManager.checkAndRefreshTokens(this)}),this.events.on("portal:action",this.onPortalAction.bind(this)),this.activeUser&&await this.checkActiveGroup(),await this.setupRouter(),this.isStarted=!0,this.events.emit("app:ready",{app:this})}async checkAuthStatus(){const e=this.tokenManager.checkTokenStatus();if("logout"===e.action)return this.events.emit("auth:unauthorized",{app:this}),!1;if("refresh"===e.action&&!(await this.tokenManager.checkAndRefreshTokens(this)))return!1;const t=this.tokenManager.getTokenInstance();if(this.activeUser)return this.tokenManager.startAutoRefresh(this),!0;this.rest.setAuthToken(t.token);const s=new b({id:t.getUserId()}),i=await s.fetch();return i.success?(this.setActiveUser(s),this.tokenManager.startAutoRefresh(this),!0):(this.tokenManager.clearTokens(),this.events.emit("auth:unauthorized",{app:this,error:i.error}),!1)}async checkActiveGroup(){const e=new URLSearchParams(window.location.search).get("group"),t=e||this.loadActiveGroupId();if(t)try{const s=new g({id:t}),i=await s.fetch();if(!i.success||!i.data.status)return this.clearActiveGroup(),void console.warn("Failed to load active group:",i.statusText);this.activeGroup=s,e&&this.saveActiveGroupId(t),this.activeUser&&(this.activeUser.member=new E,await this.activeUser.member.fetchForGroup(s.id)),this.events.emit("group:loaded",{group:this.activeGroup})}catch(s){if(console.warn("Failed to load active group:",s),e&&!this.loadActiveGroupId())this.clearActiveGroupId();else if(e){const t=this.loadActiveGroupId();if(t&&t!==e)try{const e=new g({id:t});await e.fetch(),this.activeGroup=e,this.events.emit("group:loaded",{group:this.activeGroup})}catch(i){console.warn("Fallback to stored group also failed:",i),this.clearActiveGroupId()}}}}async setActiveGroup(e){const t=this.activeGroup;this.activeGroup=e,e&&e.get("id")?this.saveActiveGroupId(e.get("id")):this.clearActiveGroupId(),this.activeUser&&(this.activeUser.member=new E,await this.activeUser.member.fetchForGroup(e.id)),this.events.emit("group:changed",{group:e,previousGroup:t,app:this});const s=this.getCurrentPage();return s&&s.onGroupChange&&s.onGroupChange(e),this.router.updateUrl({group:e.id},{replace:!0}),this}getActiveGroup(){return this.activeGroup}async clearActiveGroup(){const e=this.activeGroup;return this.activeGroup=null,this.clearActiveGroupId(),this.events.emit("group:cleared",{previousGroup:e,app:this}),this}saveActiveGroupId(e){try{const t=this.getActiveGroupStorageKey();localStorage.setItem(t,e.toString())}catch(t){console.warn("Failed to save active group ID:",t)}}loadActiveGroupId(){try{const e=this.getActiveGroupStorageKey();return localStorage.getItem(e)}catch(e){return console.warn("Failed to load active group ID:",e),null}}clearActiveGroupId(){try{const e=this.getActiveGroupStorageKey();localStorage.removeItem(e)}catch(e){console.warn("Failed to clear active group ID:",e)}}getActiveGroupStorageKey(){return"active_group_id"}setPortalProfile(e){try{localStorage.setItem("portal_profile",e)}catch(t){console.warn("Failed to save portal profile:",t)}}needsGroupSelection(){return!this.activeGroup}setupPageContainer(){const e="string"==typeof this.container?document.querySelector(this.container):this.container;if(!e)throw new Error(`Portal container not found: ${this.container}`);const t=this.sidebarConfig&&Object.keys(this.sidebarConfig).length>0,s=this.topbarConfig&&Object.keys(this.topbarConfig).length>0,i=this.showPageHeader?'\n            <div class="portal-content" id="portal-content">\n                <div id="page-header"></div>\n                <div id="page-container">\n                    \x3c!-- Pages render here --\x3e\n                </div>\n            </div>\n        ':'\n            <div class="portal-content" id="page-container">\n                \x3c!-- Pages render here --\x3e\n            </div>\n        ';e.innerHTML=`\n            <div class="portal-layout hide-sidebar">\n                ${t?'<div id="portal-sidebar"></div>':""}\n                <div class="portal-body">\n                    ${s?'<div id="portal-topnav"></div>':""}\n                    ${i}\n                </div>\n            </div>\n        `,this.pageContainer="#page-container",e.classList.add("portal-container"),this.setupPortalComponents(),this.applySidebarState(e)}async setupPortalComponents(){await this.setupSidebar(),await this.setupTopbar(),await this.setupPageHeader(),this.setupPortalEvents()}async setupSidebar(){this.sidebarConfig&&0!==Object.keys(this.sidebarConfig).length&&(this.sidebar=new Sidebar({containerId:"portal-sidebar",...this.sidebarConfig}),await this.sidebar.render())}async setupTopbar(){this.topbarConfig&&0!==Object.keys(this.topbarConfig).length&&(this.topbar=new Pt({containerId:"portal-topnav",brandText:this.topbarConfig.brand||this.brand||this.title,brandRoute:this.topbarConfig.brandRoute||"/",brandIcon:this.topbarConfig.brandIcon||this.brandIcon,navItems:this.topbarConfig.leftItems||[],rightItems:this.topbarConfig.rightItems||[],displayMode:this.topbarConfig.displayMode||"both",showSidebarToggle:this.topbarConfig.showSidebarToggle||!1,...this.topbarConfig}),await this.topbar.render(),this.topnav=this.topbar)}async setupPageHeader(){if(!this.showPageHeader)return;this.pageHeader=new PageHeader({containerId:"page-header",style:this.pageHeaderConfig.style||"default",showIcon:!1!==this.pageHeaderConfig.showIcon,showDescription:!1!==this.pageHeaderConfig.showDescription,showBreadcrumbs:this.pageHeaderConfig.showBreadcrumbs||!1,...this.pageHeaderConfig});const e=document.getElementById("page-header");e&&await this.pageHeader.render(!0,e)}setupPortalEvents(){if(document.addEventListener("click",e=>{e.target.closest('[data-action="toggle-sidebar"]')&&(e.preventDefault(),this.toggleSidebar())}),window.ResizeObserver){const e=new ResizeObserver(()=>{this.handleResponsive()});e.observe(document.body),this._resizeObserver=e}else this._resizeHandler=()=>this.handleResponsive(),window.addEventListener("resize",this._resizeHandler);this.handleResponsive()}toggleSidebar(){if(!this.sidebar)return;const e=document.querySelector(".portal-container"),t=this.isMobile();t?e.classList.toggle("hide-sidebar"):(e.classList.toggle("collapse-sidebar"),this.sidebarCollapsed=!this.sidebarCollapsed,this.saveSidebarState(this.sidebarCollapsed)),this.events.emit("sidebar:toggled",{collapsed:this.sidebarCollapsed,mobile:t})}handleResponsive(){const e=document.querySelector(".portal-container");if(!e)return;const t=this.isMobile();t?(e.classList.add("mobile-layout"),e.classList.contains("hide-sidebar")||e.classList.add("hide-sidebar")):e.classList.remove("mobile-layout","hide-sidebar"),this.events.emit("responsive:changed",{mobile:t})}getPortalContainer(){return document.querySelector(".portal-container")}isMobile(){return window.innerWidth<768}hasMobileLayout(){return this.getPortalContainer().classList.contains("mobile-layout")}async showPage(e,t={},s={},i={}){const a=await super.showPage(e,t,s,i);return this.hasMobileLayout()&&this.getPortalContainer().classList.add("hide-sidebar"),this.currentPage&&this.updateNavigation(this.currentPage),a}updateNavigation(e){this.sidebar&&this.sidebar.setActivePage&&this.sidebar.setActivePage(e.route),this.topbar&&this.topbar.setActivePage&&this.topbar.setActivePage(e.route),this.pageHeader&&this.pageHeader.setPage(e),this.events.emit("portal:page-changed",{page:e})}setActiveUser(e){this.activeUser=e,this.topbar&&this.topbar.setUser(e),this.events.emit("portal:user-changed",{user:e})}getActiveUser(){return this.activeUser}saveSidebarState(e){try{const t=this.getSidebarStorageKey();localStorage.setItem(t,JSON.stringify(e))}catch(t){console.warn("Failed to save sidebar state:",t)}}loadSidebarState(){try{const e=this.getSidebarStorageKey(),t=localStorage.getItem(e);return null!==t?JSON.parse(t):null}catch(e){return console.warn("Failed to load sidebar state:",e),null}}getSidebarStorageKey(){return`${this.title?this.title.replace(/\s+/g,"_").toLowerCase():"portal_app"}_sidebar_collapsed`}applySidebarState(e=null){e||(e=document.querySelector(".portal-container")),e&&(this.sidebarCollapsed?e.classList.add("collapse-sidebar"):e.classList.remove("collapse-sidebar"))}clearSidebarState(){try{const e=this.getSidebarStorageKey();localStorage.removeItem(e)}catch(e){console.warn("Failed to clear sidebar state:",e)}}async changePassword(){const e=await this.showForm({title:"Change Password",fields:[{name:"current_password",type:"password",label:"Current Password",required:!0,showToggle:!0,strengthMeter:!0,capsLockWarning:!0},{name:"new_password",type:"password",label:"New Password",required:!0,showToggle:!0,passwordUsage:"new",strengthMeter:!0,capsLockWarning:!0,attributes:{autocomplete:"new-password"}},{name:"confirm_password",type:"password",label:"Confirm Password",required:!0,showToggle:!0,passwordUsage:"new",strengthMeter:!0,capsLockWarning:!0,attributes:{}}],submitLabel:"Change Password"});e&&(e.new_password===e.confirm_password?200===(await this.activeUser.save(e)).status?this.toast.success("Password changed successfully"):this.toast.error("Failed to change password"):this.toast.error("Passwords do not match"))}onPortalAction(e){switch(e.action){case"logout":this.tokenManager.clearTokens(),this.rest.clearAuth(),this.setActiveUser(null);break;case"profile":this.showProfile();break;case"change-password":this.changePassword();break;default:console.warn(`Unknown portal action: ${e}`)}}async showProfile(){if(this.activeUser)try{const e=await Ct.showModelForm({title:"Edit Profile",size:"lg",fileHandling:"base64",model:this.activeUser,fields:[{type:"header",text:"Profile Information",level:4,class:"text-primary mb-3"},{type:"group",columns:{xs:12,md:4},title:"Avatar",fields:[{type:"image",name:"avatar",size:"lg",imageSize:{width:200,height:200},placeholder:"Upload your avatar",help:"Square images work best"}]},{type:"group",columns:{xs:12,md:8},title:"Details",fields:[{type:"text",name:"display_name",label:"Display Name",required:!0,columns:12,placeholder:"Enter first name"},{type:"email",name:"email",label:"Email Address",required:!0,columns:8,placeholder:"your.email@example.com"},{type:"tel",name:"phone_number",label:"Phone Number",columns:4,placeholder:"(555) 123-4567"}]},{type:"group",columns:12,title:"Account Settings",class:"pt-3",fields:[{type:"select",name:"timezone",label:"Timezone",columns:6,options:[{value:"America/New_York",text:"Eastern Time"},{value:"America/Chicago",text:"Central Time"},{value:"America/Denver",text:"Mountain Time"},{value:"America/Los_Angeles",text:"Pacific Time"},{value:"UTC",text:"UTC"}]},{type:"select",name:"language",label:"Language",columns:6,options:[{value:"en",text:"English"},{value:"es",text:"Spanish"},{value:"fr",text:"French"},{value:"de",text:"German"}]},{type:"switch",name:"email_notifications",label:"Email Notifications",columns:4},{type:"switch",name:"two_factor_enabled",label:"Two-Factor Authentication",columns:4},{type:"switch",name:"profile_public",label:"Public Profile",columns:4}]}],submitText:"Save Profile",cancelText:"Cancel"});e&&e.success?this.showSuccess("Profile updated successfully!"):e&&e.success}catch(e){console.error("Error showing profile form:",e),this.showError("Failed to load profile form")}else this.showError("No user is currently logged in")}async destroy(){this.activeGroup=null,this._resizeObserver&&this._resizeObserver.disconnect(),this._resizeHandler&&window.removeEventListener("resize",this._resizeHandler),this.topbar&&(await this.topbar.destroy(),this.topbar=null,this.topnav=null),this.sidebar&&(await this.sidebar.destroy(),this.sidebar=null),await super.destroy()}static create(e={}){return new PortalApp(e)}}class FormPage extends m{constructor(e={}){super({title:"Form Page",description:"A page for submitting forms",icon:"form",fields:[],template:'<div data-container="form-view-container"></div>',className:"form-page container-sm",...e})}async onInit(){await super.onInit(),this.formView=new Tt({containerId:"form-view-container",fields:this.options.fields,autosaveModelField:!0}),this.addChild(this.formView),this.getApp().activeGroup&&this.formView.setModel(this.getApp().activeGroup)}async onEnter(){await super.onEnter(),this.formView&&await this.recreateFormView()}async onGroupChange(e){this.formView&&await this.recreateFormView()}async recreateFormView(){this.formView&&(await this.formView.destroy(),this.removeChild(this.formView)),this.formView=new Tt({containerId:"form-view-container",fields:this.options.fields,autosaveModelField:!0}),this.addChild(this.formView),this.getApp().activeGroup&&this.formView.setModel(this.getApp().activeGroup)}}const jt=new class{constructor(){this.formatter=o,this.compiledTemplates=/* @__PURE__ */new Map}render(e,t,s={}){return l.render(e,t,s)}compile(e){const t=l.parse(e);return this.compiledTemplates.set(e,t),t}renderCompiled(e,t,s={}){return l.render(e,t,s)}clearCache(){this.compiledTemplates.clear(),l.clearCache()}cache(e,t){return{key:e,template:t,compiled:this.compile(t)}}getCached(e){for(const[t,s]of this.compiledTemplates)if(t===e||s===e)return{key:e,template:t,compiled:s};return null}registerFormatter(e,t){return this.formatter.register(e,t),this}hasPipes(e){return/\{\{[{]?[^}|]+\|[^}]+\}[}]?\}/.test(e)}processData(e,t){const s={...e};for(const[i,a]of Object.entries(t))if(e&&"function"==typeof e.get)s[i]=e.get(`${i}|${a}`);else{const t=this.getValueFromPath(e,i);s[i]=this.formatter.pipe(t,a)}return s}getValueFromPath(e,t){if(!e||!t)return;if(e&&"function"==typeof e.get)return e.get(t);const s=t.split(".");let i=e;for(const a of s){if(null==i)return;i=!isNaN(a)&&Array.isArray(i)?i[parseInt(a)]:i[a]}return i}processTemplate(e,t){return{template:e,data:t}}};Bt.install({level:"warn"});const zt="MOJO",$t="web-mojo",qt={FRAMEWORK_NAME:zt,PACKAGE_NAME:$t};export{e as BUILD_TIME,G as BundleByOptions,_ as ChatInputView,N as ChatMessageView,F as ChatView,D as Collection,R as CommonEventFields,V as CommonScopeOptions,H as ComparatorOptions,Bt as ConsoleSilencer,f as ContextMenu,It as DataView,c as DataWrapper,Ct as Dialog,O as DjangoLookups,U as EmailDomain,B as EmailDomainForms,K as EmailDomainList,j as EmailTemplate,z as EmailTemplateForms,$ as EmailTemplateList,T as EventBus,d as EventDelegate,zt as FRAMEWORK_NAME,q as File,J as FileForms,W as FileList,Y as FileManager,Q as FileManagerForms,X as FileManagerList,Z as FilePreviewView,ee as FileUpload,FormPage,Tt as FormView,te as GeoLocatedIP,se as GeoLocatedIPList,g as Group,w as GroupForms,p as GroupList,ie as Incident,ae as IncidentEvent,ne as IncidentEventForms,re as IncidentEventList,oe as IncidentForms,le as IncidentHistory,ce as IncidentHistoryList,de as IncidentList,he as IncidentRule,ue as IncidentRuleList,pe as IncidentRuleSet,ge as IncidentRuleSetList,me as IncidentStats,ve as Job,be as JobEvent,fe as JobEventList,we as JobForms,ye as JobList,Se as JobLog,Ae as JobLogList,Pe as JobRunner,Ce as JobRunnerForms,Me as JobRunnerList,Le as JobsEngineStats,Ie as LOOKUPS,Mt as ListView,Lt as ListViewItem,Te as Log,ke as LogList,h as MOJOUtils,De as Mailbox,xe as MailboxForms,Ee as MailboxList,Ge as MatchByOptions,E as Member,_e as MemberForms,Ne as MemberList,Fe as MetricsForms,Re as MetricsPermission,Ve as MetricsPermissionList,x as Model,jt as MustacheFormatter,$t as PACKAGE_NAME,m as Page,PortalApp,He as ProgressView,Oe as PushConfig,Ue as PushConfigForms,Be as PushConfigList,Ke as PushDelivery,je as PushDeliveryList,ze as PushDevice,$e as PushDeviceList,qe as PushTemplate,Je as PushTemplateForms,We as PushTemplateList,u as Rest,k as Router,Ye as Rule,Qe as RuleForms,Xe as RuleList,Ze as RuleSet,et as RuleSetForms,tt as RuleSetList,st as S3Bucket,it as S3BucketForms,at as S3BucketList,nt as SentMessage,rt as SentMessageForms,ot as SentMessageList,Sidebar,St as SimpleSearchView,lt as TabView,ct as TablePage,dt as TableRow,ht as TableView,ut as Ticket,pt as TicketCategories,gt as TicketForms,mt as TicketList,vt as TicketNote,bt as TicketNoteList,v as ToastService,At as TokenManager,Pt as TopNav,b as User,y as UserDataView,S as UserDevice,A as UserDeviceList,P as UserDeviceLocation,C as UserDeviceLocationList,M as UserForms,L as UserList,t as VERSION,s as VERSION_INFO,i as VERSION_MAJOR,a as VERSION_MINOR,n as VERSION_REVISION,ft as ValueTypeOptions,r as View,I as WebApp,Dt as WebSocketClient,kt as applyFileDropMixin,o as dataFormatter,qt as default,wt as formatFilterDisplay,Kt as installConsoleSilencer,yt as parseFilterKey};
 //# sourceMappingURL=index.es.js.map