@happy-nut/monacori 0.1.3 → 0.1.5

package/dist/i18n.js

@@ -94,6 +94,7 @@ export const MESSAGES = {
         "kbd.allQuestionsChanges": "All questions / changes",
         "kbd.ignoreWhitespace": "Ignore whitespace",
         "kbd.saveComment": "Save comment",
+        "kbd.promptMemo": "Prompt memo",
         "kbd.toggleTerminal": "Toggle terminal",
         "kbd.splitPane": "Split pane",
         "kbd.focusPane": "Focus prev / next pane",
@@ -127,6 +128,10 @@ export const MESSAGES = {
         "merged.close": "Close",
         "merged.qHeading": "# Questions",
         "merged.cHeading": "# Change requests",
+        // Prompt memo (Cmd/Ctrl+Shift+N) — a single freeform Markdown scratchpad with a live split preview.
+        "memo.title": "Prompt memo",
+        "memo.placeholder": "Jot down what you're planning, in Markdown…",
+        "memo.previewEmpty": "Markdown preview shows up here as you type.",
         // Merge-prompt default agent contracts (these follow the locale — a Korean user gets Korean defaults)
         "mergePrompt.default.q": "The following are questions about code you just wrote. Answer each one — explain the intent, rationale, or context. Do not change any code; this clarifies understanding before any revisions.",
         "mergePrompt.default.c": "The following are change requests for code you just wrote. For each, edit the code at the quoted location to satisfy the request. Keep changes minimal and focused; do not make unrelated edits.",
@@ -215,6 +220,7 @@ export const MESSAGES = {
         "kbd.allQuestionsChanges": "전체 질문 / 변경요청",
         "kbd.ignoreWhitespace": "공백 무시",
         "kbd.saveComment": "코멘트 저장",
+        "kbd.promptMemo": "프롬프트 메모",
         "kbd.toggleTerminal": "터미널 토글",
         "kbd.splitPane": "패널 분할",
         "kbd.focusPane": "이전 / 다음 패널로 이동",
@@ -249,6 +255,10 @@ export const MESSAGES = {
         // Structural markers stay English in both locales (the preamble prose below follows the locale).
         "merged.qHeading": "# Questions",
         "merged.cHeading": "# Change requests",
+        // 프롬프트 메모 (Cmd/Ctrl+Shift+N) — 라이브 분할 미리보기가 있는 자유 형식 마크다운 메모 한 장.
+        "memo.title": "프롬프트 메모",
+        "memo.placeholder": "구상 중인 것을 마크다운으로 적어 보세요…",
+        "memo.previewEmpty": "입력하면 여기에 마크다운 미리보기가 나타납니다.",
         // Merge-prompt default agent contracts (Korean default for Korean users)
         "mergePrompt.default.q": "다음은 방금 작성한 코드에 대한 질문입니다. 각 질문에 답하면서 의도, 근거, 맥락을 설명하세요. 코드는 변경하지 마세요. 이 단계는 수정에 앞서 이해를 명확히 하기 위한 것입니다.",
         "mergePrompt.default.c": "다음은 방금 작성한 코드에 대한 변경 요청입니다. 각 요청에 대해 인용된 위치의 코드를 수정하여 요구사항을 충족하세요. 변경은 최소한으로 집중해서 하고, 관련 없는 수정은 하지 마세요.",

package/dist/preload.cjs

@@ -13,6 +13,15 @@ electron_1.contextBridge.exposeInMainWorld("monacoriMenu", {
     onMergedView: (cb) => {
         electron_1.ipcRenderer.on("monacori:merged-view", (_event, kind) => cb(kind));
     },
+    // Review menu's Cmd/Ctrl+Shift+N -> open/close the prompt memo in the renderer.
+    onOpenMemo: (cb) => {
+        electron_1.ipcRenderer.on("monacori:open-memo", () => cb());
+    },
+    // Electron watch: main pushes the rebuilt review HTML so the renderer refreshes the diff in place
+    // (no window reload), keeping the integrated terminal's pty sessions alive.
+    onDiffUpdate: (cb) => {
+        electron_1.ipcRenderer.on("monacori:diff-update", (_event, html) => cb(html));
+    },
     // Cmd/Ctrl+W from the Window menu -> close the active Files-mode tab in the renderer.
     onCloseTab: (cb) => {
         electron_1.ipcRenderer.on("monacori:close-tab", () => cb());

package/dist/render.d.ts

@@ -6,6 +6,15 @@ export declare function splitDiffForLazy(diffHtml: string, files: DiffFile[]): {
     islands: string;
     bodies: string[];
 };
+export declare function renderReviewStatus(input: {
+    files: number;
+    hunks: number;
+    embeddedFiles: number;
+    sourceFileCount: number;
+    ignoreWhitespace?: boolean;
+    watch?: boolean;
+    generatedAt?: string;
+}): string;
 export declare function renderDiffHtml(input: {
     files: DiffFile[];
     diffHtml: string;
@@ -25,6 +34,8 @@ export declare function renderDiffHtml(input: {
     signature?: string;
     generatedAt?: string;
 }): string;
+export declare function renderDiffTree(files: DiffFile[]): string;
+export declare function renderSourceTree(files: SourceFile[]): string;
 export declare function diffSubtitle(options: {
     base?: string;
     staged: boolean;

package/dist/render.js

@@ -82,6 +82,11 @@ export function splitDiffForLazy(diffHtml, files) {
     });
     return { container: shells.join("\n"), islands: islands.join("\n"), bodies };
 }
+// The toolbar's review-status row (file/hunk counts, index + live status). Extracted so the in-place
+// update path can re-render just this strip; renderDiffHtml wraps it in <div class="review-status">.
+export function renderReviewStatus(input) {
+    return `<span>${input.files} <span data-i18n="status.files">files</span></span><span>${input.hunks} <span data-i18n="status.hunks">hunks</span></span>${input.ignoreWhitespace ? '<span class="ws-ignored" data-i18n="status.wsIgnored" data-i18n-title="status.wsIgnored.title" title="Whitespace ignored — Cmd/Ctrl+Shift+W">ws ignored</span>' : ""}<span class="index-status" id="index-status" data-i18n-title="status.index.title" title="Go-to-definition index">${input.embeddedFiles}/${input.sourceFileCount} indexed</span><span class="index-progress hidden" id="index-progress" aria-hidden="true"><span class="index-progress-bar"></span></span><span class="live-status ${input.watch ? "watching" : ""}" id="live-status"${input.watch ? ' data-i18n="status.watching"' : ""}>${input.watch ? "watching" : escapeHtml(input.generatedAt ?? new Date().toISOString())}</span>`;
+}
 export function renderDiffHtml(input) {
     const totalHunks = input.files.reduce((sum, file) => sum + file.hunks.length, 0);
     const fileNav = renderDiffTree(input.files);
@@ -102,6 +107,8 @@ export function renderDiffHtml(input) {
         "</style>",
         "</head>",
         "<body>",
+        // Boot overlay (removed by the renderer once bootstrap has painted) covers the blank gap after loadFile.
+        '<div id="boot-overlay"><div class="boot-spinner"></div><div>monacori</div></div>',
         '<aside class="sidebar" aria-label="Review navigation">',
         '<div class="sidebar-scroll">',
         `<div class="sidebar-brand" title="${escapeAttr(input.projectPath)}"><span class="brand-mark">monacori</span><span class="brand-project">${escapeHtml(input.projectName)}</span></div>`,
@@ -122,7 +129,7 @@ export function renderDiffHtml(input) {
         '<section id="diff-view" class="hidden">',
         '<div class="toolbar">',
         '<div class="breadcrumb" id="diff-breadcrumb"></div>',
-        `<div class="review-status"><span>${input.files.length} <span data-i18n="status.files">files</span></span><span>${totalHunks} <span data-i18n="status.hunks">hunks</span></span>${input.ignoreWhitespace ? '<span class="ws-ignored" data-i18n="status.wsIgnored" data-i18n-title="status.wsIgnored.title" title="Whitespace ignored — Cmd/Ctrl+Shift+W">ws ignored</span>' : ""}<span class="index-status" id="index-status" data-i18n-title="status.index.title" title="Go-to-definition index">${embeddedFiles}/${input.sourceFiles.length} indexed</span><span class="index-progress hidden" id="index-progress" aria-hidden="true"><span class="index-progress-bar"></span></span><span class="live-status ${input.watch ? "watching" : ""}" id="live-status"${input.watch ? ' data-i18n="status.watching"' : ""}>${input.watch ? "watching" : escapeHtml(input.generatedAt ?? new Date().toISOString())}</span></div>`,
+        `<div class="review-status">${renderReviewStatus({ files: input.files.length, hunks: totalHunks, embeddedFiles, sourceFileCount: input.sourceFiles.length, ignoreWhitespace: input.ignoreWhitespace, watch: input.watch, generatedAt: input.generatedAt })}</div>`,
         '<button type="button" id="diff-viewed-toggle" class="diff-viewed-toggle" aria-pressed="false" data-i18n="btn.viewed" data-i18n-title="btn.viewed.title" title="Toggle viewed (<)" hidden>Viewed</button>',
         "</div>",
         `<div id="diff2html-container" class="diff2html-container">${input.diffHtml || '<div class="empty" data-i18n="diff.noDiff">No diff to review.</div>'}</div>`,
@@ -194,13 +201,14 @@ export function renderDiffHtml(input) {
             '<kbd>Cmd/Ctrl+Shift+/ .</kbd><span data-i18n="kbd.allQuestionsChanges">All questions / changes</span>' +
             '<kbd>Cmd/Ctrl+Shift+W</kbd><span data-i18n="kbd.ignoreWhitespace">Ignore whitespace</span>' +
             '<kbd>Cmd/Ctrl+Enter</kbd><span data-i18n="kbd.saveComment">Save comment</span>' +
+            '<kbd>Cmd/Ctrl+Shift+N</kbd><span data-i18n="kbd.promptMemo">Prompt memo</span>' +
             '</div>' +
             '<div class="keys-cat" data-i18n="settings.kbd.cat.terminal">Terminal</div>' +
             '<div class="keys-grid">' +
             '<kbd>Ctrl+`</kbd><span data-i18n="kbd.toggleTerminal">Toggle terminal</span>' +
             '<kbd>Cmd/Ctrl+D</kbd><span data-i18n="kbd.splitPane">Split pane</span>' +
             '<kbd>Cmd/Ctrl+Alt+[ / ]</kbd><span data-i18n="kbd.focusPane">Focus prev / next pane</span>' +
-            '<kbd>F2</kbd><span data-i18n="kbd.renamePane">Rename pane</span>' +
+            '<kbd>Cmd/Ctrl+Alt+R</kbd><span data-i18n="kbd.renamePane">Rename pane</span>' +
             '<kbd>Cmd/Ctrl+W</kbd><span data-i18n="kbd.closeTerminal">Close terminal (when focused)</span>' +
             '</div>' +
             '</div>',
@@ -234,7 +242,7 @@ export function renderDiffHtml(input) {
         "</html>",
     ].join("\n");
 }
-function renderDiffTree(files) {
+export function renderDiffTree(files) {
     if (files.length === 0) {
         return '<div class="empty-nav">No changed files</div>';
     }
@@ -266,7 +274,7 @@ function renderDiffTree(files) {
     });
     return `<nav class="tree changes-flat">${rows.join("")}</nav>`;
 }
-function renderSourceTree(files) {
+export function renderSourceTree(files) {
     if (files.length === 0) {
         return '<div class="empty-nav">No source files indexed</div>';
     }
@@ -394,7 +402,7 @@ function renderSourceNode(node, depth) {
     }
     return [
         `<details class="tree-dir source-dir" data-dir="${escapeAttr(labelNode.path)}" style="--depth:${depth}">`,
-        `<summary><span class="folder-icon">v</span><span class="path">${escapeHtml(names.join("/"))}</span></summary>`,
+        `<summary><span class="folder-icon"><svg class="folder-ic fi-closed" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg><svg class="folder-ic fi-open" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 14 1.45-2.9A2 2 0 0 1 9.24 10H21a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg></span><span class="path">${escapeHtml(names.join("/"))}</span></summary>`,
         renderSourceChildren(labelNode, depth + 1),
         "</details>",
     ].join("\n");

package/dist/server.js

@@ -108,6 +108,12 @@ export function serveDiffWatch(input) {
                 });
                 return;
             }
+            // Compact in-place refresh payload — the poller fetches this only when the signature changed.
+            if (requestUrl.pathname === "/__ai_flow_update") {
+                const latest = lastBuild ?? build();
+                writeHttpJson(response, latest.update ?? {});
+                return;
+            }
             if (requestUrl.pathname === "/__http_send" && request.method === "POST") {
                 void handleHttpProxy(request, response);
                 return;

package/dist/types.d.ts

@@ -78,12 +78,24 @@ export type DiffReviewResult = {
     files: number;
     hunks: number;
 };
+export type DiffReviewUpdate = {
+    signature: string;
+    generatedAt: string;
+    diffContainer: string;
+    changesPanel: string;
+    filesTree: string;
+    reviewStatus: string;
+    fileStates: ReviewFileState[];
+    sourceFilesMeta: SourceFile[];
+    httpEnvironments: Record<string, Record<string, string>>;
+};
 export type DiffReviewBuild = {
     html: string;
     files: number;
     hunks: number;
     signature: string;
     generatedAt: string;
+    update?: DiffReviewUpdate;
     lazyBodies?: string[];
     lazySourceData?: string;
 };

package/dist/viewer.client.js

@@ -113,9 +113,9 @@ function setupLazyDiff() {
   if (wrappers[0]) ensureFileReady(wrappers[0]); // first file ready so the initial caret has a row to land on
 }
 if (REVIEW_LAZY) { setupLazyDiff(); setTimeout(function () { diffBootDone = true; }, 0); }
-const links = Array.from(document.querySelectorAll('#changes-panel .file-link'));
+let links = Array.from(document.querySelectorAll('#changes-panel .file-link')); // re-captured on in-place diff update
 let sourceLinks = Array.from(document.querySelectorAll('.source-link')); // re-captured when a deferred tree materializes
-const sourceFiles = JSON.parse(document.getElementById('source-files-data')?.textContent || '[]');
+let sourceFiles = JSON.parse(document.getElementById('source-files-data')?.textContent || '[]');
 // i18n: the message catalog (en + ko) is emitted server-side; the locale lives in localStorage and the
 // whole UI switches live (no reload). t() feeds dynamically-built text; applyI18n() rewrites the static
 // chrome (data-i18n / -ph / -title / -aria). English is the first-paint default.
@@ -147,13 +147,13 @@ function applyI18n() {
   var sel = document.getElementById('settings-language');
   if (sel) sel.value = locale;
 }
-const fileStates = JSON.parse(document.getElementById('file-state-data')?.textContent || '[]');
-const httpEnvironments = JSON.parse(document.getElementById('http-env-data')?.textContent || '{}');
-const httpEnvNames = Object.keys(httpEnvironments);
+let fileStates = JSON.parse(document.getElementById('file-state-data')?.textContent || '[]');
+let httpEnvironments = JSON.parse(document.getElementById('http-env-data')?.textContent || '{}');
+let httpEnvNames = Object.keys(httpEnvironments);
 const httpEnvKey = 'monacori-http-env:' + location.pathname;
 const httpRequestsByPath = new Map();
 const httpVarsByPath = new Map();
-const sourceByPath = new Map(sourceFiles.map((file) => [file.path, file]));
+let sourceByPath = new Map(sourceFiles.map((file) => [file.path, file]));
 // Phase 2b lazy-LOAD: source content is fetched once after first paint (serve /source-data or the
 // Electron bridge) and merged into the metadata-only source records; until then sourceLoaded is false
 // and the source view shows a brief loading state. Non-lazy-load modes embed source -> already loaded.
@@ -184,16 +184,16 @@ function loadSourceData() {
     }
     sourceLoaded = true;
     sourceLoading = false;
-    try { startSymbolIndex(); } catch (e) {}
+    scheduleSymbolIndex();
     if (pendingSourceOpen) { var po = pendingSourceOpen; pendingSourceOpen = null; openSourceFile(po.path, po.shouldSwitch); }
     else if (isSourceViewerVisible() && document.getElementById('source-viewer').dataset.openPath) { openSourceFile(document.getElementById('source-viewer').dataset.openPath, false); }
     if (pendingSymbol) { var s = pendingSymbol; pendingSymbol = null; goToDefOrUsages(s); }
   }, function () { sourceLoaded = true; sourceLoading = false; });
 }
-const fileSignatureByPath = new Map(fileStates.map((file) => [file.path, file.signature]));
+let fileSignatureByPath = new Map(fileStates.map((file) => [file.path, file.signature]));
 const reviewMeta = document.getElementById('review-meta');
 const watchEnabled = reviewMeta?.dataset.watch === 'true';
-const currentSignature = reviewMeta?.dataset.signature || '';
+let currentSignature = reviewMeta?.dataset.signature || '';
 const uiStateKey = 'monacori-diff-ui:' + location.pathname;
 const recentKey = 'monacori-diff-recent:' + location.pathname;
 const viewedKey = 'monacori-diff-viewed:' + location.pathname;
@@ -455,14 +455,26 @@ function scheduleDiffScroll(row) {
   });
 }
 
+var setActiveRaf = 0, setActiveScrollPending = true;
 function setActive(index, shouldScroll = true) {
   if (hunkTotal() === 0) return;
   current = ((index % hunkTotal()) + hunkTotal()) % hunkTotal();
+  // Coalesce rapid presses (holding/spamming F7 or Shift+F7) into one DOM apply per animation frame. The
+  // key handler returns immediately and `current` updates synchronously (so next()/nav math stays correct),
+  // while the heavy DOM work (full link/wrapper sweeps, body materialize) runs at most once per frame
+  // instead of once per keystroke — the input queue never blocks and can't pile up on big repos.
+  setActiveScrollPending = shouldScroll;
+  if (setActiveRaf) return;
+  setActiveRaf = requestAnimationFrame(function () {
+    setActiveRaf = 0;
+    applySetActive(current, setActiveScrollPending);
+  });
+}
+function applySetActive(idx, shouldScroll) {
   document.getElementById('source-viewer')?.classList.add('hidden');
   document.getElementById('diff-view')?.classList.remove('hidden');
   setTab('changes');
-  const file = hunkPathAt(current);
-  const idx = current;
+  const file = hunkPathAt(idx);
   links.forEach((link) => link.classList.toggle('active', link.dataset.file === file));
   renderBreadcrumb(document.getElementById('diff-breadcrumb'), file);
   var dvt = document.getElementById('diff-viewed-toggle');
@@ -973,6 +985,13 @@ document.addEventListener('keydown', (event) => {
     openMergedView((event.code === 'Slash' || event.key === '?') ? 'q' : 'c');
     return;
   }
+  // Cmd/Ctrl+Shift+N opens/closes the prompt memo. Electron also routes this via the Review menu; in the
+  // browser/serve build (no menu) this keydown is the only path. Match the physical key so layout/IME never swallows it.
+  if ((event.metaKey || event.ctrlKey) && event.shiftKey && (event.code === 'KeyN' || event.key === 'n' || event.key === 'N')) {
+    event.preventDefault();
+    openMemoView();
+    return;
+  }
   // "?" = question, ">" = change-request composer on the current line/selection (no modifier).
   if (!event.altKey && !event.metaKey && !event.ctrlKey && (event.key === '?' || event.key === '>')) {
     const ce = document.activeElement;
@@ -1215,7 +1234,7 @@ document.addEventListener('copy', handleSourceCopy);
 
 applyI18n(); // first paint already shows English (inline); this swaps to the saved locale before the rest of init renders dynamic text
 populateHttpEnvSelect();
-if (!REVIEW_LAZY_LOAD) setTimeout(startSymbolIndex, 0); // non-lazy indexes now; lazy-LOAD defers the (large) source blob + index to the first source-view open / go-to-def
+if (!REVIEW_LAZY_LOAD) scheduleSymbolIndex(); // non-lazy indexes when idle; lazy-LOAD defers the (large) source blob + index to the first source-view open / go-to-def
 const restored = restoreUiState();
 if (!restored) {
   const initial = location.hash.match(/^#hunk-(\d+)$/);
@@ -1227,6 +1246,19 @@ initSourceTreeFolds();
 if (watchEnabled) setInterval(checkForLiveUpdate, 1500);
 window.addEventListener('beforeunload', saveUiState);
 
+// First render has painted — drop the boot overlay (it bridged the blank gap right after loadFile). Two
+// rAFs so the spinner stays until the diff/tree are actually on screen, then a short fade-out.
+(function () {
+  var ov = document.getElementById('boot-overlay');
+  if (!ov) return;
+  requestAnimationFrame(function () {
+    requestAnimationFrame(function () {
+      ov.classList.add('hide');
+      setTimeout(function () { ov.remove(); }, 240);
+    });
+  });
+})();
+
 (function setupSidebarResize() {
   const resizer = document.querySelector('.sidebar-resizer');
   if (!resizer) return;
@@ -1943,6 +1975,96 @@ function openMergedView(kind) {
   }
 }
 
+// Prompt memo (Cmd/Ctrl+Shift+N): one freeform Markdown scratchpad with a live split preview, persisted
+// across reopens via the same store as comments/locale. "Send to terminal" hands the current draft to the
+// same pane-pick mode the merged views use, so a half-formed prompt can target any live claude/codex session.
+var memoKey = 'monacori-memo';
+function loadMemo() {
+  var v = persistRead(memoKey);
+  if (typeof v === 'string') return v;
+  try { var s = localStorage.getItem(memoKey); return typeof s === 'string' ? s : ''; } catch (e) { return ''; }
+}
+function saveMemo(text) { persistSave(memoKey, text || ''); }
+function renderMemoMd(text) {
+  if (!text || !text.trim()) return '<div class="mc-memo-empty" data-i18n="memo.previewEmpty">' + escapeHtml(t('memo.previewEmpty')) + '</div>';
+  return renderMarkdownBlocks(text).map(function (b) { return b.html; }).join('');
+}
+function openMemoView() {
+  var existing = document.getElementById('mc-memo');
+  if (existing) { existing.remove(); return; } // the shortcut toggles: a second press closes the memo
+  var modal = document.createElement('div');
+  modal.id = 'mc-memo';
+  modal.className = 'mc-modal';
+  var panel = document.createElement('div');
+  panel.className = 'mc-modal-panel mc-memo-panel';
+  var head = document.createElement('div');
+  head.className = 'mc-modal-head';
+  var title = document.createElement('span');
+  title.setAttribute('data-i18n', 'memo.title');
+  title.textContent = t('memo.title');
+  var closeBtn = document.createElement('button');
+  closeBtn.type = 'button';
+  closeBtn.className = 'mc-btn mc-ghost';
+  closeBtn.setAttribute('data-i18n', 'merged.close');
+  closeBtn.textContent = t('merged.close');
+  closeBtn.addEventListener('click', function () { modal.remove(); });
+
+  var body = document.createElement('div');
+  body.className = 'mc-memo-body';
+  var area = document.createElement('textarea');
+  area.className = 'mc-modal-text mc-memo-edit';
+  area.spellcheck = false;
+  area.setAttribute('data-i18n-ph', 'memo.placeholder');
+  area.placeholder = t('memo.placeholder');
+  area.value = loadMemo();
+  var preview = document.createElement('div');
+  preview.className = 'md-cell mc-memo-preview';
+  preview.innerHTML = renderMemoMd(area.value);
+  area.addEventListener('input', function () {
+    saveMemo(area.value);
+    preview.innerHTML = renderMemoMd(area.value);
+  });
+
+  // Terminal send: hand the current draft to pane-pick mode (arrows choose the session, Enter sends). Shown
+  // only once a terminal pane exists; enterSendMode reopens the panel if it was closed.
+  var sendBtn = null;
+  if (window.__monacoriTerminal && typeof window.__monacoriTerminal.paneCount === 'function' && window.__monacoriTerminal.paneCount() > 0) {
+    sendBtn = document.createElement('button');
+    sendBtn.type = 'button';
+    sendBtn.className = 'mc-btn mc-send-term';
+    sendBtn.setAttribute('data-i18n', 'merged.sendToTerminal');
+    sendBtn.textContent = t('merged.sendToTerminal');
+    sendBtn.addEventListener('click', function () {
+      var text = area.value;
+      modal.remove();
+      window.__monacoriTerminal.enterSendMode(text);
+    });
+  }
+
+  head.appendChild(title);
+  if (sendBtn) head.appendChild(sendBtn);
+  head.appendChild(closeBtn);
+  body.appendChild(area);
+  body.appendChild(preview);
+  panel.appendChild(head);
+  panel.appendChild(body);
+  modal.appendChild(panel);
+  modal.addEventListener('mousedown', function (e) { if (e.target === modal) modal.remove(); });
+  modal.addEventListener('keydown', function (e) { if (e.key === 'Escape') { e.preventDefault(); modal.remove(); } });
+  document.body.appendChild(modal);
+  // Focus the editor; Electron async-restores focus to <body>, so retry briefly (same as the composer/merged view).
+  var memoFocusTries = 0;
+  var tryFocusMemo = function () {
+    if (!document.getElementById('mc-memo')) return true;
+    if (document.activeElement === area) return true;
+    try { area.focus(); } catch (e) {}
+    return document.activeElement === area;
+  };
+  if (!tryFocusMemo()) {
+    var memoFocusIv = setInterval(function () { if (tryFocusMemo() || ++memoFocusTries > 12) clearInterval(memoFocusIv); }, 25);
+  }
+}
+
 document.addEventListener('click', function (event) {
   var t = event.target;
   if (!t || !t.closest) return;
@@ -2011,7 +2133,11 @@ refreshComments();
 
   function setActive(p) {
     active = p;
-    panes.forEach(function (q) { q.el.classList.toggle('is-active', q === p); });
+    panes.forEach(function (q) {
+      q.el.classList.toggle('is-active', q === p);
+      // 2+ panes: dim every pane but the active one (no border, just a clean focus cue). A lone pane stays full.
+      q.el.classList.toggle('is-inactive', panes.length > 1 && q !== p);
+    });
     if (p) requestAnimationFrame(function () { try { p.term.focus(); } catch (e) {} });
   }
 
@@ -2044,7 +2170,13 @@ refreshComments();
     term.attachCustomKeyEventHandler(function (e) {
       if (e.type === 'keydown' && e.metaKey) {
         var k = (e.key || '').toLowerCase();
-        if (k === 'c' || k === 'v' || k === 'x' || k === 'a') return true;
+        // The bare modifier press (Cmd goes down BEFORE the letter on macOS) must not blur — blurring
+        // here drops the textarea focus the upcoming Cmd+V paste / Cmd+C copy needs, which broke them.
+        if (k === 'meta' || k === 'control' || k === 'alt' || k === 'shift') return true;
+        // Match the PHYSICAL key (e.code), not e.key: under a non-Latin layout/IME (e.g. Korean 한글)
+        // Cmd+V reports e.key as 'ㅍ', so a key-based check misses it — blurring the terminal and
+        // breaking paste/copy/cut/select-all whenever the Korean input source is active.
+        if (e.code === 'KeyC' || e.code === 'KeyV' || e.code === 'KeyX' || e.code === 'KeyA') return true;
         try { term.blur(); } catch (x) {}
         return false;
       }
@@ -2067,8 +2199,18 @@ refreshComments();
     if (el.getAttribute('contenteditable') === 'true') return;
     setActive(pane);
     el.contentEditable = 'true';
-    el.focus();
-    try { var range = document.createRange(); range.selectNodeContents(el); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); } catch (e) {}
+    // Electron asynchronously restores focus to <body> after the keydown, so a one-shot focus loses the
+    // race and the label turns editable but never gets the caret — retry until it sticks, then select all
+    // (same pattern as the composer/memo). This is why rename "did nothing" before.
+    var renameTries = 0;
+    var focusLabel = function () {
+      if (el.getAttribute('contenteditable') !== 'true') return true; // finished/cancelled meanwhile
+      try { el.focus(); } catch (e) {}
+      if (document.activeElement !== el) return false;
+      try { var range = document.createRange(); range.selectNodeContents(el); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); } catch (e) {}
+      return true;
+    };
+    if (!focusLabel()) { var renameIv = setInterval(function () { if (focusLabel() || ++renameTries > 12) clearInterval(renameIv); }, 25); }
     function finish(commit) {
       el.removeEventListener('keydown', onKey);
       el.removeEventListener('blur', onBlur);
@@ -2239,6 +2381,15 @@ if (window.monacoriMenu && typeof window.monacoriMenu.onMergedView === 'function
   // split), so the user can pick which claude/codex session receives the prompt.
   window.monacoriMenu.onMergedView(function (kind) { openMergedView(kind); });
 }
+if (window.monacoriMenu && typeof window.monacoriMenu.onOpenMemo === 'function') {
+  // Cmd/Ctrl+Shift+N from the Review menu -> open/close the prompt memo.
+  window.monacoriMenu.onOpenMemo(function () { openMemoView(); });
+}
+if (window.monacoriMenu && typeof window.monacoriMenu.onDiffUpdate === 'function') {
+  // Electron watch: main rebuilds on working-tree changes and pushes the new HTML so we refresh the diff
+  // in place — NO window reload — keeping the integrated terminal's pty sessions (claude/codex) alive.
+  window.monacoriMenu.onDiffUpdate(function (html) { try { applyDiffUpdate(html); } catch (e) {} });
+}
 if (window.monacoriMenu && typeof window.monacoriMenu.onCloseTab === 'function') {
   // Cmd/Ctrl+W: close the active Files-mode tab (no-op outside the source viewer).
   window.monacoriMenu.onCloseTab(function () {
@@ -2471,6 +2622,71 @@ function restoreUiState() {
   return false;
 }
 
+// In-place diff refresh (instead of a full window reload): apply a compact payload of just the changed
+// regions (diff container, sidebar trees, status, data) and re-run the bootstrap steps. The window never
+// reloads, so the integrated terminal's pty sessions (claude/codex) survive a watch refresh. Electron's
+// main pushes the payload over IPC (monacori:diff-update); serve mode's poller fetches /__ai_flow_update.
+function applyDiffUpdate(u) {
+  if (!u || !u.signature || u.signature === currentSignature) return false; // unchanged — nothing to do
+
+  // Remember what to restore after the swap (comments/viewed persist on their own; these don't).
+  var sv = document.getElementById('source-viewer');
+  var openPath = (sv && sv.dataset.openPath) || '';
+  var wasSource = isSourceViewerVisible();
+  var container = document.getElementById('diff2html-container');
+  var diffScrollTop = container ? container.scrollTop : 0;
+
+  // 1) Replace the visible regions straight from the payload (no full-HTML parse).
+  if (container) container.innerHTML = u.diffContainer || '';
+  var changesPanel = document.getElementById('changes-panel');
+  if (changesPanel) changesPanel.innerHTML = u.changesPanel || '';
+  // Files tree: keep the inert island (lazy, not yet opened) in sync, and refresh the live panel when it's
+  // already materialized — or always, in eager mode where the panel holds the tree directly.
+  var filesIsland = document.getElementById('files-tree-html');
+  if (filesIsland) filesIsland.textContent = u.filesTree || '';
+  var filesPanel = document.getElementById('files-panel');
+  if (filesPanel && (!REVIEW_LAZY || filesPanel.innerHTML.trim())) filesPanel.innerHTML = u.filesTree || '';
+  var statusEl = document.querySelector('.review-status');
+  if (statusEl) statusEl.innerHTML = u.reviewStatus || '';
+  if (reviewMeta) { reviewMeta.setAttribute('data-signature', u.signature); if (u.generatedAt) reviewMeta.setAttribute('data-generated-at', u.generatedAt); }
+
+  // 2) Re-derive module-level state directly from the payload objects.
+  fileStates = u.fileStates || [];
+  fileSignatureByPath = new Map(fileStates.map(function (f) { return [f.path, f.signature]; }));
+  sourceFiles = u.sourceFilesMeta || [];
+  sourceByPath = new Map(sourceFiles.map(function (f) { return [f.path, f]; }));
+  httpEnvironments = u.httpEnvironments || {};
+  httpEnvNames = Object.keys(httpEnvironments);
+  currentSignature = u.signature;
+  links = Array.from(document.querySelectorAll('#changes-panel .file-link'));
+  sourceLinks = Array.from(document.querySelectorAll('.source-link'));
+
+  // 3) Reset lazy-materialize + index state so the new diff bodies / source / symbols rebuild on demand.
+  bodyPromise = {};
+  diffBootDone = false;
+  sourceLoaded = !REVIEW_LAZY_LOAD; // lazyLoad: re-fetch source content on next use
+  sourceLoading = false;
+  symbolIndex = null;
+  if (REVIEW_LAZY) { setupLazyDiff(); setTimeout(function () { diffBootDone = true; }, 0); }
+  else { prepareDiff2HtmlHunks(); diffBootDone = true; }
+  if (!REVIEW_LAZY_LOAD) setTimeout(startSymbolIndex, 0);
+
+  // 4) Re-run the DOM-dependent bootstrap steps.
+  applyI18n();
+  populateHttpEnvSelect();
+  initSourceTreeFolds();
+  refreshComments();
+
+  // 5) Best-effort restore of what the user was looking at.
+  if (wasSource && openPath && sourceByPath.has(openPath)) {
+    openSourceFile(openPath, false);
+  } else if (container) {
+    showDiffView(false);
+    container.scrollTop = diffScrollTop;
+  }
+  return true;
+}
+
 async function checkForLiveUpdate() {
   if (checkingForUpdates) return;
   checkingForUpdates = true;
@@ -2483,8 +2699,12 @@ async function checkForLiveUpdate() {
       liveStatus.textContent = t('status.live.updated') + ' ' + new Date(state.generatedAt).toLocaleTimeString();
     }
     if (state.signature && state.signature !== currentSignature) {
-      saveUiState();
-      location.reload();
+      // serve mode: fetch just the compact update payload and refresh in place (same path Electron uses
+      // over IPC) rather than reloading — so an open integrated terminal keeps its sessions.
+      try {
+        var fresh = await fetch('__ai_flow_update', { cache: 'no-store' });
+        if (fresh.ok) applyDiffUpdate(await fresh.json());
+      } catch (e) {}
     }
   } catch {
     if (liveStatus) liveStatus.textContent = t('status.live.waiting');
@@ -3104,6 +3324,14 @@ function symbolIndexWorker() {
     self.postMessage({ index: index, total: total });
   };
 }
+// Run symbol indexing off the critical path: requestIdleCallback so the heavy postMessage of the whole
+// source blob to the worker (structured-clone serialization is synchronous on the main thread) never
+// competes with key handling — especially on big repos right after the diff/tree first paints.
+function scheduleSymbolIndex() {
+  var run = function () { try { startSymbolIndex(); } catch (e) {} };
+  if (typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function') window.requestIdleCallback(run, { timeout: 3000 });
+  else setTimeout(run, 0);
+}
 function startSymbolIndex() {
   try {
     if (typeof Worker === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) return;
@@ -3810,16 +4038,21 @@ function populateHttpEnvSelect() {
     opts += '<option value="' + escapeHtml(name) + '"' + (name === currentHttpEnvName ? ' selected' : '') + '>' + escapeHtml(name) + '</option>';
   });
   select.innerHTML = opts;
-  select.addEventListener('change', function () {
-    currentHttpEnvName = select.value;
-    try { localStorage.setItem(httpEnvKey, currentHttpEnvName); } catch (error) {}
-    const path = document.getElementById('source-viewer')?.dataset.openPath || '';
-    if (path && isHttpFile(path)) {
-      const file = sourceByPath.get(path);
-      const body = document.getElementById('source-body');
-      if (file && body) body.innerHTML = renderHttpTable(file);
-    }
-  });
+  // The <select> lives in the toolbar (not swapped on in-place diff updates), so wire the change handler
+  // exactly once — populateHttpEnvSelect is re-called by applyDiffUpdate to refresh the options.
+  if (!select.dataset.wired) {
+    select.dataset.wired = '1';
+    select.addEventListener('change', function () {
+      currentHttpEnvName = select.value;
+      try { localStorage.setItem(httpEnvKey, currentHttpEnvName); } catch (error) {}
+      const path = document.getElementById('source-viewer')?.dataset.openPath || '';
+      if (path && isHttpFile(path)) {
+        const file = sourceByPath.get(path);
+        const body = document.getElementById('source-body');
+        if (file && body) body.innerHTML = renderHttpTable(file);
+      }
+    });
+  }
 }
 
 function renderSourceTable(file, query) {