flexdesk 0.15.2 → 0.16.1

package/README.md

@@ -1789,6 +1789,32 @@ so the window snaps, takes Win+arrows and resizes like any other.
 frame styles, return the whole window from `WM_NCCALCSIZE`, start gestures with
 `WM_NCLBUTTONDOWN`. Don't use Photino's `SetChromeless`, which loses all of that.
 
+### Links out, and the browser's right-click menu (0.16.0)
+
+In a native window a `target="_blank"` link or a `window.open()` opens nothing,
+or a bare popup with no way back. Hand them to the system browser instead:
+
+```js
+import { routeExternalLinks } from '@flexdesk/host';
+import { suppressNativeContextMenu } from '@flexdesk/widgets';
+
+routeExternalLinks({ host });    // a no-op without host.shell, so call it anywhere
+suppressNativeContextMenu();     // only your own menus, plus the native one in text
+```
+
+`routeExternalLinks` sends http(s) and mailto links that leave the app (a
+`_blank` target, another origin, a middle click) and external `window.open`
+calls to `host.shell.openExternal(url)`. That is a new optional host
+capability, which `createPhotinoHost()` offers as `shell.openExternal`. If the
+native side refuses, the original `window.open` runs. In a browser tab the
+host has no `shell`, and nothing changes.
+
+`suppressNativeContextMenu` prevents the browser's or webview's own menu (Back,
+Reload, Print, Inspect) on any right-click that no handler claimed with
+`preventDefault()`. It keeps the native menu in editable text and on selected
+text, where Paste and Copy are the point, and wherever `allow(event)` says so.
+Both calls return `{ dispose }`.
+
 ## Peer dependencies
 
 `@flexdesk/charts` needs Plotly (4.4 MB). `@flexdesk/editor` needs Monaco (14 MB).
@@ -1869,6 +1895,50 @@ A chart tile's **Download PNG** (0.14.1) goes through the grid's `host`
 toasts where the file went, a cancel says nothing — and with no host, or a
 `saveFile` that answers null, the browser download it always was.
 
+### List and people tiles, and one scope for the board (0.16.1)
+
+Two more widgets, registered by `registerListTiles()` (idempotent, nothing at
+import). Like the chart tile they take **rows you have already worked out**;
+what they own is what every list on a board needs: the count ("7 of 12"), the
+line that says what empty means, a button in the bar, a click, the keyboard and
+a right-click menu per row.
+
+```js
+import { registerListTiles, createScopePicker } from '@flexdesk/tiles';
+registerListTiles();
+const late = grid.addTile('flexdesk.list', { x: 0, y: 0, w: 12, h: 4 },
+                          { title: 'Overdue', empty_text: 'Nothing is late.', max_rows: 0 });
+late.onRowActivate = ({ row, event }) => open(row.key, { modified: event.ctrlKey });
+late.rowMenu = ({ row }) => [{ label: 'Open', icon: 'open_in_new', action: 'open' }];
+late.onRowMenuAction = ({ action, row }) => { /* … */ };
+late.onAction = () => openAsList();
+late.setData({
+    rows: [{ key: '7', icon: 'task', lead: 'TASK-0007', title: 'Sign-off',
+             cells: [{ text: 'priya' }, { text: '9 days late', tone: 'danger' }] }],
+    action: { label: 'Open as a list', icon: 'list' },
+});
+grid.addTile('flexdesk.people', { x: 0, y: 4, w: 6, h: 4 }, { title: 'Who has what' })
+    .setData({ people: [{ key: '', name: 'Nobody', muted: true, count: 2,
+                          pills: [{ text: '2 undated', tone: 'muted' }] }] });
+```
+
+- A row is `role="button"`: click, Enter and Space call `onRowActivate` with the
+  event; Up/Down/Home/End move. Right-click, the context-menu key and Shift+F10
+  open the row's menu (`showContextMenu`'s items; none means no menu). A row
+  carries `data-row-key`; `rowsDraggable` makes rows draggable.
+- `{rows: []}` keeps the bar and says `empty` (or `config.empty_text`) where the
+  rows would be; `setData(null)` is the empty state. Text is always text.
+- `tone` (`danger`, `warning`, `ok`, `muted`) picks a colour only; `className`
+  on a row or a cell is yours, added as it is.
+- `groupByPerson(items, personOf)` groups for a people tile, most first.
+
+**One scope for the whole board.** `createScopePicker({options, value, onChange})`
+is a row of buttons, one pressed. `grid.setScope(value)` (or
+`new TileGrid({ scope, onScopeChange })`) hands the value to every tile as
+`tile.scope` and `tile.onScopeChange(scope)`, a tile added later starts with
+it, a grid with a data source reloads its tiles, and the grid's `onScopeChange`
+is told. What a scope means is yours; it is not part of the layout.
+
 ## Styling
 
 Three stylesheets, and that is the whole CSS contract:

package/css/flexdesk.css

@@ -3565,6 +3565,159 @@ body.twm-window-maximized .twm-resize-handle {
     font-size: var(--font-size-xs);
     white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
 }
+/* ── the list and people tiles (0.16.1, list_tiles.js) ──────────────────
+   A bar (count, button), the rows, a note. The rows scroll inside the tile;
+   the bar and the note stay put. */
+.fd-list-tile {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    gap: var(--space-xs);
+    margin: calc(-1 * var(--space-sm)) 0;
+}
+.fd-list-tile__bar {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    min-height: 24px;
+}
+.fd-list-tile__count {
+    color: var(--text-muted);
+    font-size: var(--font-size-xs);
+    font-variant-numeric: tabular-nums;
+}
+.fd-list-tile__spacer { flex: 1 1 auto; }
+.fd-list-tile__action {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 2px 8px;
+    border: 1px solid var(--border-subtle);
+    border-radius: var(--radius-sm);
+    background: transparent;
+    color: var(--text-secondary);
+    font: inherit;
+    font-size: var(--font-size-xs);
+    cursor: pointer;
+}
+.fd-list-tile__action:hover { color: var(--text-bright); border-color: var(--text-muted); }
+.fd-list-tile__action .material-symbols-outlined { font-size: 15px; }
+.fd-list-tile__rows {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+.fd-list-tile__empty {
+    padding: var(--space-sm) 2px;
+    color: var(--text-muted);
+    font-size: var(--font-size-sm);
+}
+.fd-list-tile__row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    min-width: 0;
+    padding: 3px 4px;
+    border-radius: var(--radius-sm);
+    font-size: var(--font-size-sm);
+    cursor: pointer;
+    outline: none;
+}
+.fd-list-tile__row:hover { background: rgba(255, 255, 255, 0.05); }
+.fd-list-tile__row:focus-visible { box-shadow: inset 0 0 0 1px var(--accent-bright); }
+.fd-list-tile__icon { flex: 0 0 auto; font-size: 16px; color: var(--text-muted); }
+.fd-list-tile__lead {
+    flex: 0 0 auto;
+    color: var(--text-muted);
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+}
+.fd-list-tile__title {
+    flex: 1 1 auto;
+    min-width: 0;
+    color: var(--text-bright);
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.fd-list-tile__cell {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    max-width: 40%;
+    color: var(--text-secondary);
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.fd-list-tile__cell .material-symbols-outlined { font-size: 14px; }
+.fd-list-tile__cell--danger, .fd-people-tile__pill--danger { color: var(--color-danger); }
+.fd-list-tile__cell--warning, .fd-people-tile__pill--warning { color: var(--color-warning); }
+.fd-list-tile__cell--ok, .fd-people-tile__pill--ok { color: var(--color-success); }
+.fd-list-tile__cell--muted, .fd-people-tile__pill--muted { color: var(--text-muted); }
+.fd-list-tile__note {
+    flex: 0 0 auto;
+    font-size: var(--font-size-xs);
+    color: var(--text-muted);
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.fd-people-tile__name {
+    flex: 0 1 auto;
+    min-width: 0;
+    color: var(--text-bright);
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.fd-people-tile__name--muted { color: var(--text-muted); font-style: italic; }
+.fd-people-tile__pills {
+    flex: 1 1 auto;
+    display: flex;
+    flex-wrap: nowrap;
+    gap: 4px;
+    min-width: 0;
+    overflow: hidden;
+}
+.fd-people-tile__pill {
+    flex: 0 0 auto;
+    padding: 0 6px;
+    border: 1px solid var(--border-subtle);
+    border-radius: 9px;
+    font-size: var(--font-size-xs);
+    line-height: 16px;
+    color: var(--text-secondary);
+    white-space: nowrap;
+}
+.fd-people-tile__count {
+    flex: 0 0 auto;
+    color: var(--text-secondary);
+    font-size: var(--font-size-xs);
+    font-variant-numeric: tabular-nums;
+}
+
+/* ── the scope picker (0.16.1, scope_picker.js): one pressed button of a row */
+.fd-scope-picker {
+    display: inline-flex;
+    align-items: stretch;
+    border: 1px solid var(--border-subtle);
+    border-radius: var(--radius-sm);
+    overflow: hidden;
+}
+.fd-scope-picker__btn {
+    padding: 3px 10px;
+    border: 0;
+    border-left: 1px solid var(--border-subtle);
+    background: transparent;
+    color: var(--text-secondary);
+    font: inherit;
+    font-size: var(--font-size-sm);
+    white-space: nowrap;
+    cursor: pointer;
+}
+.fd-scope-picker__btn:first-child { border-left: 0; }
+.fd-scope-picker__btn:hover { color: var(--text-bright); background: rgba(255, 255, 255, 0.05); }
+.fd-scope-picker__btn--on,
+.fd-scope-picker__btn--on:hover { background: var(--accent); color: #fff; }
+.fd-scope-picker__btn:focus-visible { outline: 1px solid var(--accent-bright); outline-offset: -2px; }
+
 /* ===================================================================
    REUSABLE ACTION DROPDOWN COMPONENT
    Used by Add Scenario, Add Widget, and other action dropdowns

package/dist/chunk-B5Q53LAJ.js

@@ -0,0 +1,111 @@
+import {
+  modalHost
+} from "./chunk-NNFTETK3.js";
+
+// 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 {
+  showContextMenu,
+  hideContextMenu
+};
+//# sourceMappingURL=chunk-B5Q53LAJ.js.map

package/dist/chunk-B5Q53LAJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ui/components/context_menu.js"],
+  "sourcesContent": ["/**\n * context_menu.js \u2014 small popup menu that matches Ecosim's `.context-menu`\n * idiom (see main_new.css line 9713 and ui/js/ui/components/data_table.js).\n *\n * Usage:\n *   showContextMenu(x, y, [\n *     { label: 'Open',   icon: 'open_in_new', action: 'open' },\n *     { separator: true },\n *     { label: 'Delete', icon: 'delete',      action: 'delete', danger: true },\n *   ], (action) => { ... });\n *\n * The menu auto-closes on outside click / scroll / Escape.\n *\n * \u2500\u2500 It is operable by keyboard \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 * Items were bare `<div>`s with a click listener: no role, no tab stop, no\n * arrow-key movement, and `showContextMenu` never moved focus into the menu.\n * A consumer that opened this from Shift+F10 \u2014 the rail in Tables does \u2014 put a\n * menu on screen that the keyboard could only dismiss. Every command in it was\n * unreachable without a pointer, and nothing said so.\n *\n * So an item is a `<button role=\"menuitem\">`, the first enabled one takes focus\n * when the menu opens, Up/Down/Home/End move between them and wrap, Enter and\n * Space activate, Escape closes, and focus returns to whatever had it before.\n * Disabled items are skipped by the arrows rather than focusable-but-inert.\n * `<button>` rather than a div with `tabindex`: the browser then gives Enter and\n * Space for free and screen readers announce it without further help.\n */\n\nimport { modalHost } from './modal.js';\n\nlet _activeMenu = null;\nlet _returnFocusTo = null;\n\nexport function showContextMenu(x, y, items, onAction) {\n    hideContextMenu();\n\n    // Whatever had focus when the menu opened gets it back when the menu\n    // closes. Without this a keyboard user who presses Escape is returned to\n    // `document.body` and has to tab back to where they were.\n    _returnFocusTo = document.activeElement;\n\n    const menu = document.createElement('div');\n    menu.className = 'twm-context-menu ea-context-menu';\n    menu.setAttribute('role', 'menu');\n\n    for (const it of items) {\n        if (it.separator) {\n            const sep = document.createElement('div');\n            sep.className = 'twm-context-menu__separator';\n            sep.setAttribute('role', 'separator');\n            menu.appendChild(sep);\n            continue;\n        }\n        const row = document.createElement('button');\n        row.type = 'button';\n        row.setAttribute('role', 'menuitem');\n        let cls = 'twm-context-menu-item';\n        if (it.danger) cls += ' twm-delete-node';\n        if (it.disabled) cls += ' disabled';\n        row.className = cls;\n        if (it.disabled) {\n            row.disabled = true;\n            row.setAttribute('aria-disabled', 'true');\n        }\n        // A DISABLED ROW WITH NO EXPLANATION IS A DEAD CONTROL. `title` was\n        // accepted by callers and rendered by nothing \u2014 the item was built with\n        // one, the row silently dropped it, and the user got a greyed line with\n        // no way to learn why. It is the same shape as the classes this\n        // repository keeps finding: no error, no throw, and invisible to every\n        // test that checks the row is disabled.\n        if (it.title) row.title = it.title;\n        row.innerHTML = `\n            <span class=\"material-symbols-outlined\">${it.icon || ''}</span>\n            <span>${escapeHtml(it.label)}</span>\n        `;\n        if (!it.disabled) {\n            row.addEventListener('click', (e) => {\n                e.stopPropagation();\n                hideContextMenu();\n                onAction?.(it.action);\n            });\n        }\n        menu.appendChild(row);\n    }\n\n    // C25. THE SAME QUESTION A MODAL ASKS: which window is the user in? A\n    // consumer spanning two browser windows sets the host when its focus moves;\n    // null \u2014 every consumer today \u2014 is `document.body`, exactly as before. A\n    // menu in the wrong window is worse than a modal in the wrong window,\n    // because it is positioned at coordinates from the OTHER one.\n    (modalHost() || document.body).appendChild(menu);\n    menu.style.display = 'block';\n    _activeMenu = menu;\n\n    // Position with viewport clamping.\n    const rect = menu.getBoundingClientRect();\n    const left = Math.min(x, window.innerWidth  - rect.width  - 8);\n    const top  = Math.min(y, window.innerHeight - rect.height - 8);\n    menu.style.left = `${Math.max(0, left)}px`;\n    menu.style.top  = `${Math.max(0, top)}px`;\n\n    // Close on outside click / scroll / Escape.\n    setTimeout(() => {\n        document.addEventListener('mousedown', _outsideHandler, { once: true, capture: true });\n    }, 0);\n    document.addEventListener('keydown', _keyHandler);\n    window.addEventListener('scroll', hideContextMenu, { once: true, capture: true });\n\n    // Focus the first item the keyboard can actually use. `preventScroll` so a\n    // menu opened near the bottom of a long page does not jump it.\n    _enabledItems(menu)[0]?.focus({ preventScroll: true });\n}\n\nexport function hideContextMenu() {\n    if (!_activeMenu) return;\n    const returnTo = _returnFocusTo;\n    const held = _activeMenu.contains(document.activeElement);\n    _activeMenu.remove();\n    _activeMenu = null;\n    _returnFocusTo = null;\n    document.removeEventListener('keydown', _keyHandler);\n    // Only take focus back if the menu still had it. A click elsewhere has\n    // already moved focus deliberately and must not be undone.\n    if (held && returnTo?.isConnected) returnTo.focus?.({ preventScroll: true });\n}\n\nfunction _enabledItems(menu) {\n    return [...menu.querySelectorAll('.twm-context-menu-item:not(.disabled)')];\n}\n\n/** Up/Down/Home/End move; the list WRAPS, which is what a menu of four items\n *  wants and what every desktop menu does. Enter and Space are the button's\n *  own, so they are not bound here. */\nfunction _keyHandler(e) {\n    if (!_activeMenu) return;\n    if (e.key === 'Escape') { e.preventDefault(); hideContextMenu(); return; }\n    const items = _enabledItems(_activeMenu);\n    if (items.length === 0) return;\n    const at = items.indexOf(document.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;\n    e.preventDefault();\n    next.focus({ preventScroll: true });\n}\n\nfunction _outsideHandler(e) {\n    if (_activeMenu && !_activeMenu.contains(e.target)) hideContextMenu();\n}\n\nfunction escapeHtml(s) {\n    return String(s).replace(/[&<>\"']/g, (c) => ({\n        '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;',\n    }[c]));\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/{chunk-CWPMLX67.js → chunk-W6FBJLPW.js}

@@ -1,7 +1,3 @@
-import {
-  modalHost
-} from "./chunk-NNFTETK3.js";
-
 // src/help/help_registry.js
 var EMPTY_PROVIDER = Object.freeze({
   getCategories: () => [],
@@ -361,115 +357,11 @@ if (typeof document !== "undefined") {
   setupGlobalHelpShortcut();
 }
 
-// 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,
-  showContextMenu,
-  hideContextMenu
+  HelpModal
 };
-//# sourceMappingURL=chunk-CWPMLX67.js.map
+//# sourceMappingURL=chunk-W6FBJLPW.js.map