flexdesk 0.17.17 → 0.18.0

package/dist/chunk-UKP22RUG.js

@@ -0,0 +1,219 @@
+// src/ui/base/component_base.js
+var ComponentBase = class _ComponentBase {
+  constructor({ eventBus, logger } = {}) {
+    if (new.target === _ComponentBase) {
+      throw new Error("ComponentBase is abstract \u2013 extend it instead");
+    }
+    this.eventBus = eventBus;
+    this.logger = logger;
+    this._mounted = false;
+  }
+  mount() {
+    throw new Error("ComponentBase.mount must be implemented by subclasses");
+  }
+  update() {
+  }
+  dispose() {
+    this._mounted = false;
+  }
+};
+
+// src/ui/components/slide_out_panel.js
+var SlideOutPanel = class extends ComponentBase {
+  /** @type {HTMLElement} */
+  #container = null;
+  /** @type {HTMLElement} */
+  #backdrop = null;
+  /** @type {HTMLElement} */
+  #panel = null;
+  /** @type {HTMLElement} */
+  #headerIcon = null;
+  /** @type {HTMLElement} */
+  #headerTitle = null;
+  /** @type {HTMLElement} */
+  #body = null;
+  /** @type {number} */
+  #width;
+  /** @type {Function|null} */
+  #onClose;
+  /** @type {boolean} */
+  #open = false;
+  /** @type {ResizeObserver|null} */
+  #hostObserver = null;
+  /**
+   * @param {object}   opts
+   * @param {number}   [opts.width=380]  Panel width in px.
+   * @param {Function} [opts.onClose]    Called after the panel closes.
+   */
+  constructor({ width = 700, onClose } = {}) {
+    super();
+    this.#width = width;
+    this.#onClose = onClose ?? null;
+  }
+  // ─── Lifecycle ──────────────────────────────────────────────────────────
+  /**
+   * Mount the panel DOM into a host container.
+   * @param {HTMLElement} container  Must have position:relative; overflow:hidden.
+   */
+  mount(container) {
+    if (this._mounted) return;
+    this.#container = container;
+    this.#backdrop = document.createElement("div");
+    this.#backdrop.className = "twm-slide-out-panel__backdrop";
+    this.#backdrop.addEventListener("click", this.#handleBackdropClick);
+    this.#panel = document.createElement("div");
+    this.#panel.className = "twm-slide-out-panel";
+    this.#panel.style.width = `${this.#width}px`;
+    const header = document.createElement("div");
+    header.className = "twm-slide-out-panel__header";
+    this.#headerIcon = document.createElement("span");
+    this.#headerIcon.className = "twm-slide-out-panel__icon material-symbols-outlined";
+    this.#headerTitle = document.createElement("span");
+    this.#headerTitle.className = "twm-slide-out-panel__title";
+    const closeBtn = document.createElement("button");
+    closeBtn.className = "twm-slide-out-panel__close twm-btn-icon";
+    closeBtn.type = "button";
+    closeBtn.title = "Close";
+    closeBtn.innerHTML = '<span class="material-symbols-outlined">close</span>';
+    closeBtn.addEventListener("click", this.#handleCloseClick);
+    header.append(this.#headerIcon, this.#headerTitle, closeBtn);
+    this.#body = document.createElement("div");
+    this.#body.className = "twm-slide-out-panel__body";
+    this.#panel.append(header, this.#body);
+    this.#container.append(this.#backdrop, this.#panel);
+    this._mounted = true;
+  }
+  dispose() {
+    this.close();
+    this.#backdrop?.remove();
+    this.#panel?.remove();
+    this.#backdrop = null;
+    this.#panel = null;
+    this.#body = null;
+    this.#container = null;
+    super.dispose();
+  }
+  // ─── Public API ─────────────────────────────────────────────────────────
+  /** The inner content element — callers render config into this. */
+  get contentEl() {
+    return this.#body;
+  }
+  get isOpen() {
+    return this.#open;
+  }
+  /**
+   * Open (or re-open) the panel with a new title/icon.
+   * Clears previous content. Returns contentEl for rendering.
+   * @param {string} title
+   * @param {string} icon  Material Symbols icon name.
+   * @returns {HTMLElement} contentEl
+   */
+  open(title, icon) {
+    if (!this._mounted) return null;
+    this.#body.innerHTML = "";
+    this.#headerIcon.textContent = icon || "";
+    this.#headerIcon.style.display = icon ? "" : "none";
+    this.#headerTitle.textContent = title || "";
+    if (!this.#open) {
+      this.#open = true;
+      this.#backdrop.classList.add("twm-slide-out-panel__backdrop--visible");
+      this.#panel.classList.add("twm-slide-out-panel--open");
+      document.addEventListener("keydown", this.#handleEsc);
+      this.#trackGeometry();
+      window.addEventListener("scroll", this.#trackGeometry, true);
+      window.addEventListener("resize", this.#trackGeometry);
+      this.#observeHost();
+    }
+    return this.#body;
+  }
+  /** Close the panel and clear content. */
+  close() {
+    if (!this.#open) return;
+    this.#open = false;
+    this.#panel.classList.remove("twm-slide-out-panel--open");
+    this.#backdrop.classList.remove("twm-slide-out-panel__backdrop--visible");
+    document.removeEventListener("keydown", this.#handleEsc);
+    window.removeEventListener("scroll", this.#trackGeometry, true);
+    window.removeEventListener("resize", this.#trackGeometry);
+    this.#hostObserver?.disconnect();
+    this.#hostObserver = null;
+    this.#body.innerHTML = "";
+    this.#onClose?.();
+  }
+  // ─── Event handlers (arrow fns for stable `this`) ───────────────────────
+  #handleBackdropClick = () => {
+    this.close();
+  };
+  #handleCloseClick = () => {
+    this.close();
+  };
+  #handleEsc = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      this.close();
+    }
+  };
+  /** The host moves or resizes without any window event when a tile
+   *  splitter is dragged or a dock panel toggles, and the fixed geometry
+   *  would then stay at the old coordinates. Observe the host AND each
+   *  ancestor: a host can move without changing size of its own (a dock
+   *  panel toggling beside a fixed-width tile shrinks the content area,
+   *  an ancestor, and the tile only shifts). The callback runs
+   *  synchronously, after layout and before paint, so the panel follows
+   *  a drag without a frame of lag; it only writes the panel's own
+   *  `position: fixed` geometry, which is out of flow and resizes
+   *  nothing observed, so it cannot loop. */
+  #observeHost() {
+    this.#hostObserver = new ResizeObserver(this.#trackGeometry);
+    for (let el = this.#container; el; el = el.parentElement) {
+      this.#hostObserver.observe(el);
+    }
+  }
+  /** Pin the panel to the right edge of its host's *visible* frame
+   *  using `position: fixed`. Re-run on every window scroll/resize and
+   *  every host resize (#observeHost) so the panel always overlays the
+   *  host correctly even when the host itself sits inside a scrolled
+   *  ancestor.
+   *
+   *  UNDER A CSS `zoom` (the shell's content zoom scales a tile body),
+   *  `getBoundingClientRect()` answers in screen pixels, which already
+   *  carry the zoom, while the panel's own `top`/`left`/`height` are
+   *  CSS pixels that the same zoom multiplies again. Copied across
+   *  unchanged, every length was scaled twice: at 150% the panel landed
+   *  right of and below its host, at 50% it was half the host's height.
+   *  So the rect is divided by the panel's effective zoom
+   *  (`currentCSSZoom`: 1 when nothing above it zooms, `undefined` in an
+   *  engine that predates it), and the width subtracted is the panel's
+   *  laid-out one, which `min-width` may hold above the requested
+   *  width. Rounding happens in screen pixels, so at 100% the output is
+   *  exactly what it always was.
+   *
+   *  NEVER WIDER THAN THE HOST (BUG-0035). The right edge is pinned, so a
+   *  panel wider than its host (700px by default, `min-width: 400px`)
+   *  reached past the host's left edge across the neighbouring pane. The
+   *  host's width, in the panel's CSS pixels, goes on the panel as
+   *  `--twm-slide-out-host-w`, which the stylesheet uses as `max-width`
+   *  and as the ceiling of the 400px `min-width`; it is set BEFORE the
+   *  width is read so the read sees the capped layout, and the width is
+   *  capped here too for an engine that lays nothing out. */
+  #trackGeometry = () => {
+    if (!this.#open || !this.#panel || !this.#container) return;
+    const r = this.#container.getBoundingClientRect();
+    const zoom = this.#panel.currentCSSZoom || 1;
+    const hostWidth = r.width / zoom;
+    const s = this.#panel.style;
+    s.setProperty("--twm-slide-out-host-w", `${hostWidth}px`);
+    const width = Math.min(this.#panel.offsetWidth || this.#width, hostWidth);
+    s.position = "fixed";
+    s.top = `${Math.round(r.top) / zoom}px`;
+    s.left = `${Math.round(r.right - width * zoom) / zoom}px`;
+    s.right = "auto";
+    s.height = `${Math.round(r.height) / zoom}px`;
+  };
+};
+
+export {
+  ComponentBase,
+  SlideOutPanel
+};
+//# sourceMappingURL=chunk-UKP22RUG.js.map

package/dist/chunk-UKP22RUG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ui/base/component_base.js", "../src/ui/components/slide_out_panel.js"],
+  "sourcesContent": ["/**\r\n * ComponentBase (js_new)\r\n *\r\n * Ultra-lightweight base for leaf UI widgets rendered inside controllers/panels.\r\n * Handles props/state updates and deterministic teardown without storing data on\r\n * DOM elements.\r\n */\r\nexport class ComponentBase {\r\n    constructor({ eventBus, logger } = {}) {\r\n        if (new.target === ComponentBase) {\r\n            throw new Error('ComponentBase is abstract \u2013 extend it instead');\r\n        }\r\n\r\n        this.eventBus = eventBus;\r\n        this.logger = logger;\r\n        this._mounted = false;\r\n    }\r\n\r\n    mount(/* container, props */) {\r\n        throw new Error('ComponentBase.mount must be implemented by subclasses');\r\n    }\r\n\r\n    update(/* props */) {\r\n        // default no-op for stateless components\r\n    }\r\n\r\n    dispose() {\r\n        this._mounted = false;\r\n    }\r\n}\r\n", "/**\n * SlideOutPanel\n *\n * Reusable inline slide-out config panel that overlays its host container\n * from the right edge. Used by pages to show element-specific config\n * (plot config, widget config, ETL node config) without the global right panel.\n *\n * Host container must have `position: relative; overflow: hidden`.\n */\nimport { ComponentBase } from '../base/component_base.js';\n\nexport class SlideOutPanel extends ComponentBase {\n\n    /** @type {HTMLElement} */  #container = null;\n    /** @type {HTMLElement} */  #backdrop = null;\n    /** @type {HTMLElement} */  #panel = null;\n    /** @type {HTMLElement} */  #headerIcon = null;\n    /** @type {HTMLElement} */  #headerTitle = null;\n    /** @type {HTMLElement} */  #body = null;\n    /** @type {number} */       #width;\n    /** @type {Function|null} */#onClose;\n    /** @type {boolean} */      #open = false;\n    /** @type {ResizeObserver|null} */ #hostObserver = null;\n\n    /**\n     * @param {object}   opts\n     * @param {number}   [opts.width=380]  Panel width in px.\n     * @param {Function} [opts.onClose]    Called after the panel closes.\n     */\n    constructor({ width = 700, onClose } = {}) {\n        super();\n        this.#width = width;\n        this.#onClose = onClose ?? null;\n    }\n\n    // \u2500\u2500\u2500 Lifecycle \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\u2500\u2500\n\n    /**\n     * Mount the panel DOM into a host container.\n     * @param {HTMLElement} container  Must have position:relative; overflow:hidden.\n     */\n    mount(container) {\n        if (this._mounted) return;\n        this.#container = container;\n\n        // Backdrop (transparent click-catcher)\n        this.#backdrop = document.createElement('div');\n        this.#backdrop.className = 'twm-slide-out-panel__backdrop';\n        this.#backdrop.addEventListener('click', this.#handleBackdropClick);\n\n        // Panel\n        this.#panel = document.createElement('div');\n        this.#panel.className = 'twm-slide-out-panel';\n        this.#panel.style.width = `${this.#width}px`;\n\n        // Header\n        const header = document.createElement('div');\n        header.className = 'twm-slide-out-panel__header';\n\n        this.#headerIcon = document.createElement('span');\n        this.#headerIcon.className = 'twm-slide-out-panel__icon material-symbols-outlined';\n\n        this.#headerTitle = document.createElement('span');\n        this.#headerTitle.className = 'twm-slide-out-panel__title';\n\n        const closeBtn = document.createElement('button');\n        closeBtn.className = 'twm-slide-out-panel__close twm-btn-icon';\n        closeBtn.type = 'button';\n        closeBtn.title = 'Close';\n        closeBtn.innerHTML = '<span class=\"material-symbols-outlined\">close</span>';\n        closeBtn.addEventListener('click', this.#handleCloseClick);\n\n        header.append(this.#headerIcon, this.#headerTitle, closeBtn);\n\n        // Body (scrollable content area)\n        this.#body = document.createElement('div');\n        this.#body.className = 'twm-slide-out-panel__body';\n\n        this.#panel.append(header, this.#body);\n        this.#container.append(this.#backdrop, this.#panel);\n\n        this._mounted = true;\n    }\n\n    dispose() {\n        this.close();\n        this.#backdrop?.remove();\n        this.#panel?.remove();\n        this.#backdrop = null;\n        this.#panel = null;\n        this.#body = null;\n        this.#container = null;\n        super.dispose();\n    }\n\n    // \u2500\u2500\u2500 Public API \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\u2500\n\n    /** The inner content element \u2014 callers render config into this. */\n    get contentEl() { return this.#body; }\n\n    get isOpen() { return this.#open; }\n\n    /**\n     * Open (or re-open) the panel with a new title/icon.\n     * Clears previous content. Returns contentEl for rendering.\n     * @param {string} title\n     * @param {string} icon  Material Symbols icon name.\n     * @returns {HTMLElement} contentEl\n     */\n    open(title, icon) {\n        if (!this._mounted) return null;\n\n        this.#body.innerHTML = '';\n        this.#headerIcon.textContent = icon || '';\n        this.#headerIcon.style.display = icon ? '' : 'none';\n        this.#headerTitle.textContent = title || '';\n\n        if (!this.#open) {\n            this.#open = true;\n            this.#backdrop.classList.add('twm-slide-out-panel__backdrop--visible');\n            this.#panel.classList.add('twm-slide-out-panel--open');\n            document.addEventListener('keydown', this.#handleEsc);\n\n            // The host may be a scroll container \u2014 absolutely-positioned\n            // descendants of one DO scroll along with the content\n            // (Web spec: a position:absolute element is clipped + offset\n            // by its containing scroll context). We escape that by\n            // switching the panel to `position: fixed` while open and\n            // tracking the host's bounding rect on scroll / resize, so\n            // the panel stays pinned to the host's visible frame at\n            // full height regardless of how the user scrolls inside.\n            this.#trackGeometry();\n            window.addEventListener('scroll', this.#trackGeometry, true);\n            window.addEventListener('resize', this.#trackGeometry);\n            this.#observeHost();\n        }\n\n        return this.#body;\n    }\n\n    /** Close the panel and clear content. */\n    close() {\n        if (!this.#open) return;\n        this.#open = false;\n\n        this.#panel.classList.remove('twm-slide-out-panel--open');\n        this.#backdrop.classList.remove('twm-slide-out-panel__backdrop--visible');\n        document.removeEventListener('keydown', this.#handleEsc);\n        window.removeEventListener('scroll', this.#trackGeometry, true);\n        window.removeEventListener('resize', this.#trackGeometry);\n        this.#hostObserver?.disconnect();\n        this.#hostObserver = null;\n        // Leave the inline position:fixed geometry in place. The panel\n        // slides off-screen via the transform animation (translateX\n        // 100%); the next open() re-runs #trackGeometry which will\n        // refresh top/left/height from the host's current rect.\n\n        this.#body.innerHTML = '';\n        this.#onClose?.();\n    }\n\n    // \u2500\u2500\u2500 Event handlers (arrow fns for stable `this`) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n    #handleBackdropClick = () => { this.close(); };\n\n    #handleCloseClick = () => { this.close(); };\n\n    #handleEsc = (e) => {\n        if (e.key === 'Escape') {\n            e.stopPropagation();\n            this.close();\n        }\n    };\n\n    /** The host moves or resizes without any window event when a tile\n     *  splitter is dragged or a dock panel toggles, and the fixed geometry\n     *  would then stay at the old coordinates. Observe the host AND each\n     *  ancestor: a host can move without changing size of its own (a dock\n     *  panel toggling beside a fixed-width tile shrinks the content area,\n     *  an ancestor, and the tile only shifts). The callback runs\n     *  synchronously, after layout and before paint, so the panel follows\n     *  a drag without a frame of lag; it only writes the panel's own\n     *  `position: fixed` geometry, which is out of flow and resizes\n     *  nothing observed, so it cannot loop. */\n    #observeHost() {\n        this.#hostObserver = new ResizeObserver(this.#trackGeometry);\n        for (let el = this.#container; el; el = el.parentElement) {\n            this.#hostObserver.observe(el);\n        }\n    }\n\n    /** Pin the panel to the right edge of its host's *visible* frame\n     *  using `position: fixed`. Re-run on every window scroll/resize and\n     *  every host resize (#observeHost) so the panel always overlays the\n     *  host correctly even when the host itself sits inside a scrolled\n     *  ancestor.\n     *\n     *  UNDER A CSS `zoom` (the shell's content zoom scales a tile body),\n     *  `getBoundingClientRect()` answers in screen pixels, which already\n     *  carry the zoom, while the panel's own `top`/`left`/`height` are\n     *  CSS pixels that the same zoom multiplies again. Copied across\n     *  unchanged, every length was scaled twice: at 150% the panel landed\n     *  right of and below its host, at 50% it was half the host's height.\n     *  So the rect is divided by the panel's effective zoom\n     *  (`currentCSSZoom`: 1 when nothing above it zooms, `undefined` in an\n     *  engine that predates it), and the width subtracted is the panel's\n     *  laid-out one, which `min-width` may hold above the requested\n     *  width. Rounding happens in screen pixels, so at 100% the output is\n     *  exactly what it always was.\n     *\n     *  NEVER WIDER THAN THE HOST (BUG-0035). The right edge is pinned, so a\n     *  panel wider than its host (700px by default, `min-width: 400px`)\n     *  reached past the host's left edge across the neighbouring pane. The\n     *  host's width, in the panel's CSS pixels, goes on the panel as\n     *  `--twm-slide-out-host-w`, which the stylesheet uses as `max-width`\n     *  and as the ceiling of the 400px `min-width`; it is set BEFORE the\n     *  width is read so the read sees the capped layout, and the width is\n     *  capped here too for an engine that lays nothing out. */\n    #trackGeometry = () => {\n        if (!this.#open || !this.#panel || !this.#container) return;\n        const r = this.#container.getBoundingClientRect();\n        const zoom = this.#panel.currentCSSZoom || 1;\n        const hostWidth = r.width / zoom;\n        const s = this.#panel.style;\n        s.setProperty('--twm-slide-out-host-w', `${hostWidth}px`);\n        const width = Math.min(this.#panel.offsetWidth || this.#width, hostWidth);\n        s.position = 'fixed';\n        s.top      = `${Math.round(r.top) / zoom}px`;\n        s.left     = `${Math.round(r.right - width * zoom) / zoom}px`;\n        s.right    = 'auto';\n        s.height   = `${Math.round(r.height) / zoom}px`;\n    };\n}\n"],
+  "mappings": ";AAOO,IAAM,gBAAN,MAAM,eAAc;AAAA,EACvB,YAAY,EAAE,UAAU,OAAO,IAAI,CAAC,GAAG;AACnC,QAAI,eAAe,gBAAe;AAC9B,YAAM,IAAI,MAAM,oDAA+C;AAAA,IACnE;AAEA,SAAK,WAAW;AAChB,SAAK,SAAS;AACd,SAAK,WAAW;AAAA,EACpB;AAAA,EAEA,QAA8B;AAC1B,UAAM,IAAI,MAAM,uDAAuD;AAAA,EAC3E;AAAA,EAEA,SAAoB;AAAA,EAEpB;AAAA,EAEA,UAAU;AACN,SAAK,WAAW;AAAA,EACpB;AACJ;;;AClBO,IAAM,gBAAN,cAA4B,cAAc;AAAA;AAAA,EAEjB,aAAa;AAAA;AAAA,EACb,YAAY;AAAA;AAAA,EACZ,SAAS;AAAA;AAAA,EACT,cAAc;AAAA;AAAA,EACd,eAAe;AAAA;AAAA,EACf,QAAQ;AAAA;AAAA,EACR;AAAA;AAAA,EACA;AAAA;AAAA,EACA,QAAQ;AAAA;AAAA,EACD,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnD,YAAY,EAAE,QAAQ,KAAK,QAAQ,IAAI,CAAC,GAAG;AACvC,UAAM;AACN,SAAK,SAAS;AACd,SAAK,WAAW,WAAW;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,WAAW;AACb,QAAI,KAAK,SAAU;AACnB,SAAK,aAAa;AAGlB,SAAK,YAAY,SAAS,cAAc,KAAK;AAC7C,SAAK,UAAU,YAAY;AAC3B,SAAK,UAAU,iBAAiB,SAAS,KAAK,oBAAoB;AAGlE,SAAK,SAAS,SAAS,cAAc,KAAK;AAC1C,SAAK,OAAO,YAAY;AACxB,SAAK,OAAO,MAAM,QAAQ,GAAG,KAAK,MAAM;AAGxC,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AAEnB,SAAK,cAAc,SAAS,cAAc,MAAM;AAChD,SAAK,YAAY,YAAY;AAE7B,SAAK,eAAe,SAAS,cAAc,MAAM;AACjD,SAAK,aAAa,YAAY;AAE9B,UAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,aAAS,YAAY;AACrB,aAAS,OAAO;AAChB,aAAS,QAAQ;AACjB,aAAS,YAAY;AACrB,aAAS,iBAAiB,SAAS,KAAK,iBAAiB;AAEzD,WAAO,OAAO,KAAK,aAAa,KAAK,cAAc,QAAQ;AAG3D,SAAK,QAAQ,SAAS,cAAc,KAAK;AACzC,SAAK,MAAM,YAAY;AAEvB,SAAK,OAAO,OAAO,QAAQ,KAAK,KAAK;AACrC,SAAK,WAAW,OAAO,KAAK,WAAW,KAAK,MAAM;AAElD,SAAK,WAAW;AAAA,EACpB;AAAA,EAEA,UAAU;AACN,SAAK,MAAM;AACX,SAAK,WAAW,OAAO;AACvB,SAAK,QAAQ,OAAO;AACpB,SAAK,YAAY;AACjB,SAAK,SAAS;AACd,SAAK,QAAQ;AACb,SAAK,aAAa;AAClB,UAAM,QAAQ;AAAA,EAClB;AAAA;AAAA;AAAA,EAKA,IAAI,YAAY;AAAE,WAAO,KAAK;AAAA,EAAO;AAAA,EAErC,IAAI,SAAS;AAAE,WAAO,KAAK;AAAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASlC,KAAK,OAAO,MAAM;AACd,QAAI,CAAC,KAAK,SAAU,QAAO;AAE3B,SAAK,MAAM,YAAY;AACvB,SAAK,YAAY,cAAc,QAAQ;AACvC,SAAK,YAAY,MAAM,UAAU,OAAO,KAAK;AAC7C,SAAK,aAAa,cAAc,SAAS;AAEzC,QAAI,CAAC,KAAK,OAAO;AACb,WAAK,QAAQ;AACb,WAAK,UAAU,UAAU,IAAI,wCAAwC;AACrE,WAAK,OAAO,UAAU,IAAI,2BAA2B;AACrD,eAAS,iBAAiB,WAAW,KAAK,UAAU;AAUpD,WAAK,eAAe;AACpB,aAAO,iBAAiB,UAAU,KAAK,gBAAgB,IAAI;AAC3D,aAAO,iBAAiB,UAAU,KAAK,cAAc;AACrD,WAAK,aAAa;AAAA,IACtB;AAEA,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,QAAQ;AACJ,QAAI,CAAC,KAAK,MAAO;AACjB,SAAK,QAAQ;AAEb,SAAK,OAAO,UAAU,OAAO,2BAA2B;AACxD,SAAK,UAAU,UAAU,OAAO,wCAAwC;AACxE,aAAS,oBAAoB,WAAW,KAAK,UAAU;AACvD,WAAO,oBAAoB,UAAU,KAAK,gBAAgB,IAAI;AAC9D,WAAO,oBAAoB,UAAU,KAAK,cAAc;AACxD,SAAK,eAAe,WAAW;AAC/B,SAAK,gBAAgB;AAMrB,SAAK,MAAM,YAAY;AACvB,SAAK,WAAW;AAAA,EACpB;AAAA;AAAA,EAIA,uBAAuB,MAAM;AAAE,SAAK,MAAM;AAAA,EAAG;AAAA,EAE7C,oBAAoB,MAAM;AAAE,SAAK,MAAM;AAAA,EAAG;AAAA,EAE1C,aAAa,CAAC,MAAM;AAChB,QAAI,EAAE,QAAQ,UAAU;AACpB,QAAE,gBAAgB;AAClB,WAAK,MAAM;AAAA,IACf;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,eAAe;AACX,SAAK,gBAAgB,IAAI,eAAe,KAAK,cAAc;AAC3D,aAAS,KAAK,KAAK,YAAY,IAAI,KAAK,GAAG,eAAe;AACtD,WAAK,cAAc,QAAQ,EAAE;AAAA,IACjC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BA,iBAAiB,MAAM;AACnB,QAAI,CAAC,KAAK,SAAS,CAAC,KAAK,UAAU,CAAC,KAAK,WAAY;AACrD,UAAM,IAAI,KAAK,WAAW,sBAAsB;AAChD,UAAM,OAAO,KAAK,OAAO,kBAAkB;AAC3C,UAAM,YAAY,EAAE,QAAQ;AAC5B,UAAM,IAAI,KAAK,OAAO;AACtB,MAAE,YAAY,0BAA0B,GAAG,SAAS,IAAI;AACxD,UAAM,QAAQ,KAAK,IAAI,KAAK,OAAO,eAAe,KAAK,QAAQ,SAAS;AACxE,MAAE,WAAW;AACb,MAAE,MAAW,GAAG,KAAK,MAAM,EAAE,GAAG,IAAI,IAAI;AACxC,MAAE,OAAW,GAAG,KAAK,MAAM,EAAE,QAAQ,QAAQ,IAAI,IAAI,IAAI;AACzD,MAAE,QAAW;AACb,MAAE,SAAW,GAAG,KAAK,MAAM,EAAE,MAAM,IAAI,IAAI;AAAA,EAC/C;AACJ;",
+  "names": []
+}

package/dist/chunk-VLOAI3HS.js

@@ -0,0 +1,43 @@
+// src/ui/components/row_activation.js
+var ROW_CONTROL_SELECTOR = [
+  "button",
+  "a",
+  "input",
+  "select",
+  "textarea",
+  "label",
+  "summary",
+  '[contenteditable=""]',
+  '[contenteditable="true"]',
+  "[data-twm-action]"
+].join(", ");
+function isRowControl(target, scope = null) {
+  const hit = target?.closest?.(ROW_CONTROL_SELECTOR);
+  return !!hit && (!scope || scope.contains(hit));
+}
+function endsTextSelection(target, scope = null) {
+  const doc = target?.ownerDocument || (typeof document !== "undefined" ? document : null);
+  const sel = doc?.getSelection?.();
+  if (!sel || sel.isCollapsed || !String(sel)) return false;
+  if (!scope) return true;
+  const inside = (node) => !!node && scope.contains(node);
+  return inside(sel.anchorNode) || inside(sel.focusNode);
+}
+function isRowActivation(ev, gesture = "click", { scope = null } = {}) {
+  const target = ev?.target;
+  if (!target?.closest) return false;
+  if (isRowControl(target, scope)) return false;
+  if (gesture === "click") {
+    if ((ev.detail ?? 0) > 1) return false;
+    if (endsTextSelection(target, scope)) return false;
+  }
+  return true;
+}
+
+export {
+  ROW_CONTROL_SELECTOR,
+  isRowControl,
+  endsTextSelection,
+  isRowActivation
+};
+//# sourceMappingURL=chunk-VLOAI3HS.js.map

package/dist/chunk-VLOAI3HS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ui/components/row_activation.js"],
+  "sourcesContent": ["/**\n * row_activation.js \u2014 WHEN A ROW GESTURE OPENS THE ROW. One rule, shared by\n * `DataTable`'s `onRowActivate` (0.5.0) and the landing helper\n * `attachLandingTableBehavior`, so a list built either way opens on exactly the\n * same gestures and refuses exactly the same ones.\n *\n * A row \"activates\" \u2014 opens the thing it stands for \u2014 on a click, a double-click\n * or Enter, as the table asks. Three things that look like a click are not one:\n *\n *  1. **A control in the row is its own gesture.** A button, a link, a field, a\n *     `[data-twm-action]` verb: pressing it does what it says, and must not ALSO\n *     open the row underneath it.\n *  2. **Dragging across a cell to copy it is not a click on the row.** A drag\n *     that ends a text selection fires `click` on the cell it ends on; the\n *     selection being non-empty is how it is told apart. Only a selection that\n *     touches the list counts \u2014 one elsewhere on the page is not this gesture.\n *  3. **The second click of a double-click opens nothing.** A double-click is\n *     two `click`s (`detail` 1, then 2) before the `dblclick`; the first one has\n *     already opened the row. A list that draws the thing it opened IN PLACE\n *     would otherwise take the second click as a click on whatever is now under\n *     the pointer. `detail` is the platform's click count, not a timing guess;\n *     a synthetic or keyboard `click` carries 0 and is a single click.\n *\n * A `dblclick` gesture skips rule 2: a double-click on text selects the word\n * under it, so a selection is the ordinary result of the gesture, not evidence\n * of a drag.\n */\n\n/** What a press inside a row is never a ROW gesture on: a control or a verb. */\nexport const ROW_CONTROL_SELECTOR = [\n    'button', 'a', 'input', 'select', 'textarea', 'label', 'summary',\n    '[contenteditable=\"\"]', '[contenteditable=\"true\"]', '[data-twm-action]',\n].join(', ');\n\n/** Did this press land on a control inside the row (rule 1)? */\nexport function isRowControl(target, scope = null) {\n    const hit = target?.closest?.(ROW_CONTROL_SELECTOR);\n    return !!hit && (!scope || scope.contains(hit));\n}\n\n/** Does a non-empty text selection touch `scope` (rule 2)? Without a scope,\n *  any non-empty selection in the target's document counts. */\nexport function endsTextSelection(target, scope = null) {\n    const doc = target?.ownerDocument || (typeof document !== 'undefined' ? document : null);\n    const sel = doc?.getSelection?.();\n    if (!sel || sel.isCollapsed || !String(sel)) return false;\n    if (!scope) return true;\n    const inside = (node) => !!node && scope.contains(node);\n    return inside(sel.anchorNode) || inside(sel.focusNode);\n}\n\n/**\n * Is this event a row activation of kind `gesture`, by the three rules above?\n *\n * @param {Event} ev\n * @param {'click'|'dblclick'} [gesture='click']\n * @param {{scope?: Element}} [o]  the list's own element: a control or a\n *   selection outside it is not this list's business\n * @returns {boolean}\n */\nexport function isRowActivation(ev, gesture = 'click', { scope = null } = {}) {\n    const target = ev?.target;\n    if (!target?.closest) return false;\n    if (isRowControl(target, scope)) return false;\n    if (gesture === 'click') {\n        if ((ev.detail ?? 0) > 1) return false;\n        if (endsTextSelection(target, scope)) return false;\n    }\n    return true;\n}\n"],
+  "mappings": ";AA6BO,IAAM,uBAAuB;AAAA,EAChC;AAAA,EAAU;AAAA,EAAK;AAAA,EAAS;AAAA,EAAU;AAAA,EAAY;AAAA,EAAS;AAAA,EACvD;AAAA,EAAwB;AAAA,EAA4B;AACxD,EAAE,KAAK,IAAI;AAGJ,SAAS,aAAa,QAAQ,QAAQ,MAAM;AAC/C,QAAM,MAAM,QAAQ,UAAU,oBAAoB;AAClD,SAAO,CAAC,CAAC,QAAQ,CAAC,SAAS,MAAM,SAAS,GAAG;AACjD;AAIO,SAAS,kBAAkB,QAAQ,QAAQ,MAAM;AACpD,QAAM,MAAM,QAAQ,kBAAkB,OAAO,aAAa,cAAc,WAAW;AACnF,QAAM,MAAM,KAAK,eAAe;AAChC,MAAI,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,GAAG,EAAG,QAAO;AACpD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,SAAS,CAAC,SAAS,CAAC,CAAC,QAAQ,MAAM,SAAS,IAAI;AACtD,SAAO,OAAO,IAAI,UAAU,KAAK,OAAO,IAAI,SAAS;AACzD;AAWO,SAAS,gBAAgB,IAAI,UAAU,SAAS,EAAE,QAAQ,KAAK,IAAI,CAAC,GAAG;AAC1E,QAAM,SAAS,IAAI;AACnB,MAAI,CAAC,QAAQ,QAAS,QAAO;AAC7B,MAAI,aAAa,QAAQ,KAAK,EAAG,QAAO;AACxC,MAAI,YAAY,SAAS;AACrB,SAAK,GAAG,UAAU,KAAK,EAAG,QAAO;AACjC,QAAI,kBAAkB,QAAQ,KAAK,EAAG,QAAO;AAAA,EACjD;AACA,SAAO;AACX;",
+  "names": []
+}

package/dist/{chunk-WUFLGETN.js → chunk-WVFGV5FT.js}

@@ -199,44 +199,7 @@ var DragReorder = class {
   }
 };
 
-// src/ui/utils/menu_viewport.js
-var MENU_VIEWPORT_MARGIN = 8;
-function placeMenuInViewport(menu, x, y, margin = MENU_VIEWPORT_MARGIN) {
-  const view = menu.ownerDocument?.defaultView || window;
-  const vw = view.innerWidth;
-  const vh = view.innerHeight;
-  const maxHeight = Math.max(0, vh - 2 * margin);
-  menu.style.maxHeight = `${maxHeight}px`;
-  menu.scrollTop = 0;
-  const rect = menu.getBoundingClientRect();
-  const left = Math.min(x, vw - rect.width - margin);
-  const top = Math.min(y, vh - rect.height - margin);
-  menu.style.left = `${Math.max(0, left)}px`;
-  menu.style.top = `${Math.max(0, top)}px`;
-}
-function focusMenuItem(item) {
-  if (!item) return;
-  item.focus({ preventScroll: true });
-  item.scrollIntoView?.({ block: "nearest", inline: "nearest" });
-}
-function moveMenuFocus(e, items) {
-  if (!items.length) return false;
-  const at = items.indexOf(items[0].ownerDocument.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 false;
-  e.preventDefault();
-  focusMenuItem(next);
-  return true;
-}
-
 export {
-  DragReorder,
-  placeMenuInViewport,
-  focusMenuItem,
-  moveMenuFocus
+  DragReorder
 };
-//# sourceMappingURL=chunk-WUFLGETN.js.map
+//# sourceMappingURL=chunk-WVFGV5FT.js.map

package/dist/{chunk-WUFLGETN.js.map → chunk-WVFGV5FT.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/ui/components/drag_reorder.js", "../src/ui/utils/menu_viewport.js"],
-  "sourcesContent": ["/**\n * DragReorder \u2014 the one same-list drag-to-reorder implementation, with\n * the \"classic\" ghost (`.dragging` on the dragged element) + drop\n * placeholder (an indicator div inserted at the drop position) and\n * edge auto-scroll. Native HTML5 drag-and-drop.\n *\n * Extracted from the duplicated tab-bar reorder code so the notebook tab\n * bar, the workspace tab bar, and the schema column strip all share one\n * implementation. Axis-aware (`x` for horizontal strips, `y` for\n * vertical lists) and parameterised so it makes no assumptions about\n * tabs specifically.\n *\n * Usage:\n *   const dr = new DragReorder({\n *       container, itemSelector: '.tab', keyAttr: 'tabId', axis: 'x',\n *       onReorder: (order) => { ... },          // order = array of keys\n *   });\n *   dr.attach();        // after each (re)render of the items\n *   dr.destroy();       // on teardown\n *\n * Coexistence: the container-level handlers no-op unless THIS instance's\n * drag is active, so a host can keep its own dragover/drop handlers for\n * other concerns (e.g. cross-pane tab drops) alongside it \u2014 gate those\n * on `dr.isActive() === false`.\n */\nexport class DragReorder {\n    /**\n     * @param {Object} opts\n     * @param {HTMLElement} opts.container\n     * @param {string}  [opts.itemSelector='.tab']  selector for reorderable items\n     * @param {string}  [opts.keyAttr='path']       dataset key / data-attr identifying an item\n     * @param {'x'|'y'} [opts.axis='x']\n     * @param {string}  [opts.indicatorClass='tab-drop-indicator']\n     * @param {boolean} [opts.autoScroll=true]\n     * @param {(e: DragEvent, item: HTMLElement) => boolean} [opts.draggableGuard]\n     *        return false to cancel a drag start (e.g. from a close button)\n     * @param {(e: DragEvent, key: string, item: HTMLElement) => void} [opts.onDragStart]\n     *        host hook to augment dataTransfer (e.g. add a cross-pane MIME)\n     * @param {(order: string[]) => void} [opts.onReorder]\n     */\n    constructor(opts = {}) {\n        this.container      = opts.container || null;\n        this.itemSelector   = opts.itemSelector || '.tab';\n        this.keyAttr        = opts.keyAttr || 'path';\n        this.axis           = opts.axis === 'y' ? 'y' : 'x';\n        this.indicatorClass = opts.indicatorClass || 'twm-tab-drop-indicator';\n        this.autoScroll     = opts.autoScroll !== false;\n        this.draggableGuard = opts.draggableGuard || null;\n        this.onDragStart    = opts.onDragStart || null;\n        this.onReorder      = opts.onReorder || null;\n\n        this._draggingEl  = null;\n        this._indicatorEl = null;\n        this._lastSnapshot = [];\n\n        this._onOver  = this._onOver.bind(this);\n        this._onDrop  = this._onDrop.bind(this);\n        this._onLeave = this._onLeave.bind(this);\n        if (this.container) {\n            this.container.addEventListener('dragover',  this._onOver);\n            this.container.addEventListener('drop',      this._onDrop);\n            this.container.addEventListener('dragleave', this._onLeave);\n        }\n    }\n\n    /** Mark current items draggable + wire dragstart/dragend. Idempotent \u2014\n     *  call after every (re)render; already-wired items are skipped. */\n    attach() {\n        if (!this.container) return;\n        for (const item of this.container.querySelectorAll(this.itemSelector)) {\n            if (item.__dragReorder) continue;\n            item.__dragReorder = true;\n            item.setAttribute('draggable', 'true');\n            item.addEventListener('dragstart', (e) => this._start(e, item));\n            item.addEventListener('dragend', () => this._end());\n        }\n    }\n\n    /** True while this instance is mid-drag. */\n    isActive() { return !!this._draggingEl; }\n\n    destroy() {\n        if (this.container) {\n            this.container.removeEventListener('dragover',  this._onOver);\n            this.container.removeEventListener('drop',      this._onDrop);\n            this.container.removeEventListener('dragleave', this._onLeave);\n        }\n        this._removeIndicator();\n        this._draggingEl = null;\n    }\n\n    // \u2500\u2500 internals \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\n    _key(el) {\n        if (!el) return null;\n        return el.dataset?.[this.keyAttr]\n            ?? el.getAttribute?.(`data-${this.keyAttr}`)\n            ?? null;\n    }\n\n    _items() {\n        return Array.from(this.container.querySelectorAll(this.itemSelector));\n    }\n\n    _snapshot() {\n        return this._items().map((el) => this._key(el)).filter((k) => k != null);\n    }\n\n    _centerOf(rect) {\n        return this.axis === 'y'\n            ? rect.top + rect.height / 2\n            : rect.left + rect.width / 2;\n    }\n\n    _start(e, item) {\n        if (this.draggableGuard && !this.draggableGuard(e, item)) {\n            e.preventDefault();\n            return;\n        }\n        const key = this._key(item);\n        this._draggingEl = item;\n        this._lastSnapshot = this._snapshot();\n        item.classList.add('dragging');\n        try {\n            e.dataTransfer.effectAllowed = 'move';\n            if (key != null) e.dataTransfer.setData('text/plain', String(key));\n        } catch { /* ignore */ }\n        this.onDragStart?.(e, key, item);\n        this._ensureIndicator();\n        this._positionByNearest(this._centerOf(item.getBoundingClientRect()));\n    }\n\n    _end() {\n        if (!this._draggingEl) return;\n        this._draggingEl.classList.remove('dragging');\n        this._draggingEl = null;\n        this._removeIndicator();\n        this._commitIfChanged();\n    }\n\n    _onOver(e) {\n        if (!this._draggingEl) return;   // not our drag \u2014 let the host handle it\n        e.preventDefault();\n        try { e.dataTransfer.dropEffect = 'move'; } catch { /* ignore */ }\n        const coord = this.axis === 'y' ? e.clientY : e.clientX;\n        this._positionByNearest(coord);\n        if (this.autoScroll) this._autoScrollEdge(coord);\n    }\n\n    _onDrop(e) {\n        if (!this._draggingEl) return;\n        e.preventDefault();\n        const indicator = this._ensureIndicator();\n        if (indicator?.parentElement) {\n            this.container.insertBefore(this._draggingEl, indicator);\n        }\n        this._finalize();\n    }\n\n    _onLeave(e) {\n        if (!this._draggingEl) return;\n        if (e.currentTarget !== this.container) return;\n        if (this.container.contains(e.relatedTarget)) return;\n        this._finalize();\n    }\n\n    _finalize() {\n        if (this._draggingEl) this._draggingEl.classList.remove('dragging');\n        this._removeIndicator();\n        this._draggingEl = null;\n        this._commitIfChanged();\n    }\n\n    _commitIfChanged() {\n        const order = this._snapshot();\n        if (!order.length) return;\n        if (this._lastSnapshot.join('\u0000') === order.join('\u0000')) return;\n        this._lastSnapshot = order;\n        this.onReorder?.(order);\n    }\n\n    _ensureIndicator() {\n        if (!this._indicatorEl) {\n            this._indicatorEl = document.createElement('div');\n            this._indicatorEl.className = this.indicatorClass;\n            this._indicatorEl.setAttribute('aria-hidden', 'true');\n        }\n        if (!this._indicatorEl.parentElement) {\n            this.container.appendChild(this._indicatorEl);\n        }\n        return this._indicatorEl;\n    }\n\n    _removeIndicator() { this._indicatorEl?.remove(); }\n\n    _positionByNearest(coord) {\n        if (!this.container || !this._indicatorEl || !this._draggingEl) return;\n        const items = this._items().filter((t) => t !== this._draggingEl);\n        if (!items.length) return;\n        let best = null;\n        let bestDist = Infinity;\n        for (const it of items) {\n            const center = this._centerOf(it.getBoundingClientRect());\n            const dist = Math.abs(coord - center);\n            if (dist < bestDist) { bestDist = dist; best = { it, center }; }\n        }\n        if (!best) return;\n        const after = coord >= best.center;\n        const ref = after ? best.it.nextElementSibling : best.it;\n        this.container.insertBefore(this._indicatorEl, ref || null);\n    }\n\n    _autoScrollEdge(coord) {\n        if (!this.container) return;\n        const rect = this.container.getBoundingClientRect();\n        const edge = 24;\n        const step = 16;\n        if (this.axis === 'y') {\n            if (coord - rect.top < edge) {\n                this.container.scrollTop = Math.max(0, this.container.scrollTop - step);\n            } else if (rect.bottom - coord < edge) {\n                this.container.scrollTop = Math.min(\n                    this.container.scrollHeight, this.container.scrollTop + step);\n            }\n        } else {\n            if (coord - rect.left < edge) {\n                this.container.scrollLeft = Math.max(0, this.container.scrollLeft - step);\n            } else if (rect.right - coord < edge) {\n                this.container.scrollLeft = Math.min(\n                    this.container.scrollWidth, this.container.scrollLeft + step);\n            }\n        }\n    }\n}\n", "/**\n * menu_viewport.js \u2014 keeping a context menu inside the window (BUG-0040).\n *\n * FlexDesk draws three context menus of its own: `showContextMenu`\n * (../components/context_menu.js), the DataTable's right-click menu\n * (../components/data_table.js) and `NotebookTabBar`'s tab menu\n * (../../editor/notebook_tab_bar.js). Each placed itself with its own copy of\n * `top = min(y, innerHeight - height - 8)`, and none had a max-height. A menu\n * taller than the window then opened above its top edge (the DataTable's did\n * not clamp at all: a 101-item row menu opened at y=-2153 in a 761 px window)\n * or ran off its bottom, and nothing scrolled, so the items past the edge could\n * not be reached by any means.\n *\n * One placement now, for all three:\n *   - the menu is at most the window's height less a margin above and below,\n *     and scrolls inside when it is longer (`overflow-y: auto` in flexdesk.css);\n *   - it opens at the pointer, moved left or up just enough to fit, and never\n *     above the window's top or left edge;\n *   - keyboard movement focuses an item and scrolls it into view within the\n *     menu, so every item can be reached with the arrows.\n */\n\n/** The gap kept between a menu and the window's edges, in px. */\nexport const MENU_VIEWPORT_MARGIN = 8;\n\n/**\n * Size and place an open (displayed) menu at `(x, y)` inside its window.\n *\n * @param {HTMLElement} menu  the menu, already in the document and displayed\n * @param {number} x          client x of the pointer\n * @param {number} y          client y of the pointer\n * @param {number} [margin]   gap to the window's edges\n */\nexport function placeMenuInViewport(menu, x, y, margin = MENU_VIEWPORT_MARGIN) {\n    const view = menu.ownerDocument?.defaultView || window;\n    const vw = view.innerWidth;\n    const vh = view.innerHeight;\n    const maxHeight = Math.max(0, vh - 2 * margin);\n    menu.style.maxHeight = `${maxHeight}px`;\n    menu.scrollTop = 0;\n    // flexdesk.css makes the menu `box-sizing: border-box`, so its measured\n    // height (padding and border included) is at most `maxHeight`.\n    const rect = menu.getBoundingClientRect();\n    const left = Math.min(x, vw - rect.width - margin);\n    const top = Math.min(y, vh - rect.height - margin);\n    menu.style.left = `${Math.max(0, left)}px`;\n    menu.style.top = `${Math.max(0, top)}px`;\n}\n\n/**\n * Focus a menu item and bring it into view inside the (scrolling) menu.\n * `preventScroll` keeps the page where it is; `block: 'nearest'` scrolls the\n * menu only as far as the item needs.\n */\nexport function focusMenuItem(item) {\n    if (!item) return;\n    item.focus({ preventScroll: true });\n    item.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n}\n\n/**\n * Up/Down/Home/End over `items` (the enabled ones), wrapping, from the one\n * that has focus. Returns true when the key moved focus (the caller's event\n * has then been `preventDefault`ed).\n *\n * @param {KeyboardEvent} e\n * @param {HTMLElement[]} items\n */\nexport function moveMenuFocus(e, items) {\n    if (!items.length) return false;\n    const at = items.indexOf(items[0].ownerDocument.activeElement);\n    let next = null;\n    if (e.key === 'ArrowDown')      next = items[(at + 1 + items.length) % items.length];\n    else if (e.key === 'ArrowUp')   next = items[(at - 1 + items.length) % items.length];\n    else if (e.key === 'Home')      next = items[0];\n    else if (e.key === 'End')       next = items[items.length - 1];\n    if (!next) return false;\n    e.preventDefault();\n    focusMenuItem(next);\n    return true;\n}\n"],
-  "mappings": "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",
+  "sources": ["../src/ui/components/drag_reorder.js"],
+  "sourcesContent": ["/**\n * DragReorder \u2014 the one same-list drag-to-reorder implementation, with\n * the \"classic\" ghost (`.dragging` on the dragged element) + drop\n * placeholder (an indicator div inserted at the drop position) and\n * edge auto-scroll. Native HTML5 drag-and-drop.\n *\n * Extracted from the duplicated tab-bar reorder code so the notebook tab\n * bar, the workspace tab bar, and the schema column strip all share one\n * implementation. Axis-aware (`x` for horizontal strips, `y` for\n * vertical lists) and parameterised so it makes no assumptions about\n * tabs specifically.\n *\n * Usage:\n *   const dr = new DragReorder({\n *       container, itemSelector: '.tab', keyAttr: 'tabId', axis: 'x',\n *       onReorder: (order) => { ... },          // order = array of keys\n *   });\n *   dr.attach();        // after each (re)render of the items\n *   dr.destroy();       // on teardown\n *\n * Coexistence: the container-level handlers no-op unless THIS instance's\n * drag is active, so a host can keep its own dragover/drop handlers for\n * other concerns (e.g. cross-pane tab drops) alongside it \u2014 gate those\n * on `dr.isActive() === false`.\n */\nexport class DragReorder {\n    /**\n     * @param {Object} opts\n     * @param {HTMLElement} opts.container\n     * @param {string}  [opts.itemSelector='.tab']  selector for reorderable items\n     * @param {string}  [opts.keyAttr='path']       dataset key / data-attr identifying an item\n     * @param {'x'|'y'} [opts.axis='x']\n     * @param {string}  [opts.indicatorClass='tab-drop-indicator']\n     * @param {boolean} [opts.autoScroll=true]\n     * @param {(e: DragEvent, item: HTMLElement) => boolean} [opts.draggableGuard]\n     *        return false to cancel a drag start (e.g. from a close button)\n     * @param {(e: DragEvent, key: string, item: HTMLElement) => void} [opts.onDragStart]\n     *        host hook to augment dataTransfer (e.g. add a cross-pane MIME)\n     * @param {(order: string[]) => void} [opts.onReorder]\n     */\n    constructor(opts = {}) {\n        this.container      = opts.container || null;\n        this.itemSelector   = opts.itemSelector || '.tab';\n        this.keyAttr        = opts.keyAttr || 'path';\n        this.axis           = opts.axis === 'y' ? 'y' : 'x';\n        this.indicatorClass = opts.indicatorClass || 'twm-tab-drop-indicator';\n        this.autoScroll     = opts.autoScroll !== false;\n        this.draggableGuard = opts.draggableGuard || null;\n        this.onDragStart    = opts.onDragStart || null;\n        this.onReorder      = opts.onReorder || null;\n\n        this._draggingEl  = null;\n        this._indicatorEl = null;\n        this._lastSnapshot = [];\n\n        this._onOver  = this._onOver.bind(this);\n        this._onDrop  = this._onDrop.bind(this);\n        this._onLeave = this._onLeave.bind(this);\n        if (this.container) {\n            this.container.addEventListener('dragover',  this._onOver);\n            this.container.addEventListener('drop',      this._onDrop);\n            this.container.addEventListener('dragleave', this._onLeave);\n        }\n    }\n\n    /** Mark current items draggable + wire dragstart/dragend. Idempotent \u2014\n     *  call after every (re)render; already-wired items are skipped. */\n    attach() {\n        if (!this.container) return;\n        for (const item of this.container.querySelectorAll(this.itemSelector)) {\n            if (item.__dragReorder) continue;\n            item.__dragReorder = true;\n            item.setAttribute('draggable', 'true');\n            item.addEventListener('dragstart', (e) => this._start(e, item));\n            item.addEventListener('dragend', () => this._end());\n        }\n    }\n\n    /** True while this instance is mid-drag. */\n    isActive() { return !!this._draggingEl; }\n\n    destroy() {\n        if (this.container) {\n            this.container.removeEventListener('dragover',  this._onOver);\n            this.container.removeEventListener('drop',      this._onDrop);\n            this.container.removeEventListener('dragleave', this._onLeave);\n        }\n        this._removeIndicator();\n        this._draggingEl = null;\n    }\n\n    // \u2500\u2500 internals \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\n    _key(el) {\n        if (!el) return null;\n        return el.dataset?.[this.keyAttr]\n            ?? el.getAttribute?.(`data-${this.keyAttr}`)\n            ?? null;\n    }\n\n    _items() {\n        return Array.from(this.container.querySelectorAll(this.itemSelector));\n    }\n\n    _snapshot() {\n        return this._items().map((el) => this._key(el)).filter((k) => k != null);\n    }\n\n    _centerOf(rect) {\n        return this.axis === 'y'\n            ? rect.top + rect.height / 2\n            : rect.left + rect.width / 2;\n    }\n\n    _start(e, item) {\n        if (this.draggableGuard && !this.draggableGuard(e, item)) {\n            e.preventDefault();\n            return;\n        }\n        const key = this._key(item);\n        this._draggingEl = item;\n        this._lastSnapshot = this._snapshot();\n        item.classList.add('dragging');\n        try {\n            e.dataTransfer.effectAllowed = 'move';\n            if (key != null) e.dataTransfer.setData('text/plain', String(key));\n        } catch { /* ignore */ }\n        this.onDragStart?.(e, key, item);\n        this._ensureIndicator();\n        this._positionByNearest(this._centerOf(item.getBoundingClientRect()));\n    }\n\n    _end() {\n        if (!this._draggingEl) return;\n        this._draggingEl.classList.remove('dragging');\n        this._draggingEl = null;\n        this._removeIndicator();\n        this._commitIfChanged();\n    }\n\n    _onOver(e) {\n        if (!this._draggingEl) return;   // not our drag \u2014 let the host handle it\n        e.preventDefault();\n        try { e.dataTransfer.dropEffect = 'move'; } catch { /* ignore */ }\n        const coord = this.axis === 'y' ? e.clientY : e.clientX;\n        this._positionByNearest(coord);\n        if (this.autoScroll) this._autoScrollEdge(coord);\n    }\n\n    _onDrop(e) {\n        if (!this._draggingEl) return;\n        e.preventDefault();\n        const indicator = this._ensureIndicator();\n        if (indicator?.parentElement) {\n            this.container.insertBefore(this._draggingEl, indicator);\n        }\n        this._finalize();\n    }\n\n    _onLeave(e) {\n        if (!this._draggingEl) return;\n        if (e.currentTarget !== this.container) return;\n        if (this.container.contains(e.relatedTarget)) return;\n        this._finalize();\n    }\n\n    _finalize() {\n        if (this._draggingEl) this._draggingEl.classList.remove('dragging');\n        this._removeIndicator();\n        this._draggingEl = null;\n        this._commitIfChanged();\n    }\n\n    _commitIfChanged() {\n        const order = this._snapshot();\n        if (!order.length) return;\n        if (this._lastSnapshot.join('\u0000') === order.join('\u0000')) return;\n        this._lastSnapshot = order;\n        this.onReorder?.(order);\n    }\n\n    _ensureIndicator() {\n        if (!this._indicatorEl) {\n            this._indicatorEl = document.createElement('div');\n            this._indicatorEl.className = this.indicatorClass;\n            this._indicatorEl.setAttribute('aria-hidden', 'true');\n        }\n        if (!this._indicatorEl.parentElement) {\n            this.container.appendChild(this._indicatorEl);\n        }\n        return this._indicatorEl;\n    }\n\n    _removeIndicator() { this._indicatorEl?.remove(); }\n\n    _positionByNearest(coord) {\n        if (!this.container || !this._indicatorEl || !this._draggingEl) return;\n        const items = this._items().filter((t) => t !== this._draggingEl);\n        if (!items.length) return;\n        let best = null;\n        let bestDist = Infinity;\n        for (const it of items) {\n            const center = this._centerOf(it.getBoundingClientRect());\n            const dist = Math.abs(coord - center);\n            if (dist < bestDist) { bestDist = dist; best = { it, center }; }\n        }\n        if (!best) return;\n        const after = coord >= best.center;\n        const ref = after ? best.it.nextElementSibling : best.it;\n        this.container.insertBefore(this._indicatorEl, ref || null);\n    }\n\n    _autoScrollEdge(coord) {\n        if (!this.container) return;\n        const rect = this.container.getBoundingClientRect();\n        const edge = 24;\n        const step = 16;\n        if (this.axis === 'y') {\n            if (coord - rect.top < edge) {\n                this.container.scrollTop = Math.max(0, this.container.scrollTop - step);\n            } else if (rect.bottom - coord < edge) {\n                this.container.scrollTop = Math.min(\n                    this.container.scrollHeight, this.container.scrollTop + step);\n            }\n        } else {\n            if (coord - rect.left < edge) {\n                this.container.scrollLeft = Math.max(0, this.container.scrollLeft - step);\n            } else if (rect.right - coord < edge) {\n                this.container.scrollLeft = Math.min(\n                    this.container.scrollWidth, this.container.scrollLeft + step);\n            }\n        }\n    }\n}\n"],
+  "mappings": "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",
   "names": []
 }