pi-studio 0.5.59 → 0.6.1

package/CHANGELOG.md

@@ -4,6 +4,29 @@ All notable changes to `pi-studio` are documented here.
 
 ## [Unreleased]
 
+## [0.6.1] — 2026-04-29
+
+### Added
+- Added independent editor and response text-size controls, persisted locally and available in both full Studio and editor-only views.
+- Added optional `pi-studio-dark` and `pi-studio-light` package themes tuned for Studio's browser workspace.
+
+### Changed
+- Improved theme adaptation for Studio surfaces, borders, Markdown/code colours, light/dark detection, and softer active-pane borders across bundled and custom pi themes.
+- Footer model/session/context metadata now keeps context usage visible by truncating longer model/session labels first, with full working-directory details available in hover text.
+
+## [0.6.0] — 2026-04-27
+
+### Added
+- The comments rail now includes **Comments → prompt**, which turns non-empty local comments into an editor prompt with line anchors and file labels when available.
+
+### Changed
+- The refreshed Studio layout is now the default, with the classic layout still available via the footer UI switch or `?uiRefresh=0`.
+- Working-view tool output now replaces image/base64 payloads with compact placeholders instead of dumping raw image data.
+
+### Fixed
+- Queued steering now updates Studio's active effective-prompt metadata so response history and prompt loading reflect the original run plus steering messages.
+- Newly arrived responses now force the right response pane to reset to the top, while editor-preview/document views still preserve scroll.
+
 ## [0.5.59] — 2026-04-27
 
 ### Added

package/README.md

@@ -35,6 +35,7 @@ Extension for [pi](https://pi.dev) that opens a local two-pane browser workspace
   - strips markers before send (optional)
   - saves `.annotated.md`
 - Renders Markdown/LaTeX/code previews (math + Mermaid), theme-synced with pi
+- Ships optional `pi-studio-dark` and `pi-studio-light` themes tuned for Studio's browser workspace
 - Exports right-pane preview as PDF (pandoc + LaTeX)
 - Exports local files headlessly via `/studio-pdf <path>` to `<name>.studio.pdf`
 - Shows model/session/context usage in the footer, plus a compact-context action
@@ -77,7 +78,8 @@ pi -e https://github.com/omaclaren/pi-studio
 - For remote SSH sessions, keep Studio bound to localhost and use SSH local port forwarding; `/studio` prints the localhost URL and an SSH tunnel hint when SSH is detected.
 - Full Studio is a singleton per Pi session: use `/studio` to open it, `/studio-replace` to explicitly replace it, and `/studio-editor-only` for extra editing/preview tabs that do not take over the full Studio session view.
 - Studio is designed as a complement to terminal pi, not a replacement.
-- Editor/code font uses a best-effort terminal-monospace match when the current terminal config exposes it; set `PI_STUDIO_FONT_MONO` to force a specific CSS `font-family` stack.
+- Installing pi-studio makes the optional `pi-studio-dark` and `pi-studio-light` themes available in pi's theme selector; it does not change your active theme.
+- Editor/code font uses a best-effort terminal-monospace match when the current terminal config exposes it; set `PI_STUDIO_FONT_MONO` to force a specific CSS `font-family` stack. Use `PI_STUDIO_FONT_UI` or `PI_STUDIO_FONT_PROSE` to override the Studio UI or rendered-preview font stacks.
 - Full preview/PDF quality depends on `pandoc` (and `xelatex` for PDF):
   - `brew install pandoc`
   - install TeX Live/MacTeX for PDF export

package/client/studio-client.js

@@ -4,6 +4,9 @@
       const statusSpinnerEl = document.getElementById("statusSpinner");
       const footerMetaEl = document.getElementById("footerMeta");
       const footerMetaTextEl = document.getElementById("footerMetaText");
+      const footerMetaModelEl = document.getElementById("footerMetaModel");
+      const footerMetaTerminalEl = document.getElementById("footerMetaTerminal");
+      const footerMetaContextEl = document.getElementById("footerMetaContext");
       let faviconLinkEl = document.querySelector('link[rel="icon"], link[rel="shortcut icon"]');
       if (!faviconLinkEl) {
         faviconLinkEl = document.createElement("link");
@@ -70,6 +73,7 @@
       const rightViewSelect = document.getElementById("rightViewSelect");
       const followSelect = document.getElementById("followSelect");
       const responseHighlightSelect = document.getElementById("responseHighlightSelect");
+      const responseFontSizeSelect = document.getElementById("responseFontSizeSelect");
       const pullLatestBtn = document.getElementById("pullLatestBtn");
       const insertHeaderBtn = document.getElementById("insertHeaderBtn");
       const critiqueBtn = document.getElementById("critiqueBtn");
@@ -103,6 +107,7 @@
       const stripAnnotationsBtn = document.getElementById("stripAnnotationsBtn");
       const highlightSelect = document.getElementById("highlightSelect");
       const lineNumbersSelect = document.getElementById("lineNumbersSelect");
+      const editorFontSizeSelect = document.getElementById("editorFontSizeSelect");
       const annotationModeSelect = document.getElementById("annotationModeSelect");
       const compactBtn = document.getElementById("compactBtn");
       const leftFocusBtn = document.getElementById("leftFocusBtn");
@@ -132,6 +137,7 @@
       const reviewNotesListEl = document.getElementById("reviewNotesList");
       const reviewNotesEmptyStateEl = document.getElementById("reviewNotesEmptyState");
       const reviewNotesAddBtn = document.getElementById("reviewNotesAddBtn");
+      const reviewNotesPromptBtn = document.getElementById("reviewNotesPromptBtn");
       const reviewNotesInlineAllBtn = document.getElementById("reviewNotesInlineAllBtn");
       const reviewNotesDeleteAllBtn = document.getElementById("reviewNotesDeleteAllBtn");
       const reviewNotesCloseBtn = document.getElementById("reviewNotesCloseBtn");
@@ -200,6 +206,7 @@
       let compactInProgress = false;
       let modelLabel = (document.body && document.body.dataset && document.body.dataset.modelLabel) || "none";
       let terminalSessionLabel = (document.body && document.body.dataset && document.body.dataset.terminalLabel) || "unknown";
+      let terminalSessionDetail = (document.body && document.body.dataset && document.body.dataset.terminalDetail) || terminalSessionLabel;
       let contextTokens = null;
       let contextWindow = null;
       let contextPercent = null;
@@ -587,6 +594,7 @@
       const EDITOR_HIGHLIGHT_STORAGE_KEY = "piStudio.editorHighlightEnabled";
       const EDITOR_LANGUAGE_STORAGE_KEY = "piStudio.editorLanguage";
       const EDITOR_LINE_NUMBERS_STORAGE_KEY = "piStudio.editorLineNumbersEnabled";
+      const EDITOR_FONT_SIZE_STORAGE_KEY = "piStudio.editorFontSize";
       // Single source of truth: language -> file extensions (and display label)
       var LANG_EXT_MAP = {
         markdown:   { label: "Markdown",   exts: ["md", "markdown", "mdx", "qmd"] },
@@ -627,6 +635,7 @@
       var SUPPORTED_LANGUAGES = Object.keys(LANG_EXT_MAP);
       const RESPONSE_HIGHLIGHT_MAX_CHARS = 120_000;
       const RESPONSE_HIGHLIGHT_STORAGE_KEY = "piStudio.responseHighlightEnabled";
+      const RESPONSE_FONT_SIZE_STORAGE_KEY = "piStudio.responseFontSize";
       const ANNOTATION_MODE_STORAGE_KEY = "piStudio.annotationsEnabled";
       const PREVIEW_INPUT_DEBOUNCE_MS = 0;
       const PREVIEW_PENDING_BADGE_DELAY_MS = 220;
@@ -646,6 +655,12 @@
       let annotationsEnabled = true;
       const STUDIO_UI_REFRESH_STORAGE_KEY = "piStudio.uiRefresh";
       const studioUiRefreshEnabled = readStudioUiRefreshEnabled();
+      const EDITOR_FONT_SIZE_OPTIONS = [10, 11, 12, 13, 14, 15, 16, 18];
+      const RESPONSE_FONT_SIZE_OPTIONS = [11, 12, 12.5, 13, 13.5, 14, 14.5, 15, 15.5, 16, 18, 20];
+      const DEFAULT_EDITOR_FONT_SIZE = studioUiRefreshEnabled ? 12 : 13;
+      const DEFAULT_RESPONSE_FONT_SIZE = studioUiRefreshEnabled ? 13.5 : 15;
+      let editorFontSize = DEFAULT_EDITOR_FONT_SIZE;
+      let responseFontSize = DEFAULT_RESPONSE_FONT_SIZE;
       let studioUiRefreshUi = null;
       if (studioUiRefreshEnabled && document.body) {
         document.body.classList.add("studio-ui-refresh");
@@ -674,21 +689,21 @@
         const queryValue = initialQueryParams.has("uiRefresh")
           ? initialQueryParams.get("uiRefresh")
           : (initialQueryParams.has("studioUiRefresh") ? initialQueryParams.get("studioUiRefresh") : null);
-        const isTruthy = (value) => ["1", "true", "yes", "on", "v2", "refresh"].indexOf(normalize(value)) !== -1;
-        const isFalsey = (value) => ["0", "false", "no", "off"].indexOf(normalize(value)) !== -1;
+        const isTruthy = (value) => ["1", "true", "yes", "on", "v2", "refresh", "fresh"].indexOf(normalize(value)) !== -1;
+        const isFalsey = (value) => ["0", "false", "no", "off", "classic"].indexOf(normalize(value)) !== -1;
         if (queryValue !== null) {
-          const enabled = isTruthy(queryValue) || (!isFalsey(queryValue) && normalize(queryValue) !== "");
+          const normalizedQuery = normalize(queryValue);
+          const enabled = isTruthy(queryValue) || (!isFalsey(queryValue) && normalizedQuery !== "");
           try {
-            if (enabled) window.localStorage && window.localStorage.setItem(STUDIO_UI_REFRESH_STORAGE_KEY, "1");
-            else window.localStorage && window.localStorage.removeItem(STUDIO_UI_REFRESH_STORAGE_KEY);
+            window.localStorage && window.localStorage.setItem(STUDIO_UI_REFRESH_STORAGE_KEY, enabled ? "1" : "0");
           } catch {}
           return enabled;
         }
         try {
-          return Boolean(window.localStorage && window.localStorage.getItem(STUDIO_UI_REFRESH_STORAGE_KEY) === "1");
-        } catch {
-          return false;
-        }
+          const stored = window.localStorage ? window.localStorage.getItem(STUDIO_UI_REFRESH_STORAGE_KEY) : null;
+          if (stored !== null) return stored !== "0" && !isFalsey(stored);
+        } catch {}
+        return true;
       }
 
       function makeStudioUiRefreshElement(tagName, className, text) {
@@ -751,6 +766,74 @@
         buttonEl.textContent = text;
       }
 
+      function formatStudioFontSizeLabel(size) {
+        const value = Number(size);
+        if (!Number.isFinite(value)) return "";
+        return String(value).replace(/\.0$/, "") + "px";
+      }
+
+      function normalizeStudioFontSize(value, options, fallback) {
+        const parsed = Number(value);
+        if (!Number.isFinite(parsed)) return fallback;
+        for (const option of options) {
+          if (Math.abs(option - parsed) < 0.001) return option;
+        }
+        return fallback;
+      }
+
+      function readStoredFontSize(storageKey, options, fallback) {
+        try {
+          if (!window.localStorage) return fallback;
+          return normalizeStudioFontSize(window.localStorage.getItem(storageKey), options, fallback);
+        } catch {
+          return fallback;
+        }
+      }
+
+      function persistStoredFontSize(storageKey, size) {
+        try {
+          if (window.localStorage) window.localStorage.setItem(storageKey, String(size));
+        } catch {
+          // ignore storage failures
+        }
+      }
+
+      function syncFontSizeSelect(selectEl, size) {
+        if (!selectEl) return;
+        selectEl.value = String(size);
+      }
+
+      function applyStudioFontSizeVariables() {
+        if (!document.body || !document.body.style) return;
+        const editorLineNumberSize = Math.max(10, editorFontSize - 1);
+        const responseRawSize = Math.max(11, responseFontSize - 1.5);
+        document.body.style.setProperty("--studio-editor-font-size", formatStudioFontSizeLabel(editorFontSize));
+        document.body.style.setProperty("--studio-editor-line-number-font-size", formatStudioFontSizeLabel(editorLineNumberSize));
+        document.body.style.setProperty("--studio-response-font-size", formatStudioFontSizeLabel(responseFontSize));
+        document.body.style.setProperty("--studio-response-raw-font-size", formatStudioFontSizeLabel(responseRawSize));
+        document.body.style.setProperty("--studio-working-font-size", formatStudioFontSizeLabel(responseRawSize));
+      }
+
+      function setEditorFontSize(size, options) {
+        editorFontSize = normalizeStudioFontSize(size, EDITOR_FONT_SIZE_OPTIONS, DEFAULT_EDITOR_FONT_SIZE);
+        if (!options || options.persist !== false) persistStoredFontSize(EDITOR_FONT_SIZE_STORAGE_KEY, editorFontSize);
+        syncFontSizeSelect(editorFontSizeSelect, editorFontSize);
+        applyStudioFontSizeVariables();
+        syncStudioUiRefreshSummaries();
+        scheduleEditorLineNumberRender();
+        if (editorHighlightEnabled && editorView === "markdown") {
+          scheduleEditorHighlightRender();
+        }
+      }
+
+      function setResponseFontSize(size, options) {
+        responseFontSize = normalizeStudioFontSize(size, RESPONSE_FONT_SIZE_OPTIONS, DEFAULT_RESPONSE_FONT_SIZE);
+        if (!options || options.persist !== false) persistStoredFontSize(RESPONSE_FONT_SIZE_STORAGE_KEY, responseFontSize);
+        syncFontSizeSelect(responseFontSizeSelect, responseFontSize);
+        applyStudioFontSizeVariables();
+        scheduleResponsePaneRepaintNudge();
+      }
+
       function getStudioUiRefreshAnnotationHeaderEnabled() {
         try {
           return Boolean(stripAnnotationHeader(sourceTextEl.value).hadHeader);
@@ -775,7 +858,8 @@
             ? (getStudioUiRefreshSelectSummary(highlightSelect, "Syntax highlight") || editorLanguage || "Markdown")
             : "Off";
           const lineLabel = lineNumbersEnabled ? "Lines on" : "Lines off";
-          setStudioUiRefreshButtonText(studioUiRefreshUi.viewButton, "View: " + syntaxLabel + " · " + lineLabel);
+          const editorSizeLabel = formatStudioFontSizeLabel(editorFontSize);
+          setStudioUiRefreshButtonText(studioUiRefreshUi.viewButton, "View: " + syntaxLabel + " · " + lineLabel + " · " + editorSizeLabel);
         }
         syncStudioUiRefreshReviewTrigger();
       }
@@ -841,8 +925,7 @@
 
       function setStudioUiRefreshPreference(enabled) {
         try {
-          if (enabled) window.localStorage && window.localStorage.setItem(STUDIO_UI_REFRESH_STORAGE_KEY, "1");
-          else window.localStorage && window.localStorage.removeItem(STUDIO_UI_REFRESH_STORAGE_KEY);
+          window.localStorage && window.localStorage.setItem(STUDIO_UI_REFRESH_STORAGE_KEY, enabled ? "1" : "0");
         } catch {}
         try {
           const url = new URL(window.location.href);
@@ -855,7 +938,7 @@
 
       function setupStudioUiRefreshToggleButton() {
         if (!footerMetaEl || document.getElementById("studioUiRefreshToggleBtn")) return;
-        const button = makeStudioUiRefreshElement("button", "footer-compact-btn studio-ui-refresh-toggle", studioUiRefreshEnabled ? "UI: Refresh" : "UI: Classic");
+        const button = makeStudioUiRefreshElement("button", "footer-compact-btn studio-ui-refresh-toggle", studioUiRefreshEnabled ? "UI: Fresh" : "UI: Classic");
         button.id = "studioUiRefreshToggleBtn";
         button.type = "button";
         button.title = studioUiRefreshEnabled
@@ -957,7 +1040,7 @@
         appendStudioUiRefreshMenuSection(annotationsMenu.menu, "Actions", [stripAnnotationsBtn, saveAnnotatedBtn]);
         const viewButton = makeStudioUiRefreshElement("button", "", "View");
         const viewMenu = makeStudioUiRefreshMenu(viewButton, "view", "studio-refresh-view-anchor");
-        appendStudioUiRefreshMenuSection(viewMenu.menu, "Display", [highlightSelect, lineNumbersSelect]);
+        appendStudioUiRefreshMenuSection(viewMenu.menu, "Display", [highlightSelect, lineNumbersSelect, editorFontSizeSelect]);
         stateEl.appendChild(annotationsMenu.anchor);
         stateEl.appendChild(viewMenu.anchor);
 
@@ -1265,7 +1348,24 @@
         }
       }
 
-      function formatContextUsageText() {
+      function formatCompactNumber(value) {
+        if (typeof value !== "number" || !Number.isFinite(value)) return "?";
+        const sign = value < 0 ? "-" : "";
+        const abs = Math.abs(value);
+        if (abs < 1000) return sign + formatNumber(abs);
+        const units = [
+          { divisor: 1_000_000_000, suffix: "B" },
+          { divisor: 1_000_000, suffix: "M" },
+          { divisor: 1_000, suffix: "k" },
+        ];
+        const unit = units.find((entry) => abs >= entry.divisor) || units[units.length - 1];
+        const scaled = abs / unit.divisor;
+        const decimals = scaled >= 100 ? 0 : 1;
+        return sign + scaled.toFixed(decimals).replace(/\.0$/, "") + unit.suffix;
+      }
+
+      function formatContextUsageText(compact) {
+        const formatContextNumber = compact ? formatCompactNumber : formatNumber;
         const hasWindow = typeof contextWindow === "number" && Number.isFinite(contextWindow) && contextWindow > 0;
         const hasTokens = typeof contextTokens === "number" && Number.isFinite(contextTokens) && contextTokens >= 0;
         let percentValue = typeof contextPercent === "number" && Number.isFinite(contextPercent)
@@ -1280,12 +1380,12 @@
           return "Context: unknown";
         }
         if (!hasTokens && hasWindow) {
-          return "Context: ? / " + formatNumber(contextWindow);
+          return "Context: ? / " + formatContextNumber(contextWindow);
         }
 
-        let text = "Context: " + formatNumber(contextTokens);
+        let text = "Context: " + formatContextNumber(contextTokens);
         if (hasWindow) {
-          text += " / " + formatNumber(contextWindow);
+          text += " / " + formatContextNumber(contextWindow);
         }
         if (percentValue != null && Number.isFinite(percentValue)) {
           const bounded = Math.max(0, Math.min(100, percentValue));
@@ -1515,14 +1615,27 @@
       function updateFooterMeta() {
         const modelText = modelLabel && modelLabel.trim() ? modelLabel.trim() : "none";
         const terminalText = terminalSessionLabel && terminalSessionLabel.trim() ? terminalSessionLabel.trim() : "unknown";
-        const contextText = formatContextUsageText();
-        const text = "Model: " + modelText + " · Terminal: " + terminalText + " · " + contextText;
-        if (footerMetaTextEl) {
+        const terminalDetailText = terminalSessionDetail && terminalSessionDetail.trim() ? terminalSessionDetail.trim() : terminalText;
+        const contextText = formatContextUsageText(true);
+        const contextTitleText = formatContextUsageText(false);
+        const contextDisplayText = contextText.replace(/^Context:\s*/i, "");
+        const text = modelText + " · " + terminalText + " · " + contextDisplayText;
+        const titleText = "Model: " + modelText + " · " + terminalDetailText + " · " + contextTitleText;
+        if (footerMetaModelEl && footerMetaTerminalEl && footerMetaContextEl) {
+          footerMetaModelEl.textContent = modelText;
+          footerMetaTerminalEl.textContent = terminalText;
+          footerMetaContextEl.textContent = contextDisplayText;
+          footerMetaModelEl.title = "Model: " + modelText;
+          footerMetaTerminalEl.title = terminalDetailText;
+          footerMetaContextEl.title = contextTitleText;
+          if (footerMetaTextEl) footerMetaTextEl.title = titleText;
+          if (footerMetaEl) footerMetaEl.title = titleText;
+        } else if (footerMetaTextEl) {
           footerMetaTextEl.textContent = text;
-          footerMetaTextEl.title = text;
+          footerMetaTextEl.title = titleText;
         } else if (footerMetaEl) {
           footerMetaEl.textContent = text;
-          footerMetaEl.title = text;
+          footerMetaEl.title = titleText;
         }
         updateDocumentTitle();
       }
@@ -5750,6 +5863,87 @@
         };
       }
 
+      function getDiffFileLabelForLine(source, lineNumber) {
+        const lines = String(source || "").replace(/\r\n/g, "\n").split("\n");
+        const safeLine = Math.max(1, Math.min(Math.floor(Number(lineNumber) || 1), Math.max(1, lines.length)));
+        let currentFile = "";
+        for (let i = 0; i < safeLine; i += 1) {
+          const line = String(lines[i] || "");
+          const diffMatch = line.match(/^diff --git\s+a\/(.+?)\s+b\/(.+?)\s*$/);
+          if (diffMatch) {
+            currentFile = diffMatch[2] || diffMatch[1] || currentFile;
+            continue;
+          }
+          const plusMatch = line.match(/^\+\+\+\s+(?:b\/)?(.+)\s*$/);
+          if (plusMatch && plusMatch[1] && plusMatch[1] !== "/dev/null") {
+            currentFile = plusMatch[1];
+          }
+        }
+        return currentFile.trim();
+      }
+
+      function getReviewNotePromptFileLabel(note, source) {
+        if (sourceState && sourceState.path) return String(sourceState.path);
+        const bounds = getResolvedReviewNoteLineBounds(note, source);
+        const diffFile = bounds ? getDiffFileLabelForLine(source, bounds.lineStart) : "";
+        if (diffFile) return diffFile;
+        const descriptor = getCurrentStudioDocumentDescriptor();
+        return descriptor && descriptor.fileBacked ? descriptor.label : "";
+      }
+
+      function formatReviewNotePromptLineRange(bounds, note) {
+        const start = bounds ? bounds.lineStart : Math.max(1, Number(note && note.lineStart) || 1);
+        const end = bounds ? bounds.lineEnd : Math.max(start, Number(note && note.lineEnd) || start);
+        return start === end ? "L" + start : ("L" + start + "-L" + end);
+      }
+
+      function buildReviewNotesPrompt() {
+        const source = String(sourceTextEl && sourceTextEl.value ? sourceTextEl.value : "");
+        const notes = getDisplayReviewNotes().filter((note) => String(note && note.text ? note.text : "").trim());
+        if (!notes.length) return "";
+
+        const descriptor = getCurrentStudioDocumentDescriptor();
+        const documentLabel = descriptor && descriptor.label ? descriptor.label : (sourceState && sourceState.label ? sourceState.label : "Studio document");
+        const parts = [
+          "Please address the following Studio comments. Use the file names and line numbers as anchors. The full document is not included here, only the comments and their anchors.",
+          "Document: " + documentLabel,
+          "",
+          "## Comments",
+        ];
+
+        notes.forEach((note, index) => {
+          const bounds = getResolvedReviewNoteLineBounds(note, source);
+          const fileLabel = getReviewNotePromptFileLabel(note, source);
+          const location = (fileLabel ? (fileLabel + ":") : "") + formatReviewNotePromptLineRange(bounds, note);
+          const comment = String(note && note.text ? note.text : "").trim();
+          const anchor = String(note && (note.selectedDisplayText || note.selectedText) ? (note.selectedDisplayText || note.selectedText) : "")
+            .replace(/\s+/g, " ")
+            .trim();
+          parts.push(
+            "### Comment " + (index + 1) + " — " + location,
+            "",
+            comment,
+          );
+          if (anchor) {
+            parts.push("", "> " + anchor.replace(/\n/g, "\n> "));
+          }
+          parts.push("");
+        });
+
+        return parts.join("\n").replace(/\n{3,}/g, "\n\n").trim() + "\n";
+      }
+
+      function loadReviewNotesPromptIntoEditor() {
+        const prompt = buildReviewNotesPrompt();
+        if (!prompt.trim()) {
+          setStatus("No non-empty comments to load as a prompt.", "warning");
+          return;
+        }
+        setEditorText(prompt, { preserveScroll: false, preserveSelection: false });
+        setSourceState({ source: "blank", label: "comments prompt", path: null });
+        setStatus("Loaded comments prompt into editor.", "success");
+      }
+
       function buildReviewNoteLineMap(text) {
         const source = String(text || "");
         const lineMap = new Map();
@@ -8573,12 +8767,19 @@
               ? "Select preview text and use Comment for a local preview-anchored comment."
               : "Switch to Editor (Raw) to comment on the current line.");
         }
+        if (reviewNotesPromptBtn) {
+          const promptCandidates = reviewNotes.filter((note) => String(note && note.text ? note.text : "").trim());
+          reviewNotesPromptBtn.disabled = uiBusy || promptCandidates.length === 0;
+          reviewNotesPromptBtn.title = promptCandidates.length > 0
+            ? "Load local comments, line numbers, and file labels into the editor as a prompt."
+            : "No non-empty local comments to load as a prompt.";
+        }
         if (reviewNotesInlineAllBtn) {
           const currentText = String(sourceTextEl && sourceTextEl.value ? sourceTextEl.value : "");
           const toggleCandidates = getDisplayReviewNotes().filter((note) => getReviewNoteInlineState(note, currentText).canToggle);
           const allInline = toggleCandidates.length > 0 && toggleCandidates.every((note) => getReviewNoteInlineState(note, currentText).exists);
           reviewNotesInlineAllBtn.disabled = uiBusy || toggleCandidates.length === 0;
-          reviewNotesInlineAllBtn.textContent = allInline ? "All inline: On" : "All inline: Off";
+          reviewNotesInlineAllBtn.textContent = allInline ? "Inline: On" : "Inline: Off";
           reviewNotesInlineAllBtn.setAttribute("aria-pressed", allInline ? "true" : "false");
           reviewNotesInlineAllBtn.title = allInline
             ? "Inline annotations derived from all non-empty comments are currently on. Click to remove them."
@@ -9513,6 +9714,9 @@
           if (typeof message.terminalSessionLabel === "string") {
             terminalSessionLabel = message.terminalSessionLabel;
           }
+          if (typeof message.terminalSessionDetail === "string") {
+            terminalSessionDetail = message.terminalSessionDetail;
+          }
           applyStudioRunQueueStateFromMessage(message);
           updateFooterMeta();
           setBusy(busy);
@@ -9705,6 +9909,7 @@
           setBusy(false);
           setWsState("Ready");
 
+          pendingResponseScrollReset = true;
           let appliedFromHistory = false;
           if (Array.isArray(message.responseHistory)) {
             appliedFromHistory = setResponseHistory(message.responseHistory, {
@@ -9733,6 +9938,9 @@
           if (pendingRequestId) return;
 
           const hasHistory = Array.isArray(message.responseHistory);
+          if (followLatest) {
+            pendingResponseScrollReset = true;
+          }
           if (hasHistory) {
             setResponseHistory(message.responseHistory, {
               autoSelectLatest: followLatest,
@@ -9756,7 +9964,7 @@
               return;
             }
 
-            if (!hasHistory && applyLatestPayload(payload)) {
+            if (!hasHistory && applyLatestPayload(payload, { resetScroll: true })) {
               queuedLatestResponse = null;
               updateResultActionButtons();
               setStatus("Updated from latest response.", "success");
@@ -9917,6 +10125,9 @@
           if (typeof message.terminalSessionLabel === "string") {
             terminalSessionLabel = message.terminalSessionLabel;
           }
+          if (typeof message.terminalSessionDetail === "string") {
+            terminalSessionDetail = message.terminalSessionDetail;
+          }
           applyStudioRunQueueStateFromMessage(message);
           updateFooterMeta();
 
@@ -10366,6 +10577,18 @@
         });
       }
 
+      if (editorFontSizeSelect) {
+        editorFontSizeSelect.addEventListener("change", () => {
+          setEditorFontSize(editorFontSizeSelect.value);
+        });
+      }
+
+      if (responseFontSizeSelect) {
+        responseFontSizeSelect.addEventListener("change", () => {
+          setResponseFontSize(responseFontSizeSelect.value);
+        });
+      }
+
       if (lineNumbersSelect) {
         lineNumbersSelect.addEventListener("change", () => {
           setLineNumbersEnabled(lineNumbersSelect.value === "on");
@@ -10926,6 +11149,12 @@
         });
       }
 
+      if (reviewNotesPromptBtn) {
+        reviewNotesPromptBtn.addEventListener("click", () => {
+          loadReviewNotesPromptIntoEditor();
+        });
+      }
+
       if (reviewNotesInlineAllBtn) {
         reviewNotesInlineAllBtn.addEventListener("click", () => {
           toggleAllReviewNotesInlineAnnotations();
@@ -11219,6 +11448,12 @@
         editorResizeObserver.observe(sourceEditorWrapEl);
       }
 
+      const initialEditorFontSize = readStoredFontSize(EDITOR_FONT_SIZE_STORAGE_KEY, EDITOR_FONT_SIZE_OPTIONS, DEFAULT_EDITOR_FONT_SIZE);
+      setEditorFontSize(initialEditorFontSize, { persist: false });
+
+      const initialResponseFontSize = readStoredFontSize(RESPONSE_FONT_SIZE_STORAGE_KEY, RESPONSE_FONT_SIZE_OPTIONS, DEFAULT_RESPONSE_FONT_SIZE);
+      setResponseFontSize(initialResponseFontSize, { persist: false });
+
       setSourceState(initialSourceState);
       refreshResponseUi();
       updateAnnotatedReplyHeaderButton();