flexdesk 0.17.8 → 0.17.9

package/dist/{chunk-HYJYYEPK.js → chunk-REJ5HLIM.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-N7HC3ADV.js";
 import {
   DragReorder
-} from "./chunk-WVFGV5FT.js";
+} from "./chunk-WUFLGETN.js";
 
 // src/ui/components/tabs.js
 var TAB_LEVELS = Object.freeze(["info", "warning", "alert"]);
@@ -372,4 +372,4 @@ export {
   TAB_LEVELS,
   createTabs
 };
-//# sourceMappingURL=chunk-HYJYYEPK.js.map
+//# sourceMappingURL=chunk-REJ5HLIM.js.map

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

@@ -199,7 +199,44 @@ 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
+  DragReorder,
+  placeMenuInViewport,
+  focusMenuItem,
+  moveMenuFocus
 };
-//# sourceMappingURL=chunk-WVFGV5FT.js.map
+//# sourceMappingURL=chunk-WUFLGETN.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "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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",
+  "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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",
   "names": []
 }

package/dist/editor.js

@@ -3,9 +3,9 @@ import {
   NotebookTabBar,
   getTabDragMime,
   setTabDragMime
-} from "./chunk-UURZ37SD.js";
+} from "./chunk-7U4IB65H.js";
 import "./chunk-N7HC3ADV.js";
-import "./chunk-WVFGV5FT.js";
+import "./chunk-WUFLGETN.js";
 import "./chunk-JYWURG5T.js";
 
 // src/editor/editor_pane.js

package/dist/flexdesk.css

@@ -3959,11 +3959,14 @@ body.twm-window-maximized .twm-resize-handle {
     position: relative;
 }
 
+/* While open the menu is moved to document.body and placed `position: fixed`
+   by `ActionDropdown.position` (inline styles), so a narrow tile cannot clip
+   it; --z-over-windows keeps it over a managed window holding the grid. */
 .tile-menu-dropdown {
     position: absolute;
     top: 100%;
     right: 0;
-    z-index: var(--z-dropdown);
+    z-index: var(--z-over-windows);
     min-width: 180px;
     padding: var(--space-xs) 0;
     background: var(--surface-2);
@@ -7629,6 +7632,23 @@ body.twm-dragging * { user-select: none; }
     transition: opacity 90ms ease-out;
 }
 .nb-context-menu.visible { opacity: 1; }
+
+/* ── Context menus stay inside the window (0.17.9, BUG-0040) ─────────
+ * `showContextMenu`, the DataTable's right-click menu and NotebookTabBar's tab
+ * menu are placed by src/ui/utils/menu_viewport.js, which sets an inline
+ * max-height of the window's height less a margin top and bottom. Here: the
+ * same cap for a menu placed before that runs, border-box so the cap includes
+ * padding and border, and scrolling inside when the items are longer — they
+ * had no max-height and no overflow, so a 100-item menu ran off the window and
+ * its far items could not be reached. */
+.twm-context-menu,
+.nb-context-menu {
+    box-sizing: border-box;
+    max-height: calc(100vh - 2 * var(--space-md));
+    overflow-x: hidden;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+}
 .nb-context-menu__item {
     display: flex;
     align-items: center;

package/dist/flow.js

@@ -1,9 +1,9 @@
 import {
   modalHost
-} from "./chunk-D3COLZZ2.js";
+} from "./chunk-BE2PU3LL.js";
 import {
   DataTable
-} from "./chunk-LWV23YVE.js";
+} from "./chunk-NIJEJAZ7.js";
 import {
   choiceList,
   selectBox,
@@ -11,7 +11,7 @@ import {
   toggleChips
 } from "./chunk-CVMCZZX2.js";
 import "./chunk-HNU6MM2B.js";
-import "./chunk-WVFGV5FT.js";
+import "./chunk-WUFLGETN.js";
 import {
   CONNECTOR_STRINGS,
   CanvasAdapter,

package/dist/tiles.js

@@ -14,13 +14,14 @@ import {
 import {
   ActionDropdown,
   SlideOutPanel
-} from "./chunk-RKNFBX5K.js";
+} from "./chunk-MIW7D6WC.js";
 import {
   showContextMenu
-} from "./chunk-UWO43BZU.js";
+} from "./chunk-F35XSQWA.js";
 import {
+  modalHost,
   openModal
-} from "./chunk-D3COLZZ2.js";
+} from "./chunk-BE2PU3LL.js";
 import {
   buildHistogramTrace,
   buildLegendLayout,
@@ -35,13 +36,13 @@ import {
   purge,
   resize,
   strideDownsampleShared
-} from "./chunk-EIYNF4BD.js";
-import "./chunk-LWV23YVE.js";
+} from "./chunk-2YTM3GJE.js";
+import "./chunk-NIJEJAZ7.js";
 import {
   isHexColor
 } from "./chunk-CVMCZZX2.js";
 import "./chunk-HNU6MM2B.js";
-import "./chunk-WVFGV5FT.js";
+import "./chunk-WUFLGETN.js";
 import {
   __toCommonJS
 } from "./chunk-JYWURG5T.js";
@@ -514,6 +515,10 @@ var TileBase = class {
   dispose() {
     if (this._disposed) return;
     this._disposed = true;
+    this._closeTileMenu();
+    this._menuButton = null;
+    this._menuDropdown = null;
+    this._menuHome = null;
     if (this._expandWindow?.isVisible) {
       this._expandWindow.close();
     }
@@ -594,6 +599,10 @@ var TileBase = class {
    * @private
    */
   _buildChrome() {
+    this._closeTileMenu();
+    this._menuButton = null;
+    this._menuDropdown = null;
+    this._menuHome = null;
     const header = document.createElement("div");
     header.className = "tile-header";
     const expandBtnHtml = this.constructor.EXPANDABLE ? `<button class="tile-expand-btn twm-has-tooltip" data-tooltip="Open in window">
@@ -663,26 +672,18 @@ var TileBase = class {
       const menuBtn = header.querySelector(".tile-menu-btn");
       const menuDropdown = header.querySelector(".tile-menu-dropdown");
       if (menuBtn && menuDropdown) {
+        this._menuButton = menuBtn;
+        this._menuDropdown = menuDropdown;
+        this._menuHome = menuDropdown.parentNode;
         menuBtn.addEventListener("click", (e) => {
           e.stopPropagation();
-          const isOpen = !menuDropdown.hidden;
-          menuDropdown.hidden = !menuDropdown.hidden;
-          if (!isOpen) {
-            const closeMenu = (ev) => {
-              if (!menuDropdown.contains(ev.target) && ev.target !== menuBtn) {
-                menuDropdown.hidden = true;
-                document.removeEventListener("pointerdown", closeMenu, true);
-              }
-            };
-            requestAnimationFrame(() => {
-              document.addEventListener("pointerdown", closeMenu, true);
-            });
-          }
+          if (menuDropdown.hidden) this._openTileMenu();
+          else this._closeTileMenu();
         });
         menuDropdown.querySelectorAll(".tile-menu-item").forEach((itemEl) => {
           itemEl.addEventListener("click", (e) => {
             e.stopPropagation();
-            menuDropdown.hidden = true;
+            this._closeTileMenu();
             this._onMenuAction(itemEl.dataset.action);
           });
         });
@@ -716,6 +717,48 @@ var TileBase = class {
       });
     }
   }
+  /**
+   * Open the ⋯ menu. It is drawn on `document.body` (or the open modal's
+   * host, as `showContextMenu` is), not inside the tile: a tile clips its
+   * content, so a menu wider than a narrow tile lost its left part. It is
+   * placed with `ActionDropdown.position` — fixed, under the button (above
+   * when there is no room), right edges aligned, kept inside the window.
+   * @private
+   */
+  _openTileMenu() {
+    const btn = this._menuButton;
+    const menu = this._menuDropdown;
+    if (!btn || !menu || !menu.hidden) return;
+    (modalHost() || document.body).appendChild(menu);
+    menu.hidden = false;
+    ActionDropdown.position(btn, menu, { align: "end" });
+    this._menuOutsideListener = (ev) => {
+      if (!menu.contains(ev.target) && !btn.contains(ev.target)) this._closeTileMenu();
+    };
+    const listener = this._menuOutsideListener;
+    requestAnimationFrame(() => {
+      if (this._menuOutsideListener === listener) {
+        document.addEventListener("pointerdown", listener, true);
+      }
+    });
+  }
+  /**
+   * Close the ⋯ menu and put it back in the tile's header.
+   * @private
+   */
+  _closeTileMenu() {
+    const menu = this._menuDropdown;
+    if (this._menuOutsideListener) {
+      document.removeEventListener("pointerdown", this._menuOutsideListener, true);
+      this._menuOutsideListener = null;
+    }
+    if (!menu) return;
+    menu.hidden = true;
+    for (const prop of ["position", "top", "bottom", "left", "right", "maxHeight", "overflowY"]) {
+      menu.style[prop] = "";
+    }
+    if (this._menuHome && menu.parentNode !== this._menuHome) this._menuHome.appendChild(menu);
+  }
   /**
    * Handle config button click — highlight tile and emit config request.
    * @private