flexdesk 0.11.1 → 0.12.1

package/dist/{chunk-6EZPPN4E.js → chunk-NNFTETK3.js}

@@ -17,7 +17,9 @@ function openForm({ title, fields = [], defaults = {}, submitLabel = "OK", onFie
     body.className = "twm-modal__body-host";
     body.innerHTML = `
             <form class="twm-modal__form">
-                ${fields.map((f) => _renderEntry(f, defaults[f.name] ?? f.default)).join("")}
+                <div class="twm-modal__fields">
+                    ${fields.map((f) => _renderEntry(f, defaults[f.name] ?? f.default)).join("")}
+                </div>
                 <div class="twm-modal__error" data-role="form-error" hidden></div>
                 <div class="twm-modal__actions">
                     <button type="button" class="twm-btn" data-action="cancel">Cancel</button>
@@ -453,8 +455,10 @@ function _estimateHeight(fields) {
       const rows = Number(f.rows) || 4;
       body += 32 + rows * 18;
       if (f.hint) body += 16;
-    } else if (f.type === "checkbox") body += 32;
-    else {
+    } else if (f.type === "checkbox") {
+      body += 32;
+      if (f.hint) body += 16;
+    } else {
       body += 46;
       if (f.hint) body += 16;
     }
@@ -626,4 +630,4 @@ export {
   openConfirm,
   openModal
 };
-//# sourceMappingURL=chunk-6EZPPN4E.js.map
+//# sourceMappingURL=chunk-NNFTETK3.js.map

package/dist/chunk-NNFTETK3.js.map

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

package/dist/flexdesk.css

@@ -706,6 +706,82 @@ body.twm-dt-col-resizing {
 .twm-preview-table tbody tr.twm-dt-row--active > td:first-child {
     box-shadow: inset 2px 0 0 0 var(--accent-bright, #007acc);
 }
+/* STORY-0016 `selectToggle` / `selectMode` — the select column. Narrow, never
+ * the time column (it is the first child, so the time rules reach it: (0,3,2)
+ * here beats them), and the time styling moves to the first column after it,
+ * so a table looks as it did before the column was added. Its boxes show only
+ * in select mode; the header's toggle always. */
+.twm-preview-table.twm-dt--select tr > .twm-dt-select-cell {
+    width: 32px;
+    min-width: 0;
+    max-width: none;
+    padding-left: 6px;
+    padding-right: 2px;
+    text-align: left;
+    color: inherit;
+    font-weight: inherit;
+    white-space: nowrap;
+}
+.twm-preview-table.twm-dt--select:not(.twm-dt--first-plain) tr > .twm-dt-select-cell + th,
+.twm-preview-table.twm-dt--select:not(.twm-dt--first-plain) tr > .twm-dt-select-cell + td {
+    width: 120px;
+    min-width: 100px;
+    font-weight: 500;
+    color: #bbb;
+}
+.twm-preview-table.twm-dt--select:not(.twm-dt--first-plain) tr > th.twm-dt-select-cell + th {
+    font-weight: 600;
+    color: #aaa;
+}
+.twm-preview-table.twm-dt--select td.twm-dt-select-cell .twm-dt-select-box {
+    display: none;
+    margin: 0;
+    vertical-align: middle;
+    cursor: pointer;
+}
+.twm-preview-table.twm-dt--selecting td.twm-dt-select-cell .twm-dt-select-box {
+    display: inline-block;
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-all {
+    margin: 0 4px 0 0;
+    vertical-align: middle;
+    cursor: pointer;
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    margin: -3px 0;
+    padding: 0;
+    border: 0;
+    border-radius: 3px;
+    background: transparent;
+    color: inherit;
+    font-size: 16px;
+    line-height: 1;
+    vertical-align: middle;
+    cursor: pointer;
+    opacity: 0.7;
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle:hover,
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle[aria-pressed="true"] {
+    opacity: 1;
+    background: rgba(255, 255, 255, 0.08);
+}
+.twm-preview-table.twm-dt--select th.twm-dt-select-cell .twm-dt-select-toggle:focus-visible {
+    opacity: 1;
+    outline: 1px solid var(--accent-bright, #007acc);
+}
+/* In the mode a click ticks: a pointer on every row, and the keyboard's row
+ * (the arrows move it, Space ticks it) drawn as an outline. */
+.twm-preview-table.twm-dt--selecting tbody tr:not(.twm-dt-spacer):not(.data-table__empty-row) {
+    cursor: pointer;
+}
+.twm-preview-table.twm-dt--selecting tbody tr.twm-dt-row--cursor > td {
+    box-shadow: inset 0 1px 0 0 var(--accent-bright, #007acc), inset 0 -1px 0 0 var(--accent-bright, #007acc);
+}
 /* `rowIcon` — drawn from `data-twm-icon` so the icon's NAME is not cell
  * text (not in a copy, not in the clipped-cell tooltip). The span carries the
  * icon font's class; the pseudo-element inherits its font and ligatures. Top
@@ -4889,36 +4965,54 @@ button.twm-about-dialog__btn--close:focus {
     color: #fff;
 }
 /* Content area — drop the host padding so the body host controls its
- * own zones (form rows + flush-bottom action strip). */
+ * own zones (form rows + flush-bottom action strip). The content never
+ * scrolls itself: the zone above the strip does, so the strip stays whole
+ * and in view when the fields outgrow the window. */
 .twm-managed-window--modal .twm-managed-window__content {
     background: var(--ea-bg-content);
     padding: 0;
-    overflow: auto;
+    overflow: hidden;
 }
 .twm-managed-window--modal .twm-modal__body-host {
     display: flex;
     flex-direction: column;
-    min-height: 100%;
+    height: 100%;
 }
-/* Form sits inside the body host as a flex column so the actions row
- * gets pushed to the bottom via margin-top:auto. */
+/* Form sits inside the body host as a flex column: the fields take the
+ * room left over and scroll, the error banner and the actions row keep
+ * their height below them. */
 .twm-managed-window--modal .twm-modal__form {
     display: flex;
     flex-direction: column;
     flex: 1 1 auto;
+    min-height: 0;
     padding: 0;
+    overflow: hidden;
+}
+.twm-managed-window--modal .twm-modal__fields {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow-y: auto;
+    padding-bottom: 14px;
+}
+.twm-managed-window--modal .twm-modal__form > .twm-modal__error,
+.twm-managed-window--modal .twm-modal__form > .twm-modal__actions {
+    flex: 0 0 auto;
+}
+.twm-managed-window--modal .twm-modal__form > .twm-modal__error {
+    margin-bottom: 8px;
 }
 /* Field rows get inset margins so the action strip can run edge-to-edge
  * as a true bottom band. */
-.twm-managed-window--modal .twm-modal__form > .twm-modal__row,
-.twm-managed-window--modal .twm-modal__form > .twm-modal__section,
+.twm-managed-window--modal .twm-modal__fields > .twm-modal__row,
+.twm-managed-window--modal .twm-modal__fields > .twm-modal__section,
 .twm-managed-window--modal .twm-modal__form > .twm-modal__error,
 .twm-managed-window--modal .twm-modal__body {
     margin-left: 14px;
     margin-right: 14px;
 }
-.twm-managed-window--modal .twm-modal__form > .twm-modal__row:first-of-type,
-.twm-managed-window--modal .twm-modal__form > .twm-modal__section:first-child,
+.twm-managed-window--modal .twm-modal__fields > .twm-modal__row:first-of-type,
+.twm-managed-window--modal .twm-modal__fields > .twm-modal__section:first-child,
 .twm-managed-window--modal .twm-modal__body:first-child {
     margin-top: 14px;
 }
@@ -5159,6 +5253,8 @@ button.twm-about-dialog__btn--close:focus {
     line-height: 1.5;
     color: var(--ea-text);
     flex: 1 1 auto;
+    min-height: 0;
+    overflow-y: auto;
 }
 /* Form-level error banner — left accent stripe, dim red panel. */
 .twm-managed-window--modal .twm-modal__error {

package/dist/flow.js

@@ -1,9 +1,9 @@
 import {
   modalHost
-} from "./chunk-6EZPPN4E.js";
+} from "./chunk-NNFTETK3.js";
 import {
   DataTable
-} from "./chunk-6CGH73BC.js";
+} from "./chunk-M2L4XW2U.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/tiles.js

@@ -16,8 +16,8 @@ import {
 } from "./chunk-O5OHMWBB.js";
 import {
   openRawTracesWindow
-} from "./chunk-EHHTKD7B.js";
-import "./chunk-6CGH73BC.js";
+} from "./chunk-2LEJQD4H.js";
+import "./chunk-M2L4XW2U.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/widgets.js

@@ -9,14 +9,14 @@ import {
   hideContextMenu,
   setHelpProvider,
   showContextMenu
-} from "./chunk-5QPGYHBN.js";
+} from "./chunk-CWPMLX67.js";
 import {
   modalHost,
   openConfirm,
   openForm,
   openModal,
   setModalHost
-} from "./chunk-6EZPPN4E.js";
+} from "./chunk-NNFTETK3.js";
 import {
   ActionDropdown
 } from "./chunk-O5OHMWBB.js";
@@ -36,7 +36,7 @@ import {
   parseDateValue,
   parseDuration,
   resolvePaging
-} from "./chunk-6CGH73BC.js";
+} from "./chunk-M2L4XW2U.js";
 import {
   ManagedWindow,
   ROW_CONTROL_SELECTOR,

package/dist/wm.js

@@ -1,10 +1,10 @@
 import {
   HelpModal,
   showContextMenu
-} from "./chunk-5QPGYHBN.js";
+} from "./chunk-CWPMLX67.js";
 import {
   openForm
-} from "./chunk-6EZPPN4E.js";
+} from "./chunk-NNFTETK3.js";
 import {
   ManagedWindow,
   isRowActivation
@@ -3420,7 +3420,7 @@ var TileRenderer = class {
     const kindKey = this._leafKindKey(leaf);
     let entry = this._leafCache.get(leaf.id);
     if (entry && entry.kindKey === kindKey) {
-      entry.titleEl.textContent = leaf.title || (leaf.content ? leaf.content.kind : "empty");
+      entry.titleEl.textContent = entry.liveTitle || leaf.title || (leaf.content ? leaf.content.kind : "empty");
       _paintLeafIcon(entry.iconEl, leaf, entry.content, this.ctx);
       if (this.tabLayout === "header") this._refreshHeaderLabels(leaf, entry);
       return entry.wrapEl;
@@ -3545,11 +3545,26 @@ var TileRenderer = class {
       this.ctx.onLeafAction?.(leaf.id, btn.dataset.action);
     });
     let content = {};
+    let liveTitle = null;
+    let liveEntry = null;
     if (leaf.content) {
-      const leafCtx = { ...this.ctx, leafId: leaf.id };
+      const setTitle = (text) => {
+        const next = text == null || text === "" ? null : String(text);
+        if (!liveEntry) {
+          liveTitle = next;
+          title.textContent = next || leaf.title || leaf.content.kind;
+          return;
+        }
+        if (this._leafCache.get(leaf.id) !== liveEntry) return;
+        liveEntry.liveTitle = next;
+        const now = this.tree?.get?.(leaf.id) || leaf;
+        liveEntry.titleEl.textContent = next || now.title || (now.content ? now.content.kind : "empty");
+      };
+      const leafCtx = { ...this.ctx, leafId: leaf.id, setTitle };
       const activeProps = activeTab?.props ?? leaf.content.props;
       content = this.content.mount(leaf.content.kind, body, activeProps, leafCtx);
       if (content.title) title.textContent = content.title;
+      if (liveTitle) title.textContent = liveTitle;
       _paintLeafIcon(icon, leaf, content, this.ctx);
       _paintContentActions(contentActions, content.chromeActions);
       _vetoStructuralActions(actions, content.chrome);
@@ -3575,9 +3590,12 @@ var TileRenderer = class {
       // mounts into. Null under the `bottom` layout, which is plain
       // markup this file writes itself.
       tabStrip: null,
-      tabStripHostEl: null
+      tabStripHostEl: null,
+      // C41. Null until the content calls `ctx.setTitle`.
+      liveTitle
     };
     this._leafCache.set(leaf.id, entry);
+    liveEntry = entry;
     this._renderTabBar(leaf, entry);
     return wrap;
   }