flexdesk 0.2.0 → 0.3.0

package/dist/chunk-TLZUUFOE.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/ui/components/action_dropdown.js"],
-  "sourcesContent": ["/**\n * action_dropdown.js\n *\n * Reusable dropdown component for action buttons (Add Scenario, Add Widget, etc).\n * Handles opening, closing, auto-positioning, keyboard navigation, and outside clicks.\n *\n * Auto-positioning: measures available viewport space around the trigger element\n * and picks the best direction (above/below) and alignment (left/right).\n * Adds scrolling when the menu would exceed available vertical space.\n */\n\n/** Viewport margin in px \u2014 dropdown stays this far from edges. */\nconst EDGE_MARGIN = 8;\n/** Gap between trigger and dropdown in px. */\nconst GAP = 8;\n\n/**\n * ActionDropdown - A reusable dropdown component with smart auto-positioning.\n *\n * Usage:\n * ```javascript\n * const dropdown = new ActionDropdown({\n *     trigger: buttonElement,\n *     options: [\n *         { type: 'option1', label: 'Option 1', icon: 'icon_name', description: 'Description' },\n *         { type: 'option2', label: 'Option 2', icon: 'icon_name', description: 'Description' }\n *     ],\n *     onSelect: (option) => console.log('Selected:', option.type),\n * });\n *\n * // Control programmatically\n * dropdown.open();\n * dropdown.close();\n * dropdown.toggle();\n * dropdown.destroy();\n * ```\n */\nexport class ActionDropdown {\n    /**\n     * @param {Object} config\n     * @param {HTMLElement} config.trigger - Button element that triggers the dropdown\n     * @param {Array} config.options - Array of option objects with { type, label, icon, description? }\n     * @param {Function} config.onSelect - Callback when an option is selected\n     * @param {string} [config.className=''] - Additional CSS class for the dropdown\n     * @param {string} [config.menuId] - Optional ID for the menu element\n     */\n    constructor(config) {\n        this.trigger = config.trigger;\n        this.options = config.options || [];\n        this.onSelect = config.onSelect;\n        this.className = config.className || '';\n        this.menuId = config.menuId;\n\n        this.isOpen = false;\n        this.menuEl = null;\n\n        this._boundHandleDocumentClick = this._handleDocumentClick.bind(this);\n        this._boundHandleKeydown = this._handleKeydown.bind(this);\n        this._boundHandleTriggerClick = this._handleTriggerClick.bind(this);\n\n        this._init();\n    }\n\n    /**\n     * Initialize the dropdown.\n     * @private\n     */\n    _init() {\n        if (!this.trigger) {\n            console.warn('[ActionDropdown] No trigger element provided');\n            return;\n        }\n\n        this._createMenu();\n        this.trigger.addEventListener('click', this._boundHandleTriggerClick);\n    }\n\n    /**\n     * Create the dropdown menu element.\n     * @private\n     */\n    _createMenu() {\n        const menu = document.createElement('div');\n        menu.className = `twm-action-dropdown-menu ${this.className}`.trim();\n        menu.setAttribute('role', 'menu');\n        menu.hidden = true;\n\n        if (this.menuId) {\n            menu.id = this.menuId;\n        }\n\n        this._renderOptions(menu);\n\n        // Append to body so position:fixed works without clipping.\n        document.body.appendChild(menu);\n\n        this.menuEl = menu;\n    }\n\n    /**\n     * Render option buttons into a container element.\n     * @param {HTMLElement} container\n     * @private\n     */\n    _renderOptions(container) {\n        container.innerHTML = '';\n        this.options.forEach((opt, index) => {\n            const optionBtn = document.createElement('button');\n            optionBtn.type = 'button';\n            optionBtn.className = 'twm-action-dropdown-option';\n            optionBtn.dataset.index = index;\n            optionBtn.dataset.type = opt.type;\n            optionBtn.setAttribute('role', 'menuitem');\n\n            const iconHtml = opt.icon\n                ? `<span class=\"material-symbols-outlined twm-option-icon\">${opt.icon}</span>`\n                : '';\n\n            const descHtml = opt.description\n                ? `<span class=\"twm-option-desc\">${opt.description}</span>`\n                : '';\n\n            optionBtn.innerHTML = `\n                ${iconHtml}\n                <span class=\"option-text\">\n                    <span class=\"twm-option-label\">${opt.label}</span>\n                    ${descHtml}\n                </span>\n            `;\n\n            optionBtn.addEventListener('click', (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this._selectOption(opt);\n            });\n\n            container.appendChild(optionBtn);\n        });\n    }\n\n    /**\n     * Handle trigger button click.\n     * @param {MouseEvent} e\n     * @private\n     */\n    _handleTriggerClick(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        this.toggle();\n    }\n\n    /**\n     * Toggle the dropdown open/closed.\n     * @param {boolean} [forceState] - Optional forced state\n     */\n    toggle(forceState) {\n        const shouldOpen = typeof forceState === 'boolean' ? forceState : !this.isOpen;\n        if (shouldOpen) {\n            this.open();\n        } else {\n            this.close();\n        }\n    }\n\n    /**\n     * Open the dropdown with auto-positioning.\n     */\n    open() {\n        if (this.isOpen || !this.menuEl) return;\n\n        this.isOpen = true;\n        this.menuEl.hidden = false;\n\n        // Position against trigger\n        ActionDropdown.position(this.trigger, this.menuEl);\n\n        // Animate in\n        requestAnimationFrame(() => {\n            this.menuEl.classList.add('visible');\n        });\n\n        // Update trigger state\n        this.trigger?.classList.add('twm-is-open');\n\n        // Add document listeners\n        document.addEventListener('click', this._boundHandleDocumentClick, true);\n        document.addEventListener('keydown', this._boundHandleKeydown);\n\n        // Focus first option for keyboard accessibility\n        const firstOption = this.menuEl.querySelector('.twm-action-dropdown-option');\n        firstOption?.focus();\n    }\n\n    /**\n     * Close the dropdown.\n     */\n    close() {\n        if (!this.isOpen) return;\n\n        this.isOpen = false;\n\n        if (this.menuEl) {\n            this.menuEl.classList.remove('visible');\n            this.menuEl.hidden = true;\n        }\n\n        // Update trigger state\n        this.trigger?.classList.remove('twm-is-open');\n\n        // Remove document listeners\n        document.removeEventListener('click', this._boundHandleDocumentClick, true);\n        document.removeEventListener('keydown', this._boundHandleKeydown);\n    }\n\n    /**\n     * Handle document click (close on outside click).\n     * @param {MouseEvent} e\n     * @private\n     */\n    _handleDocumentClick(e) {\n        if (!this.isOpen) return;\n\n        // Don't close if clicking inside dropdown or trigger\n        if (this.menuEl?.contains(e.target) || this.trigger?.contains(e.target)) {\n            return;\n        }\n\n        this.close();\n    }\n\n    /**\n     * Handle keyboard events.\n     * @param {KeyboardEvent} e\n     * @private\n     */\n    _handleKeydown(e) {\n        if (e.key === 'Escape') {\n            this.close();\n            this.trigger?.focus();\n            return;\n        }\n\n        // Arrow key navigation\n        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n            e.preventDefault();\n            this._navigateOptions(e.key === 'ArrowDown' ? 1 : -1);\n        }\n    }\n\n    /**\n     * Navigate options with arrow keys.\n     * @param {number} direction - 1 for down, -1 for up\n     * @private\n     */\n    _navigateOptions(direction) {\n        const options = this.menuEl?.querySelectorAll('.twm-action-dropdown-option');\n        if (!options || options.length === 0) return;\n\n        const currentIndex = Array.from(options).findIndex(opt => opt === document.activeElement);\n        let nextIndex = currentIndex + direction;\n\n        if (nextIndex < 0) nextIndex = options.length - 1;\n        if (nextIndex >= options.length) nextIndex = 0;\n\n        options[nextIndex]?.focus();\n    }\n\n    /**\n     * Handle option selection.\n     * @param {Object} option - The selected option\n     * @private\n     */\n    _selectOption(option) {\n        this.close();\n\n        if (this.onSelect) {\n            this.onSelect(option);\n        }\n    }\n\n    /**\n     * Update the options dynamically.\n     * @param {Array} newOptions - New options array\n     */\n    setOptions(newOptions) {\n        this.options = newOptions;\n        if (this.menuEl) {\n            this._renderOptions(this.menuEl);\n        }\n    }\n\n    /**\n     * Destroy the dropdown and clean up.\n     */\n    destroy() {\n        this.close();\n\n        // Remove trigger listener\n        this.trigger?.removeEventListener('click', this._boundHandleTriggerClick);\n\n        // Remove menu element\n        this.menuEl?.remove();\n        this.menuEl = null;\n\n        this.trigger = null;\n        this.options = [];\n        this.onSelect = null;\n    }\n\n    // =========================================================================\n    // STATIC \u2014 shared auto-positioning for any trigger + menu pair\n    // =========================================================================\n\n    /**\n     * Position a dropdown menu relative to a trigger element.\n     * Uses `position: fixed` to avoid overflow clipping.\n     * Picks above/below based on available space, aligns left/right edge,\n     * and applies `max-height` + `overflow-y: auto` when the menu is taller\n     * than the available space.\n     *\n     * @param {HTMLElement} trigger - The element the dropdown opens from\n     * @param {HTMLElement} menu - The dropdown menu element to position\n     */\n    static position(trigger, menu) {\n        if (!trigger || !menu) return;\n\n        // Reset any prior inline position so natural size can be measured.\n        Object.assign(menu.style, {\n            position: 'fixed',\n            top: 'auto',\n            bottom: 'auto',\n            left: 'auto',\n            right: 'auto',\n            maxHeight: '',\n            overflowY: ''\n        });\n\n        const triggerRect = trigger.getBoundingClientRect();\n        const menuRect = menu.getBoundingClientRect();\n        const vw = window.innerWidth;\n        const vh = window.innerHeight;\n\n        // \u2500\u2500 Vertical: prefer below, flip above if insufficient room \u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        const spaceBelow = vh - triggerRect.bottom - GAP - EDGE_MARGIN;\n        const spaceAbove = triggerRect.top - GAP - EDGE_MARGIN;\n\n        let top;\n        let maxHeight;\n\n        if (menuRect.height <= spaceBelow) {\n            // Fits below \u2014 use natural height.\n            top = triggerRect.bottom + GAP;\n            maxHeight = spaceBelow;\n        } else if (menuRect.height <= spaceAbove) {\n            // Fits above \u2014 use natural height.\n            top = triggerRect.top - GAP - menuRect.height;\n            maxHeight = spaceAbove;\n        } else if (spaceBelow >= spaceAbove) {\n            // More space below \u2014 scroll.\n            top = triggerRect.bottom + GAP;\n            maxHeight = spaceBelow;\n        } else {\n            // More space above \u2014 scroll.\n            maxHeight = spaceAbove;\n            top = EDGE_MARGIN;\n        }\n\n        // \u2500\u2500 Horizontal: align left-edge with trigger, flip if off-screen \u2500\u2500\n        let left = triggerRect.left;\n\n        if (left + menuRect.width > vw - EDGE_MARGIN) {\n            // Align right edges instead.\n            left = triggerRect.right - menuRect.width;\n        }\n\n        // Still off-screen? Clamp to edges.\n        left = Math.max(EDGE_MARGIN, Math.min(left, vw - menuRect.width - EDGE_MARGIN));\n\n        Object.assign(menu.style, {\n            position: 'fixed',\n            top: `${Math.round(top)}px`,\n            left: `${Math.round(left)}px`,\n            maxHeight: `${Math.round(maxHeight)}px`,\n            overflowY: 'auto'\n        });\n    }\n}\n\nexport default ActionDropdown;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/chunk-UCJ2WD4D.js

@@ -1,625 +0,0 @@
-import {
-  getSetting
-} from "./chunk-FL5KFNQH.js";
-
-// src/ui/components/managed_window.js
-var STORAGE_KEY = "ecosim.managedWindows.v1";
-var BASE_Z_INDEX = 6e3;
-var MAX_Z_INDEX = 6999;
-var TOP_BAR_HEIGHT = 35;
-var BOTTOM_BAR_HEIGHT = 22;
-var DEFAULT_ICON = "web_asset";
-var _zIndexCounter = 0;
-var _activeWindows = /* @__PURE__ */ new Map();
-function _collectFocusable(root) {
-  if (!root) return [];
-  const sel = [
-    "a[href]",
-    "button:not([disabled])",
-    'input:not([disabled]):not([type="hidden"])',
-    "select:not([disabled])",
-    "textarea:not([disabled])",
-    '[tabindex]:not([tabindex="-1"])'
-  ].join(",");
-  return Array.from(root.querySelectorAll(sel)).filter((el) => {
-    if (el.hidden) return false;
-    if (el.closest("[hidden]")) return false;
-    const r = el.getBoundingClientRect();
-    return r.width > 0 || r.height > 0;
-  });
-}
-var _stateCache = null;
-function _loadState() {
-  if (_stateCache) return _stateCache;
-  try {
-    const raw = localStorage.getItem(STORAGE_KEY);
-    _stateCache = raw ? JSON.parse(raw) : {};
-  } catch {
-    _stateCache = {};
-  }
-  return _stateCache;
-}
-function _saveState(state) {
-  _stateCache = state;
-  try {
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
-  } catch (err) {
-    console.warn("[ManagedWindow] Failed to save state:", err);
-  }
-}
-function _getWindowState(id) {
-  const state = _loadState();
-  return state[id] || null;
-}
-function _setWindowState(id, windowState) {
-  const state = _loadState();
-  state[id] = windowState;
-  _saveState(state);
-}
-var ManagedWindow = class {
-  /**
-   * @param {Object} options
-   * @param {string} options.id - Unique window ID for persistence
-   * @param {string} options.title - Window title
-   * @param {string} [options.icon] - Material Symbols icon name (default: 'web_asset')
-   * @param {HTMLElement|Function} options.content - Content element or render function
-   * @param {number} [options.minWidth=400] - Minimum width
-   * @param {number} [options.minHeight=300] - Minimum height
-   * @param {number} [options.defaultWidth=600] - Default width
-   * @param {number} [options.defaultHeight=400] - Default height
-   * @param {boolean} [options.canMinimize=true] - Whether minimize button is shown
-   * @param {boolean} [options.canMaximize=true] - Whether maximize button is shown
-   * @param {boolean} [options.canResize=true] - Whether window can be resized
-   * @param {boolean} [options.canDrag=true] - Whether window can be dragged
-   * @param {boolean} [options.modal=false] - Whether to show backdrop
-   * @param {Function} [options.onClose] - Callback when window is closed
-   * @param {Function} [options.beforeClose] - Guard called before close. Return false (or a Promise resolving to false) to prevent closing.
-   * @param {Function} [options.onMinimize] - Callback when window is minimized
-   */
-  constructor(options) {
-    this.id = options.id;
-    this.title = options.title || "Window";
-    this.icon = options.icon || DEFAULT_ICON;
-    this.content = options.content;
-    this.minWidth = options.minWidth || 400;
-    this.minHeight = options.minHeight || 300;
-    this.defaultWidth = options.defaultWidth || 600;
-    this.defaultHeight = options.defaultHeight || 400;
-    this.canMinimize = options.canMinimize ?? true;
-    this.canMaximize = options.canMaximize ?? true;
-    this.canResize = options.canResize ?? true;
-    this.modal = options.modal ?? false;
-    this.backdropBlur = options.backdropBlur;
-    this.backdropOpacity = options.backdropOpacity;
-    this.canDrag = options.canDrag ?? !this.modal;
-    this.onClose = options.onClose;
-    this.beforeClose = options.beforeClose || null;
-    this.onMinimize = options.onMinimize;
-    this.element = null;
-    this.backdropElement = null;
-    this.contentContainer = null;
-    this.isVisible = false;
-    this.isMinimized = false;
-    this.isMaximized = false;
-    this.zIndex = BASE_Z_INDEX;
-    this.x = 0;
-    this.y = 0;
-    const maxWidth = window.innerWidth;
-    const maxHeight = window.innerHeight - TOP_BAR_HEIGHT - BOTTOM_BAR_HEIGHT;
-    this.width = Math.min(this.defaultWidth, maxWidth);
-    this.height = Math.min(this.defaultHeight, maxHeight);
-    this._preMaximizeState = null;
-    this._dragState = null;
-    this._resizeState = null;
-    this._boundOnPointerMove = this._onPointerMove.bind(this);
-    this._boundOnPointerUp = this._onPointerUp.bind(this);
-    this._boundOnKeyDown = this._onKeyDown.bind(this);
-    _activeWindows.set(this.id, this);
-  }
-  /**
-   * Show the window.
-   */
-  show() {
-    if (this.isVisible && !this.isMinimized) {
-      this.bringToFront();
-      return;
-    }
-    if (!this.element) {
-      this._build();
-      this._restoreState();
-    }
-    if (this.isMinimized) {
-      this._restore();
-    } else {
-      this._applyPosition();
-      document.body.appendChild(this.element);
-      if (this.modal && this.backdropElement) {
-        document.body.appendChild(this.backdropElement);
-      }
-      this.isVisible = true;
-    }
-    this.bringToFront();
-    document.addEventListener("keydown", this._boundOnKeyDown);
-  }
-  /**
-   * Hide/close the window.
-   * @param {{ force?: boolean }} [options] - Pass force:true to bypass the beforeClose guard.
-   */
-  close({ force = false } = {}) {
-    if (!this.isVisible) return;
-    if (!force && this.beforeClose) {
-      const result = this.beforeClose();
-      if (result && typeof result.then === "function") {
-        result.then((allowed) => {
-          if (allowed !== false) this._doClose();
-        });
-        return;
-      }
-      if (result === false) return;
-    }
-    this._doClose();
-  }
-  /** Internal close — always executes, no guard. */
-  _doClose() {
-    if (!this.isVisible) return;
-    this._saveCurrentState();
-    if (this.onClose) {
-      this.onClose();
-    }
-    if (this.element && this.element.parentNode) {
-      this.element.parentNode.removeChild(this.element);
-    }
-    if (this.backdropElement && this.backdropElement.parentNode) {
-      this.backdropElement.parentNode.removeChild(this.backdropElement);
-    }
-    this.isVisible = false;
-    this.isMinimized = false;
-    document.removeEventListener("keydown", this._boundOnKeyDown);
-    window.dispatchEvent(new CustomEvent("managed-window-closed", { detail: { id: this.id } }));
-  }
-  /**
-   * Minimize to taskbar with animation.
-   */
-  minimize() {
-    if (!this.isVisible || this.isMinimized) return;
-    this._saveCurrentState();
-    this.isMinimized = true;
-    if (this.onMinimize) {
-      this.onMinimize();
-    }
-    if (this.backdropElement) {
-      this.backdropElement.style.display = "none";
-    }
-    window.dispatchEvent(new CustomEvent("managed-window-minimized", {
-      detail: { id: this.id, title: this.title, icon: this.icon }
-    }));
-    if (!this.element) return;
-    if (!getSetting("window.animateMinimize", true)) {
-      this.element.style.display = "none";
-      return;
-    }
-    this._setMinimizeTargetProperties();
-    this.element.classList.add("twm-managed-window--minimizing");
-    setTimeout(() => {
-      if (this.element) {
-        this.element.style.display = "none";
-        this.element.classList.remove("twm-managed-window--minimizing");
-        this._clearTargetProperties();
-      }
-    }, 200);
-  }
-  /**
-   * Restore from minimized state with animation.
-   */
-  _restore() {
-    if (!this.isMinimized) return;
-    const taskbarRect = this._getTaskbarItemRect();
-    if (this.element) {
-      this.element.style.display = "";
-      const animate = getSetting("window.animateMinimize", true);
-      if (animate) {
-        this._setRestoreTargetProperties(taskbarRect);
-        this.element.classList.add("twm-managed-window--restoring");
-        setTimeout(() => {
-          if (this.element) {
-            this.element.classList.remove("twm-managed-window--restoring");
-            this._clearTargetProperties();
-          }
-        }, 250);
-      }
-    }
-    if (this.modal && this.backdropElement) {
-      this.backdropElement.style.display = "";
-    }
-    this.isMinimized = false;
-    this.bringToFront();
-    window.dispatchEvent(new CustomEvent("managed-window-restored", { detail: { id: this.id } }));
-  }
-  /**
-   * Toggle maximize state.
-   */
-  toggleMaximize() {
-    if (!this.canMaximize) return;
-    if (this.isMaximized) {
-      if (this._preMaximizeState) {
-        this.x = this._preMaximizeState.x;
-        this.y = this._preMaximizeState.y;
-        this.width = this._preMaximizeState.width;
-        this.height = this._preMaximizeState.height;
-        this._preMaximizeState = null;
-      }
-      this.isMaximized = false;
-    } else {
-      this._preMaximizeState = { x: this.x, y: this.y, width: this.width, height: this.height };
-      this.x = 0;
-      this.y = TOP_BAR_HEIGHT;
-      this.width = window.innerWidth;
-      this.height = window.innerHeight - TOP_BAR_HEIGHT - BOTTOM_BAR_HEIGHT;
-      this.isMaximized = true;
-    }
-    this._applyPosition();
-    this._saveCurrentState();
-  }
-  /**
-   * Find the taskbar button for this window.
-   * @returns {DOMRect|null}
-   */
-  _getTaskbarItemRect() {
-    const btn = document.querySelector(`.twm-bar-windows__item[data-window-id="${this.id}"]`);
-    return btn ? btn.getBoundingClientRect() : null;
-  }
-  /**
-   * Set CSS custom properties to animate minimize toward the taskbar item.
-   */
-  _setMinimizeTargetProperties() {
-    const targetRect = this._getTaskbarItemRect();
-    if (!targetRect || !this.element) return;
-    const winRect = this.element.getBoundingClientRect();
-    const winCenterX = winRect.left + winRect.width / 2;
-    const winCenterY = winRect.top + winRect.height / 2;
-    const targetCenterX = targetRect.left + targetRect.width / 2;
-    const targetCenterY = targetRect.top + targetRect.height / 2;
-    const dx = targetCenterX - winCenterX;
-    const dy = targetCenterY - winCenterY;
-    const scale = Math.min(targetRect.width / winRect.width, targetRect.height / winRect.height, 0.15);
-    this.element.style.setProperty("--mw-target-x", `${dx}px`);
-    this.element.style.setProperty("--mw-target-y", `${dy}px`);
-    this.element.style.setProperty("--mw-target-scale", scale);
-  }
-  /**
-   * Set CSS custom properties to animate restore from the taskbar item position.
-   * @param {DOMRect|null} taskbarRect
-   */
-  _setRestoreTargetProperties(taskbarRect) {
-    if (!taskbarRect || !this.element) return;
-    const winRect = this.element.getBoundingClientRect();
-    const winCenterX = winRect.left + winRect.width / 2;
-    const winCenterY = winRect.top + winRect.height / 2;
-    const targetCenterX = taskbarRect.left + taskbarRect.width / 2;
-    const targetCenterY = taskbarRect.top + taskbarRect.height / 2;
-    const dx = targetCenterX - winCenterX;
-    const dy = targetCenterY - winCenterY;
-    const scale = Math.min(taskbarRect.width / winRect.width, taskbarRect.height / winRect.height, 0.15);
-    this.element.style.setProperty("--mw-target-x", `${dx}px`);
-    this.element.style.setProperty("--mw-target-y", `${dy}px`);
-    this.element.style.setProperty("--mw-target-scale", scale);
-  }
-  /**
-   * Clear animation CSS custom properties.
-   */
-  _clearTargetProperties() {
-    if (!this.element) return;
-    this.element.style.removeProperty("--mw-target-x");
-    this.element.style.removeProperty("--mw-target-y");
-    this.element.style.removeProperty("--mw-target-scale");
-  }
-  /**
-   * Bring window to front of z-order.
-   */
-  bringToFront() {
-    _zIndexCounter++;
-    this.zIndex = Math.min(BASE_Z_INDEX + _zIndexCounter, MAX_Z_INDEX);
-    if (this.element) {
-      this.element.style.zIndex = this.zIndex.toString();
-    }
-    if (this.backdropElement) {
-      this.backdropElement.style.zIndex = (this.zIndex - 1).toString();
-    }
-  }
-  /**
-   * Update window title.
-   */
-  setTitle(title) {
-    this.title = title;
-    if (this.element) {
-      const titleEl = this.element.querySelector(".twm-managed-window__title");
-      if (titleEl) titleEl.textContent = title;
-    }
-  }
-  // ========== Private Methods ==========
-  _build() {
-    if (this.modal) {
-      this.backdropElement = document.createElement("div");
-      this.backdropElement.className = "twm-managed-window__backdrop";
-      if (this.backdropBlur !== void 0 && this.backdropBlur !== null) {
-        this.backdropElement.style.backdropFilter = this.backdropBlur > 0 ? `blur(${this.backdropBlur}px)` : "none";
-      }
-      if (this.backdropOpacity !== void 0 && this.backdropOpacity !== null) {
-        this.backdropElement.style.background = `rgba(0, 0, 0, ${this.backdropOpacity})`;
-      }
-    }
-    this.element = document.createElement("div");
-    this.element.className = "twm-managed-window";
-    if (!this.canDrag) {
-      this.element.classList.add("twm-managed-window--no-drag");
-    }
-    if (this.modal) {
-      this.element.classList.add("twm-managed-window--modal");
-    }
-    this.element.setAttribute("data-window-id", this.id);
-    const topbar = document.createElement("div");
-    topbar.className = "twm-managed-window__topbar";
-    const icon = document.createElement("span");
-    icon.className = "twm-managed-window__icon material-symbols-outlined";
-    icon.textContent = this.icon;
-    const title = document.createElement("div");
-    title.className = "twm-managed-window__title";
-    title.textContent = this.title;
-    const buttons = document.createElement("div");
-    buttons.className = "twm-managed-window__buttons";
-    if (this.canMinimize) {
-      const minBtn = document.createElement("button");
-      minBtn.className = "twm-managed-window__btn managed-window__btn--minimize";
-      minBtn.type = "button";
-      minBtn.innerHTML = '<svg width="10" height="10" viewBox="0 0 10 10"><path d="M1 5h8" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>';
-      minBtn.title = "Minimize";
-      minBtn.addEventListener("click", (e) => {
-        e.stopPropagation();
-        this.minimize();
-      });
-      buttons.appendChild(minBtn);
-    }
-    if (this.canMaximize) {
-      const maxBtn = document.createElement("button");
-      maxBtn.className = "twm-managed-window__btn managed-window__btn--maximize";
-      maxBtn.type = "button";
-      maxBtn.innerHTML = '<svg width="10" height="10" viewBox="0 0 10 10"><rect x="1" y="1" width="8" height="8" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>';
-      maxBtn.title = "Maximize";
-      maxBtn.addEventListener("click", (e) => {
-        e.stopPropagation();
-        this.toggleMaximize();
-      });
-      buttons.appendChild(maxBtn);
-    }
-    const closeBtn = document.createElement("button");
-    closeBtn.className = "twm-managed-window__btn twm-managed-window__btn--close";
-    closeBtn.type = "button";
-    closeBtn.innerHTML = '<svg width="10" height="10" viewBox="0 0 10 10"><path d="M1 1l8 8M9 1l-8 8" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>';
-    closeBtn.title = "Close";
-    closeBtn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      this.close();
-    });
-    buttons.appendChild(closeBtn);
-    topbar.appendChild(icon);
-    topbar.appendChild(title);
-    topbar.appendChild(buttons);
-    this.contentContainer = document.createElement("div");
-    this.contentContainer.className = "twm-managed-window__content";
-    if (this.content instanceof HTMLElement) {
-      this.contentContainer.appendChild(this.content);
-    } else if (typeof this.content === "function") {
-      const rendered = this.content();
-      if (rendered instanceof HTMLElement) {
-        this.contentContainer.appendChild(rendered);
-      }
-    }
-    this.element.appendChild(topbar);
-    this.element.appendChild(this.contentContainer);
-    if (this.canResize) {
-      this._addResizeHandles();
-    }
-    topbar.addEventListener("pointerdown", (e) => this._onTopbarPointerDown(e));
-    if (this.canMaximize) {
-      topbar.addEventListener("dblclick", () => this.toggleMaximize());
-    }
-    this.element.addEventListener("pointerdown", () => this.bringToFront());
-  }
-  _addResizeHandles() {
-    const directions = ["n", "s", "e", "w", "ne", "nw", "se", "sw"];
-    for (const dir of directions) {
-      const handle = document.createElement("div");
-      handle.className = `twm-managed-window__resize managed-window__resize--${dir}`;
-      handle.addEventListener("pointerdown", (e) => this._onResizePointerDown(e, dir));
-      this.element.appendChild(handle);
-    }
-  }
-  _applyPosition() {
-    if (!this.element) return;
-    const maxWidth = window.innerWidth;
-    const maxHeight = window.innerHeight - TOP_BAR_HEIGHT - BOTTOM_BAR_HEIGHT;
-    this.width = Math.max(this.minWidth, Math.min(this.width, maxWidth));
-    this.height = Math.max(this.minHeight, Math.min(this.height, maxHeight));
-    const maxX = Math.max(0, maxWidth - this.width);
-    const maxY = Math.max(TOP_BAR_HEIGHT, window.innerHeight - this.height - BOTTOM_BAR_HEIGHT);
-    this.x = Math.max(0, Math.min(this.x, maxX));
-    this.y = Math.max(TOP_BAR_HEIGHT, Math.min(this.y, maxY));
-    this.element.style.left = `${this.x}px`;
-    this.element.style.top = `${this.y}px`;
-    this.element.style.width = `${this.width}px`;
-    this.element.style.height = `${this.height}px`;
-  }
-  _restoreState() {
-    const maxWidth = window.innerWidth;
-    const maxHeight = window.innerHeight - TOP_BAR_HEIGHT - BOTTOM_BAR_HEIGHT;
-    const saved = this.modal ? null : _getWindowState(this.id);
-    if (saved) {
-      this.x = saved.x ?? this.x;
-      this.y = saved.y ?? this.y;
-      this.width = Math.min(saved.width ?? this.width, maxWidth);
-      this.height = Math.min(saved.height ?? this.height, maxHeight);
-      this.isMaximized = saved.maximized ?? false;
-      if (this.isMaximized && this.canMaximize) {
-        this._preMaximizeState = { x: saved.x, y: saved.y, width: saved.width, height: saved.height };
-        this.x = 0;
-        this.y = TOP_BAR_HEIGHT;
-        this.width = maxWidth;
-        this.height = maxHeight;
-      }
-    } else {
-      this.x = Math.max(0, (maxWidth - this.width) / 2);
-      this.y = Math.max(TOP_BAR_HEIGHT, TOP_BAR_HEIGHT + (maxHeight - this.height) / 2);
-    }
-  }
-  _saveCurrentState() {
-    if (this.modal) return;
-    _setWindowState(this.id, {
-      x: this._preMaximizeState?.x ?? this.x,
-      y: this._preMaximizeState?.y ?? this.y,
-      width: this._preMaximizeState?.width ?? this.width,
-      height: this._preMaximizeState?.height ?? this.height,
-      maximized: this.isMaximized
-    });
-  }
-  // ========== Drag Handling ==========
-  _onTopbarPointerDown(e) {
-    if (e.target.closest(".twm-managed-window__buttons")) return;
-    if (this.isMaximized) return;
-    if (!this.canDrag) return;
-    e.preventDefault();
-    this._dragState = {
-      startX: e.clientX,
-      startY: e.clientY,
-      startWinX: this.x,
-      startWinY: this.y
-    };
-    document.addEventListener("pointermove", this._boundOnPointerMove);
-    document.addEventListener("pointerup", this._boundOnPointerUp);
-  }
-  _onPointerMove(e) {
-    if (this._dragState) {
-      const dx = e.clientX - this._dragState.startX;
-      const dy = e.clientY - this._dragState.startY;
-      this.x = this._dragState.startWinX + dx;
-      this.y = this._dragState.startWinY + dy;
-      this._applyPosition();
-    } else if (this._resizeState) {
-      this._handleResize(e);
-    }
-  }
-  _onPointerUp() {
-    if (this._dragState || this._resizeState) {
-      this._saveCurrentState();
-    }
-    this._dragState = null;
-    this._resizeState = null;
-    document.removeEventListener("pointermove", this._boundOnPointerMove);
-    document.removeEventListener("pointerup", this._boundOnPointerUp);
-  }
-  // ========== Resize Handling ==========
-  _onResizePointerDown(e, direction) {
-    if (this.isMaximized) return;
-    e.preventDefault();
-    e.stopPropagation();
-    this._resizeState = {
-      direction,
-      startX: e.clientX,
-      startY: e.clientY,
-      startWinX: this.x,
-      startWinY: this.y,
-      startWidth: this.width,
-      startHeight: this.height
-    };
-    document.addEventListener("pointermove", this._boundOnPointerMove);
-    document.addEventListener("pointerup", this._boundOnPointerUp);
-  }
-  _handleResize(e) {
-    const state = this._resizeState;
-    if (!state) return;
-    const dx = e.clientX - state.startX;
-    const dy = e.clientY - state.startY;
-    const dir = state.direction;
-    const maxWidth = window.innerWidth;
-    const maxHeight = window.innerHeight - TOP_BAR_HEIGHT - BOTTOM_BAR_HEIGHT;
-    let newX = state.startWinX;
-    let newY = state.startWinY;
-    let newW = state.startWidth;
-    let newH = state.startHeight;
-    if (dir.includes("e")) {
-      newW = Math.max(this.minWidth, Math.min(state.startWidth + dx, maxWidth - newX));
-    }
-    if (dir.includes("w")) {
-      const maxDx = state.startWidth - this.minWidth;
-      const actualDx = Math.min(dx, maxDx);
-      newX = Math.max(0, state.startWinX + actualDx);
-      newW = state.startWidth - (newX - state.startWinX);
-    }
-    if (dir.includes("s")) {
-      newH = Math.max(this.minHeight, Math.min(state.startHeight + dy, maxHeight - (newY - TOP_BAR_HEIGHT)));
-    }
-    if (dir.includes("n")) {
-      const maxDy = state.startHeight - this.minHeight;
-      const actualDy = Math.min(dy, maxDy);
-      newY = Math.max(TOP_BAR_HEIGHT, state.startWinY + actualDy);
-      newH = state.startHeight - (newY - state.startWinY);
-    }
-    this.x = newX;
-    this.y = newY;
-    this.width = newW;
-    this.height = newH;
-    this._applyPosition();
-  }
-  // ========== Keyboard Handling ==========
-  _onKeyDown(e) {
-    if (!this.isVisible || this.isMinimized) return;
-    const topWindow = Array.from(_activeWindows.values()).filter((w) => w.isVisible && !w.isMinimized).sort((a, b) => b.zIndex - a.zIndex)[0];
-    if (topWindow !== this) return;
-    if (e.key === "Escape") {
-      this.close();
-      return;
-    }
-    if (e.key === "Tab" && this.modal && this.element) {
-      const focusables = _collectFocusable(this.element);
-      if (focusables.length === 0) {
-        e.preventDefault();
-        return;
-      }
-      const first = focusables[0];
-      const last = focusables[focusables.length - 1];
-      const active = document.activeElement;
-      if (e.shiftKey) {
-        if (active === first || !this.element.contains(active)) {
-          e.preventDefault();
-          last.focus();
-        }
-      } else {
-        if (active === last || !this.element.contains(active)) {
-          e.preventDefault();
-          first.focus();
-        }
-      }
-    }
-  }
-  // ========== Static Methods ==========
-  /**
-   * Get a window by ID.
-   */
-  static get(id) {
-    return _activeWindows.get(id) || null;
-  }
-  /**
-   * Restore a minimized window by ID.
-   */
-  static restore(id) {
-    const win = _activeWindows.get(id);
-    if (win && win.isMinimized) {
-      win._restore();
-      win.bringToFront();
-    }
-  }
-};
-
-export {
-  ManagedWindow
-};
-//# sourceMappingURL=chunk-UCJ2WD4D.js.map