quoin-editor 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -2,6 +2,52 @@
 
 Every release of `quoin-editor` is listed here, newest first, in the spirit of [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). From 1.0.0 the package follows [semantic versioning](https://semver.org/): a breaking change waits for the next major version. Until then, Quoin was 0.x and a minor version could contain breaking changes; those known at release were marked "Breaking". The 0.x sections are kept as they were released, "Docs" headings included. Moving from 0.4 to 1.0 is covered step by step in [MIGRATION.md](MIGRATION.md). Review finding ids such as F-17 are those of the 0.4.0 review in [#73](https://github.com/AmineSeboui/quoin-editor/issues/73).
 
+## 1.0.1 (2026-10-26)
+
+### Added
+- `toDocx` takes an optional `baseUrl`, the address of the page the document comes from: a link or a file whose address is a relative path, such as `/files/a.pdf` or `notes/a.pdf`, is linked to that address read against it, rather than written as its text. A network path (`//host/x`, `\\host\share`, `/\host`) and a fragment such as `#top` stay text. A base that is not an absolute `http` or `https` address is ignored, a user and password in it are left out of the links, and an empty link stays text.
+- `commentsExtension` takes an optional `initialLayout: 'wide' | 'narrow'`, the layout drawn on the server and in the first render before the canvas is measured, so a server-rendered wide canvas no longer shifts by 236 px as it hydrates. The default stays `'narrow'`.
+
+### Changed
+- `Transaction` and `ViewController` keep their private state in native private fields, so a proxy around one of them, such as Vue's `reactive` or Valtio's `proxy`, cannot read it and its methods throw: wrap the object that holds them, not these instances.
+- The transaction that moves the caret to where text is dropped has the `drop` origin, rather than `command`.
+- Docs: chains merge the meta of every part, so a key one part set is seen on the whole chain (extensions page).
+- Docs: two clients can hold a table's alignment as no `align` or as `align: [null, null]`, which the editor and `QuoinDiff` treat as equal; a host comparing saved JSON should normalise `align` (collaboration page).
+- Docs: typing into a block whose region another edit took out can bring along text waiting before it, which then shows one block higher on every client (collaboration page).
+- Docs: edits a headless editor makes while unmounted stay local and are not sent when it connects again (collaboration page).
+- Docs: the `onError` of `yjsCollaboration` is the adapter's own, apart from the canvas's; pass both the same handler (collaboration page).
+
+### Fixed
+- Under a collaboration, `editor.chain().undo().run()` and `editor.chain().redo().run()` undo and redo when the chain holds nothing else, rather than doing nothing. A chain that holds other commands as well still does nothing.
+- A canvas rendered on the server, as with `react-dom/server`, leaves out a code token's `color` that holds what could leave the declaration or load a resource (any of `;` `{` `}` `\` `"` `'` `<` `>` `!`, a `/*`, or `url(`, `image(`, `image-set(` or `expression(`), rather than writing a value such as `red;background-image:url(...)` into the page as it is, and the canvas in the browser leaves out the same values. Other colours, such as `var(--name, #fff)`, `hsl(var(--primary))`, `color-mix()` and `light-dark()`, are drawn by the canvas as in 1.0, and now by `QuoinView` too, which uses the same rule.
+- `toHTML`, `QuoinView` and `QuoinDiff` no longer write an empty accessible name: an empty `taskLabel` names a task with no text `Task` (in `QuoinDiff`, the `emptyTask` label, and `Task` when that is empty too), and a frame whose `frameTitle` is empty is titled with its provider's name, or with its page's address when the provider has no name.
+- `toDocx` writes a link to an `http` or `https` address with no host, such as `http:foo` or `http://?x`, as its text, as it does other targets Word cannot open, rather than as a hyperlink.
+- With presence, a long collaborator name at the end of a line is cut off where the avatars' gutter begins, rather than over the avatars.
+- With presence, a collaborator's caret near the side of a wide table, and its name, are cut off at the table's side as the table's text is, rather than drawn whole past it.
+- With presence, a collaborator's caret, and with `quoin-editor/ai` an answer, in a scroller that sits inside another box that clips what overflows, such as a table in a custom block, is clipped by both, rather than only by the nearest one.
+- With presence, a collaborator's caret in a wide table moves with the table as it scrolls, rather than a frame behind it.
+- With `quoin-editor/ai`, the room kept under a block for its answer no longer adds to the block's bottom padding or to the row gap of a flex or grid canvas under a block another block follows: the answer takes that space first, and the room makes up only the rest. Padding the block paints, with a bottom border or a background, is left to the block.
+- With `quoin-editor/ai`, an answer growing above the part of the page being read no longer pushes that text down in a browser without scroll anchoring, such as Safari, or on a page that turns scroll anchoring off, smooth `scroll-behavior` or not, and in a canvas that scrolls itself.
+- With `quoin-editor/comments`, a thread just resolved or deleted no longer comes back for a moment when your store sets new copies of threads that have not changed before it records the resolution. It comes back once your store, having resolved or removed it, reopens it.
+- With `quoin-editor/comments`, a selection your code sets, as a command or an AI answer does, no longer closes a thread a click opened, "Text removed" included: only the writer's own caret moves close it, an undo, a redo and a drop included.
+- With `quoin-editor/comments`, a thread a click opened closes once the writer moves the caret out of its text, rather than staying open over the lines they go on to type.
+- A canvas drawn inside another canvas's tree owns its own text, menus and popovers: focus in them no longer counts as focus in the outer canvas, which kept the inner canvas's presence, comments and AI from seeing it as their own and let the outer canvas's go on as if focused.
+- With `quoin-editor/yjs`, a row two people add to a table at the same moment, followed by a move of the table and a new column, no longer has one client write cell text at the wrong place, which split it across cells for the others.
+- With `quoin-editor/yjs`, deleting a table while someone adds or removes one of its rows or columns no longer leaves hidden regions in the line after it, over which Enter threw: the cell text shows at the end of that line.
+- Presence on a second editor given a `yjsCollaboration` that already serves one, which stays unconnected, no longer writes to the awareness: unmounting it no longer takes the person and their selection out while the first canvas is still mounted.
+- An editor that disconnects from a `yjsCollaboration` and connects again within a frame, as StrictMode or a quick remount does, keeps what it can undo and redo. A collaboration left disconnected longer lets its undo history go, as in 1.0.
+- `yjsCollaboration` reports to its `onError` a change from the shared document that does not apply to the editor, as the error applying it raised, before the editor takes the document as the shared text reads, rather than recovering in silence.
+- A block that a collaborator's change leaves selected as a whole comes into view with the writer's next change, rather than only once the selection leaves it and comes back.
+- A collaborator's caret move drawn in the same render as a change from your code, such as a command that selects a block below the fold, no longer keeps that change from scrolling it into view. A collaborator's change to the document still scrolls nothing.
+- A table's row or column menu stays open while a collaborator types in its own row or column. It still closes when a change from elsewhere moves that row or column.
+- Two people changing one block's type at the same moment no longer hide the block's text: text left in a region the winning type does not have shows in that type's own region.
+- A caret in a block that a new `blocks` array changes on both sides of it stays on its character, rather than moving by the length of the later change.
+
+### Known limits
+- A task's checkbox and an embed's frame in the canvas still get no name when a host's `task` or `frameTitle` label is empty or blank, and a `taskLabel` or `frameTitle` of spaces only gives `toHTML`, `QuoinView` and `QuoinDiff` a blank name.
+- With presence, a collaborator's caret can stay off its character after a style change that reflows the text without resizing its block, until the next change, scroll or resize.
+- With `quoin-editor/yjs`, a table cell whose region concurrent row and column edits took out cannot be selected or typed into until the table is rewritten, as by adding or removing a row or a column. This is as in 1.0.0.
+
 ## 1.0.0 (2026-10-23)
 
 Quoin 1.0 replaces the 0.4 canvas, a card per block with a textarea opened to edit it, by an editor of its own: an engine with no dependency, a view that types into the page in place, and a canvas UI on top. A 0.4 document loads as it is, and the 0.4 `BlockCanvas` props keep their names. [MIGRATION.md](MIGRATION.md) lists what a 0.4 host changes.

package/dist/ai.cjs

@@ -1,10 +1,10 @@
 'use client';"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkQAW5NH6Scjs = require('./chunk-QAW5NH6S.cjs');
+var _chunkLE5XMIFJcjs = require('./chunk-LE5XMIFJ.cjs');
 
 
-var _chunkWXMYDXPNcjs = require('./chunk-WXMYDXPN.cjs');
+var _chunkCLTHD5GOcjs = require('./chunk-CLTHD5GO.cjs');
 
 
 
@@ -17,14 +17,14 @@ var _chunkWXMYDXPNcjs = require('./chunk-WXMYDXPN.cjs');
 
 
 
-var _chunk2VDK27IFcjs = require('./chunk-2VDK27IF.cjs');
+var _chunk5R3ISX4Acjs = require('./chunk-5R3ISX4A.cjs');
 
 
 
 
 
-var _chunkGTTPVJSDcjs = require('./chunk-GTTPVJSD.cjs');
-require('./chunk-OMOBMXD5.cjs');
+var _chunk5M4QG3ZCcjs = require('./chunk-5M4QG3ZC.cjs');
+require('./chunk-EH5KXQXY.cjs');
 
 
 
@@ -47,14 +47,15 @@ require('./chunk-OMOBMXD5.cjs');
 
 
 
-var _chunkPZ4GT5JOcjs = require('./chunk-PZ4GT5JO.cjs');
-require('./chunk-2QCRZ7OL.cjs');
+var _chunkHOIDJEVIcjs = require('./chunk-HOIDJEVI.cjs');
+require('./chunk-XX5FTPJR.cjs');
 
 
 
 
 
-var _chunkND5XJVK2cjs = require('./chunk-ND5XJVK2.cjs');
+
+var _chunkBTBHHBVRcjs = require('./chunk-BTBHHBVR.cjs');
 
 // src/extensions/ai/streaming-markdown.ts
 var FENCE = /^ {0,3}(`{3,}|~{3,})/;
@@ -153,30 +154,30 @@ function closeStreaming(markdown) {
 // src/extensions/ai/ai-target.ts
 function targetOfBlocks(state, ids) {
   const { doc, schema } = state;
-  const first = doc.blocks[_nullishCoalesce(doc.index.get(ids[0]), () => ( -1))];
-  const last = doc.blocks[_nullishCoalesce(doc.index.get(ids[ids.length - 1]), () => ( -1))];
+  const first = _chunkBTBHHBVRcjs.blockById.call(void 0, doc, ids[0]);
+  const last = _chunkBTBHHBVRcjs.blockById.call(void 0, doc, ids[ids.length - 1]);
   if (first === void 0 || last === void 0) return null;
-  const start = _chunkPZ4GT5JOcjs.primaryRegion.call(void 0, schema, first);
-  const end = _chunkPZ4GT5JOcjs.primaryRegion.call(void 0, schema, last);
+  const start = _chunkHOIDJEVIcjs.primaryRegion.call(void 0, schema, first);
+  const end = _chunkHOIDJEVIcjs.primaryRegion.call(void 0, schema, last);
   if (start === null || end === null) return null;
   const from = { block: first.id, region: start, offset: 0 };
-  return { from, to: { block: last.id, region: end, offset: _chunkPZ4GT5JOcjs.regionLength.call(void 0, last, end) }, selected: ids.length > 1 };
+  return { from, to: { block: last.id, region: end, offset: _chunkHOIDJEVIcjs.regionLength.call(void 0, last, end) }, selected: ids.length > 1 };
 }
 function targetOfSelection(state) {
   const { doc, selection } = state;
   if (selection === null) return null;
-  if (selection.kind !== "text") return targetOfBlocks(state, _chunkPZ4GT5JOcjs.selectedBlockIds.call(void 0, doc, selection));
-  const { from, to } = _chunkPZ4GT5JOcjs.orderedRange.call(void 0, doc, selection.anchor, selection.head);
-  if (_chunkPZ4GT5JOcjs.comparePos.call(void 0, doc, from, to) !== 0) return { from, to, selected: true };
+  if (selection.kind !== "text") return targetOfBlocks(state, _chunkHOIDJEVIcjs.selectedBlockIds.call(void 0, doc, selection));
+  const { from, to } = _chunkHOIDJEVIcjs.orderedRange.call(void 0, doc, selection.anchor, selection.head);
+  if (_chunkHOIDJEVIcjs.comparePos.call(void 0, doc, from, to) !== 0) return { from, to, selected: true };
   const block = doc.blocks[doc.index.get(from.block)];
   const whole = { block: from.block, region: from.region };
-  return { from: { ...whole, offset: 0 }, to: { ...whole, offset: _chunkPZ4GT5JOcjs.regionLength.call(void 0, block, from.region) }, selected: false };
+  return { from: { ...whole, offset: 0 }, to: { ...whole, offset: _chunkHOIDJEVIcjs.regionLength.call(void 0, block, from.region) }, selected: false };
 }
 function nearestKept(tr, target) {
   const { doc } = tr.before;
   const first = _nullishCoalesce(doc.index.get(target.from.block), () => ( 0));
   const last = _nullishCoalesce(doc.index.get(target.to.block), () => ( first));
-  const kept = (block) => block && tr.doc.blocks[_nullishCoalesce(tr.doc.index.get(block.id), () => ( -1))];
+  const kept = (block) => block && _chunkBTBHHBVRcjs.blockById.call(void 0, tr.doc, block.id);
   for (let step = 1; first - step >= 0 || last + step < doc.blocks.length; step++) {
     const found = _nullishCoalesce(kept(doc.blocks[first - step]), () => ( kept(doc.blocks[last + step])));
     if (found) return found;
@@ -185,10 +186,10 @@ function nearestKept(tr, target) {
 }
 function edgeOf(tr, target) {
   const point = tr.mapPos(target.from, -1);
-  const block = _nullishCoalesce(tr.doc.blocks[_nullishCoalesce(tr.doc.index.get(point.block), () => ( -1))], () => ( nearestKept(tr, target)));
+  const block = _nullishCoalesce(_chunkBTBHHBVRcjs.blockById.call(void 0, tr.doc, point.block), () => ( nearestKept(tr, target)));
   if (block === void 0) return null;
-  const region = _nullishCoalesce(_chunkPZ4GT5JOcjs.primaryRegion.call(void 0, tr.before.schema, block), () => ( ""));
-  const length = region === "" ? 0 : _chunkPZ4GT5JOcjs.regionLength.call(void 0, block, region);
+  const region = _nullishCoalesce(_chunkHOIDJEVIcjs.primaryRegion.call(void 0, tr.before.schema, block), () => ( ""));
+  const length = region === "" ? 0 : _chunkHOIDJEVIcjs.regionLength.call(void 0, block, region);
   const offset = block.id === point.block ? Math.min(point.offset, length) : length;
   const after = offset > 0 || length === 0;
   const at = { block: block.id, region, offset: after ? length : 0 };
@@ -200,29 +201,29 @@ function mapTarget(tr, target) {
   const from = tr.mapPos(target.from, inside);
   const mapped2 = tr.mapPos(target.to, -inside);
   if (!tr.doc.index.has(from.block) || !tr.doc.index.has(mapped2.block)) return edgeOf(tr, target);
-  const to = _chunkPZ4GT5JOcjs.comparePos.call(void 0, tr.doc, from, mapped2) > 0 ? from : mapped2;
+  const to = _chunkHOIDJEVIcjs.comparePos.call(void 0, tr.doc, from, mapped2) > 0 ? from : mapped2;
   return from === target.from && to === target.to ? target : { ...target, from, to };
 }
-var targetGone = (doc, target) => target.lost !== void 0 || target.selected && _chunkPZ4GT5JOcjs.comparePos.call(void 0, doc, target.from, target.to) === 0;
+var targetGone = (doc, target) => target.lost !== void 0 || target.selected && _chunkHOIDJEVIcjs.comparePos.call(void 0, doc, target.from, target.to) === 0;
 function targetRanges(state, { from, to }) {
   const { doc, schema } = state;
   const start = doc.index.get(from.block);
   const end = doc.index.get(to.block);
   return doc.blocks.slice(start, end + 1).flatMap((block, i) => {
-    const region = i === 0 ? from.region : block.id === to.block ? to.region : _chunkPZ4GT5JOcjs.primaryRegion.call(void 0, schema, block);
+    const region = i === 0 ? from.region : block.id === to.block ? to.region : _chunkHOIDJEVIcjs.primaryRegion.call(void 0, schema, block);
     if (region === null || !Object.hasOwn(block.regions, region)) return [];
     const left = i === 0 ? from.offset : 0;
-    const right = block.id === to.block ? to.offset : _chunkPZ4GT5JOcjs.regionLength.call(void 0, block, region);
+    const right = block.id === to.block ? to.offset : _chunkHOIDJEVIcjs.regionLength.call(void 0, block, region);
     return right > left ? [{ block: block.id, region, from: left, to: right }] : [];
   });
 }
 
 // src/extensions/ai/ai-plugin.ts
-var aiKey = _chunkPZ4GT5JOcjs.createPluginKey.call(void 0, "ai");
+var aiKey = _chunkHOIDJEVIcjs.createPluginKey.call(void 0, "ai");
 var AI = "ai";
 var IDLE = { target: null, menu: null, ghost: null, held: [] };
-var aiState = (state) => _chunkPZ4GT5JOcjs.getPluginState.call(void 0, state, aiKey);
-var aiTransaction = (state, act2) => new (0, _chunkPZ4GT5JOcjs.Transaction)(state).setMeta(AI, act2).setMeta("addToHistory", false);
+var aiState = (state) => _chunkHOIDJEVIcjs.getPluginState.call(void 0, state, aiKey);
+var aiTransaction = (state, act2) => new (0, _chunkHOIDJEVIcjs.Transaction)(state).setMeta(AI, act2).setMeta("addToHistory", false);
 function written(ghost, key, phase, output) {
   return ghost.key !== key ? ghost : { ...ghost, phase, output, shown: closeStreaming(output) };
 }
@@ -254,8 +255,8 @@ function caretBlock(state) {
   return _optionalChain([selection, 'optionalAccess', _11 => _11.kind]) === "text" ? selection.head.block : null;
 }
 function hasText(state, id) {
-  const block = state.doc.blocks[_nullishCoalesce(state.doc.index.get(id), () => ( -1))];
-  return block !== void 0 && Object.keys(block.regions).some((region) => _chunkPZ4GT5JOcjs.regionLength.call(void 0, block, region) > 0);
+  const block = _chunkBTBHHBVRcjs.blockById.call(void 0, state.doc, id);
+  return block !== void 0 && Object.keys(block.regions).some((region) => _chunkHOIDJEVIcjs.regionLength.call(void 0, block, region) > 0);
 }
 function heldText(tr, value, before, after) {
   if (!tr.docChanged) return value.held;
@@ -356,13 +357,13 @@ function aroundSelection(text, start, end, limit = CONTEXT_LIMIT) {
 }
 var WHITESPACE_ENTITY = /(?<!\\)&#(32|9);/g;
 var plain = (markdown) => markdown.replace(WHITESPACE_ENTITY, (_, code) => code === "32" ? " " : "	");
-var markdownOf = (state, blocks) => _chunkPZ4GT5JOcjs.toMarkdown.call(void 0, blocks, { schema: state.schema, comments: false });
+var markdownOf = (state, blocks) => _chunkHOIDJEVIcjs.toMarkdown.call(void 0, blocks, { schema: state.schema, comments: false });
 function rangeMarkdown(state, from, to) {
-  const slice = _chunkPZ4GT5JOcjs.sliceFromSelection.call(void 0, { ...state, selection: _chunkPZ4GT5JOcjs.textSelection.call(void 0, from, to) }, _chunkND5XJVK2cjs.createBlockCodec.call(void 0, state.schema));
+  const slice = _chunkHOIDJEVIcjs.sliceFromSelection.call(void 0, { ...state, selection: _chunkHOIDJEVIcjs.textSelection.call(void 0, from, to) }, _chunkBTBHHBVRcjs.createBlockCodec.call(void 0, state.schema));
   return slice === null ? "" : markdownOf(state, slice.blocks).replace(/\n$/, "");
 }
 function documentContext(state, target, selection) {
-  const blocks = _chunkND5XJVK2cjs.createBlockCodec.call(void 0, state.schema).blocksFromDoc(state.doc);
+  const blocks = _chunkBTBHHBVRcjs.createBlockCodec.call(void 0, state.schema).blocksFromDoc(state.doc);
   const full = plain(markdownOf(state, blocks));
   if (full.length <= CONTEXT_LIMIT) return full;
   const index = _nullishCoalesce(state.doc.index.get(target.from.block), () => ( 0));
@@ -423,7 +424,7 @@ async function read(editor, link, run, stream, request) {
   } catch (error) {
     if (!live()) return;
     end("error");
-    link.report(_chunk2VDK27IFcjs.toError.call(void 0, error));
+    link.report(_chunk5R3ISX4Acjs.toError.call(void 0, error));
   }
 }
 function startStream(editor, link, stream, request, replace) {
@@ -598,11 +599,11 @@ function resolveAiLabels(overrides) {
 var openOnSpace = (state, dispatch) => {
   const { selection, doc } = state;
   const ai = aiState(state);
-  if (_optionalChain([selection, 'optionalAccess', _26 => _26.kind]) !== "text" || !_chunkPZ4GT5JOcjs.isCollapsed.call(void 0, selection) || ai.menu !== null || ai.ghost !== null) return false;
+  if (_optionalChain([selection, 'optionalAccess', _26 => _26.kind]) !== "text" || !_chunkHOIDJEVIcjs.isCollapsed.call(void 0, selection) || ai.menu !== null || ai.ghost !== null) return false;
   const { head } = selection;
   const block = doc.blocks[doc.index.get(head.block)];
   const paragraph = block.type === "MARKDOWN" && block.attrs.kind === "paragraph";
-  if (!paragraph || _chunkPZ4GT5JOcjs.regionLength.call(void 0, block, head.region) > 0 || ai.held.includes(block.id)) return false;
+  if (!paragraph || _chunkHOIDJEVIcjs.regionLength.call(void 0, block, head.region) > 0 || ai.held.includes(block.id)) return false;
   _optionalChain([dispatch, 'optionalCall', _27 => _27(aiTransaction(state, { type: "open", target: { from: head, to: head, selected: false }, fromSpace: true }))]);
   return true;
 };
@@ -614,15 +615,15 @@ var _react = require('react');
 
 
 // src/extensions/ai/ai-accept.ts
-var isParagraph = (block) => _optionalChain([block, 'optionalAccess', _28 => _28.type]) === "MARKDOWN" && _chunkND5XJVK2cjs.parseLine.call(void 0, String(_nullishCoalesce(block.data.markdown, () => ( "")))).kind === "paragraph";
+var isParagraph = (block) => _optionalChain([block, 'optionalAccess', _28 => _28.type]) === "MARKDOWN" && _chunkBTBHHBVRcjs.parseLine.call(void 0, String(_nullishCoalesce(block.data.markdown, () => ( "")))).kind === "paragraph";
 var DISCARD = { type: "discard" };
 function insertBeside(tr, schema, target, pieces, makeId) {
   const index = tr.doc.index.get(target.to.block);
-  const at = _optionalChain([target, 'access', _29 => _29.lost, 'optionalAccess', _30 => _30.after]) ? _chunkPZ4GT5JOcjs.descendantsEnd.call(void 0, tr.doc, index) : index;
-  const fresh = _chunkPZ4GT5JOcjs.freshBlocks.call(void 0, pieces, tr.doc.blocks[index].indent, makeId);
-  tr.step(_chunkPZ4GT5JOcjs.insertBlocksStep.call(void 0, at, fresh));
-  _chunkPZ4GT5JOcjs.capIndents.call(void 0, tr, at, at + fresh.length);
-  tr.setSelection(_chunkPZ4GT5JOcjs.endOf.call(void 0, tr.doc, schema, fresh[fresh.length - 1].id));
+  const at = _optionalChain([target, 'access', _29 => _29.lost, 'optionalAccess', _30 => _30.after]) ? _chunkHOIDJEVIcjs.descendantsEnd.call(void 0, tr.doc, index) : index;
+  const fresh = _chunkHOIDJEVIcjs.freshBlocks.call(void 0, pieces, tr.doc.blocks[index].indent, makeId);
+  tr.step(_chunkHOIDJEVIcjs.insertBlocksStep.call(void 0, at, fresh));
+  _chunkHOIDJEVIcjs.capIndents.call(void 0, tr, at, at + fresh.length);
+  tr.setSelection(_chunkHOIDJEVIcjs.endOf.call(void 0, tr.doc, schema, fresh[fresh.length - 1].id));
 }
 function acceptAnswer(editor) {
   const { state } = editor;
@@ -630,7 +631,7 @@ function acceptAnswer(editor) {
   if (target === null || ghost === null || ghost.phase === "streaming" || ghost.phase === "error") return null;
   const { codec } = editor;
   const makeId = codec.context.newId;
-  const blocks = _chunkND5XJVK2cjs.fromMarkdown.call(void 0, ghost.output, { newId: makeId });
+  const blocks = _chunkBTBHHBVRcjs.fromMarkdown.call(void 0, ghost.output, { newId: makeId });
   const pieces = blocks.flatMap((block) => codec.toEngineBlocks(block));
   const tr = editor.createTransaction().setOrigin("ai").setMeta(AI, DISCARD);
   const gone = targetGone(state.doc, target);
@@ -640,12 +641,12 @@ function acceptAnswer(editor) {
     const { schema } = state;
     const open = { openStart: isParagraph(blocks[0]), openEnd: isParagraph(blocks[blocks.length - 1]) };
     if (ghost.replace || gone) {
-      const caret = ghost.replace && !gone ? _chunkPZ4GT5JOcjs.deleteRange.call(void 0, tr, schema, target.from, target.to, makeId) : target.to;
-      _chunkPZ4GT5JOcjs.pasteAtCaret.call(void 0, tr, schema, caret, open, pieces, makeId);
+      const caret = ghost.replace && !gone ? _chunkHOIDJEVIcjs.deleteRange.call(void 0, tr, schema, target.from, target.to, makeId) : target.to;
+      _chunkHOIDJEVIcjs.pasteAtCaret.call(void 0, tr, schema, caret, open, pieces, makeId);
     } else {
       const block = tr.doc.blocks[tr.doc.index.get(target.to.block)];
-      const end = { ...target.to, offset: _chunkPZ4GT5JOcjs.regionLength.call(void 0, block, target.to.region) };
-      _chunkPZ4GT5JOcjs.pasteAtCaret.call(void 0, tr, schema, end, { openStart: false, openEnd: false }, pieces, makeId);
+      const end = { ...target.to, offset: _chunkHOIDJEVIcjs.regionLength.call(void 0, block, target.to.region) };
+      _chunkHOIDJEVIcjs.pasteAtCaret.call(void 0, tr, schema, end, { openStart: false, openEnd: false }, pieces, makeId);
     }
   }
   editor.dispatch(tr);
@@ -663,12 +664,12 @@ function AiBar({ env, ghost, gone, barId }) {
   const [next, setNext] = _react.useState.call(void 0, "");
   const { phase } = ghost;
   const focusPrimary = () => _optionalChain([content, 'access', _31 => _31.current, 'optionalAccess', _32 => _32.querySelector, 'call', _33 => _33(`[${PRIMARY}]`), 'optionalAccess', _34 => _34.focus, 'call', _35 => _35()]);
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunk5M4QG3ZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const active = _optionalChain([content, 'access', _36 => _36.current, 'optionalAccess', _37 => _37.ownerDocument, 'access', _38 => _38.activeElement]);
     inside.current = active == null || active === active.ownerDocument.body;
     if (inside.current) focusPrimary();
   }, []);
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunk5M4QG3ZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const active = _optionalChain([content, 'access', _39 => _39.current, 'optionalAccess', _40 => _40.ownerDocument, 'access', _41 => _41.activeElement]);
     if (inside.current && !_optionalChain([content, 'access', _42 => _42.current, 'optionalAccess', _43 => _43.contains, 'call', _44 => _44(_nullishCoalesce(active, () => ( null)))])) focusPrimary();
   }, [phase, ghost.key]);
@@ -716,21 +717,21 @@ function AiBar({ env, ghost, gone, barId }) {
       children: [
         phase === "streaming" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-muted-foreground", children: labels.writing }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VDK27IFcjs.Button, { ...primary, size: "sm", variant: "outline", onClick: () => stop(editor), children: labels.stop })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { ...primary, size: "sm", variant: "outline", onClick: () => stop(editor), children: labels.stop })
         ] }),
         phase === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "text-sm text-destructive", children: labels.failed }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VDK27IFcjs.Button, { ...primary, size: "sm", onClick: () => retry(editor, stream), children: labels.retry }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VDK27IFcjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { ...primary, size: "sm", onClick: () => retry(editor, stream), children: labels.retry }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard })
         ] }),
         (phase === "done" || phase === "stopped") && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           phase === "stopped" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-muted-foreground", children: labels.stopped }),
           gone && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-xs text-muted-foreground", children: labels.targetGone }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VDK27IFcjs.Button, { ...primary, size: "sm", onClick: onAccept, children: labels.accept }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VDK27IFcjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VDK27IFcjs.Button, { size: "sm", variant: "ghost", onClick: () => retry(editor, stream), children: labels.retry }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { ...primary, size: "sm", onClick: onAccept, children: labels.accept }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { size: "sm", variant: "ghost", onClick: () => retry(editor, stream), children: labels.retry }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { className: "w-full", onSubmit: onFollowUp, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2VDK27IFcjs.Input,
+            _chunk5R3ISX4Acjs.Input,
             {
               "aria-label": labels.followUp,
               placeholder: labels.followUp,
@@ -754,8 +755,8 @@ function AiBar({ env, ghost, gone, barId }) {
 var reader = null;
 function readerOf() {
   if (reader === null) {
-    const schema = _chunkND5XJVK2cjs.createSchema.call(void 0, );
-    reader = { schema, codec: _chunkND5XJVK2cjs.createBlockCodec.call(void 0, schema) };
+    const schema = _chunkBTBHHBVRcjs.createSchema.call(void 0, );
+    reader = { schema, codec: _chunkBTBHHBVRcjs.createBlockCodec.call(void 0, schema) };
   }
   return reader;
 }
@@ -763,16 +764,16 @@ function fillGhost(ghost, markdown) {
   const doc = ghost.ownerDocument;
   const { schema, codec } = readerOf();
   const drawn2 = [];
-  for (const block of _chunkND5XJVK2cjs.fromMarkdown.call(void 0, markdown)) {
+  for (const block of _chunkBTBHHBVRcjs.fromMarkdown.call(void 0, markdown)) {
     for (const piece of codec.toEngineBlocks(block)) {
       const element = doc.createElement("div");
       element.className = "quoin-ai-ghost-block";
       element.dataset.kind = String(_nullishCoalesce(piece.attrs.kind, () => ( piece.type.toLowerCase())));
       if (piece.attrs.level !== void 0) element.dataset.level = String(piece.attrs.level);
       if (piece.indent > 0) element.style.setProperty("--quoin-ai-indent", String(piece.indent));
-      const region = _chunkPZ4GT5JOcjs.primaryRegion.call(void 0, schema, piece);
-      if (region === null) element.textContent = _chunkPZ4GT5JOcjs.toPlainText.call(void 0, [codec.toQuoin(piece)], { schema });
-      else _chunkGTTPVJSDcjs.renderInline.call(void 0, element, piece.regions[region], []);
+      const region = _chunkHOIDJEVIcjs.primaryRegion.call(void 0, schema, piece);
+      if (region === null) element.textContent = _chunkHOIDJEVIcjs.toPlainText.call(void 0, [codec.toQuoin(piece)], { schema });
+      else _chunk5M4QG3ZCcjs.renderInline.call(void 0, element, piece.regions[region], []);
       drawn2.push(element);
     }
   }
@@ -781,6 +782,45 @@ function fillGhost(ghost, markdown) {
 
 // src/extensions/ai/use-ghost-place.ts
 
+
+// src/extensions/ai/keep-reader-still.ts
+function scrollerOf(root) {
+  for (let element = root; element !== null; element = element.parentElement) {
+    if (/auto|scroll/.test(getComputedStyle(element).overflowY) && element.scrollHeight > element.clientHeight) {
+      return element;
+    }
+  }
+  return _nullishCoalesce(root.ownerDocument.scrollingElement, () => ( null));
+}
+function keepReaderStill(root, shell, change) {
+  const scroller = scrollerOf(root);
+  if (scroller === null) return change();
+  const view = scroller === root.ownerDocument.scrollingElement ? 0 : scroller.getBoundingClientRect().top;
+  if (shell.getBoundingClientRect().bottom > view) return change();
+  const next = shell.nextElementSibling;
+  const mark = () => next === null ? root.getBoundingClientRect().bottom : next.getBoundingClientRect().top;
+  const before = mark();
+  change();
+  const moved = mark() - before;
+  if (moved) scroller.scrollBy({ top: moved, behavior: "instant" });
+}
+
+// src/extensions/ai/space-below.ts
+function rowGap(shell) {
+  const parent = shell.parentElement;
+  if (parent === null || !_optionalChain([shell, 'access', _49 => _49.nextElementSibling, 'optionalAccess', _50 => _50.hasAttribute, 'call', _51 => _51("data-block-id")])) return 0;
+  const { display, flexDirection, rowGap: gap } = getComputedStyle(parent);
+  const column = display.includes("grid") || display.includes("flex") && flexDirection.startsWith("column");
+  return column ? parseFloat(gap) || 0 : 0;
+}
+function spaceBelow(shell) {
+  const own = getComputedStyle(shell);
+  const drawn2 = parseFloat(own.borderBottomWidth) || own.backgroundColor + own.backgroundImage !== "rgba(0, 0, 0, 0)none";
+  const padding = drawn2 ? 0 : parseFloat(own.paddingBottom) || 0;
+  return { padding, gap: rowGap(shell) };
+}
+
+// src/extensions/ai/use-ghost-place.ts
 var ROOM2 = "--quoin-ai-room";
 var GAP = 4;
 function place(controller, root, layer, block, region) {
@@ -795,27 +835,28 @@ function place(controller, root, layer, block, region) {
   const scale = origin.width / root.offsetWidth || 1;
   const below = shell.getBoundingClientRect();
   const text = host.getBoundingClientRect();
+  const { padding, gap } = spaceBelow(shell);
   const left = (text.left - origin.left) / scale - root.clientLeft + root.scrollLeft;
-  const top = (below.bottom - origin.top) / scale - root.clientTop + root.scrollTop + GAP;
+  const top = (below.bottom - origin.top) / scale - padding - root.clientTop + root.scrollTop + GAP;
   layer.style.transform = `translate(${left}px, ${top}px)`;
   layer.style.width = `${text.width / scale}px`;
-  clipAside(layer, text, _chunkQAW5NH6Scjs.clipOf.call(void 0, host, root), scale);
-  root.style.setProperty(ROOM2, `${layer.offsetHeight + 2 * GAP}px`);
+  clipAside(layer, text, _chunkLE5XMIFJcjs.clipBoxes.call(void 0, host, root), scale);
+  const room = Math.max(0, layer.offsetHeight + 2 * GAP - padding - gap);
+  keepReaderStill(root, shell, () => root.style.setProperty(ROOM2, `${room}px`));
 }
-function clipAside(layer, text, clip, scale) {
-  const area = _optionalChain([clip, 'optionalAccess', _49 => _49.getBoundingClientRect, 'call', _50 => _50()]);
-  const start = area === void 0 ? 0 : Math.max(0, area.left - text.left) / scale;
-  const end = area === void 0 ? 0 : Math.max(0, text.right - area.right) / scale;
+function clipAside(layer, text, areas, scale) {
+  const start = Math.max(0, ...areas.map((area) => area.left - text.left)) / scale;
+  const end = Math.max(0, ...areas.map((area) => text.right - area.right)) / scale;
   layer.style.clipPath = start > 0 || end > 0 ? `inset(0 ${end}px 0 ${start}px)` : "";
   if (start + end >= text.width / scale && text.width > 0) layer.style.visibility = "hidden";
 }
 function useGhostPlace(controller, layer, block, region) {
   const placeNow = _react.useRef.call(void 0, () => {
   });
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunk5M4QG3ZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const root = controller.root;
     const element = layer.current;
-    const view = _optionalChain([root, 'optionalAccess', _51 => _51.ownerDocument, 'access', _52 => _52.defaultView]);
+    const view = _optionalChain([root, 'optionalAccess', _52 => _52.ownerDocument, 'access', _53 => _53.defaultView]);
     if (!root || !element || !view) return void 0;
     const update = () => place(controller, root, element, block, region);
     let frame = 0;
@@ -833,7 +874,7 @@ function useGhostPlace(controller, layer, block, region) {
     const unsubscribe = controller.editor.subscribe(later);
     const fonts = root.ownerDocument.fonts;
     root.addEventListener("scroll", later, { capture: true, passive: true });
-    _optionalChain([fonts, 'optionalAccess', _53 => _53.addEventListener, 'call', _54 => _54("loadingdone", later)]);
+    _optionalChain([fonts, 'optionalAccess', _54 => _54.addEventListener, 'call', _55 => _55("loadingdone", later)]);
     return () => {
       placeNow.current = () => {
       };
@@ -841,7 +882,7 @@ function useGhostPlace(controller, layer, block, region) {
       observer.disconnect();
       unsubscribe();
       root.removeEventListener("scroll", later, { capture: true });
-      _optionalChain([fonts, 'optionalAccess', _55 => _55.removeEventListener, 'call', _56 => _56("loadingdone", later)]);
+      _optionalChain([fonts, 'optionalAccess', _56 => _56.removeEventListener, 'call', _57 => _57("loadingdone", later)]);
       root.style.removeProperty(ROOM2);
     };
   }, [controller, layer, block, region]);
@@ -854,7 +895,7 @@ function AiGhost({ env, ghost, target, gone, barId }) {
   const layer = _react.useRef.call(void 0, null);
   const drawn2 = _react.useRef.call(void 0, null);
   const place2 = useGhostPlace(env.controller, layer, target.to.block, target.to.region);
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunk5M4QG3ZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const element = drawn2.current;
     if (element === null) return;
     element.setAttribute("inert", "");
@@ -874,7 +915,7 @@ function AiGhost({ env, ghost, target, gone, barId }) {
 
 function useTargetAnchor(controller, target) {
   const latest = _react.useRef.call(void 0, target);
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunk5M4QG3ZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     latest.current = target;
   });
   return _react.useMemo.call(void 0, () => {
@@ -883,8 +924,8 @@ function useTargetAnchor(controller, target) {
       return { block: to.block, region: to.region, from: to.offset, to: to.offset };
     };
     return {
-      current: _chunk2VDK27IFcjs.virtualAnchor.call(void 0, 
-        () => _chunk2VDK27IFcjs.rangeRect.call(void 0, controller, end()),
+      current: _chunk5R3ISX4Acjs.virtualAnchor.call(void 0, 
+        () => _chunk5R3ISX4Acjs.rangeRect.call(void 0, controller, end()),
         () => controller.registry.get(end().block, end().region)
       )
     };
@@ -941,7 +982,7 @@ function AiMenu({ env, target, fromSpace }) {
   };
   const fieldLabel = asking === "tone" ? labels.tonePrompt : asking === "translate" ? labels.translatePrompt : labels.prompt;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunk2VDK27IFcjs.Popover,
+    _chunk5R3ISX4Acjs.Popover,
     {
       open: true,
       modal: false,
@@ -949,9 +990,9 @@ function AiMenu({ env, target, fromSpace }) {
         if (!next) closeMenu(controller.editor);
       },
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VDK27IFcjs.PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.PopoverAnchor, { virtualRef: anchor }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk2VDK27IFcjs.PopoverContent,
+          _chunk5R3ISX4Acjs.PopoverContent,
           {
             "aria-label": labels.askAi,
             side: "bottom",
@@ -959,7 +1000,7 @@ function AiMenu({ env, target, fromSpace }) {
             className: "w-80 p-1",
             onOpenAutoFocus: (event) => {
               event.preventDefault();
-              _optionalChain([field, 'access', _57 => _57.current, 'optionalAccess', _58 => _58.focus, 'call', _59 => _59()]);
+              _optionalChain([field, 'access', _58 => _58.current, 'optionalAccess', _59 => _59.focus, 'call', _60 => _60()]);
             },
             onCloseAutoFocus: (event) => event.preventDefault(),
             onEscapeKeyDown: (event) => {
@@ -968,7 +1009,7 @@ function AiMenu({ env, target, fromSpace }) {
             },
             children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk2VDK27IFcjs.Input,
+                _chunk5R3ISX4Acjs.Input,
                 {
                   ref: field,
                   role: "combobox",
@@ -992,7 +1033,7 @@ function AiMenu({ env, target, fromSpace }) {
                   id: optionId(index),
                   role: "option",
                   "aria-selected": index === current,
-                  className: _chunk2VDK27IFcjs.cn.call(void 0, _chunk2VDK27IFcjs.MENU_ITEM, index === current && "bg-accent text-accent-foreground"),
+                  className: _chunk5R3ISX4Acjs.cn.call(void 0, _chunk5R3ISX4Acjs.MENU_ITEM, index === current && "bg-accent text-accent-foreground"),
                   onMouseDown: (event) => event.preventDefault(),
                   onClick: () => choose(choice),
                   children: choice.label
@@ -1013,17 +1054,17 @@ var goneOf = (state) => {
   const { target, ghost } = aiState(state);
   return target !== null && ghost !== null && targetGone(state.doc, target);
 };
-var plainText = (markdown) => _chunkPZ4GT5JOcjs.toPlainText.call(void 0, _chunkND5XJVK2cjs.fromMarkdown.call(void 0, markdown));
+var plainText = (markdown) => _chunkHOIDJEVIcjs.toPlainText.call(void 0, _chunkBTBHHBVRcjs.fromMarkdown.call(void 0, markdown));
 function AiOverlay({ controller, stream, labels }) {
-  const { onError } = _chunk2VDK27IFcjs.useQuoin.call(void 0, );
+  const { onError } = _chunk5R3ISX4Acjs.useQuoin.call(void 0, );
   const link = linkOf(controller.editor);
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunk5M4QG3ZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     link.report = onError;
     link.ended = (phase, output) => controller.announce((phase === "done" ? labels.written : labels.halted)(plainText(output)));
   }, [link, onError, controller, labels]);
-  const value = _chunkGTTPVJSDcjs.useEditorState.call(void 0, controller, aiState);
-  const gone = _chunkGTTPVJSDcjs.useEditorState.call(void 0, controller, goneOf);
-  const readOnly = _chunkGTTPVJSDcjs.useReadOnly.call(void 0, controller);
+  const value = _chunk5M4QG3ZCcjs.useEditorState.call(void 0, controller, aiState);
+  const gone = _chunk5M4QG3ZCcjs.useEditorState.call(void 0, controller, goneOf);
+  const readOnly = _chunk5M4QG3ZCcjs.useReadOnly.call(void 0, controller);
   const env = _react.useMemo.call(void 0, () => ({ controller, stream, labels }), [controller, stream, labels]);
   const barId = _react.useId.call(void 0, );
   const showing = value.ghost !== null;
@@ -1031,8 +1072,8 @@ function AiOverlay({ controller, stream, labels }) {
     if (!showing) return;
     const toBar = (event) => {
       if (event.key !== "Escape" || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) return false;
-      const bar = _optionalChain([controller, 'access', _60 => _60.root, 'optionalAccess', _61 => _61.ownerDocument, 'access', _62 => _62.getElementById, 'call', _63 => _63(barId)]);
-      _optionalChain([bar, 'optionalAccess', _64 => _64.querySelector, 'call', _65 => _65(`[${PRIMARY}]`), 'optionalAccess', _66 => _66.focus, 'call', _67 => _67()]);
+      const bar = _optionalChain([controller, 'access', _61 => _61.root, 'optionalAccess', _62 => _62.ownerDocument, 'access', _63 => _63.getElementById, 'call', _64 => _64(barId)]);
+      _optionalChain([bar, 'optionalAccess', _65 => _65.querySelector, 'call', _66 => _66(`[${PRIMARY}]`), 'optionalAccess', _67 => _67.focus, 'call', _68 => _68()]);
       return bar != null;
     };
     controller.keyInterceptors.add(toBar);
@@ -1042,7 +1083,7 @@ function AiOverlay({ controller, stream, labels }) {
     const root = controller.root;
     if (!root) return;
     let away = true;
-    return _chunkWXMYDXPNcjs.watchCanvasFocus.call(void 0, controller, root.ownerDocument, (inside, node) => {
+    return _chunkCLTHD5GOcjs.watchCanvasFocus.call(void 0, controller, root.ownerDocument, (inside, node) => {
       if (!inside) away = true;
       else if (root.contains(node)) {
         if (away) noteFocus(controller.editor);
@@ -1081,7 +1122,7 @@ function aiExtension(options) {
     blockMenuItems: [aiBlockMenuItem(labels)],
     overlays: [Overlay]
   };
-  return _chunkPZ4GT5JOcjs.defineExtension.call(void 0, {
+  return _chunkHOIDJEVIcjs.defineExtension.call(void 0, {
     name: "ai",
     plugins: [aiPlugin],
     decorations: aiDecorations,
@@ -1092,7 +1133,7 @@ function aiExtension(options) {
       if (link.mounts++ === 0) link.stopWatching = watchGhost(editor, link);
       return () => {
         if (--link.mounts > 0) return;
-        _optionalChain([link, 'access', _68 => _68.stopWatching, 'optionalCall', _69 => _69()]);
+        _optionalChain([link, 'access', _69 => _69.stopWatching, 'optionalCall', _70 => _70()]);
         link.stopWatching = null;
         endRun(link);
       };