@sametalmdr/word-editor 0.2.0-alpha → 0.3.0-alpha

package/dist/canvas/handles.js

@@ -1,212 +1,212 @@
-// Which resize handles a box offers, where they sit, and which layout keys
-// each one writes (ADR-0018 Karar 2 / Karar 4, §9/§10). No src/, DOM, or
-// history import — pure data in, data out, same discipline as geometry.js.
-//
-// Every size threshold here is an INJECTED number with NO default
-// (`requireMetrics` throws a real TypeError otherwise) — ADR-0018 §9.0:
-// "ölçülmemiş sabitlerin hiçbirinin varsayılanı yok". The four kademe
-// (degradation tier) boundaries are each their OWN metric rather than
-// derived from `handleSize` by some invented multiplier — the ADR's own
-// text only ever says "eşikleri enjekte" (thresholds are injected,
-// plural), never gives a formula relating them, so inventing one here
-// would be a design decision this file has no business making.
-
-import { rectContains } from "./geometry.js";
-
-/**
- * @typedef {object} HandleMetrics
- * @property {number} handleSize  pt — a handle's own square footprint
- * @property {number} handleSlop  pt — extra hit-test tolerance around a handle
- * @property {number} minBoxCx    pt — at/below this, NO resize handle is shown at all (kademe 4)
- * @property {number} minBoxCy
- * @property {number} crampedCx   pt — at/below this (but above minBoxCx), the x-axis's edge-middle handles (e/w) drop (kademe 2/3)
- * @property {number} crampedCy
- */
-
-/**
- * @typedef {object} HandleAffordances
- * @property {boolean} move        body-drag (translate) is available
- * @property {string[]} resize     handle names shown, a subset of ALL_HANDLES
- */
-
-/**
- * @typedef {object} Handle
- * @property {string} name  one of ALL_HANDLES
- * @property {import("./geometry.js").Rect} rect  pt, centered on the box's own edge/corner
- */
-
-export const ALL_HANDLES = /** @type {const} */ (["nw", "n", "ne", "e", "se", "s", "sw", "w"]);
-const CORNER_HANDLES = /** @type {const} */ (["nw", "ne", "se", "sw"]);
-/** @type {readonly string[]} */
-const X_MID_HANDLES = ["e", "w"];
-/** @type {readonly string[]} */
-const Y_MID_HANDLES = ["n", "s"];
-
-const METRICS_KEYS = /** @type {const} */ ([
-  "handleSize",
-  "handleSlop",
-  "minBoxCx",
-  "minBoxCy",
-  "crampedCx",
-  "crampedCy",
-]);
-
-/**
- * @param {HandleMetrics} metrics
- * @returns {void}
- */
-export function requireMetrics(metrics) {
-  for (const key of METRICS_KEYS) {
-    if (typeof metrics?.[key] !== "number" || !Number.isFinite(metrics[key])) {
-      throw new TypeError(
-        `HandleMetrics.${key} is required and must be a finite number, got ${JSON.stringify(metrics?.[key])}`,
-      );
-    }
-  }
-}
-
-/** @type {Record<(typeof ALL_HANDLES)[number], (layout: {x: number, y: number, cx: number, cy: number}) => {x: number, y: number}>} */
-const HANDLE_ANCHOR = {
-  nw: (l) => ({ x: l.x, y: l.y }),
-  n: (l) => ({ x: l.x + l.cx / 2, y: l.y }),
-  ne: (l) => ({ x: l.x + l.cx, y: l.y }),
-  e: (l) => ({ x: l.x + l.cx, y: l.y + l.cy / 2 }),
-  se: (l) => ({ x: l.x + l.cx, y: l.y + l.cy }),
-  s: (l) => ({ x: l.x + l.cx / 2, y: l.y + l.cy }),
-  sw: (l) => ({ x: l.x, y: l.y + l.cy }),
-  w: (l) => ({ x: l.x, y: l.y + l.cy / 2 }),
-};
-
-/** @type {Record<(typeof ALL_HANDLES)[number], string[]>} */
-const RESIZE_KEYS = {
-  nw: ["x", "y", "cx", "cy"],
-  ne: ["y", "cx", "cy"],
-  se: ["cx", "cy"],
-  sw: ["x", "cx", "cy"],
-  n: ["y", "cy"],
-  s: ["cy"],
-  e: ["cx"],
-  w: ["x", "cx"],
-};
-const BODY_KEYS = ["x", "y"];
-
-/**
- * The layout keys a handle's drag writes in ONE step. `sameKeySet`
- * (`src/history/history.js`) needs this identity to stay FIXED for the
- * whole gesture — see `src/commands/box.js:99-108`'s existing "full key
- * set, not just the changed ones" rule, of which this is the per-handle
- * generalization. NOT the uniform `{x,y,cx,cy}` for every handle: that
- * would let a NW drag's frame collapse with a completely unrelated SE
- * drag's frame, since `sameKeySet` alone could no longer tell them apart.
- *
- * @param {(typeof ALL_HANDLES)[number] | "body"} handle
- * @returns {string[]}  a FRESH array — callers must not mutate the table
- */
-export function resizeKeys(handle) {
-  if (handle === "body") {
-    return [...BODY_KEYS];
-  }
-  const keys = RESIZE_KEYS[/** @type {(typeof ALL_HANDLES)[number]} */ (handle)];
-  if (keys === undefined) {
-    throw new TypeError(`resizeKeys: unknown handle ${JSON.stringify(handle)}`);
-  }
-  return [...keys];
-}
-
-/**
- * Which affordances a box offers right now — never both a resize handle
- * set AND `move: false` (a locked box loses BOTH, `BoxLayout.locked`'s own
- * doc comment: "a box-editing UI reads to withhold the move/resize
- * handle"). `rot !== 0` is deliberately NOT checked here: the renderer
- * never applies rotation (the box is drawn unrotated), so a handle placed
- * on the unrotated rect is consistent with what is actually on screen —
- * suppressing it would make 15 real corpus shapes uneditable for a reason
- * the user cannot see (ADR-0018 §4.4).
- *
- * @param {import("../model/node.js").BoxLayout} layout
- * @param {HandleMetrics} metrics
- * @returns {HandleAffordances}
- */
-export function affordancesFor(layout, metrics) {
-  requireMetrics(metrics);
-
-  if (layout.locked) {
-    return { move: false, resize: [] };
-  }
-
-  // Kademe 4: below the absolute floor on either axis, no resize handle at
-  // all — body move only, boyutlandırma bağlam menüsünden.
-  if (layout.cx <= metrics.minBoxCx || layout.cy <= metrics.minBoxCy) {
-    return { move: true, resize: [] };
-  }
-
-  const crampedX = layout.cx <= metrics.crampedCx;
-  const crampedY = layout.cy <= metrics.crampedCy;
-
-  // Kademe 3: both axes cramped — corners only.
-  if (crampedX && crampedY) {
-    return { move: true, resize: [...CORNER_HANDLES] };
-  }
-  // Kademe 2: one axis cramped — that axis's edge-middle handles drop.
-  if (crampedX) {
-    return { move: true, resize: ALL_HANDLES.filter((h) => !X_MID_HANDLES.includes(h)) };
-  }
-  if (crampedY) {
-    return { move: true, resize: ALL_HANDLES.filter((h) => !Y_MID_HANDLES.includes(h)) };
-  }
-  // Kademe 1: both axes comfortable — all eight.
-  return { move: true, resize: [...ALL_HANDLES] };
-}
-
-/**
- * The positioned rect for every resize handle `affordancesFor` currently
- * offers — nothing for "move" (its rect is `layout` itself, no computation
- * needed). Centering each handle ON the box's own edge/corner is what
- * makes a handle "dışa taşarak çizilir" (overflow outward) on a tiny box:
- * it is simply what centering does at any size, not a separate case.
- *
- * @param {import("../model/node.js").BoxLayout} layout
- * @param {HandleMetrics} metrics
- * @returns {Handle[]}
- */
-export function handleRects(layout, metrics) {
-  requireMetrics(metrics);
-  const { resize } = affordancesFor(layout, metrics);
-  const half = metrics.handleSize / 2;
-  return resize.map((name) => {
-    const center = HANDLE_ANCHOR[/** @type {(typeof ALL_HANDLES)[number]} */ (name)](layout);
-    return {
-      name,
-      rect: { x: center.x - half, y: center.y - half, cx: metrics.handleSize, cy: metrics.handleSize },
-    };
-  });
-}
-
-/**
- * Which resize handle (if any) sits under a page-space pt point, widened
- * by `handleSlop` on every side. Never reports "move" — a point that
- * misses every resize handle is the caller's cue to fall back to
- * `hit-test.js`'s box lookup (a click anywhere else in the box body is a
- * move, not this function's concern).
- *
- * @param {import("../model/node.js").BoxLayout} layout
- * @param {HandleMetrics} metrics
- * @param {number} x
- * @param {number} y
- * @returns {string | null}
- */
-export function handleAtPoint(layout, metrics, x, y) {
-  requireMetrics(metrics);
-  for (const handle of handleRects(layout, metrics)) {
-    const expanded = {
-      x: handle.rect.x - metrics.handleSlop,
-      y: handle.rect.y - metrics.handleSlop,
-      cx: handle.rect.cx + metrics.handleSlop * 2,
-      cy: handle.rect.cy + metrics.handleSlop * 2,
-    };
-    if (rectContains(expanded, { x, y, cx: 0, cy: 0 })) {
-      return handle.name;
-    }
-  }
-  return null;
-}
+// Which resize handles a box offers, where they sit, and which layout keys
+// each one writes (ADR-0018 Karar 2 / Karar 4, §9/§10). No src/, DOM, or
+// history import — pure data in, data out, same discipline as geometry.js.
+//
+// Every size threshold here is an INJECTED number with NO default
+// (`requireMetrics` throws a real TypeError otherwise) — ADR-0018 §9.0:
+// "ölçülmemiş sabitlerin hiçbirinin varsayılanı yok". The four kademe
+// (degradation tier) boundaries are each their OWN metric rather than
+// derived from `handleSize` by some invented multiplier — the ADR's own
+// text only ever says "eşikleri enjekte" (thresholds are injected,
+// plural), never gives a formula relating them, so inventing one here
+// would be a design decision this file has no business making.
+
+import { rectContains } from "./geometry.js";
+
+/**
+ * @typedef {object} HandleMetrics
+ * @property {number} handleSize  pt — a handle's own square footprint
+ * @property {number} handleSlop  pt — extra hit-test tolerance around a handle
+ * @property {number} minBoxCx    pt — at/below this, NO resize handle is shown at all (kademe 4)
+ * @property {number} minBoxCy
+ * @property {number} crampedCx   pt — at/below this (but above minBoxCx), the x-axis's edge-middle handles (e/w) drop (kademe 2/3)
+ * @property {number} crampedCy
+ */
+
+/**
+ * @typedef {object} HandleAffordances
+ * @property {boolean} move        body-drag (translate) is available
+ * @property {string[]} resize     handle names shown, a subset of ALL_HANDLES
+ */
+
+/**
+ * @typedef {object} Handle
+ * @property {string} name  one of ALL_HANDLES
+ * @property {import("./geometry.js").Rect} rect  pt, centered on the box's own edge/corner
+ */
+
+export const ALL_HANDLES = /** @type {const} */ (["nw", "n", "ne", "e", "se", "s", "sw", "w"]);
+const CORNER_HANDLES = /** @type {const} */ (["nw", "ne", "se", "sw"]);
+/** @type {readonly string[]} */
+const X_MID_HANDLES = ["e", "w"];
+/** @type {readonly string[]} */
+const Y_MID_HANDLES = ["n", "s"];
+
+const METRICS_KEYS = /** @type {const} */ ([
+  "handleSize",
+  "handleSlop",
+  "minBoxCx",
+  "minBoxCy",
+  "crampedCx",
+  "crampedCy",
+]);
+
+/**
+ * @param {HandleMetrics} metrics
+ * @returns {void}
+ */
+export function requireMetrics(metrics) {
+  for (const key of METRICS_KEYS) {
+    if (typeof metrics?.[key] !== "number" || !Number.isFinite(metrics[key])) {
+      throw new TypeError(
+        `HandleMetrics.${key} is required and must be a finite number, got ${JSON.stringify(metrics?.[key])}`,
+      );
+    }
+  }
+}
+
+/** @type {Record<(typeof ALL_HANDLES)[number], (layout: {x: number, y: number, cx: number, cy: number}) => {x: number, y: number}>} */
+const HANDLE_ANCHOR = {
+  nw: (l) => ({ x: l.x, y: l.y }),
+  n: (l) => ({ x: l.x + l.cx / 2, y: l.y }),
+  ne: (l) => ({ x: l.x + l.cx, y: l.y }),
+  e: (l) => ({ x: l.x + l.cx, y: l.y + l.cy / 2 }),
+  se: (l) => ({ x: l.x + l.cx, y: l.y + l.cy }),
+  s: (l) => ({ x: l.x + l.cx / 2, y: l.y + l.cy }),
+  sw: (l) => ({ x: l.x, y: l.y + l.cy }),
+  w: (l) => ({ x: l.x, y: l.y + l.cy / 2 }),
+};
+
+/** @type {Record<(typeof ALL_HANDLES)[number], string[]>} */
+const RESIZE_KEYS = {
+  nw: ["x", "y", "cx", "cy"],
+  ne: ["y", "cx", "cy"],
+  se: ["cx", "cy"],
+  sw: ["x", "cx", "cy"],
+  n: ["y", "cy"],
+  s: ["cy"],
+  e: ["cx"],
+  w: ["x", "cx"],
+};
+const BODY_KEYS = ["x", "y"];
+
+/**
+ * The layout keys a handle's drag writes in ONE step. `sameKeySet`
+ * (`src/history/history.js`) needs this identity to stay FIXED for the
+ * whole gesture — see `src/commands/box.js:99-108`'s existing "full key
+ * set, not just the changed ones" rule, of which this is the per-handle
+ * generalization. NOT the uniform `{x,y,cx,cy}` for every handle: that
+ * would let a NW drag's frame collapse with a completely unrelated SE
+ * drag's frame, since `sameKeySet` alone could no longer tell them apart.
+ *
+ * @param {(typeof ALL_HANDLES)[number] | "body"} handle
+ * @returns {string[]}  a FRESH array — callers must not mutate the table
+ */
+export function resizeKeys(handle) {
+  if (handle === "body") {
+    return [...BODY_KEYS];
+  }
+  const keys = RESIZE_KEYS[/** @type {(typeof ALL_HANDLES)[number]} */ (handle)];
+  if (keys === undefined) {
+    throw new TypeError(`resizeKeys: unknown handle ${JSON.stringify(handle)}`);
+  }
+  return [...keys];
+}
+
+/**
+ * Which affordances a box offers right now — never both a resize handle
+ * set AND `move: false` (a locked box loses BOTH, `BoxLayout.locked`'s own
+ * doc comment: "a box-editing UI reads to withhold the move/resize
+ * handle"). `rot !== 0` is deliberately NOT checked here: the renderer
+ * never applies rotation (the box is drawn unrotated), so a handle placed
+ * on the unrotated rect is consistent with what is actually on screen —
+ * suppressing it would make 15 real corpus shapes uneditable for a reason
+ * the user cannot see (ADR-0018 §4.4).
+ *
+ * @param {import("../model/node.js").BoxLayout} layout
+ * @param {HandleMetrics} metrics
+ * @returns {HandleAffordances}
+ */
+export function affordancesFor(layout, metrics) {
+  requireMetrics(metrics);
+
+  if (layout.locked) {
+    return { move: false, resize: [] };
+  }
+
+  // Kademe 4: below the absolute floor on either axis, no resize handle at
+  // all — body move only, boyutlandırma bağlam menüsünden.
+  if (layout.cx <= metrics.minBoxCx || layout.cy <= metrics.minBoxCy) {
+    return { move: true, resize: [] };
+  }
+
+  const crampedX = layout.cx <= metrics.crampedCx;
+  const crampedY = layout.cy <= metrics.crampedCy;
+
+  // Kademe 3: both axes cramped — corners only.
+  if (crampedX && crampedY) {
+    return { move: true, resize: [...CORNER_HANDLES] };
+  }
+  // Kademe 2: one axis cramped — that axis's edge-middle handles drop.
+  if (crampedX) {
+    return { move: true, resize: ALL_HANDLES.filter((h) => !X_MID_HANDLES.includes(h)) };
+  }
+  if (crampedY) {
+    return { move: true, resize: ALL_HANDLES.filter((h) => !Y_MID_HANDLES.includes(h)) };
+  }
+  // Kademe 1: both axes comfortable — all eight.
+  return { move: true, resize: [...ALL_HANDLES] };
+}
+
+/**
+ * The positioned rect for every resize handle `affordancesFor` currently
+ * offers — nothing for "move" (its rect is `layout` itself, no computation
+ * needed). Centering each handle ON the box's own edge/corner is what
+ * makes a handle "dışa taşarak çizilir" (overflow outward) on a tiny box:
+ * it is simply what centering does at any size, not a separate case.
+ *
+ * @param {import("../model/node.js").BoxLayout} layout
+ * @param {HandleMetrics} metrics
+ * @returns {Handle[]}
+ */
+export function handleRects(layout, metrics) {
+  requireMetrics(metrics);
+  const { resize } = affordancesFor(layout, metrics);
+  const half = metrics.handleSize / 2;
+  return resize.map((name) => {
+    const center = HANDLE_ANCHOR[/** @type {(typeof ALL_HANDLES)[number]} */ (name)](layout);
+    return {
+      name,
+      rect: { x: center.x - half, y: center.y - half, cx: metrics.handleSize, cy: metrics.handleSize },
+    };
+  });
+}
+
+/**
+ * Which resize handle (if any) sits under a page-space pt point, widened
+ * by `handleSlop` on every side. Never reports "move" — a point that
+ * misses every resize handle is the caller's cue to fall back to
+ * `hit-test.js`'s box lookup (a click anywhere else in the box body is a
+ * move, not this function's concern).
+ *
+ * @param {import("../model/node.js").BoxLayout} layout
+ * @param {HandleMetrics} metrics
+ * @param {number} x
+ * @param {number} y
+ * @returns {string | null}
+ */
+export function handleAtPoint(layout, metrics, x, y) {
+  requireMetrics(metrics);
+  for (const handle of handleRects(layout, metrics)) {
+    const expanded = {
+      x: handle.rect.x - metrics.handleSlop,
+      y: handle.rect.y - metrics.handleSlop,
+      cx: handle.rect.cx + metrics.handleSlop * 2,
+      cy: handle.rect.cy + metrics.handleSlop * 2,
+    };
+    if (rectContains(expanded, { x, y, cx: 0, cy: 0 })) {
+      return handle.name;
+    }
+  }
+  return null;
+}

package/dist/canvas/menu.js

@@ -1,82 +1,82 @@
-// The box context menu's MODEL — not DOM (ADR-0018 Karar 8, §9/Karar 9).
-// No src/, DOM, or history import. `Overlay` (a later phase) is the one
-// place this turns into elements; every field here is plain data a test
-// can read without a document.
-//
-// The stack list is `boxesAtPoint`'s (hit-test.js) SECOND consumer — a
-// plain click is the first. One function, two callers: alt+tick cycling
-// through overlaps is deferred to P3b-b (§3.3), but the menu's own "boxes
-// at this point" submenu ships in P3b-a using the exact same hit-test.
-
-import { boxesAtPoint } from "./hit-test.js";
-
-/**
- * @typedef {object} MenuAction
- * @property {"action"} kind
- * @property {"cut" | "copy" | "paste" | "delete" | "front" | "back" | "forward" | "backward"} id
- * @property {boolean} enabled
- */
-
-/**
- * @typedef {object} MenuSeparator
- * @property {"separator"} kind
- */
-
-/**
- * @typedef {object} MenuStackSubmenu
- * @property {"submenu"} kind
- * @property {"stack"} id
- * @property {import("../model/node.js").NodeId[]} items  top-to-bottom, `boxesAtPoint`'s own order
- */
-
-/** @typedef {MenuAction | MenuSeparator | MenuStackSubmenu} MenuItem */
-
-/**
- * The context-menu model for a right-click at `point` (page pt-space).
- * Labels are NOT included — this is a model, not presentation; the
- * (future) `Overlay` maps each `id` to its own localized label.
- *
- * Kes/Kopyala/Sil are `enabled` only when there IS a selection AND acting
- * on it cannot empty the document (`deleteBox` already refuses that,
- * `src/commands/box.js:51` — the menu surfaces the same rule as a
- * disabled item instead of a command that silently no-ops later). Yapıştır
- * is always enabled: whether the system clipboard actually holds
- * something is an async, DOM-observable fact a pure function cannot know;
- * the paste command itself already no-ops on empty content
- * (`src/input/clipboard.js`'s `handlePaste`).
- *
- * The stack submenu (§3.3) is present only when `boxesAtPoint` finds
- * something at `point` — an empty submenu behind a "▸" arrow is a dead
- * end no real menu offers, unlike a merely-disabled action.
- *
- * @param {import("../model/node.js").Doc} doc
- * @param {number} page
- * @param {{x: number, y: number}} point
- * @param {import("../model/node.js").NodeId[]} selection
- * @returns {MenuItem[]}
- */
-export function contextMenuModel(doc, page, point, selection) {
-  const hasSelection = selection.length > 0;
-  const wouldEmptyDoc = hasSelection && selection.length >= doc.content.length;
-  const destructiveEnabled = hasSelection && !wouldEmptyDoc;
-
-  /** @type {MenuItem[]} */
-  const items = [
-    { kind: "action", id: "cut", enabled: destructiveEnabled },
-    { kind: "action", id: "copy", enabled: hasSelection },
-    { kind: "action", id: "paste", enabled: true },
-    { kind: "action", id: "delete", enabled: destructiveEnabled },
-    { kind: "separator" },
-    { kind: "action", id: "front", enabled: hasSelection },
-    { kind: "action", id: "back", enabled: hasSelection },
-    { kind: "action", id: "forward", enabled: hasSelection },
-    { kind: "action", id: "backward", enabled: hasSelection },
-  ];
-
-  const stack = boxesAtPoint(doc, page, point.x, point.y);
-  if (stack.length > 0) {
-    items.push({ kind: "separator" }, { kind: "submenu", id: "stack", items: stack });
-  }
-
-  return items;
-}
+// The box context menu's MODEL — not DOM (ADR-0018 Karar 8, §9/Karar 9).
+// No src/, DOM, or history import. `Overlay` (a later phase) is the one
+// place this turns into elements; every field here is plain data a test
+// can read without a document.
+//
+// The stack list is `boxesAtPoint`'s (hit-test.js) SECOND consumer — a
+// plain click is the first. One function, two callers: alt+tick cycling
+// through overlaps is deferred to P3b-b (§3.3), but the menu's own "boxes
+// at this point" submenu ships in P3b-a using the exact same hit-test.
+
+import { boxesAtPoint } from "./hit-test.js";
+
+/**
+ * @typedef {object} MenuAction
+ * @property {"action"} kind
+ * @property {"cut" | "copy" | "paste" | "delete" | "front" | "back" | "forward" | "backward"} id
+ * @property {boolean} enabled
+ */
+
+/**
+ * @typedef {object} MenuSeparator
+ * @property {"separator"} kind
+ */
+
+/**
+ * @typedef {object} MenuStackSubmenu
+ * @property {"submenu"} kind
+ * @property {"stack"} id
+ * @property {import("../model/node.js").NodeId[]} items  top-to-bottom, `boxesAtPoint`'s own order
+ */
+
+/** @typedef {MenuAction | MenuSeparator | MenuStackSubmenu} MenuItem */
+
+/**
+ * The context-menu model for a right-click at `point` (page pt-space).
+ * Labels are NOT included — this is a model, not presentation; the
+ * (future) `Overlay` maps each `id` to its own localized label.
+ *
+ * Kes/Kopyala/Sil are `enabled` only when there IS a selection AND acting
+ * on it cannot empty the document (`deleteBox` already refuses that,
+ * `src/commands/box.js:51` — the menu surfaces the same rule as a
+ * disabled item instead of a command that silently no-ops later). Yapıştır
+ * is always enabled: whether the system clipboard actually holds
+ * something is an async, DOM-observable fact a pure function cannot know;
+ * the paste command itself already no-ops on empty content
+ * (`src/input/clipboard.js`'s `handlePaste`).
+ *
+ * The stack submenu (§3.3) is present only when `boxesAtPoint` finds
+ * something at `point` — an empty submenu behind a "▸" arrow is a dead
+ * end no real menu offers, unlike a merely-disabled action.
+ *
+ * @param {import("../model/node.js").Doc} doc
+ * @param {number} page
+ * @param {{x: number, y: number}} point
+ * @param {import("../model/node.js").NodeId[]} selection
+ * @returns {MenuItem[]}
+ */
+export function contextMenuModel(doc, page, point, selection) {
+  const hasSelection = selection.length > 0;
+  const wouldEmptyDoc = hasSelection && selection.length >= doc.content.length;
+  const destructiveEnabled = hasSelection && !wouldEmptyDoc;
+
+  /** @type {MenuItem[]} */
+  const items = [
+    { kind: "action", id: "cut", enabled: destructiveEnabled },
+    { kind: "action", id: "copy", enabled: hasSelection },
+    { kind: "action", id: "paste", enabled: true },
+    { kind: "action", id: "delete", enabled: destructiveEnabled },
+    { kind: "separator" },
+    { kind: "action", id: "front", enabled: hasSelection },
+    { kind: "action", id: "back", enabled: hasSelection },
+    { kind: "action", id: "forward", enabled: hasSelection },
+    { kind: "action", id: "backward", enabled: hasSelection },
+  ];
+
+  const stack = boxesAtPoint(doc, page, point.x, point.y);
+  if (stack.length > 0) {
+    items.push({ kind: "separator" }, { kind: "submenu", id: "stack", items: stack });
+  }
+
+  return items;
+}