flexdesk 0.5.0 → 0.6.1

package/dist/{chunk-24MS7W5Y.js → chunk-6NG7YVBG.js}

@@ -2,365 +2,6 @@ import {
   ManagedWindow
 } from "./chunk-6JSOVNID.js";
 
-// src/help/help_registry.js
-var EMPTY_PROVIDER = Object.freeze({
-  getCategories: () => [],
-  getTopicsByCategory: () => [],
-  loadTopic: async () => null,
-  searchTopics: () => []
-});
-var DEFAULT_COPY = Object.freeze({
-  title: "Help",
-  welcome: "Select a topic from the sidebar or browse the categories below."
-});
-var _provider = EMPTY_PROVIDER;
-var _categories = Object.freeze({});
-var _copy = DEFAULT_COPY;
-function setHelpProvider(provider, categories = {}, copy = {}) {
-  _provider = provider ?? EMPTY_PROVIDER;
-  _categories = Object.freeze({ ...categories });
-  _copy = Object.freeze({ ...DEFAULT_COPY, ...copy });
-}
-function helpProvider() {
-  return _provider;
-}
-function helpCategories() {
-  return _categories;
-}
-function helpCopy() {
-  return _copy;
-}
-
-// src/help/help_modal.js
-var _activeModal = null;
-var HelpModal = class _HelpModal {
-  /** The application's help, resolved at use time. */
-  get _service() {
-    return helpProvider();
-  }
-  get _categories() {
-    return helpCategories();
-  }
-  get _copy() {
-    return helpCopy();
-  }
-  constructor() {
-    this._overlay = null;
-    this._modal = null;
-    this._currentTopic = null;
-    this._searchQuery = "";
-    this._boundKeyHandler = this._handleKeyDown.bind(this);
-  }
-  /**
-   * Open the help modal.
-   * @param {string} [topicId] - Initial topic to display
-   */
-  async open(topicId = null) {
-    if (_activeModal && _activeModal !== this) {
-      _activeModal.close();
-    }
-    _activeModal = this;
-    this._createModal();
-    document.body.appendChild(this._overlay);
-    document.addEventListener("keydown", this._boundKeyHandler);
-    const searchInput = this._modal.querySelector(".help-search-input");
-    if (searchInput) {
-      setTimeout(() => searchInput.focus(), 100);
-    }
-    if (topicId) {
-      await this._loadTopic(topicId);
-    } else {
-      this._showIndex();
-    }
-  }
-  /**
-   * Close the help modal.
-   */
-  close() {
-    if (this._overlay) {
-      document.removeEventListener("keydown", this._boundKeyHandler);
-      this._overlay.remove();
-      this._overlay = null;
-      this._modal = null;
-    }
-    if (_activeModal === this) {
-      _activeModal = null;
-    }
-  }
-  /**
-   * Create the modal DOM structure.
-   * @private
-   */
-  _createModal() {
-    this._overlay = document.createElement("div");
-    this._overlay.className = "help-modal-overlay";
-    this._overlay.addEventListener("click", (e) => {
-      if (e.target === this._overlay) this.close();
-    });
-    this._modal = document.createElement("div");
-    this._modal.className = "help-modal";
-    this._modal.innerHTML = `
-            <div class="help-modal__header">
-                <div class="help-modal__title">
-                    <span class="material-symbols-outlined">help</span>
-                    <span>Help</span>
-                </div>
-                <button class="help-modal__close" title="Close (Esc)">
-                    <span class="material-symbols-outlined">close</span>
-                </button>
-            </div>
-            <div class="help-modal__search">
-                <span class="material-symbols-outlined">search</span>
-                <input type="text" class="help-search-input" placeholder="Search help topics..." autocomplete="off">
-            </div>
-            <div class="help-modal__body">
-                <nav class="help-modal__sidebar">
-                    <div class="help-sidebar__categories"></div>
-                </nav>
-                <main class="help-modal__content">
-                    <div class="help-content__loading">Loading...</div>
-                </main>
-            </div>
-        `;
-    const closeBtn = this._modal.querySelector(".help-modal__close");
-    closeBtn.addEventListener("click", () => this.close());
-    const searchInput = this._modal.querySelector(".help-search-input");
-    searchInput.addEventListener("input", (e) => this._handleSearch(e.target.value));
-    searchInput.addEventListener("keydown", (e) => {
-      if (e.key === "Escape") {
-        if (e.target.value) {
-          e.target.value = "";
-          this._handleSearch("");
-          e.stopPropagation();
-        }
-      }
-    });
-    this._buildSidebar();
-    this._overlay.appendChild(this._modal);
-  }
-  /**
-   * Build the sidebar navigation.
-   * @private
-   */
-  _buildSidebar() {
-    const container = this._modal.querySelector(".help-sidebar__categories");
-    const categories = this._service.getCategories();
-    const categoryOrder = Object.keys(this._categories);
-    categories.sort((a, b) => {
-      const orderA = categoryOrder.indexOf(a);
-      const orderB = categoryOrder.indexOf(b);
-      return (orderA === -1 ? 99 : orderA) - (orderB === -1 ? 99 : orderB);
-    });
-    container.innerHTML = categories.map((category) => {
-      const topics = this._service.getTopicsByCategory(category);
-      const label = this._categories[category]?.label || category;
-      const icon = this._categories[category]?.icon || "folder";
-      return `
-                <div class="help-category" data-category="${category}">
-                    <div class="help-category__header">
-                        <span class="material-symbols-outlined">${icon}</span>
-                        <span>${label}</span>
-                    </div>
-                    <ul class="help-category__topics">
-                        ${topics.map((topic) => `
-                            <li class="help-topic-item" data-topic="${topic.id}">
-                                ${topic.title}
-                            </li>
-                        `).join("")}
-                    </ul>
-                </div>
-            `;
-    }).join("");
-    container.querySelectorAll(".help-topic-item").forEach((item) => {
-      item.addEventListener("click", () => {
-        this._loadTopic(item.dataset.topic);
-      });
-    });
-    container.querySelectorAll(".help-category__header").forEach((header) => {
-      header.addEventListener("click", () => {
-        header.parentElement.classList.toggle("collapsed");
-      });
-    });
-  }
-  /**
-   * Show the help index page.
-   * @private
-   */
-  _showIndex() {
-    const content = this._modal.querySelector(".help-modal__content");
-    const categories = this._service.getCategories();
-    const categoryOrder = Object.keys(this._categories);
-    categories.sort((a, b) => {
-      const orderA = categoryOrder.indexOf(a);
-      const orderB = categoryOrder.indexOf(b);
-      return (orderA === -1 ? 99 : orderA) - (orderB === -1 ? 99 : orderB);
-    });
-    content.innerHTML = `
-            <div class="help-index">
-                <h1>${this._copy.title}</h1>
-                <p>${this._copy.welcome}</p>
-
-                <div class="help-index__grid">
-                    ${categories.map((category) => {
-      const topics = this._service.getTopicsByCategory(category);
-      const label = this._categories[category]?.label || category;
-      const icon = this._categories[category]?.icon || "folder";
-      return `
-                            <div class="help-index__category" data-category="${category}">
-                                <div class="help-index__category-header">
-                                    <span class="material-symbols-outlined">${icon}</span>
-                                    <span>${label}</span>
-                                </div>
-                                <ul class="help-index__topics">
-                                    ${topics.slice(0, 3).map((topic) => `
-                                        <li class="help-index__topic" data-topic="${topic.id}">
-                                            ${topic.title}
-                                        </li>
-                                    `).join("")}
-                                    ${topics.length > 3 ? `<li class="help-index__more">+${topics.length - 3} more</li>` : ""}
-                                </ul>
-                            </div>
-                        `;
-    }).join("")}
-                </div>
-            </div>
-        `;
-    content.querySelectorAll(".help-index__topic").forEach((item) => {
-      item.addEventListener("click", () => {
-        this._loadTopic(item.dataset.topic);
-      });
-    });
-  }
-  /**
-   * Load and display a topic.
-   * @param {string} topicId - Topic ID
-   * @private
-   */
-  async _loadTopic(topicId) {
-    const content = this._modal.querySelector(".help-modal__content");
-    content.innerHTML = '<div class="help-content__loading">Loading...</div>';
-    this._modal.querySelectorAll(".help-topic-item").forEach((item) => {
-      item.classList.toggle("active", item.dataset.topic === topicId);
-    });
-    try {
-      const topic = await this._service.loadTopic(topicId);
-      this._currentTopic = topicId;
-      content.innerHTML = `
-                <div class="help-content__article">
-                    <div class="help-content__breadcrumb">
-                        <a href="#" class="help-breadcrumb__home" title="Help Index">
-                            <span class="material-symbols-outlined">home</span>
-                        </a>
-                        <span class="help-breadcrumb__separator">/</span>
-                        <span class="help-breadcrumb__title">${topic.title}</span>
-                    </div>
-                    <article class="help-article">
-                        ${topic.html}
-                    </article>
-                </div>
-            `;
-      content.querySelector(".help-breadcrumb__home").addEventListener("click", (e) => {
-        e.preventDefault();
-        this._showIndex();
-      });
-    } catch (error) {
-      content.innerHTML = `
-                <div class="help-content__error">
-                    <span class="material-symbols-outlined">error</span>
-                    <p>Failed to load help topic.</p>
-                </div>
-            `;
-    }
-  }
-  /**
-   * Handle search input.
-   * @param {string} query - Search query
-   * @private
-   */
-  _handleSearch(query) {
-    this._searchQuery = query;
-    const content = this._modal.querySelector(".help-modal__content");
-    if (!query.trim()) {
-      this._showIndex();
-      return;
-    }
-    const results = this._service.searchTopics(query);
-    if (results.length === 0) {
-      content.innerHTML = `
-                <div class="help-search-results">
-                    <h2>Search Results</h2>
-                    <p class="help-search-empty">No results found for "${query}"</p>
-                </div>
-            `;
-      return;
-    }
-    content.innerHTML = `
-            <div class="help-search-results">
-                <h2>Search Results</h2>
-                <p class="help-search-count">${results.length} result${results.length !== 1 ? "s" : ""} for "${query}"</p>
-                <ul class="help-search-list">
-                    ${results.map((topic) => `
-                        <li class="help-search-item" data-topic="${topic.id}">
-                            <span class="help-search-item__title">${topic.title}</span>
-                            <span class="help-search-item__category">${this._categories[topic.category]?.label || topic.category}</span>
-                        </li>
-                    `).join("")}
-                </ul>
-            </div>
-        `;
-    content.querySelectorAll(".help-search-item").forEach((item) => {
-      item.addEventListener("click", () => {
-        this._loadTopic(item.dataset.topic);
-      });
-    });
-  }
-  /**
-   * Handle keyboard events.
-   * @param {KeyboardEvent} event
-   * @private
-   */
-  _handleKeyDown(event) {
-    if (event.key === "Escape") {
-      this.close();
-    }
-  }
-  /**
-   * Static method to open help modal.
-   * @param {string} [topicId] - Initial topic
-   * @returns {HelpModal}
-   */
-  static open(topicId = null) {
-    const modal = new _HelpModal();
-    modal.open(topicId);
-    return modal;
-  }
-  /**
-   * Get the currently active modal.
-   * @returns {HelpModal|null}
-   */
-  static getActive() {
-    return _activeModal;
-  }
-};
-function setupGlobalHelpShortcut() {
-  document.addEventListener("keydown", (event) => {
-    if (event.key !== "?") return;
-    const t = event.target;
-    if (t?.closest?.(
-      'input, textarea, select, [contenteditable="true"]'
-    )) return;
-    event.preventDefault();
-    if (_activeModal) {
-      _activeModal.close();
-    } else {
-      HelpModal.open();
-    }
-  });
-}
-if (typeof document !== "undefined") {
-  setupGlobalHelpShortcut();
-}
-
 // src/ui/components/modal.js
 var _modalHost = null;
 function setModalHost(el) {
@@ -857,120 +498,11 @@ function _esc(s) {
   return String(s == null ? "" : s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 
-// src/ui/components/context_menu.js
-var _activeMenu = null;
-var _returnFocusTo = null;
-function showContextMenu(x, y, items, onAction) {
-  hideContextMenu();
-  _returnFocusTo = document.activeElement;
-  const menu = document.createElement("div");
-  menu.className = "twm-context-menu ea-context-menu";
-  menu.setAttribute("role", "menu");
-  for (const it of items) {
-    if (it.separator) {
-      const sep = document.createElement("div");
-      sep.className = "twm-context-menu__separator";
-      sep.setAttribute("role", "separator");
-      menu.appendChild(sep);
-      continue;
-    }
-    const row = document.createElement("button");
-    row.type = "button";
-    row.setAttribute("role", "menuitem");
-    let cls = "twm-context-menu-item";
-    if (it.danger) cls += " twm-delete-node";
-    if (it.disabled) cls += " disabled";
-    row.className = cls;
-    if (it.disabled) {
-      row.disabled = true;
-      row.setAttribute("aria-disabled", "true");
-    }
-    if (it.title) row.title = it.title;
-    row.innerHTML = `
-            <span class="material-symbols-outlined">${it.icon || ""}</span>
-            <span>${escapeHtml(it.label)}</span>
-        `;
-    if (!it.disabled) {
-      row.addEventListener("click", (e) => {
-        e.stopPropagation();
-        hideContextMenu();
-        onAction?.(it.action);
-      });
-    }
-    menu.appendChild(row);
-  }
-  (modalHost() || document.body).appendChild(menu);
-  menu.style.display = "block";
-  _activeMenu = menu;
-  const rect = menu.getBoundingClientRect();
-  const left = Math.min(x, window.innerWidth - rect.width - 8);
-  const top = Math.min(y, window.innerHeight - rect.height - 8);
-  menu.style.left = `${Math.max(0, left)}px`;
-  menu.style.top = `${Math.max(0, top)}px`;
-  setTimeout(() => {
-    document.addEventListener("mousedown", _outsideHandler, { once: true, capture: true });
-  }, 0);
-  document.addEventListener("keydown", _keyHandler);
-  window.addEventListener("scroll", hideContextMenu, { once: true, capture: true });
-  _enabledItems(menu)[0]?.focus({ preventScroll: true });
-}
-function hideContextMenu() {
-  if (!_activeMenu) return;
-  const returnTo = _returnFocusTo;
-  const held = _activeMenu.contains(document.activeElement);
-  _activeMenu.remove();
-  _activeMenu = null;
-  _returnFocusTo = null;
-  document.removeEventListener("keydown", _keyHandler);
-  if (held && returnTo?.isConnected) returnTo.focus?.({ preventScroll: true });
-}
-function _enabledItems(menu) {
-  return [...menu.querySelectorAll(".twm-context-menu-item:not(.disabled)")];
-}
-function _keyHandler(e) {
-  if (!_activeMenu) return;
-  if (e.key === "Escape") {
-    e.preventDefault();
-    hideContextMenu();
-    return;
-  }
-  const items = _enabledItems(_activeMenu);
-  if (items.length === 0) return;
-  const at = items.indexOf(document.activeElement);
-  let next = null;
-  if (e.key === "ArrowDown") next = items[(at + 1 + items.length) % items.length];
-  else if (e.key === "ArrowUp") next = items[(at - 1 + items.length) % items.length];
-  else if (e.key === "Home") next = items[0];
-  else if (e.key === "End") next = items[items.length - 1];
-  if (!next) return;
-  e.preventDefault();
-  next.focus({ preventScroll: true });
-}
-function _outsideHandler(e) {
-  if (_activeMenu && !_activeMenu.contains(e.target)) hideContextMenu();
-}
-function escapeHtml(s) {
-  return String(s).replace(/[&<>"']/g, (c) => ({
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  })[c]);
-}
-
 export {
-  setHelpProvider,
-  helpProvider,
-  helpCategories,
-  helpCopy,
-  HelpModal,
   setModalHost,
   modalHost,
   openForm,
   openConfirm,
-  openModal,
-  showContextMenu,
-  hideContextMenu
+  openModal
 };
-//# sourceMappingURL=chunk-24MS7W5Y.js.map
+//# sourceMappingURL=chunk-6NG7YVBG.js.map

package/dist/chunk-6NG7YVBG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ui/components/modal.js"],
+  "sourcesContent": ["/**\n * Modal helpers \u2014 prompt with form, yes/no confirm.\n *\n * Built on the canonical `ManagedWindow` (with `modal: true`) so dialogs\n * go through the same window system as everything else: same chrome,\n * same backdrop, same Esc-to-close behaviour, same z-stacking.\n *\n * Returns Promises that resolve with the form data (or null on cancel)\n * / a boolean (confirm).\n *\n * Field schema:\n *   { name, label, type='text', default, step?, options?, required?,\n *     placeholder?, hint?, validator?, rows?, create? }\n *\n *   - type: 'text' | 'number' | 'password' | 'select' | 'textarea' |\n *           'checkbox'\n *   - hint: small dim help line rendered under the field\n *   - validator: fn(value, allValues) => string | null    (inline error)\n *   - rows: number of textarea rows (only used for type='textarea')\n *\n * Section dividers \u2014 entries of the form `{ section: 'Label' }` are\n * rendered as a small uppercase heading that groups the fields below\n * them. Useful for longer forms.\n *\n * Dependent-property pick-or-create \u2014 a `select` field that carries a\n * `create` spec renders as a **type-ahead combobox** instead of a\n * dropdown: the user picks an existing option OR types a new value.\n * On submit, a value that isn't an existing option is created via\n * `create.onCreate(value)` before the form resolves:\n *\n *   {\n *     name: 'asset_kind', label: 'Asset kind', type: 'select',\n *     options: [...],                       // existing values (autocomplete)\n *     create: {\n *       onCreate: async (typed) => finalValue | null,   // make the entity\n *       hint: 'new asset kind',             // shown when the typed value is new\n *     },\n *   }\n */\n\nimport { ManagedWindow } from '../../ui/components/managed_window.js';\n\n/**\n * C25. WHERE A DIALOG OPENS, when the application spans more than one window.\n *\n * Every modal here is a `ManagedWindow` with no `container`, so it mounts into\n * `document.body` \u2014 and \"document\" is the document this MODULE was loaded in.\n * A consumer that opens a second browser window with `window.open` and builds\n * its DOM from the opener's realm (which is how a pop-out grid works: same\n * modules, same JS context, a different document) therefore gets its dialogs in\n * the window it popped OUT of. The user presses \"Add column\" on their second\n * monitor and a dialog appears on the first, behind whatever is there.\n *\n * Passing a container at each call site was the other option and it is worse:\n * twenty-one of them across eleven files, every one of which would have to be\n * given a document it has no other reason to know about, and any one missed is\n * this bug again with no way to see it from here.\n *\n * So the HOST is ambient and the consumer sets it when its focus moves. Null \u2014\n * every consumer today \u2014 means `document.body`, exactly as before.\n */\nlet _modalHost = null;\nexport function setModalHost(el) { _modalHost = el || null; }\nexport function modalHost() { return _modalHost; }\n\nlet _modalSeq = 1;\n\nexport function openForm({ title, fields = [], defaults = {}, submitLabel = 'OK' } = {}) {\n    return new Promise((resolve) => {\n        // Build the form body \u2014 same markup as the legacy overlay,\n        // minus the outer .ea-modal wrapper (ManagedWindow owns the\n        // chrome now).\n        const body = document.createElement('div');\n        body.className = 'twm-modal__body-host';\n        body.innerHTML = `\n            <form class=\"twm-modal__form\">\n                ${fields.map((f) => _renderEntry(f, defaults[f.name] ?? f.default)).join('')}\n                <div class=\"twm-modal__error\" data-role=\"form-error\" hidden></div>\n                <div class=\"twm-modal__actions\">\n                    <button type=\"button\" class=\"twm-btn\" data-action=\"cancel\">Cancel</button>\n                    <button type=\"submit\" class=\"twm-btn twm-btn--primary\">${submitLabel}</button>\n                </div>\n            </form>\n        `;\n\n        const win = new ManagedWindow({\n            container: _modalHost,\n            id: `twm-modal-${_modalSeq++}`,\n            title: title || 'Dialog',\n            icon: 'edit_note',\n            content: body,\n            modal: true,\n            canMinimize: false,\n            canMaximize: false,\n            canResize: false,\n            canDrag: true,\n            defaultWidth: _estimateWidth(fields),\n            defaultHeight: _estimateHeight(fields),\n            onClose: () => { if (!_resolved) { _resolved = true; resolve(null); } },\n        });\n        win.show();\n\n        let _resolved = false;\n        const close = (result) => {\n            if (_resolved) return;\n            _resolved = true;\n            resolve(result);\n            try { win.close({ force: true }); } catch {}\n        };\n\n        const errEl = body.querySelector('[data-role=\"form-error\"]');\n        const showError = (msg) => {\n            if (!errEl) return;\n            errEl.textContent = msg;\n            errEl.hidden = !msg;\n        };\n        body.querySelector('[data-action=\"cancel\"]')?.addEventListener('click', () => close(null));\n\n        const formFields = fields.filter((f) => !f.section);\n        for (const f of formFields) {\n            if (f.type === 'select' && f.create) _wireComboboxHint(body, f);\n        }\n\n        const clearFieldError = (name) => {\n            const row = body.querySelector(`[data-field-row=\"${name}\"]`);\n            const errEl = body.querySelector(`[data-field-error=\"${name}\"]`);\n            if (row) row.classList.remove('twm-is-invalid');\n            if (errEl) { errEl.textContent = ''; errEl.hidden = true; }\n        };\n        const setFieldError = (name, msg) => {\n            const row = body.querySelector(`[data-field-row=\"${name}\"]`);\n            const errEl = body.querySelector(`[data-field-error=\"${name}\"]`);\n            if (row) row.classList.add('twm-is-invalid');\n            if (errEl) { errEl.textContent = msg; errEl.hidden = false; }\n        };\n        // Clear per-field errors on input so the user sees the row recover.\n        for (const f of formFields) {\n            const el = body.querySelector(`[name=\"${f.name}\"]`);\n            el?.addEventListener('input', () => clearFieldError(f.name));\n            el?.addEventListener('change', () => clearFieldError(f.name));\n        }\n\n        body.querySelector('form').addEventListener('submit', async (e) => {\n            e.preventDefault();\n            const submitBtn = body.querySelector('button[type=\"submit\"]');\n            showError('');\n            const data = {};\n            for (const f of formFields) {\n                const el = body.querySelector(`[name=\"${f.name}\"]`);\n                if (!el) continue;\n                let v;\n                if (f.type === 'checkbox') {\n                    v = !!el.checked;\n                } else if (f.type === 'number') {\n                    v = (el.value === '' ? null : Number(el.value));\n                } else {\n                    v = el.value;\n                }\n                if (f.type === 'select' && f.create) {\n                    const known = new Set(_optionValues(f.options));\n                    if (v && !known.has(v)) {\n                        if (submitBtn) submitBtn.disabled = true;\n                        let created;\n                        let failMsg = null;\n                        try { created = await f.create.onCreate(v); }\n                        catch (err) { created = null; failMsg = err?.message || String(err); }\n                        if (submitBtn) submitBtn.disabled = false;\n                        if (created == null) {\n                            const hint = (f.create && f.create.hint) || f.label.toLowerCase();\n                            showError(failMsg\n                                ? `Couldn't create ${hint} \"${v}\": ${failMsg}`\n                                : `Couldn't create ${hint} \"${v}\". See the toast for details.`);\n                            return;\n                        }\n                        v = created;\n                    }\n                }\n                data[f.name] = v;\n            }\n            // Per-field validators run after collection so they can see\n            // peer values (e.g. confirm-password matches password).\n            let firstBadName = null;\n            for (const f of formFields) {\n                clearFieldError(f.name);\n                if (typeof f.validator !== 'function') continue;\n                let msg = null;\n                try { msg = f.validator(data[f.name], data); } catch (err) { msg = err?.message || String(err); }\n                if (msg) {\n                    setFieldError(f.name, msg);\n                    if (!firstBadName) firstBadName = f.name;\n                }\n            }\n            if (firstBadName) {\n                body.querySelector(`[name=\"${firstBadName}\"]`)?.focus();\n                return;\n            }\n            close(data);\n        });\n\n        // Focus first field on next frame so the managed-window mount\n        // settles before we steal focus.\n        requestAnimationFrame(() => {\n            body.querySelector('input, select, textarea')?.focus();\n        });\n    });\n}\n\n\nexport function openConfirm({\n    title, message, confirmLabel = 'OK',\n    cancelLabel = 'Cancel',\n    danger = false, icon = null,\n} = {}) {\n    return new Promise((resolve) => {\n        const body = document.createElement('div');\n        body.className = 'twm-modal__body-host';\n        const cls = danger ? 'twm-btn twm-btn--danger' : 'twm-btn twm-btn--primary';\n        body.innerHTML = `\n            <div class=\"twm-modal__body\">${message}</div>\n            <div class=\"twm-modal__actions\">\n                <button type=\"button\" class=\"twm-btn\" data-action=\"cancel\">${cancelLabel}</button>\n                <button type=\"button\" class=\"${cls}\" data-action=\"confirm\">${confirmLabel}</button>\n            </div>\n        `;\n\n        let _resolved = false;\n        const win = new ManagedWindow({\n            container: _modalHost,\n            id: `twm-confirm-${_modalSeq++}`,\n            title: title || 'Confirm',\n            icon: icon || (danger ? 'warning' : 'help'),\n            content: body,\n            modal: true,\n            canMinimize: false,\n            canMaximize: false,\n            canResize: false,\n            canDrag: true,\n            defaultWidth: 380,\n            defaultHeight: 180,\n            onClose: () => { if (!_resolved) { _resolved = true; resolve(false); } },\n        });\n        win.show();\n        const close = (v) => {\n            if (_resolved) return;\n            _resolved = true;\n            resolve(v);\n            try { win.close({ force: true }); } catch {}\n        };\n        body.querySelector('[data-action=\"cancel\"]').addEventListener('click', () => close(false));\n        body.querySelector('[data-action=\"confirm\"]').addEventListener('click', () => close(true));\n        requestAnimationFrame(() => {\n            body.querySelector(`[data-action=\"${danger ? 'cancel' : 'confirm'}\"]`)?.focus();\n        });\n    });\n}\n\n\n/**\n * `openModal` \u2014 rich-content modal. The third helper alongside\n * `openForm` (field-based) and `openConfirm` (yes/no).\n *\n * Use when the modal body is arbitrary DOM the caller renders itself\n * \u2014 a chart, a Monaco editor, a table, a diff view. The shell still\n * goes through ManagedWindow so the chrome, focus trap, Esc handling,\n * and z-stacking match every other modal in the app.\n *\n * Schema:\n *   - `title`     window title (string)\n *   - `icon`      optional material-symbols-outlined glyph for the\n *                 title bar; defaults to `info`\n *   - `content`   HTMLElement appended into the body. Caller owns\n *                 rendering \u2014 `openModal` doesn't size or style the\n *                 internal content beyond making it scrollable.\n *   - `actions`   `[{ label, value, primary?, danger?, icon? }, \u2026]`. If\n *                 omitted, defaults to a single `[Close]` action that\n *                 resolves with `null`. The first action with\n *                 `primary: true` is the rightmost; otherwise the\n *                 last action wins. Esc / X / backdrop resolve with\n *                 `null` regardless of what's in `actions`. `icon` is\n *                 an optional material-symbols-outlined ligature drawn\n *                 BEFORE the label; when it is given the label lives in\n *                 a `.twm-btn__label` span, because an icon font's\n *                 ligature name is itself text and would otherwise be\n *                 read back as part of the label.\n *   - `width`,\n *     `height`    initial size in px. Defaults: 640 \u00D7 480.\n *   - `onMount`   optional `(contentEl) => void` invoked once after\n *                 the content is appended \u2014 handy when the caller\n *                 needs the bounding rect to size a chart / Monaco /\n *                 SVG inside the body.\n *   - `backdropBlur`     backdrop blur radius in px (`0` disables it).\n *   - `backdropOpacity`  backdrop dim, 0 (clear) \u2026 1 (opaque). Use a low\n *                 value (with `backdropBlur: 0`) to keep the background\n *                 legible \u2014 e.g. a live-applied editor where you want to\n *                 watch the content behind update. Omit both to inherit\n *                 the default look (blur 2px over a 50% dim).\n *   - `maximizable`      C29. Draw a maximise button in the title bar.\n *                 Default `false`, which is byte-for-byte what every\n *                 existing caller has always got.\n *   - `onMaximizeChange` `(maximized, contentEl) => void`, called on each\n *                 flip. Only useful with `maximizable`.\n *\n * \u2550\u2550 C29. WHY A DIALOG'S MAXIMISE IS THE GEOMETRIC ONE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n *\n * Everywhere else in this library maximise means BACK TO TILE: the window\n * stops being a window and its content returns to the tile it came out of.\n * That is R14, it is the product owner's ruling \u2014 *\"maximize here means back\n * to tile\"* \u2014 and it holds for the chrome button, the title bar's\n * double-click, an embedder's window menu and the aero-snap top edge alike.\n *\n * A DIALOG HAS NO TILE. It was never lifted out of one; it is modal, it owns\n * the screen until it resolves, and \"back to tile\" names a destination that\n * does not exist for it. So here maximise can only mean the rectangle, and\n * that is not a contradiction of the ruling but its boundary: THE RULING IS\n * ABOUT WINDOWS THAT CAME FROM A TILE. Do not \"fix\" this into a dock \u2014 there\n * is nothing to dock into, and `bringBackWindow` would refuse it anyway.\n *\n * Mechanically that means setting no `onMaximize` at all rather than reaching\n * for `toggleMaximize({claimable: false})`: with nothing claiming the gesture,\n * the ordinary path IS the rectangle, and the escape hatch is for consumers\n * who have claimed it.\n *\n * The dialog stays a dialog while maximised \u2014 `modal: true` is untouched, so\n * the backdrop, the Esc handler and the Tab focus trap (all of which hang off\n * `this.element` and the top-most-window test, not off geometry) go on working\n * exactly as they did.\n *\n * Returns a Promise resolving with the chosen action's `value`, or\n * `null` if the user dismissed the modal.\n */\nexport function openModal({\n    title    = 'Dialog',\n    icon     = 'info',\n    content  = null,\n    actions  = null,\n    width    = 640,\n    height   = 480,\n    onMount  = null,\n    backdropBlur    = undefined,\n    backdropOpacity = undefined,\n    maximizable      = false,\n    onMaximizeChange = null,\n} = {}) {\n    return new Promise((resolve) => {\n        const body = document.createElement('div');\n        body.className = 'twm-modal__body-host';\n\n        const bodyInner = document.createElement('div');\n        bodyInner.className = 'twm-modal__body twm-modal__body--rich';\n        if (content instanceof HTMLElement) bodyInner.appendChild(content);\n        body.appendChild(bodyInner);\n\n        // Actions row \u2014 default = single Close button. Esc / backdrop /\n        // X all bypass this and resolve with null.\n        const acts = Array.isArray(actions) && actions.length > 0\n            ? actions\n            : [{ label: 'Close', value: null }];\n        const actionsEl = document.createElement('div');\n        actionsEl.className = 'twm-modal__actions';\n        acts.forEach((a, i) => {\n            const btn = document.createElement('button');\n            btn.type = 'button';\n            let cls = 'twm-btn';\n            if (a.primary) cls += ' twm-btn--primary';\n            if (a.danger)  cls += ' twm-btn--danger';\n            btn.className = cls;\n            // C26. AN ACTION MAY CARRY A GLYPH \u2014 additively, and only when it\n            // asks for one. Without `icon` the button is byte-identical to what\n            // every existing caller gets today: one text node, so a consumer\n            // reading `btn.textContent` to find its own button keeps working.\n            //\n            // With one, the label moves into its own span so that reading it\n            // back is still possible: an icon font's ligature name IS text\n            // content (\"save\" renders as a glyph but reads as the word), so a\n            // bare `textContent` on a button with an icon would answer\n            // \"saveSave\". `.twm-btn__label` is the answer to \"what does this\n            // button say\", and `aria-hidden` on the glyph is what keeps a screen\n            // reader from saying the ligature name out loud beside the label.\n            if (a.icon) {\n                const glyph = document.createElement('span');\n                glyph.className = 'material-symbols-outlined twm-btn__glyph';\n                glyph.textContent = String(a.icon);\n                glyph.setAttribute('aria-hidden', 'true');\n                const text = document.createElement('span');\n                text.className = 'twm-btn__label';\n                text.textContent = String(a.label || '');\n                btn.append(glyph, text);\n            } else {\n                btn.textContent = String(a.label || '');\n            }\n            btn.dataset.actionIdx = String(i);\n            // C27. AN ACTION MAY START DISABLED, and be enabled later.\n            //\n            // Every action here dismisses the dialog and resolves the promise \u2014\n            // that is the documented contract, and it is why a caller cannot\n            // \"refuse\" a submit: by the time it sees the value, the form and\n            // everything typed into it are gone. So a dialog whose primary\n            // action is not yet valid has had exactly two options: let the user\n            // press it and lose their work to a toast, or reach into this markup\n            // from outside, which is the coupling C6 exists to remove.\n            //\n            // `disabled` plus the controller handed to `onMount` is the third.\n            // Absent \u2014 every existing caller \u2014 the button is enabled exactly as\n            // before.\n            if (a.disabled) btn.disabled = true;\n            if (a.value !== undefined && a.value !== null) {\n                btn.dataset.actionValue = String(a.value);\n            }\n            actionsEl.appendChild(btn);\n        });\n        body.appendChild(actionsEl);\n\n        let _resolved = false;\n        // DECLARED BEFORE THE WINDOW, INSTALLED AFTER IT. `onClose` below closes\n        // over `_dropMaxListener`, and `show()` runs between the two \u2014 so\n        // leaving the declaration down where the listener is installed would\n        // stretch a temporal dead zone across a call that could come back\n        // through `onClose`. The cost of getting that wrong is a ReferenceError\n        // inside a dismissal, which is the least debuggable place in this file.\n        let _onMax = null;\n        const _dropMaxListener = () => {\n            if (!_onMax) return;\n            window.removeEventListener('managed-window-maximized', _onMax);\n            _onMax = null;\n        };\n        const win = new ManagedWindow({\n            container: _modalHost,\n            id: `twm-modal-${_modalSeq++}`,\n            title,\n            icon,\n            content: body,\n            modal: true,\n            backdropBlur,\n            backdropOpacity,\n            canMinimize: false,\n            // C29. OPT-IN, and `false` is still the default \u2014 a confirmation\n            // and a two-field form have nothing to do with the extra room, and\n            // a button that grows a dialog nobody wanted grown is noise in the\n            // one place a user looks for the X. `onMaximize` is deliberately\n            // NOT set: see the C29 note in the header \u2014 with nothing claiming\n            // the gesture, `toggleMaximize` runs the rectangle, which is the\n            // only thing maximise can mean for a window with no tile.\n            canMaximize: !!maximizable,\n            canResize: true,\n            canDrag: true,\n            defaultWidth:  width,\n            defaultHeight: height,\n            // Esc, the X and the backdrop all land here without passing through\n            // `close`, so the listener is dropped here as well as there \u2014 the\n            // three dismissals a user reaches for most are exactly the ones\n            // that would otherwise leak it.\n            onClose: () => {\n                _dropMaxListener();\n                if (!_resolved) { _resolved = true; resolve(null); }\n            },\n        });\n        win.show();\n\n        // C29. THE STATE, FOR A CALLER WHOSE LAYOUT DEPENDS ON IT.\n        //\n        // `managed-window-maximized` (C16) is the framework's own edge and it\n        // is global, so it is filtered on the id \u2014 the alternative, wrapping\n        // `win.toggleMaximize`, would miss `_restoreState`'s replay of a\n        // persisted maximised window and any consumer calling the method\n        // directly. Removed on close: a dialog is short-lived and twenty of\n        // them over a session leaving listeners behind is a leak with no\n        // symptom until the twenty-first.\n        //\n        // The CSS half needs no listener at all \u2014 `ManagedWindow` toggles\n        // `.twm-managed-window--maximized` on its own element, which is an\n        // ancestor of everything in here, so a stylesheet can respond without\n        // any of this. The callback is for the layout a stylesheet cannot\n        // reach: content whose height was fixed by the CALLER's own rules.\n        if (maximizable && typeof onMaximizeChange === 'function') {\n            _onMax = (e) => {\n                if (e.detail?.id !== win.id) return;\n                try { onMaximizeChange(!!e.detail.maximized, bodyInner); }\n                catch (err) { console.warn('[modal] onMaximizeChange threw', err); }\n            };\n            window.addEventListener('managed-window-maximized', _onMax);\n        }\n\n        const close = (value) => {\n            if (_resolved) return;\n            _resolved = true;\n            _dropMaxListener();\n            resolve(value);\n            try { win.close({ force: true }); } catch {}\n        };\n        actionsEl.addEventListener('click', (e) => {\n            const btn = e.target.closest('[data-action-idx]');\n            if (!btn) return;\n            const idx = Number(btn.dataset.actionIdx);\n            const a = acts[idx];\n            if (!a) return;\n            // `keepOpen` actions are side-effects (Copy, Apply\n            // Without Close, etc.): if the action's `onClick` returns\n            // anything (or just runs), the modal stays open. Use this\n            // for Copy buttons and the like.\n            if (a.keepOpen) {\n                // `onClick` receives `close` so the handler can\n                // validate, do an async side-effect, and only then\n                // dismiss the modal with whatever value it chooses.\n                // Returning early without calling `close` leaves the\n                // modal open (which is the whole point of keepOpen).\n                try { a.onClick?.(close); } catch (err) { console.warn(err); }\n                return;\n            }\n            close(a.value);\n        });\n\n        /**\n         * C27. What `onMount` is handed alongside the body, so a form can keep\n         * its own submit honest without knowing this file's markup.\n         *\n         * Addressed by an action's VALUE rather than its index: an index is a\n         * fact about the order the caller happened to list them in, and a caller\n         * that inserted a \"Save and add another\" in the middle would silently\n         * start disabling Cancel.\n         */\n        const controls = {\n            // NOT `CSS.escape`. It is a browser global that jsdom does not\n            // provide, and this file is mounted under jsdom by four render\n            // tests \u2014 so reaching for it turns \"the dialog is valid\" into a\n            // ReferenceError in every one of them, and into nothing at all in a\n            // headless consumer. An attribute selector needs `\"` and `\\`\n            // escaped and nothing else.\n            actionButton: (value) => actionsEl.querySelector(\n                `[data-action-value=\"${String(value).replace(/[\"\\\\]/g, '\\\\$&')}\"]`),\n            setActionEnabled(value, enabled) {\n                const btn = controls.actionButton(value);\n                if (btn) btn.disabled = !enabled;\n                return !!btn;\n            },\n        };\n\n        // onMount runs after the next frame so layout has settled and\n        // the inner content has a real bounding box for sizing.\n        if (typeof onMount === 'function') {\n            requestAnimationFrame(() => {\n                try { onMount(bodyInner, controls); } catch (err) { console.warn(err); }\n            });\n        }\n        // C28. THE FIRST FIELD, IF THERE IS ONE. Otherwise the primary button.\n        //\n        // A dialog that asks for a name should let you type it: *\"on any 'new'\n        // dialog I would like to have the first input focused by default, so\n        // that I can directly start typing.\"* Focusing the action button first\n        // means every new table, project and column begins with a click into a\n        // field that was the only place the caret could sensibly have been.\n        //\n        // The button remains the fallback, which is what keeps Enter useful on\n        // a dialog that asks nothing \u2014 a confirmation has no field, and there\n        // the primary action IS the answer.\n        //\n        // DISABLED CONTROLS ARE SKIPPED, and so is anything `readonly`: a form\n        // whose first control is a read-only statement panel (C27's disabled\n        // primary is the sibling case) would swallow the caret into a box that\n        // cannot take it.\n        requestAnimationFrame(() => {\n            const field = bodyInner.querySelector(\n                'input:not([type=\"hidden\"]):not([disabled]):not([readonly]),'\n              + ' textarea:not([disabled]):not([readonly]),'\n              + ' select:not([disabled])');\n            if (field) {\n                field.focus();\n                // The caret at the END of whatever is already there, not\n                // selecting it: an edit dialog opens on a value the user means\n                // to amend, and a selected value is one keystroke from gone.\n                try { field.setSelectionRange?.(field.value.length, field.value.length); }\n                catch { /* a `select`, or an input type with no selection */ }\n                return;\n            }\n            const idx = acts.findIndex((a) => a.primary);\n            const which = idx >= 0 ? idx : acts.length - 1;\n            actionsEl.querySelector(`[data-action-idx=\"${which}\"]`)?.focus();\n        });\n    });\n}\n\n\n// \u2500\u2500\u2500 helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction _estimateHeight(fields) {\n    // Header (~36) + actions row (~46) + section dividers (~32 each)\n    // + per-field rows (~46 text, ~140 textarea, ~32 checkbox)\n    // + body padding. Clamped to 200..80vh.\n    let body = 0;\n    for (const f of fields) {\n        if (f.section) body += 32;\n        else if (f.type === 'textarea') {\n            const rows = Number(f.rows) || 4;\n            body += 32 + rows * 18;\n            if (f.hint) body += 16;\n        }\n        else if (f.type === 'checkbox') body += 32;\n        else { body += 46; if (f.hint) body += 16; }\n    }\n    const base = 36 + 46 + 28 + body;\n    const max = Math.floor(window.innerHeight * 0.8);\n    return Math.max(200, Math.min(base, max));\n}\n\nfunction _estimateWidth(fields) {\n    // Forms with a textarea or section divider get the wider layout so\n    // multi-line content + grouped fields breathe; otherwise 480 px is\n    // enough for label + single-line input pairs.\n    const wide = fields.some((f) => f && (f.type === 'textarea' || f.section));\n    return wide ? 640 : 480;\n}\n\nfunction _optionValues(options) {\n    return (options || []).map((o) => (typeof o === 'object') ? o.value : o);\n}\n\n\n/** Show / hide the \"\u21B3 will create \u2026\" hint as the user types into a\n *  create-capable combobox. */\nfunction _wireComboboxHint(host, f) {\n    const input = host.querySelector(`input[name=\"${f.name}\"]`);\n    const hintEl = host.querySelector(`.twm-combobox__hint[data-for=\"${f.name}\"]`);\n    if (!input || !hintEl) return;\n    const known = new Set(_optionValues(f.options));\n    const label = (f.create && f.create.hint) || 'new entry';\n    const update = () => {\n        const v = input.value.trim();\n        if (v && !known.has(v)) {\n            hintEl.textContent = `\u21B3 will create ${label} \u201C${v}\u201D`;\n            hintEl.hidden = false;\n        } else {\n            hintEl.hidden = true;\n        }\n    };\n    input.addEventListener('input', update);\n    update();\n}\n\n\nfunction _renderEntry(f, value) {\n    if (f && f.section != null) {\n        return `<div class=\"twm-modal__section\">${_esc(f.section)}</div>`;\n    }\n    return _renderField(f, value);\n}\n\nfunction _renderField(f, value) {\n    const required = f.required ? 'required' : '';\n    const rowMod = (f.type === 'textarea') ? ' twm-modal__row--multiline' : '';\n    const hintHtml = f.hint\n        ? `<div class=\"twm-modal__hint--field\">${_esc(f.hint)}</div>` : '';\n    const errHtml = `<div class=\"twm-modal__field-error\" data-field-error=\"${f.name}\" hidden></div>`;\n    const wrap = (inner) => `\n        <label class=\"twm-modal__row${rowMod}\" data-field-row=\"${f.name}\">\n            <span>${_esc(f.label || '')}</span>\n            ${inner}\n            ${hintHtml}\n            ${errHtml}\n        </label>\n    `;\n\n    if (f.type === 'checkbox') {\n        const checked = (value === true || value === 'true') ? 'checked' : '';\n        return `\n            <label class=\"twm-modal__row\" data-field-row=\"${f.name}\">\n                <span></span>\n                <span class=\"twm-modal__check\">\n                    <input name=\"${f.name}\" type=\"checkbox\" ${checked}>\n                    <span>${_esc(f.label || '')}</span>\n                </span>\n                ${hintHtml}\n                ${errHtml}\n            </label>\n        `;\n    }\n\n    if (f.type === 'textarea') {\n        const v = value == null ? '' : String(value);\n        const rows = f.rows != null ? `rows=\"${Number(f.rows) || 4}\"` : 'rows=\"4\"';\n        const placeholder = f.placeholder ? `placeholder=\"${_esc(f.placeholder)}\"` : '';\n        return wrap(`<textarea name=\"${f.name}\" ${rows} ${placeholder} ${required}>${_esc(v)}</textarea>`);\n    }\n\n    const v = value == null ? '' : String(value);\n    if (f.type === 'select' && f.create) {\n        const dlId = `ea-dl-${f.name}-${_modalSeq}`;\n        const opts = _optionValues(f.options)\n            .map((ov) => `<option value=\"${_esc(ov)}\"></option>`).join('');\n        const placeholder = f.placeholder\n            ? `placeholder=\"${_esc(f.placeholder)}\"` : 'placeholder=\"type to pick or create\u2026\"';\n        return wrap(`\n            <div class=\"twm-combobox\">\n                <input name=\"${f.name}\" type=\"text\" list=\"${dlId}\"\n                       value=\"${_esc(v)}\" ${placeholder} ${required}\n                       autocomplete=\"off\">\n                <datalist id=\"${dlId}\">${opts}</datalist>\n                <span class=\"twm-combobox__hint\" data-for=\"${f.name}\" hidden></span>\n            </div>\n        `);\n    }\n    if (f.type === 'select') {\n        const opts = (f.options || []).map((o) => {\n            const ov = (typeof o === 'object') ? o.value : o;\n            const ol = (typeof o === 'object') ? o.label : o;\n            return `<option value=\"${_esc(ov)}\" ${ov === v ? 'selected' : ''}>${_esc(ol)}</option>`;\n        }).join('');\n        return wrap(`<select name=\"${f.name}\" ${required}>${opts}</select>`);\n    }\n    const step = f.step != null ? `step=\"${f.step}\"` : '';\n    const placeholder = f.placeholder ? `placeholder=\"${_esc(f.placeholder)}\"` : '';\n    const type = (f.type === 'number' || f.type === 'password') ? f.type : 'text';\n    return wrap(`<input name=\"${f.name}\" type=\"${type}\" value=\"${_esc(v)}\" ${step} ${placeholder} ${required}>`);\n}\n\nfunction _esc(s) {\n    return String(s == null ? '' : s)\n        .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;');\n}\n"],
+  "mappings": "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",
+  "names": ["errEl", "v", "placeholder"]
+}