mellos-mapping 0.20.2 → 0.22.1

package/dist/watch.mjs

@@ -3,8 +3,7 @@ import { createRequire } from 'node:module'; const require = createRequire(impor
 
 // src/watch/watch.ts
 import { realpathSync, statSync as statSync2 } from "node:fs";
-import { dirname as dirname2, join as join2 } from "node:path";
-import { fileURLToPath, pathToFileURL } from "node:url";
+import { dirname as dirname7, join as join6 } from "node:path";
 
 // src/domain/types.ts
 var ok = (value) => ({ ok: true, value });
@@ -87,7 +86,7 @@ function describeMapError(e) {
     case "layer-holds-group":
       return `layer "${e.id}" still holds group "${e.occupant}"; remove its groups (removeGroup) first`;
     case "edge-not-downward":
-      return `edge ${e.from} (rank ${e.fromRank}) -> ${e.to} (rank ${e.toRank}) is not strictly downward; dependencies may only point to a lower layer`;
+      return `edge ${e.from} (rank ${e.fromRank}) -> ${e.to} (rank ${e.toRank}) is not strictly downward; ` + (e.fromRank === e.toRank ? `same-band siblings may not depend on each other \u2014 either "${e.to}" is really a lower concept (declare it on a lower band) or "${e.from}" and "${e.to}" are one node (merge them)` : `"${e.from}" would USE "${e.to}" from a lower band \u2014 reverse the edge if "${e.to}" is the user, otherwise move or re-rank so "${e.from}" sits above "${e.to}"`);
   }
 }
 
@@ -479,6 +478,41 @@ function flipForSequence(map) {
   };
 }
 
+// src/domain/text.ts
+var NO_CONTROLS = /^[^\u0000-\u001f\u007f-\u009f]*$/;
+var NO_CONTROLS_TEXT = "one line of text; control characters (ESC, newline, tab) are not allowed";
+var NO_CONTROLS_BUT_BREAKS = /^[^\u0000-\u0008\u000b-\u001f\u007f-\u009f]*$/;
+var NO_CONTROLS_BUT_BREAKS_TEXT = "text with optional newlines (\\n) and tabs; other control characters (ESC, BEL, CR) are not allowed";
+function mapTextError(map) {
+  const check = (field, value, multiline = false) => value === void 0 || (multiline ? NO_CONTROLS_BUT_BREAKS : NO_CONTROLS).test(value) ? void 0 : `${field}: ${multiline ? NO_CONTROLS_BUT_BREAKS_TEXT : NO_CONTROLS_TEXT}`;
+  let error = check("title", map.title);
+  if (error) return error;
+  for (const [i, layer] of map.layers.entries()) {
+    error = check(`layers[${i}].name`, layer.name);
+    if (error) return error;
+  }
+  for (const name of ["lanes", "groups"]) {
+    for (const [i, item] of map[name].entries()) {
+      error = check(`${name}[${i}].label`, item.label);
+      if (error) return error;
+    }
+  }
+  for (const [i, node] of map.nodes.entries()) {
+    for (const name of ["label", "evidence", "detail"]) {
+      error = check(`nodes[${i}].${name}`, node[name], name !== "label");
+      if (error) return error;
+    }
+  }
+  for (const [i, edge] of map.edges.entries()) {
+    error = check(`edges[${i}].label`, edge.label);
+    if (error) return error;
+  }
+  return void 0;
+}
+function terminalText(text, multiline = false) {
+  return text.replace(multiline ? /[\u0000-\u0008\u000b-\u001f\u007f-\u009f]/g : /[\u0000-\u001f\u007f-\u009f]/g, "?");
+}
+
 // src/render/width.ts
 var WIDE_RANGES = [
   [4352, 4447],
@@ -573,6 +607,7 @@ function displayWidth(text) {
   return w;
 }
 function fitWidth(s, width) {
+  s = terminalText(s);
   if (displayWidth(s) <= width) return s;
   let out = "";
   let w = 0;
@@ -588,7 +623,7 @@ function wrapWidth(s, width) {
   const lines = [];
   let line = "";
   let w = 0;
-  for (const ch of s.replace(/\r/g, "")) {
+  for (const ch of terminalText(s.replace(/\r/g, "").replace(/\t/g, "  "), true)) {
     if (ch === "\n") {
       lines.push(line);
       line = "";
@@ -617,7 +652,9 @@ var SGR = {
   greenDim: "32;2",
   // done, but nothing behind the claim: green, not fully lit
   red: "31",
-  faint: "90"
+  faint: "90",
+  focus: "97"
+  // bright foreground without changing font weight
 };
 var ANSI_RESET = "\x1B[0m";
 var UP = 1;
@@ -678,7 +715,7 @@ var Canvas = class {
   /** Write literal text starting at (x, y). Returns the column just past it. */
   text(x, y, s, style, bold = false) {
     let cx = x;
-    for (const ch of s) {
+    for (const ch of terminalText(s)) {
       const w = charWidth(ch.codePointAt(0));
       if (w === 0) {
         const base = this.cell(Math.max(0, cx - 1), y);
@@ -737,7 +774,7 @@ var Canvas = class {
         } else if (charWidth(ch.codePointAt(0)) === 2 && x + 1 >= vp.x + vp.width) {
           ch = " ";
         }
-        const params = ch === " " ? "" : isWire ? c.bright ? "1" : SGR.faint : [SGR[c.style], c.bold ? "1" : ""].filter(Boolean).join(";");
+        const params = ch === " " ? "" : isWire ? c.bright ? SGR.focus : SGR.faint : [SGR[c.style], c.bold ? "1" : ""].filter(Boolean).join(";");
         if (opts.color && params !== open) {
           line += (open !== "" ? ANSI_RESET : "") + (params !== "" ? `\x1B[${params}m` : "");
           open = params;
@@ -1086,6 +1123,7 @@ function drawBands(canvas, columns, rows, wiredWidth, totalWidth) {
 function drawBox(canvas, box, opts, neutral, face, focused = false) {
   const { node, x, y, w } = box;
   const skin = neutral ? neutralSkin(opts.unicode) : skinFor(face, opts.unicode);
+  const borderStyle = focused ? "focus" : skin.style;
   const slotGlyph = neutral ? neutralGlyph(node, opts.unicode) : glyphFor(face, opts);
   if (box.borderless) {
     canvas.text(x + 1, y, slotGlyph, skin.style, true);
@@ -1093,18 +1131,18 @@ function drawBox(canvas, box, opts, neutral, face, focused = false) {
   }
   const inner = w - 2;
   const pad = box.pad === 1 ? " " : "";
-  canvas.text(x, y, skin.corners[0] + skin.h.repeat(inner) + skin.corners[1], skin.style, focused);
-  canvas.text(x, y + 1, skin.v, skin.style, focused);
+  canvas.text(x, y, skin.corners[0] + skin.h.repeat(inner) + skin.corners[1], borderStyle);
+  canvas.text(x, y + 1, skin.v, borderStyle);
   canvas.text(x + 1, y + 1, `${pad}${slotGlyph} ${box.label}${pad}`, skin.style, true);
-  canvas.text(x + w - 1, y + 1, skin.v, skin.style, focused);
+  canvas.text(x + w - 1, y + 1, skin.v, borderStyle);
   for (let i = 0; i < box.extra.length; i++) {
     const row = box.extra[i];
     const yy = y + 2 + i;
-    canvas.text(x, yy, skin.v, skin.style, focused);
+    canvas.text(x, yy, skin.v, borderStyle);
     canvas.text(x + 1, yy, row.text, row.style);
-    canvas.text(x + w - 1, yy, skin.v, skin.style, focused);
+    canvas.text(x + w - 1, yy, skin.v, borderStyle);
   }
-  canvas.text(x, y + box.h - 1, skin.corners[2] + skin.h.repeat(inner) + skin.corners[3], skin.style, focused);
+  canvas.text(x, y + box.h - 1, skin.corners[2] + skin.h.repeat(inner) + skin.corners[3], borderStyle);
 }
 function drawEdges(canvas, edges, rows, opts) {
   for (const edge of edges) {
@@ -1283,7 +1321,27 @@ function layoutRows(columns, geo, gapRowCount, hasTitle, hasLanes) {
 
 // src/render/render.ts
 function renderMapWindow(map, opts, viewport) {
-  const built = buildCanvas(map, opts);
+  return renderSceneWindow(prepareScene(map, opts), opts, viewport);
+}
+function createWindowRenderer() {
+  let previous;
+  let frame;
+  return (map, opts, viewport) => {
+    const zoom = opts.zoom ?? ZOOM_DEFAULT;
+    if (previous?.map !== map || previous.unicode !== opts.unicode || previous.zoom !== zoom) {
+      previous = { map, unicode: opts.unicode, zoom, scene: prepareScene(map, opts) };
+    }
+    const scene = previous.scene;
+    if (frame?.scene !== scene || frame.spinner !== opts.spinnerFrame || frame.focus !== opts.focus || frame.color !== opts.color) {
+      frame = { scene, spinner: opts.spinnerFrame, focus: opts.focus, color: opts.color, built: paint(scene, opts) };
+    }
+    return emitWindow(frame.built, opts, viewport);
+  };
+}
+function renderSceneWindow(scene, opts, viewport) {
+  return emitWindow(paint(scene, opts), opts, viewport);
+}
+function emitWindow(built, opts, viewport) {
   return {
     lines: built.canvas.emit(opts, viewport),
     contentWidth: built.canvas.width,
@@ -1291,26 +1349,40 @@ function renderMapWindow(map, opts, viewport) {
     hits: built.hits
   };
 }
-function buildCanvas(map, opts) {
+function prepareScene(map, opts) {
   const oriented = flipForSequence(map);
   const plainGeo = zoomGeometry(opts.zoom ?? ZOOM_DEFAULT);
   const aggregated = plainGeo.mode === "constellation" ? aggregateMap(oriented) : void 0;
   const drawn = aggregated ?? oriented;
-  return paint(drawn, opts, aggregated !== void 0 ? AGGREGATE_GEO : plainGeo, unverifiedDoneIds(oriented, drawn));
+  const unverified = unverifiedDoneIds(oriented, drawn);
+  if (drawn.layers.length === 0) return { map: drawn, unverified };
+  return { map: drawn, unverified, geometry: prepareGeometry(drawn, opts, aggregated !== void 0 ? AGGREGATE_GEO : plainGeo) };
 }
-function paint(map, opts, geo, unverified) {
-  const canvas = new Canvas();
-  if (map.layers.length === 0) {
-    canvas.text(0, 0, map.title ?? "mellos mapping", "none", true);
-    canvas.text(0, 2, "(empty map \u2014 declare layers and nodes to begin)", "dim");
-    return { canvas, hits: [] };
-  }
+function prepareGeometry(map, opts, geo) {
   const neutral = isNeutralKind(map);
   const columns = layoutColumns(map, geo, opts.unicode, neutral);
   const routing = routeEdges(map, columns);
   const rows = layoutRows(columns, geo, routing.gapRowCount, map.title !== void 0, map.lanes.length > 0);
   const wiredWidth = routing.fallbackCount > 0 ? columns.contentWidth + 2 + routing.fallbackCount * 2 : columns.contentWidth;
   const totalWidth = wiredWidth + Math.max(...columns.bandLabel.map(displayWidth));
+  const hits = [...rows.boxOf.values()].map((b) => ({
+    id: b.node.id,
+    x: b.x,
+    y: b.y,
+    w: b.w,
+    h: b.h
+  }));
+  return { neutral, columns, routing, rows, wiredWidth, totalWidth, hits };
+}
+function paint(scene, opts) {
+  const { map, unverified, geometry } = scene;
+  const canvas = new Canvas();
+  if (geometry === void 0) {
+    canvas.text(0, 0, map.title ?? "mellos mapping", "none", true);
+    canvas.text(0, 2, "(empty map \u2014 declare layers and nodes to begin)", "dim");
+    return { canvas, hits: [] };
+  }
+  const { neutral, columns, routing, rows, wiredWidth, totalWidth, hits } = geometry;
   if (map.title !== void 0) drawTitle(canvas, map.title);
   drawLaneHeaders(canvas, map, columns, rows);
   drawBands(canvas, columns, rows, wiredWidth, totalWidth);
@@ -1321,20 +1393,9 @@ function paint(map, opts, geo, unverified) {
   }
   drawEdges(canvas, routing.edges, rows, opts);
   drawLegend(canvas, map, opts, rows.legendY, neutral, unverified.size > 0);
-  const hits = [...rows.boxOf.values()].map((b) => ({
-    id: b.node.id,
-    x: b.x,
-    y: b.y,
-    w: b.w,
-    h: b.h
-  }));
   return { canvas, hits };
 }
 
-// src/store/store.ts
-import { existsSync, mkdirSync, readdirSync, readFileSync, renameSync, rmSync, statSync, writeFileSync } from "node:fs";
-import { basename, dirname, join } from "node:path";
-
 // src/store/format.ts
 var STATE_FILE_VERSION = 1;
 function makePageId(raw) {
@@ -1545,11 +1606,13 @@ function parseMap(raw, path) {
     if (!linked.ok) return err({ kind: "invariant-violation", path, violation: linked.error });
     map = linked.value;
   }
-  return ok(map);
+  const textError = mapTextError(map);
+  return textError ? err({ kind: "bad-shape", path, detail: textError }) : ok(map);
 }
 
-// src/store/store.ts
-var RENAME_MAX_ATTEMPTS = 10;
+// src/store/atomic.ts
+import { mkdirSync, renameSync, rmSync, writeFileSync } from "node:fs";
+import { dirname } from "node:path";
 var RENAME_BACKOFF_STEP_MS = 10;
 var TRANSIENT_RENAME_CODES = /* @__PURE__ */ new Set(["EPERM", "EBUSY", "EACCES", "ENOENT"]);
 function sleepSync(ms) {
@@ -1564,7 +1627,7 @@ function discardTemp(tmp) {
 function errnoOf(e) {
   return e.code ?? e.message;
 }
-function writeFileAtomic(path, contents) {
+function writeAtomic(path, contents, maxAttempts) {
   const tmp = `${path}.${process.pid}.${Math.random().toString(36).slice(2, 10)}.tmp`;
   try {
     mkdirSync(dirname(path), { recursive: true });
@@ -1580,7 +1643,7 @@ function writeFileAtomic(path, contents) {
       return ok(void 0);
     } catch (e) {
       const code = errnoOf(e);
-      if (!TRANSIENT_RENAME_CODES.has(code) || attempt >= RENAME_MAX_ATTEMPTS) {
+      if (!TRANSIENT_RENAME_CODES.has(code) || attempt >= maxAttempts) {
         discardTemp(tmp);
         return err({ kind: "save-failed", path, detail: `${code} after ${attempt} attempt(s)` });
       }
@@ -1589,17 +1652,15 @@ function writeFileAtomic(path, contents) {
     }
   }
 }
-function isRecord2(v) {
-  return typeof v === "object" && v !== null && !Array.isArray(v);
-}
-function stripBom(text) {
-  return text.charCodeAt(0) === 65279 ? text.slice(1) : text;
-}
+
+// src/store/pages.ts
+import { existsSync, readdirSync, rmSync as rmSync2 } from "node:fs";
+import { basename, dirname as dirname2, join } from "node:path";
 var STORE_DIR_NAME = ".mellos";
 var STATE_FILE_RELATIVE_PATH = join(STORE_DIR_NAME, "map.json");
 var PAGES_DIR_NAME = "pages";
 function pageFilePath(defaultFile, page) {
-  return page === void 0 ? defaultFile : join(dirname(defaultFile), PAGES_DIR_NAME, `${page}.json`);
+  return page === void 0 ? defaultFile : join(dirname2(defaultFile), PAGES_DIR_NAME, `${page}.json`);
 }
 function pageIdOfFile(defaultFile, path) {
   if (path === defaultFile) return void 0;
@@ -1611,123 +1672,158 @@ function listPageFiles(defaultFile) {
   if (existsSync(defaultFile)) out.push(defaultFile);
   let entries = [];
   try {
-    entries = readdirSync(join(dirname(defaultFile), PAGES_DIR_NAME));
+    entries = readdirSync(join(dirname2(defaultFile), PAGES_DIR_NAME));
   } catch {
   }
   for (const e of entries.sort()) {
-    if (e.endsWith(".json")) out.push(join(dirname(defaultFile), PAGES_DIR_NAME, e));
+    if (e.endsWith(".json")) out.push(join(dirname2(defaultFile), PAGES_DIR_NAME, e));
   }
   return out;
 }
 function deletePageFile(path) {
   try {
-    rmSync(path, { force: true });
+    rmSync2(path, { force: true });
     return ok(void 0);
   } catch (e) {
     return err({ kind: "delete-failed", path, detail: errnoOf(e) });
   }
 }
+
+// src/store/channels.ts
+import { existsSync as existsSync2, readFileSync as readFileSync2, rmSync as rmSync4 } from "node:fs";
+import { dirname as dirname4, join as join3 } from "node:path";
+
+// src/store/json-text.ts
+function isRecord2(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function stripBom(text) {
+  return text.charCodeAt(0) === 65279 ? text.slice(1) : text;
+}
+
+// src/store/viewers.ts
+import { readdirSync as readdirSync2, readFileSync, statSync, rmSync as rmSync3 } from "node:fs";
+import { dirname as dirname3, join as join2 } from "node:path";
+var VIEWERS_DIR_NAME = "viewers";
+var VIEWER_FILE_VERSION = 1;
+var VIEWER_HEARTBEAT_MS = 1e3;
+function viewersDirPath(defaultFile) {
+  return join2(dirname3(defaultFile), VIEWERS_DIR_NAME);
+}
+function viewerFilePath(defaultFile, pid) {
+  return join2(viewersDirPath(defaultFile), `${pid}.json`);
+}
+function publishViewer(defaultFile, pid, report) {
+  const body = { version: VIEWER_FILE_VERSION, page: report.page ?? null, follow: report.follow, owner: report.owner };
+  return writeAtomic(viewerFilePath(defaultFile, pid), `${JSON.stringify(body, null, 2)}
+`, 1);
+}
+function retireViewer(defaultFile, pid) {
+  try {
+    rmSync3(viewerFilePath(defaultFile, pid), { force: true });
+  } catch {
+  }
+}
+
+// src/store/channels.ts
 var FOCUS_FILE_NAME = "focus";
-function focusFilePath(defaultFile) {
-  return join(dirname(defaultFile), FOCUS_FILE_NAME);
+function focusFilePath(defaultFile, pid) {
+  return paneChannelPath(defaultFile, FOCUS_FILE_NAME, pid);
+}
+function paneChannelPath(defaultFile, channel, pid) {
+  if (pid === void 0) return join3(dirname4(defaultFile), channel);
+  if (!Number.isSafeInteger(pid) || pid <= 0) throw new Error("Invalid pane process id");
+  return join3(viewersDirPath(defaultFile), `${pid}.${channel}`);
 }
-function takeFocusRequest(defaultFile) {
-  const path = focusFilePath(defaultFile);
+function takeFocusRequest(defaultFile, pid) {
+  const targeted = pid === void 0 ? void 0 : focusFilePath(defaultFile, pid);
+  const path = targeted !== void 0 && existsSync2(targeted) ? targeted : focusFilePath(defaultFile);
   let raw;
   try {
-    raw = readFileSync(path, "utf8");
+    raw = readFileSync2(path, "utf8");
   } catch {
     return void 0;
   }
   try {
-    rmSync(path, { force: true });
+    rmSync4(path, { force: true });
   } catch {
   }
-  let parsed;
+  let parsed2;
   try {
-    parsed = JSON.parse(raw);
+    parsed2 = JSON.parse(raw);
   } catch {
     return void 0;
   }
-  if (typeof parsed !== "object" || parsed === null) return void 0;
-  const page = parsed.page;
+  if (typeof parsed2 !== "object" || parsed2 === null) return void 0;
+  const page = parsed2.page;
   if (page === void 0 || page === null) return { page: void 0 };
   if (typeof page !== "string") return void 0;
   const id = makePageId(page);
   return id.ok ? { page: id.value } : void 0;
 }
 var QUIT_FILE_NAME = "quit";
-function quitFilePath(defaultFile) {
-  return join(dirname(defaultFile), QUIT_FILE_NAME);
+function quitFilePath(defaultFile, pid) {
+  return paneChannelPath(defaultFile, QUIT_FILE_NAME, pid);
 }
-function takeQuitRequest(defaultFile) {
-  const path = quitFilePath(defaultFile);
+function takeQuitRequest(defaultFile, pid) {
+  const targeted = pid === void 0 ? void 0 : quitFilePath(defaultFile, pid);
+  const path = targeted !== void 0 && existsSync2(targeted) ? targeted : quitFilePath(defaultFile);
   let raw;
   try {
-    raw = readFileSync(path, "utf8");
+    raw = readFileSync2(path, "utf8");
   } catch {
     return false;
   }
-  sweepQuitRequest(defaultFile);
-  let parsed;
+  sweepQuitRequest(defaultFile, path === targeted ? pid : void 0);
+  let parsed2;
   try {
-    parsed = JSON.parse(stripBom(raw));
+    parsed2 = JSON.parse(stripBom(raw));
   } catch {
     return false;
   }
-  return isRecord2(parsed);
-}
-function sweepQuitRequest(defaultFile) {
-  try {
-    rmSync(quitFilePath(defaultFile), { force: true });
-  } catch {
-  }
-}
-var VIEWERS_DIR_NAME = "viewers";
-var VIEWER_FILE_VERSION = 1;
-var VIEWER_HEARTBEAT_MS = 1e3;
-function viewersDirPath(defaultFile) {
-  return join(dirname(defaultFile), VIEWERS_DIR_NAME);
-}
-function viewerFilePath(defaultFile, pid) {
-  return join(viewersDirPath(defaultFile), `${pid}.json`);
-}
-function publishViewer(defaultFile, pid, report) {
-  const body = { version: VIEWER_FILE_VERSION, page: report.page ?? null, follow: report.follow };
-  return writeFileAtomic(viewerFilePath(defaultFile, pid), `${JSON.stringify(body, null, 2)}
-`);
+  return isRecord2(parsed2);
 }
-function retireViewer(defaultFile, pid) {
+function sweepQuitRequest(defaultFile, pid) {
   try {
-    rmSync(viewerFilePath(defaultFile, pid), { force: true });
+    rmSync4(quitFilePath(defaultFile, pid), { force: true });
   } catch {
   }
 }
+
+// src/store/policy.ts
+import { dirname as dirname5, join as join4 } from "node:path";
 var CONFIG_FILE_NAME = "config.json";
 function configFilePath(defaultFile) {
-  return join(dirname(defaultFile), CONFIG_FILE_NAME);
+  return join4(dirname5(defaultFile), CONFIG_FILE_NAME);
 }
-var LEGACY_STATE_FILE_RELATIVE_PATH = join(".claude", "mellos-mapping.json");
+
+// src/store/migration.ts
+import { existsSync as existsSync3, mkdirSync as mkdirSync2, renameSync as renameSync2 } from "node:fs";
+import { dirname as dirname6, join as join5 } from "node:path";
+var LEGACY_STATE_FILE_RELATIVE_PATH = join5(".claude", "mellos-mapping.json");
 var LEGACY_PAGES_DIR_NAME = "mellos-mapping.pages";
 var LEGACY_CONFIG_FILE_NAME = "mellos-mapping.config.json";
 function migrateLegacyStore(defaultFile) {
-  const projectRoot = dirname(dirname(defaultFile));
-  const legacyDefault = join(projectRoot, LEGACY_STATE_FILE_RELATIVE_PATH);
-  const legacyPages = join(dirname(legacyDefault), LEGACY_PAGES_DIR_NAME);
-  const legacyConfig = join(dirname(legacyDefault), LEGACY_CONFIG_FILE_NAME);
-  const hasLegacy = existsSync(legacyDefault) || existsSync(legacyPages) || existsSync(legacyConfig);
-  const hasCurrent = existsSync(defaultFile) || existsSync(join(dirname(defaultFile), PAGES_DIR_NAME)) || existsSync(configFilePath(defaultFile));
+  const projectRoot = dirname6(dirname6(defaultFile));
+  const legacyDefault = join5(projectRoot, LEGACY_STATE_FILE_RELATIVE_PATH);
+  const legacyPages = join5(dirname6(legacyDefault), LEGACY_PAGES_DIR_NAME);
+  const legacyConfig = join5(dirname6(legacyDefault), LEGACY_CONFIG_FILE_NAME);
+  const hasLegacy = existsSync3(legacyDefault) || existsSync3(legacyPages) || existsSync3(legacyConfig);
+  const hasCurrent = existsSync3(defaultFile) || existsSync3(join5(dirname6(defaultFile), PAGES_DIR_NAME)) || existsSync3(configFilePath(defaultFile));
   if (!hasLegacy || hasCurrent) return false;
-  mkdirSync(dirname(defaultFile), { recursive: true });
-  if (existsSync(legacyDefault)) renameSync(legacyDefault, defaultFile);
-  if (existsSync(legacyPages)) renameSync(legacyPages, join(dirname(defaultFile), PAGES_DIR_NAME));
-  if (existsSync(legacyConfig)) renameSync(legacyConfig, configFilePath(defaultFile));
+  mkdirSync2(dirname6(defaultFile), { recursive: true });
+  if (existsSync3(legacyDefault)) renameSync2(legacyDefault, defaultFile);
+  if (existsSync3(legacyPages)) renameSync2(legacyPages, join5(dirname6(defaultFile), PAGES_DIR_NAME));
+  if (existsSync3(legacyConfig)) renameSync2(legacyConfig, configFilePath(defaultFile));
   return true;
 }
+
+// src/store/maps.ts
+import { readFileSync as readFileSync3 } from "node:fs";
 function loadMapFile(path) {
   let text;
   try {
-    text = readFileSync(path, "utf8");
+    text = readFileSync3(path, "utf8");
   } catch (e) {
     const code = e.code;
     if (code === "ENOENT") return err({ kind: "not-found", path });
@@ -1843,6 +1939,175 @@ function parseInput(chunk) {
   return { events, rest: "" };
 }
 
+// src/watch/view-state.ts
+var defaultPage = () => ({ offsetX: 0, offsetY: 0, zoom: ZOOM_DEFAULT, selectedId: void 0 });
+function initialViewState() {
+  return {
+    ...defaultPage(),
+    pageViews: /* @__PURE__ */ new Map(),
+    hoverId: void 0,
+    dragAnchor: void 0,
+    press: void 0,
+    dividerDrag: false,
+    lastClick: void 0
+  };
+}
+function reduceView(state, event) {
+  switch (event.kind) {
+    case "reset":
+      return { ...state, offsetX: 0, offsetY: 0, zoom: ZOOM_DEFAULT };
+    case "pan":
+      return { ...state, offsetX: state.offsetX + event.dx, offsetY: state.offsetY + event.dy };
+    case "position":
+      return { ...state, offsetX: event.x, offsetY: event.y };
+    case "zoom":
+      return { ...state, zoom: event.value };
+    case "hover":
+      return event.id === state.hoverId ? state : { ...state, hoverId: event.id };
+    case "select":
+      return { ...state, selectedId: event.id };
+    case "down":
+      return {
+        ...state,
+        dividerDrag: event.divider,
+        dragAnchor: event.divider ? void 0 : { x: event.x, y: event.y, ox: state.offsetX, oy: state.offsetY },
+        press: event.divider ? void 0 : { moved: false }
+      };
+    case "drag": {
+      if (state.dividerDrag || !state.dragAnchor) return state;
+      const { x, y, ox, oy } = state.dragAnchor;
+      const offsetX = ox - (event.x - x);
+      const offsetY = oy - (event.y - y);
+      return offsetX === state.offsetX && offsetY === state.offsetY ? state : { ...state, offsetX, offsetY, press: { moved: true } };
+    }
+    case "up":
+      return { ...state, dragAnchor: void 0, press: void 0, dividerDrag: false };
+    case "pages": {
+      const pageViews = new Map([...state.pageViews].filter(([file]) => event.files.includes(file)));
+      if (event.previous === event.active || event.active === void 0) return { ...state, pageViews };
+      if (event.previous !== void 0 && event.files.includes(event.previous)) pageViews.set(event.previous, {
+        offsetX: state.offsetX,
+        offsetY: state.offsetY,
+        zoom: state.zoom,
+        selectedId: state.selectedId
+      });
+      return {
+        ...state,
+        ...pageViews.get(event.active) ?? defaultPage(),
+        pageViews,
+        hoverId: void 0,
+        dragAnchor: void 0,
+        press: void 0,
+        dividerDrag: false,
+        lastClick: void 0
+      };
+    }
+  }
+}
+function isPointerClick(state) {
+  return !state.dividerDrag && state.press !== void 0 && !state.press.moved;
+}
+function clickNode(state, id, now, doubleClickMs) {
+  const double = id !== void 0 && state.lastClick?.id === id && now - state.lastClick.at <= doubleClickMs;
+  return {
+    state: { ...state, selectedId: id, lastClick: double || id === void 0 ? void 0 : { id, at: now } },
+    diveId: double ? id : void 0
+  };
+}
+
+// src/watch/io.ts
+var nativeWatcherIO = () => ({
+  interactive: process.stdin.isTTY === true && process.stdout.isTTY === true,
+  input: process.stdin,
+  output: process.stdout
+});
+
+// src/watch/terminal-session.ts
+var HIDE_CURSOR = "\x1B[?25l";
+var SHOW_CURSOR = "\x1B[?25h";
+var ENTER_SCREEN = "\x1B[?1049h";
+var LEAVE_SCREEN = "\x1B[?1049l";
+var CLEAR_SCREEN = "\x1B[H\x1B[2J";
+var MOUSE_ON = "\x1B[?1003h\x1B[?1006h";
+var MOUSE_OFF = "\x1B[?1003l\x1B[?1006l";
+var RESET = "\x1B[0m";
+function terminalRestoreSequence(mouseActive, alternateScreen = false) {
+  return (mouseActive ? MOUSE_OFF : "") + RESET + (alternateScreen ? LEAVE_SCREEN : "") + SHOW_CURSOR + (alternateScreen ? "" : "\n");
+}
+function openTerminalSession(options) {
+  const { interactive, write } = options;
+  const mouseActive = interactive && options.mouse;
+  write((interactive ? ENTER_SCREEN : "") + HIDE_CURSOR + CLEAR_SCREEN + (mouseActive ? MOUSE_ON : ""));
+  const timer = mouseActive ? setInterval(() => write(HIDE_CURSOR + MOUSE_ON), 1e3) : void 0;
+  timer?.unref();
+  let closed = false;
+  return {
+    close() {
+      if (closed) return;
+      closed = true;
+      clearInterval(timer);
+      write(terminalRestoreSequence(mouseActive, interactive));
+    }
+  };
+}
+
+// src/watch/frame-output.ts
+function frameDifference(previous, next) {
+  const compatible = previous?.columns === next.columns;
+  let output = "";
+  for (let row = 0; row < Math.max(next.rows.length, previous?.rows.length ?? 0); row++) {
+    const text = next.rows[row] ?? "";
+    if (compatible && text === previous?.rows[row]) continue;
+    output += `\x1B[${row + 1};1H${text}\x1B[0m\x1B[K`;
+  }
+  return output;
+}
+function createFrameOutput(port) {
+  let previous;
+  let latest;
+  let pending;
+  let unsubscribe;
+  let closed = false;
+  const flush = () => {
+    if (closed || unsubscribe !== void 0 || pending === void 0) return;
+    const frame = pending;
+    pending = void 0;
+    const output = frameDifference(previous, frame);
+    if (output === "") return;
+    previous = frame;
+    if (!port.write(output)) {
+      unsubscribe = port.onDrain(() => {
+        unsubscribe?.();
+        unsubscribe = void 0;
+        flush();
+      });
+    }
+  };
+  const refresh = setInterval(() => {
+    previous = void 0;
+    pending = latest;
+    flush();
+  }, 1e3);
+  refresh.unref();
+  return {
+    present(frame) {
+      if (closed) return;
+      latest = pending = frame;
+      flush();
+    },
+    invalidate() {
+      previous = void 0;
+    },
+    close() {
+      closed = true;
+      clearInterval(refresh);
+      unsubscribe?.();
+      unsubscribe = void 0;
+      pending = latest = previous = void 0;
+    }
+  };
+}
+
 // src/watch/pane-state.ts
 function describePageFault(fault) {
   return fault.kind === "unreadable" ? `cannot read ${fault.path}: ${fault.detail}` : describeStoreError(fault);
@@ -2011,13 +2276,14 @@ function describeArgsError(e) {
 }
 var USAGE = "usage: mellos-mapping-watch [--file <map.json>] [--page <slug>] [--interval <ms>] [--ascii] [--no-color] [--no-mouse] [--no-follow]";
 function parseArgs(argv, cwd) {
-  let file = join2(cwd, STATE_FILE_RELATIVE_PATH);
+  let file = join6(cwd, STATE_FILE_RELATIVE_PATH);
   let intervalMs = POLL_INTERVAL_DEFAULT_MS;
   let unicode = true;
   let color = true;
   let mouse = true;
   let page;
   let follow = true;
+  let owner;
   const valueOf = (flag, raw) => raw === void 0 || raw.startsWith("--") ? err({ kind: "missing-value", flag }) : ok(raw);
   for (let i = 0; i < argv.length; i++) {
     const flag = argv[i];
@@ -2031,9 +2297,17 @@ function parseArgs(argv, cwd) {
       case "--page": {
         const value = valueOf(flag, argv[++i]);
         if (!value.ok) return value;
-        const parsed = makePageId(value.value);
-        if (!parsed.ok) return err({ kind: "invalid-value", flag, raw: value.value, rule: parsed.error.rule });
-        page = parsed.value;
+        const parsed2 = makePageId(value.value);
+        if (!parsed2.ok) return err({ kind: "invalid-value", flag, raw: value.value, rule: parsed2.error.rule });
+        page = parsed2.value;
+        break;
+      }
+      case "--owner": {
+        const value = valueOf(flag, argv[++i]);
+        if (!value.ok) return value;
+        const parsed2 = makePageId(value.value);
+        if (!parsed2.ok) return err({ kind: "invalid-value", flag, raw: value.value, rule: parsed2.error.rule });
+        owner = parsed2.value;
         break;
       }
       case "--interval": {
@@ -2062,7 +2336,7 @@ function parseArgs(argv, cwd) {
         return err({ kind: "unknown-flag", flag });
     }
   }
-  return ok({ file, intervalMs, unicode, color, mouse, page, follow });
+  return ok({ file, intervalMs, unicode, color, mouse, page, follow, ...owner === void 0 ? {} : { owner } });
 }
 function readPage(file) {
   try {
@@ -2071,9 +2345,9 @@ function readPage(file) {
     return err({ kind: "unreadable", path: file, detail: e.code ?? e.message });
   }
 }
-function renderWindow(map, opts, viewport) {
+function renderWindow(map, opts, viewport, render = renderMapWindow) {
   try {
-    return ok(renderMapWindow(map, opts, viewport));
+    return ok(render(map, opts, viewport));
   } catch (e) {
     return err(`this map could not be drawn: ${e.message}`);
   }
@@ -2090,17 +2364,10 @@ function dividerRow(width, unicode, follow) {
   }
   return bar;
 }
-var HIDE_CURSOR = "\x1B[?25l";
-var SHOW_CURSOR = "\x1B[?25h";
 var CLEAR_ALL = "\x1B[H\x1B[2J";
 var HOME = "\x1B[H";
 var ERASE_LINE_END = "\x1B[K";
-var MOUSE_ON = "\x1B[?1003h\x1B[?1006h";
-var MOUSE_OFF = "\x1B[?1003l\x1B[?1006l";
-var RESET = "\x1B[0m";
-function terminalRestoreSequence(mouseActive) {
-  return (mouseActive ? MOUSE_OFF : "") + SHOW_CURSOR + RESET + "\n";
-}
+var RESET2 = "\x1B[0m";
 var PANEL_CONTENT_ROWS = 6;
 var PANEL_ROWS_MIN = 2;
 var MAP_ROWS_MIN = 4;
@@ -2291,7 +2558,7 @@ function waitingInfo(s, width) {
   const clock = s.elapsedMs !== void 0 ? ` \xB7 waiting ${elapsedLabel(s.elapsedMs)}` : "";
   const lines = [
     `watching  ${s.defaultFile}`,
-    `      and ${join2(s.pagesDir, "*.json")}`,
+    `      and ${join6(s.pagesDir, "*.json")}`,
     `polling every ${s.intervalMs} ms${clock}`
   ];
   for (const b of s.broken) lines.push(`! ${b}`);
@@ -2300,7 +2567,7 @@ function waitingInfo(s, width) {
 }
 function splashFrame(notice, info, frame, width, height, unicode, color) {
   if (width < 24 || height < info.length + 3) return void 0;
-  const dim = (s) => color ? `\x1B[90m${s}${RESET}` : s;
+  const dim = (s) => color ? `\x1B[90m${s}${RESET2}` : s;
   const spinner = SPINNER_FRAMES[unicode ? "unicode" : "ascii"];
   const status = fitWidth(`${spinner[frame % spinner.length]} ${notice}`, Math.max(1, width - 2));
   const statusIndent = " ".repeat(Math.max(0, Math.floor((width - displayWidth(status)) / 2)));
@@ -2331,17 +2598,12 @@ function viewerReportOf(pane, defaultFile) {
   const shown = pane.activeFile ?? pane.pendingFocusFile ?? defaultFile;
   return { page: pageIdOfFile(defaultFile, shown), follow: pane.follow };
 }
-function main() {
-  const parsed = parseArgs(process.argv.slice(2), process.cwd());
-  if (!parsed.ok) {
-    console.error(`mellos-mapping-watch: ${describeArgsError(parsed.error)}
-${USAGE}`);
-    process.exit(1);
-  }
-  const cfg = parsed.value;
+function runWatcher(cfg, io = nativeWatcherIO()) {
+  const renderScene = createWindowRenderer();
   if (migrateLegacyStore(cfg.file)) console.error("mellos-mapping: moved the legacy .claude map store to .mellos/ \u2014 commit the move.");
   sweepQuitRequest(cfg.file);
-  const interactive = process.stdin.isTTY === true && process.stdout.isTTY === true;
+  sweepQuitRequest(cfg.file, process.pid);
+  const interactive = io.interactive;
   const mouseActive = interactive && cfg.mouse;
   let lastFrame = "";
   let spinnerFrame = 0;
@@ -2350,28 +2612,19 @@ ${USAGE}`);
   const standbyNotice = "waiting for the first mmap_declare ...";
   let map;
   let notice = standbyNotice;
-  let lastCols = process.stdout.columns ?? 0;
-  let lastRows = process.stdout.rows ?? 0;
+  let lastCols = io.output.columns ?? 0;
+  let lastRows = io.output.rows ?? 0;
   let pane = initialPaneState(
     cfg.follow,
     cfg.page === void 0 ? void 0 : pageFilePath(cfg.file, cfg.page)
   );
-  const pageViews = /* @__PURE__ */ new Map();
+  let view = initialViewState();
   let lastTabSegments = [];
   let tabScroll = 0;
-  let offsetX = 0;
-  let offsetY = 0;
-  let zoom = ZOOM_DEFAULT;
-  let dragAnchor;
-  let press;
-  let hoverId;
-  let selectedId;
   let lastHits = [];
   let lastContent = { w: 0, h: 0 };
   let pendingInput = "";
   let panelContentRows = PANEL_CONTENT_ROWS;
-  let dividerDrag = false;
-  let lastClick;
   let flash;
   let lastTabFiles = [];
   const topFiles = () => topLevelFiles(cfg.file, filesOf(pane), mapsOf(pane));
@@ -2387,8 +2640,8 @@ ${USAGE}`);
     }
     return false;
   };
-  const viewWidth = () => usableColumns(process.stdout.columns ?? FALLBACK_COLUMNS);
-  const viewHeight = () => Math.max(1, (process.stdout.rows ?? FALLBACK_ROWS) - (1 + panelContentRows) - 1 - tabRows());
+  const viewWidth = () => usableColumns(io.output.columns ?? FALLBACK_COLUMNS);
+  const viewHeight = () => Math.max(1, (io.output.rows ?? FALLBACK_ROWS) - (1 + panelContentRows) - 1 - tabRows());
   const dividerY = () => tabRows() + viewHeight() + 1;
   const pageTabsOf = (files) => files.map((f) => {
     const entry = entryOf(pane, f);
@@ -2415,14 +2668,8 @@ ${USAGE}`);
   };
   const adoptView = (previous) => {
     const file = pane.activeFile;
+    view = reduceView(view, { kind: "pages", previous, active: file, files: filesOf(pane) });
     if (file === void 0 || file === previous) return;
-    if (previous !== void 0) pageViews.set(previous, { offsetX, offsetY, zoom, selectedId });
-    const view = pageViews.get(file);
-    offsetX = view?.offsetX ?? 0;
-    offsetY = view?.offsetY ?? 0;
-    zoom = view?.zoom ?? ZOOM_DEFAULT;
-    selectedId = view?.selectedId;
-    hoverId = void 0;
     const top = topFiles();
     const tabIndex = top.indexOf(file);
     if (tabIndex >= 0) {
@@ -2444,16 +2691,33 @@ ${USAGE}`);
     const sy = termY - 1 - tabRows();
     if (sx < 0 || sx >= viewWidth()) return void 0;
     if (sy < 0 || sy >= viewHeight()) return void 0;
-    const cx = sx + offsetX;
-    const cy = sy + offsetY;
+    const cx = sx + view.offsetX;
+    const cy = sy + view.offsetY;
     return lastHits.find((h) => cx >= h.x && cx < h.x + h.w && cy >= h.y && cy < h.y + h.h)?.id;
   };
   const publishPresence = () => {
-    publishViewer(cfg.file, process.pid, viewerReportOf(pane, cfg.file));
+    io.report?.(viewerReportOf(pane, cfg.file));
+    publishViewer(cfg.file, process.pid, {
+      ...viewerReportOf(pane, cfg.file),
+      ...cfg.owner === void 0 ? {} : { owner: cfg.owner }
+    });
   };
-  process.stdout.write(HIDE_CURSOR + CLEAR_ALL + (mouseActive ? MOUSE_ON : ""));
+  if (interactive) io.input.setRawMode(true);
+  const terminal = openTerminalSession({ interactive, mouse: cfg.mouse, write: (text) => io.output.write(text) });
+  const frameOutput = interactive ? createFrameOutput({
+    write: (text) => io.output.write(text),
+    onDrain: (ready) => {
+      io.output.once("drain", ready);
+      return () => {
+        io.output.off("drain", ready);
+      };
+    }
+  }) : void 0;
+  let paintTimer;
   process.on("exit", () => {
-    process.stdout.write(terminalRestoreSequence(mouseActive));
+    clearTimeout(paintTimer);
+    frameOutput?.close();
+    terminal.close();
     retireViewer(cfg.file, process.pid);
   });
   const quit = () => process.exit(0);
@@ -2465,20 +2729,31 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
 `);
     process.exit(1);
   });
+  const sceneOptions = () => ({
+    color: cfg.color,
+    unicode: cfg.unicode,
+    zoom: view.zoom,
+    focus: view.hoverId ?? view.selectedId,
+    // A spinner on another page must not invalidate this completed picture.
+    spinnerFrame: map?.nodes.some((node) => node.status === "in-progress") ? spinnerFrame : 0
+  });
   const paint2 = () => {
-    const cols = process.stdout.columns ?? FALLBACK_COLUMNS;
+    clearTimeout(paintTimer);
+    paintTimer = void 0;
+    const cols = io.output.columns ?? FALLBACK_COLUMNS;
     const viewW = viewWidth();
-    panelContentRows = clampPanelRows(panelContentRows, process.stdout.rows ?? FALLBACK_ROWS, tabRows());
+    panelContentRows = clampPanelRows(panelContentRows, io.output.rows ?? FALLBACK_ROWS, tabRows());
     const viewH = viewHeight();
-    const focus = hoverId ?? selectedId;
+    const focus = view.hoverId ?? view.selectedId;
     let body;
     let panned = "";
     let pannable = false;
     if (map !== void 0) {
       const rendered = renderWindow(
         map,
-        { color: cfg.color, unicode: cfg.unicode, spinnerFrame, focus, zoom },
-        { x: offsetX, y: offsetY, width: viewW, height: viewH }
+        sceneOptions(),
+        { x: view.offsetX, y: view.offsetY, width: viewW, height: viewH },
+        renderScene
       );
       if (!rendered.ok) {
         body = ["", fitWidth(`  ! ${rendered.error}`, viewW), ""];
@@ -2487,9 +2762,12 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
         const windowed = rendered.value;
         const maxX = Math.max(0, windowed.contentWidth - viewW);
         const maxY = Math.max(0, windowed.contentHeight - viewH);
-        if (offsetX > maxX || offsetY > maxY || offsetX < 0 || offsetY < 0) {
-          offsetX = Math.min(Math.max(0, offsetX), maxX);
-          offsetY = Math.min(Math.max(0, offsetY), maxY);
+        if (view.offsetX > maxX || view.offsetY > maxY || view.offsetX < 0 || view.offsetY < 0) {
+          view = reduceView(view, {
+            kind: "position",
+            x: Math.min(Math.max(0, view.offsetX), maxX),
+            y: Math.min(Math.max(0, view.offsetY), maxY)
+          });
           paint2();
           return;
         }
@@ -2497,13 +2775,13 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
         body = windowed.lines;
         lastHits = windowed.hits;
         lastContent = { w: windowed.contentWidth, h: windowed.contentHeight };
-        if (offsetX !== 0 || offsetY !== 0) panned = `  (+${offsetX},+${offsetY})`;
+        if (view.offsetX !== 0 || view.offsetY !== 0) panned = `  (+${view.offsetX},+${view.offsetY})`;
       }
     } else {
       const info = waitingInfo(
         {
           defaultFile: cfg.file,
-          pagesDir: join2(dirname2(cfg.file), PAGES_DIR_NAME),
+          pagesDir: join6(dirname7(cfg.file), PAGES_DIR_NAME),
           intervalMs: cfg.intervalMs,
           elapsedMs: interactive ? Date.now() - startedAt : void 0,
           broken: pane.pages.flatMap(
@@ -2522,15 +2800,15 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
     if (map === void 0) {
       panel = Array.from({ length: panelContentRows }, () => ({ text: "", sgr: "" }));
     } else if (focus !== void 0) {
-      panel = nodePanel(map, focus, cfg.unicode, panelWidth, selectedId === focus, panelContentRows) ?? mapPanel(map, cfg.unicode, panelWidth, panelContentRows);
+      panel = nodePanel(map, focus, cfg.unicode, panelWidth, view.selectedId === focus, panelContentRows) ?? mapPanel(map, cfg.unicode, panelWidth, panelContentRows);
     } else {
       panel = mapPanel(map, cfg.unicode, panelWidth, panelContentRows);
     }
     const separator = dividerRow(viewW, cfg.unicode, pane.follow);
     const panelRows = [
-      cfg.color ? `\x1B[90m${separator}${RESET}` : separator,
+      cfg.color ? `\x1B[90m${separator}${RESET2}` : separator,
       ...panel.map(
-        (l) => cfg.color && l.sgr !== "" && l.text !== "" ? ` \x1B[${l.sgr}m${l.text}${RESET}` : ` ${l.text}`
+        (l) => cfg.color && l.sgr !== "" && l.text !== "" ? ` \x1B[${l.sgr}m${l.text}${RESET2}` : ` ${l.text}`
       )
     ];
     let tabLine;
@@ -2552,43 +2830,53 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
         action: { kind: "back" }
       };
       lastTabSegments = [head, tail];
-      tabLine = lastTabSegments.map((s) => cfg.color && s.sgr !== "" ? `\x1B[${s.sgr}m${s.text}${RESET}` : s.text).join("");
+      tabLine = lastTabSegments.map((s) => cfg.color && s.sgr !== "" ? `\x1B[${s.sgr}m${s.text}${RESET2}` : s.text).join("");
     } else if (tabRows() > 0) {
       const segments = pageTabRow(pageTabsOf(lastTabFiles), viewW, cfg.unicode, tabScroll, mouseActive);
       lastTabSegments = segments;
-      tabLine = segments.map((s) => cfg.color && s.sgr !== "" ? `\x1B[${s.sgr}m${s.text}${RESET}` : s.text).join("");
+      tabLine = segments.map((s) => cfg.color && s.sgr !== "" ? `\x1B[${s.sgr}m${s.text}${RESET2}` : s.text).join("");
     } else {
       lastTabSegments = [];
     }
-    const zoomTag = `${cfg.unicode ? "\u2295" : "zoom"} ${zoomLabel(zoom)}`;
+    const zoomTag = `${cfg.unicode ? "\u2295" : "zoom"} ${zoomLabel(view.zoom)}`;
     const hint = !interactive ? cfg.file : (flash !== void 0 ? `${flash.text} \xB7 ` : "") + `${zoomTag} \xB7 wheel zoom \xB7 ` + (pannable ? "drag pan \xB7 " : "") + "hover/click \xB7 0 reset \xB7 x delete page \xB7 q quit";
     const footerText = fitWidth(` ${hint}${panned}`, viewW);
-    const footer = cfg.color ? `\x1B[90m${footerText}${RESET}` : footerText;
-    let frame = HOME;
-    if (tabLine !== void 0) frame += tabLine + ERASE_LINE_END + "\n";
-    for (let i = 0; i < viewH; i++) frame += (body[i] ?? "") + ERASE_LINE_END + "\n";
-    for (const row of panelRows) frame += row + ERASE_LINE_END + "\n";
-    frame += footer + ERASE_LINE_END;
-    if (frame !== lastFrame) {
-      process.stdout.write(frame);
-      lastFrame = frame;
+    const footer = cfg.color ? `\x1B[90m${footerText}${RESET2}` : footerText;
+    const rows = [
+      ...tabLine === void 0 ? [] : [tabLine],
+      ...Array.from({ length: viewH }, (_, i) => body[i] ?? ""),
+      ...panelRows,
+      footer
+    ];
+    if (frameOutput !== void 0) {
+      frameOutput.present({ columns: cols, rows });
+    } else {
+      const frame = HOME + rows.map((row) => row + ERASE_LINE_END).join("\n");
+      if (frame !== lastFrame) {
+        io.output.write(frame);
+        lastFrame = frame;
+      }
     }
   };
+  const requestPaint = () => {
+    paintTimer ??= setTimeout(paint2, 16);
+  };
   const handleResize = () => {
-    lastCols = process.stdout.columns ?? lastCols;
-    lastRows = process.stdout.rows ?? lastRows;
+    lastCols = io.output.columns ?? lastCols;
+    lastRows = io.output.rows ?? lastRows;
     lastFrame = "";
-    process.stdout.write(CLEAR_ALL);
+    frameOutput?.invalidate();
+    io.output.write(CLEAR_ALL);
     paint2();
   };
   const tick = () => {
-    if (takeQuitRequest(cfg.file)) quit();
-    if ((process.stdout.columns ?? lastCols) !== lastCols || (process.stdout.rows ?? lastRows) !== lastRows) {
+    if (takeQuitRequest(cfg.file, process.pid)) quit();
+    if ((io.output.columns ?? lastCols) !== lastCols || (io.output.rows ?? lastRows) !== lastRows) {
       handleResize();
     }
     const discovered = listPageFiles(cfg.file);
     const files = discovered.length > 0 ? discovered : [cfg.file];
-    const request = takeFocusRequest(cfg.file);
+    const request = takeFocusRequest(cfg.file, process.pid);
     const previous = pane.activeFile;
     const scanned = scan(pane, {
       files,
@@ -2603,12 +2891,9 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
       focusRequest: request === void 0 ? void 0 : pageFilePath(cfg.file, request.page),
       // a drag in progress holds auto-follow off: the user is engaged with
       // THIS page, and a missed switch is re-triggered by the next save
-      engaged: dragAnchor !== void 0
+      engaged: view.dragAnchor !== void 0
     });
     pane = scanned.state;
-    for (const known of [...pageViews.keys()]) {
-      if (!files.includes(known)) pageViews.delete(known);
-    }
     adoptView(previous);
     adoptPage();
     if (flash?.confirm === true && pane.pendingDelete === void 0) flash = void 0;
@@ -2649,10 +2934,9 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
     tick();
   };
   if (interactive) {
-    process.stdin.setRawMode(true);
-    process.stdin.resume();
-    process.stdin.setEncoding("utf8");
-    process.stdin.on("data", (chunk) => {
+    io.input.resume();
+    io.input.setEncoding("utf8");
+    io.input.on("data", (chunk) => {
       const parsed2 = parseInput(pendingInput + chunk);
       pendingInput = parsed2.rest;
       let dirty = false;
@@ -2662,22 +2946,19 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
             quit();
             return;
           case "reset":
-            offsetX = 0;
-            offsetY = 0;
-            zoom = ZOOM_DEFAULT;
+            view = reduceView(view, { kind: "reset" });
             dirty = true;
             break;
           case "clear":
             if (pane.pendingDelete !== void 0) {
               pane = disarmDelete(pane);
               flash = void 0;
-            } else if (selectedId !== void 0) selectedId = void 0;
+            } else if (view.selectedId !== void 0) view = reduceView(view, { kind: "select", id: void 0 });
             else climbBack();
             dirty = true;
             break;
           case "pan":
-            offsetX += event.dx;
-            offsetY += event.dy;
+            view = reduceView(view, event);
             dirty = true;
             break;
           case "zoom": {
@@ -2686,15 +2967,16 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
               dirty = true;
               break;
             }
-            const next = clampZoom(zoom + event.delta);
-            if (next === zoom || map === void 0) break;
-            const anchorId = hoverId ?? selectedId ?? nearestHit(lastHits, offsetX + viewWidth() / 2, offsetY + viewHeight() / 2)?.id;
+            const next = clampZoom(view.zoom + event.delta);
+            if (next === view.zoom || map === void 0) break;
+            const anchorId = view.hoverId ?? view.selectedId ?? nearestHit(lastHits, view.offsetX + viewWidth() / 2, view.offsetY + viewHeight() / 2)?.id;
             const before = lastHits.find((h) => h.id === anchorId);
-            zoom = next;
+            view = reduceView(view, { kind: "zoom", value: next });
             const measured = renderWindow(
               map,
-              { color: false, unicode: cfg.unicode, spinnerFrame: 0, zoom },
-              { x: 0, y: 0, width: 0, height: 0 }
+              sceneOptions(),
+              { x: 0, y: 0, width: 0, height: 0 },
+              renderScene
             );
             if (!measured.ok) {
               dirty = true;
@@ -2704,57 +2986,48 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
             const after = before === void 0 ? void 0 : sized.hits.find((h) => h.id === before.id);
             const moved = anchorOffsets(
               before !== void 0 && after !== void 0 ? { before, after } : void 0,
-              { x: offsetX, y: offsetY },
+              { x: view.offsetX, y: view.offsetY },
               lastContent,
               { w: sized.contentWidth, h: sized.contentHeight }
             );
-            offsetX = moved.x;
-            offsetY = moved.y;
+            view = reduceView(view, { kind: "position", ...moved });
+            lastHits = sized.hits;
+            lastContent = { w: sized.contentWidth, h: sized.contentHeight };
             dirty = true;
             break;
           }
           case "mouse-move": {
             const over = hitTest(event.x, event.y);
-            if (over !== hoverId) {
-              hoverId = over;
+            if (over !== view.hoverId) {
+              view = reduceView(view, { kind: "hover", id: over });
               dirty = true;
             }
             break;
           }
           case "mouse-down":
-            if (event.y === dividerY()) {
-              dividerDrag = true;
-              break;
-            }
-            dragAnchor = { x: event.x, y: event.y, ox: offsetX, oy: offsetY };
-            press = { moved: false };
+            view = reduceView(view, { kind: "down", x: event.x, y: event.y, divider: event.y === dividerY() });
             break;
           case "mouse-drag":
-            if (dividerDrag) {
-              const next = panelRowsFromDividerY(event.y, process.stdout.rows ?? FALLBACK_ROWS, tabRows());
+            if (view.dividerDrag) {
+              const next = panelRowsFromDividerY(event.y, io.output.rows ?? FALLBACK_ROWS, tabRows());
               if (next !== panelContentRows) {
                 panelContentRows = next;
                 dirty = true;
               }
               break;
             }
-            if (dragAnchor) {
-              const nx = dragAnchor.ox - (event.x - dragAnchor.x);
-              const ny = dragAnchor.oy - (event.y - dragAnchor.y);
-              if (nx !== offsetX || ny !== offsetY) {
-                offsetX = nx;
-                offsetY = ny;
-                if (press) press.moved = true;
-                dirty = true;
-              }
+            {
+              const nextView = reduceView(view, { kind: "drag", x: event.x, y: event.y });
+              dirty ||= nextView !== view;
+              view = nextView;
             }
             break;
           case "mouse-up":
-            if (dividerDrag) {
-              dividerDrag = false;
+            if (view.dividerDrag) {
+              view = reduceView(view, { kind: "up" });
               break;
             }
-            if (press && !press.moved) {
+            if (isPointerClick(view)) {
               const tabHit = tabRows() > 0 && event.y === 1 ? lastTabSegments.find((s) => event.x >= s.lo && event.x <= s.hi) : void 0;
               if (tabHit !== void 0) {
                 if (tabHit.action.kind === "back") {
@@ -2770,7 +3043,9 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
               } else {
                 const id = hitTest(event.x, event.y);
                 const now = Date.now();
-                if (id !== void 0 && lastClick?.id === id && now - lastClick.at <= DOUBLE_CLICK_MS) {
+                const clicked = clickNode(view, id, now, DOUBLE_CLICK_MS);
+                view = clicked.state;
+                if (clicked.diveId !== void 0) {
                   const submap = map?.nodes.find((n) => n.id === id)?.submap;
                   if (submap !== void 0 && pane.activeFile !== void 0) {
                     const target = pageFilePath(cfg.file, submap);
@@ -2782,16 +3057,11 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
                       flash = { text: `submap "${submap}" has no page yet`, until: now + FLASH_ACK_MS };
                     }
                   }
-                  lastClick = void 0;
-                } else {
-                  lastClick = id !== void 0 ? { id, at: now } : void 0;
                 }
-                selectedId = id;
               }
               dirty = true;
             }
-            dragAnchor = void 0;
-            press = void 0;
+            view = reduceView(view, { kind: "up" });
             break;
           case "next-page":
           case "prev-page": {
@@ -2829,9 +3099,13 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
             break;
         }
       }
-      if (dirty) paint2();
+      if (dirty) {
+        const motionOnly = parsed2.events.every((event) => event.kind === "mouse-move" || event.kind === "mouse-drag");
+        if (motionOnly) requestPaint();
+        else paint2();
+      }
     });
-    process.stdout.on("resize", handleResize);
+    io.output.on("resize", handleResize);
   }
   tick();
   setInterval(tick, cfg.intervalMs);
@@ -2845,43 +3119,12 @@ the map pane stopped: ${e instanceof Error ? e.stack ?? e.message : String(e)}
     }, SPLASH_FRAME_MS);
   }
 }
-function launchedAsEntry(argv1, moduleUrl) {
-  if (argv1 === void 0) return false;
-  try {
-    return realpathSync(argv1) === realpathSync(fileURLToPath(moduleUrl));
-  } catch {
-    return pathToFileURL(argv1).href === moduleUrl;
-  }
-}
-if (launchedAsEntry(process.argv[1], import.meta.url)) {
-  main();
-}
-export {
-  PANEL_ROWS_MIN,
-  USAGE,
-  anchorOffsets,
-  clampPanelRows,
-  describeArgsError,
-  describePageFault,
-  diveOrigin,
-  dividerRow,
-  elapsedLabel,
-  fitWidth,
-  launchedAsEntry,
-  mapPanel,
-  nearestHit,
-  nodePanel,
-  pageTabRow,
-  panelRowsFromDividerY,
-  parseArgs,
-  readPage,
-  renderWindow,
-  splashFrame,
-  tabScrollFor,
-  terminalRestoreSequence,
-  topLevelFiles,
-  usableColumns,
-  viewerReportOf,
-  waitingInfo,
-  wrapWidth
-};
+
+// src/watch/cli.ts
+var parsed = parseArgs(process.argv.slice(2), process.cwd());
+if (!parsed.ok) {
+  console.error(`mellos-mapping-watch: ${describeArgsError(parsed.error)}
+${USAGE}`);
+  process.exit(1);
+}
+runWatcher(parsed.value);