pi-studio 0.9.54 → 0.9.56

package/client/studio-client.js

@@ -74,7 +74,9 @@
         : null;
       const referenceBadgeEl = document.getElementById("referenceBadge");
       const editorViewSelect = document.getElementById("editorViewSelect");
+      const editorViewSelectWrap = document.getElementById("editorViewSelectWrap");
       const rightViewSelect = document.getElementById("rightViewSelect");
+      const rightViewSelectWrap = document.getElementById("rightViewSelectWrap");
       const followSelect = document.getElementById("followSelect");
       const responseHighlightSelect = document.getElementById("responseHighlightSelect");
       const responseFontSizeSelect = document.getElementById("responseFontSizeSelect");
@@ -486,6 +488,7 @@
       const EDITOR_TAB_TEXT = "  ";
       const QUIZ_DEFAULT_COUNT = 5;
       const SIDE_QUESTION_THINKING_STORAGE_KEY = "piStudio.sideQuestionThinking";
+      const SIDE_QUESTION_THINKING_LEVELS = Object.freeze(["off", "minimal", "low", "medium", "high", "xhigh", "max"]);
       const SIDE_QUESTION_GATHER_STORAGE_KEY = "piStudio.sideQuestionGatherScope";
       const SIDE_QUESTION_TOOLS_STORAGE_KEY = "piStudio.sideQuestionTools";
       const SIDE_QUESTION_TRANSCRIPT_RENDER_MAX_CHARS = 400_000;
@@ -496,6 +499,7 @@
       const QUIZ_ANGLES = ["general", "scientist", "mathematician", "statistician", "developer", "reviewer"];
       const QUIZ_THINKING_LEVELS = ["off", "minimal", "low", "medium", "high"];
       let sideQuestionState = null;
+      let sideQuestionThinkingLevels = [...SIDE_QUESTION_THINKING_LEVELS];
       let sideQuestionWebSearchAvailable = false;
       let sideQuestionAvailablePiTools = [];
       let sideQuestionPreviewRenderNonce = 0;
@@ -524,11 +528,12 @@
         thinking: (() => {
           try {
             const value = window.localStorage && window.localStorage.getItem(SIDE_QUESTION_THINKING_STORAGE_KEY);
-            return ["off", "minimal", "low", "medium", "high"].includes(value) ? value : "low";
+            return SIDE_QUESTION_THINKING_LEVELS.includes(value) ? value : "low";
           } catch { return "low"; }
         })(),
         draft: "",
       };
+      let sideQuestionPreferredThinking = sideQuestionUi.thinking;
       let quizOverlayEl = null;
       let quizDialogEl = null;
       let quizPreviewRenderNonce = 0;
@@ -592,13 +597,18 @@
       })();
       function normalizeReplJournalEntry(entry) {
         if (!entry || typeof entry !== "object") return null;
+        const hasCompatibleOrigin = entry.origin === "pi-repl" || entry.origin === "pi-studio";
+        const sharedSynced = entry.sharedSynced === true || (entry.sharedSynced !== false && hasCompatibleOrigin);
         const normalized = {
           id: typeof entry.id === "string" && entry.id ? entry.id : ("repl-journal-" + Date.now().toString(36) + "-" + Math.random().toString(36).slice(2, 8)),
           requestId: typeof entry.requestId === "string" ? entry.requestId : "",
           createdAt: typeof entry.createdAt === "number" && Number.isFinite(entry.createdAt) ? entry.createdAt : Date.now(),
           updatedAt: typeof entry.updatedAt === "number" && Number.isFinite(entry.updatedAt) ? entry.updatedAt : Date.now(),
+          completedAt: typeof entry.completedAt === "number" && Number.isFinite(entry.completedAt) ? entry.completedAt : null,
           sessionName: typeof entry.sessionName === "string" ? entry.sessionName : "",
           runtime: typeof entry.runtime === "string" ? entry.runtime : "python",
+          origin: hasCompatibleOrigin ? entry.origin : "",
+          legacyLocal: !sharedSynced,
           label: typeof entry.label === "string" ? entry.label : "REPL send",
           mode: typeof entry.mode === "string" ? entry.mode : "raw",
           prose: typeof entry.prose === "string" ? entry.prose : "",
@@ -630,8 +640,11 @@
             requestId: entry.requestId,
             createdAt: entry.createdAt,
             updatedAt: entry.updatedAt,
+            completedAt: entry.completedAt,
             sessionName: entry.sessionName,
             runtime: entry.runtime,
+            origin: entry.origin,
+            sharedSynced: !entry.legacyLocal,
             label: entry.label,
             mode: entry.mode,
             prose: entry.prose,
@@ -666,6 +679,7 @@
               mode: existing.mode || entry.mode,
               prose: existing.prose || entry.prose,
               beforeTranscript: existing.beforeTranscript || "",
+              legacyLocal: entry.legacyLocal,
               createdAt: existing.createdAt || entry.createdAt,
               updatedAt: Math.max(existing.updatedAt || 0, entry.updatedAt || 0),
               skippedChunks: existing.skippedChunks || entry.skippedChunks,
@@ -689,6 +703,7 @@
 
       let replJournalEntries = loadPersistedReplJournalEntries();
       let activeReplJournalEntryId = "";
+      const replJournalImportPendingSessions = new Set();
       let replJournalCollapsed = (() => {
         try {
           const stored = window.localStorage ? window.localStorage.getItem("piStudio.replStudioCollapsed") : null;
@@ -1810,13 +1825,17 @@
       }
 
       function createReplJournalEntry(details) {
+        const sharedSynced = details.sharedSynced === true;
         return {
           id: "repl-journal-" + Date.now().toString(36) + "-" + Math.random().toString(36).slice(2, 8),
           requestId: details.requestId || "",
           createdAt: Date.now(),
           updatedAt: Date.now(),
+          completedAt: typeof details.completedAt === "number" ? details.completedAt : null,
           sessionName: details.sessionName || "",
           runtime: details.runtime || getActiveReplRuntime(),
+          origin: details.origin === "pi-repl" ? "pi-repl" : "pi-studio",
+          legacyLocal: !sharedSynced,
           label: details.label || "REPL send",
           mode: details.mode || replSendMode,
           prose: String(details.prose || ""),
@@ -1835,6 +1854,65 @@
         return entry;
       }
 
+      function syncReplJournalEntry(entry) {
+        if (!entry || !entry.sessionName || wsState === "Disconnected") return false;
+        return sendMessage({
+          type: "repl_journal_upsert_request",
+          requestId: makeRequestId(),
+          sessionName: entry.sessionName,
+          entry: {
+            id: entry.id,
+            requestId: entry.requestId,
+            createdAt: entry.createdAt,
+            updatedAt: entry.updatedAt,
+            completedAt: entry.completedAt,
+            runtime: entry.runtime,
+            origin: "pi-studio",
+            label: entry.label,
+            mode: entry.mode,
+            prose: entry.prose,
+            code: entry.code,
+            output: entry.output,
+            status: entry.status,
+            skippedChunks: entry.skippedChunks,
+          },
+        });
+      }
+
+      function maybeImportLegacyReplJournalEntries(sessionName) {
+        const name = String(sessionName || "").trim();
+        if (!name || replJournalImportPendingSessions.has(name) || wsState === "Disconnected") return false;
+        const entries = replJournalEntries.filter((entry) => entry.sessionName === name && entry.legacyLocal).slice(-80);
+        if (!entries.length) return false;
+        replJournalImportPendingSessions.add(name);
+        const sent = sendMessage({
+          type: "repl_journal_import_request",
+          requestId: makeRequestId(),
+          sessionName: name,
+          entries: entries.map((entry) => ({
+            id: entry.id,
+            requestId: entry.requestId,
+            createdAt: entry.createdAt,
+            updatedAt: entry.updatedAt,
+            runtime: entry.runtime,
+            origin: "pi-studio",
+            label: entry.label,
+            mode: entry.mode,
+            prose: entry.prose,
+            code: entry.code,
+            output: entry.output,
+            status: entry.status,
+            skippedChunks: entry.skippedChunks,
+          })),
+        });
+        if (!sent) {
+          replJournalImportPendingSessions.delete(name);
+        } else {
+          window.setTimeout(() => replJournalImportPendingSessions.delete(name), 5000);
+        }
+        return sent;
+      }
+
       function recordReplToolSend(message) {
         const requestId = typeof message.toolCallId === "string" && message.toolCallId.trim()
           ? "tool:" + message.toolCallId.trim()
@@ -1848,6 +1926,8 @@
           requestId,
           sessionName,
           runtime,
+          origin: message.origin === "pi-repl" ? "pi-repl" : "pi-studio",
+          sharedSynced: message.sharedSynced === true,
           label: typeof message.label === "string" && message.label.trim() ? message.label.trim() : "Pi",
           mode: "agent",
           code,
@@ -1966,19 +2046,28 @@
       function buildReplJournalMarkdown(entries) {
         const visibleEntries = Array.isArray(entries) ? entries : getVisibleReplJournalEntries();
         const sessionName = getActiveReplJournalSessionName();
-        const lines = ["# Studio REPL Record", "", "Generated: " + new Date().toLocaleString()];
-        if (sessionName) lines.push("Session: `" + sessionName + "`");
-        lines.push("");
+        const updatedAt = visibleEntries.reduce((latest, entry) => Math.max(latest, Number(entry.updatedAt) || 0), 0) || Date.now();
+        const lines = [
+          "# Shared REPL Record",
+          "",
+          "Session: `" + (sessionName || "unknown") + "`",
+          "Record protocol: pi-repl-session-record v1",
+          "Updated: " + new Date(updatedAt).toISOString(),
+          "",
+        ];
         if (!visibleEntries.length) {
-          lines.push(sessionName ? ("_No Studio REPL record entries for `" + sessionName + "` yet._") : "_No Studio REPL record entries yet._");
+          lines.push("_No compatible-client entries have been recorded for this tmux session._", "");
+          lines.push("_This clean record contains submissions made through compatible clients. Commands typed directly into an attached tmux pane remain available only in the raw pane/history mirror._", "");
           return lines.join("\n");
         }
         visibleEntries.forEach((entry, index) => {
           lines.push("## " + (index + 1) + ". " + (entry.label || "REPL entry"));
           lines.push("");
-          lines.push("- Time: " + new Date(entry.createdAt || Date.now()).toLocaleString());
+          lines.push("- Time: " + new Date(entry.createdAt || Date.now()).toISOString());
+          lines.push("- Origin: " + (entry.origin || "unknown"));
+          lines.push("- Mode: " + (entry.mode || "raw"));
+          lines.push("- Status: " + (entry.status || "sent"));
           if (entry.runtime) lines.push("- Runtime: " + entry.runtime);
-          if (entry.sessionName) lines.push("- Session: `" + entry.sessionName + "`");
           if (entry.skippedChunks) lines.push("- Skipped chunks: " + entry.skippedChunks);
           lines.push("");
           if (String(entry.prose || "").trim()) {
@@ -1986,7 +2075,10 @@
             lines.push("");
           }
           if (String(entry.code || "").trim()) {
-            lines.push(getMarkdownFenceForText(entry.code, entry.runtime === "ipython" ? "python" : entry.runtime));
+            const markdownRuntime = entry.runtime === "ipython"
+              ? "python"
+              : (entry.runtime === "unknown" || entry.runtime === "shell" ? "" : entry.runtime);
+            lines.push(getMarkdownFenceForText(entry.code, markdownRuntime));
             lines.push("");
           }
           if (String(entry.output || "").trim()) {
@@ -1996,17 +2088,18 @@
             lines.push("");
           }
         });
+        lines.push("_This clean record contains submissions made through compatible clients. Commands typed directly into an attached tmux pane remain available only in the raw pane/history mirror._", "");
         return lines.join("\n").replace(/\n{4,}/g, "\n\n\n").trimEnd() + "\n";
       }
 
       async function copyReplJournalToClipboard() {
         const entries = getVisibleReplJournalEntries();
         if (!entries.length) {
-          setStatus("No Studio REPL record entries to copy for this session yet.", "warning");
+          setStatus("No shared REPL record entries to copy for this session yet.", "warning");
           return;
         }
         if (await writeTextToClipboard(buildReplJournalMarkdown(entries))) {
-          setStatus("Copied Studio REPL record as Markdown.", "success");
+          setStatus("Copied shared REPL record as Markdown.", "success");
         } else {
           setStatus("Clipboard write failed.", "warning");
         }
@@ -2015,7 +2108,7 @@
       function exportReplJournalMarkdown() {
         const entries = getVisibleReplJournalEntries();
         if (!entries.length) {
-          setStatus("No Studio REPL record entries to export for this session yet.", "warning");
+          setStatus("No shared REPL record entries to export for this session yet.", "warning");
           return;
         }
         const blob = new Blob([buildReplJournalMarkdown(entries)], { type: "text/markdown;charset=utf-8" });
@@ -2024,12 +2117,12 @@
         const stamp = new Date().toISOString().replace(/[:.]/g, "-").slice(0, 19);
         const sessionSlug = getActiveReplJournalSessionName().replace(/[^-_.A-Za-z0-9]+/g, "-");
         link.href = blobUrl;
-        link.download = "repl-studio" + (sessionSlug ? "-" + sessionSlug : "") + "-" + stamp + ".md";
+        link.download = "repl-record" + (sessionSlug ? "-" + sessionSlug : "") + "-" + stamp + ".md";
         document.body.appendChild(link);
         link.click();
         link.remove();
         window.setTimeout(() => URL.revokeObjectURL(blobUrl), 1000);
-        setStatus("Exported Studio REPL record Markdown.", "success");
+        setStatus("Exported shared REPL record Markdown.", "success");
       }
 
       function clearReplJournal() {
@@ -2041,30 +2134,33 @@
         }
         activeReplJournalEntryId = "";
         persistReplJournalEntries();
-        setStatus(sessionName ? "Cleared Studio REPL record for this session." : "Cleared Studio REPL record.", "success");
+        if (sessionName) {
+          sendMessage({ type: "repl_journal_clear_request", requestId: makeRequestId(), sessionName });
+        }
+        setStatus(sessionName ? "Cleared shared REPL record for this session." : "Cleared local REPL record cache.", "success");
         renderReplViewIfActive({ force: true });
       }
 
       function loadReplJournalIntoEditor() {
         const entries = getVisibleReplJournalEntries();
         if (!entries.length) {
-          setStatus("No Studio REPL record entries to load for this session yet.", "warning");
+          setStatus("No shared REPL record entries to load for this session yet.", "warning");
           return;
         }
         const markdown = buildReplJournalMarkdown(entries);
         setEditorText(markdown, { preserveScroll: false, preserveSelection: false });
-        setSourceState({ source: "blank", label: "Studio REPL Record", path: null });
+        setSourceState({ source: "blank", label: "Shared REPL Record", path: null });
         setEditorLanguage("markdown");
-        setStatus("Loaded Studio REPL record into editor.", "success");
+        setStatus("Loaded shared REPL record into editor.", "success");
       }
 
       function addSelectedReplJournalNote() {
         const note = getSelectedOrCurrentParagraphForReplNote();
         if (!note.trim()) {
-          setStatus("Select prose or place the cursor in a paragraph to add a Studio REPL record note.", "warning");
+          setStatus("Select prose or place the cursor in a paragraph to add a shared REPL record note.", "warning");
           return;
         }
-        addReplJournalEntry({
+        const entry = addReplJournalEntry({
           label: "note",
           prose: note,
           status: "note",
@@ -2072,7 +2168,8 @@
           sessionName: replActiveSessionName,
           runtime: getActiveReplRuntime(),
         });
-        setStatus("Added note to Studio REPL record.", "success");
+        syncReplJournalEntry(entry);
+        setStatus("Added note to shared REPL record.", "success");
         renderReplViewIfActive({ force: true });
       }
 
@@ -2088,7 +2185,7 @@
         }
         if (payload.noteOnly) {
           if (String(payload.prose || "").trim()) {
-            addReplJournalEntry({
+            const entry = addReplJournalEntry({
               label: payload.label || "note",
               prose: payload.prose,
               status: "note",
@@ -2097,7 +2194,8 @@
               runtime: getActiveReplRuntime(),
               skippedChunks: payload.skippedChunks,
             });
-            setStatus("Added prose to Studio REPL record.", "success");
+            syncReplJournalEntry(entry);
+            setStatus("Added prose to shared REPL record.", "success");
             renderReplViewIfActive({ force: true });
           } else {
             setStatus("No code or prose found to send.", "warning");
@@ -2128,7 +2226,18 @@
         renderReplViewIfActive({ force: true });
         const skippedSuffix = payload.skippedChunks ? " (skipped " + payload.skippedChunks + " incompatible chunk" + (payload.skippedChunks === 1 ? "" : "s") + ")" : "";
         setStatus("Sending " + (payload.label || "editor text") + " to REPL…" + skippedSuffix, "info");
-        if (!sendMessage({ type: "repl_send_request", requestId, sessionName: session.sessionName, text })) {
+        if (!sendMessage({
+          type: "repl_send_request",
+          requestId,
+          sessionName: session.sessionName,
+          text,
+          journalEntryId: journalEntry.id,
+          createdAt: journalEntry.createdAt,
+          label: journalEntry.label,
+          mode: journalEntry.mode,
+          prose: journalEntry.prose,
+          skippedChunks: journalEntry.skippedChunks,
+        })) {
           replBusy = false;
           replJournalEntries = replJournalEntries.map((entry) => entry.id === journalEntry.id ? { ...entry, status: "error" } : entry);
           persistReplJournalEntries();
@@ -2914,9 +3023,28 @@
         }
         titleGroupEl.appendChild(makeStudioUiRefreshSeparator());
         if (isEditorOnlyMode) {
-          titleGroupEl.appendChild(makeStudioUiRefreshElement("span", "studio-refresh-static-title", "Editor (Raw)"));
+          const staticTitleEl = makeStudioUiRefreshElement(
+            "span",
+            "studio-refresh-static-title",
+            isWatchedFilePreview ? "Source" : "Editor (Raw)",
+          );
+          if (isWatchedFilePreview) {
+            staticTitleEl.classList.add("studio-watched-source-title");
+            staticTitleEl.setAttribute("aria-label", "Source, read-only. Follows the file on disk.");
+            staticTitleEl.title = "This source is read-only and follows the file on disk.";
+          }
+          titleGroupEl.appendChild(staticTitleEl);
+          if (isWatchedFilePreview) {
+            const readOnlyBadgeEl = makeStudioUiRefreshElement(
+              "span",
+              "studio-watched-source-read-only-badge",
+              "Read-only · follows disk",
+            );
+            readOnlyBadgeEl.setAttribute("aria-hidden", "true");
+            titleGroupEl.appendChild(readOnlyBadgeEl);
+          }
         } else if (editorViewSelect) {
-          titleGroupEl.appendChild(editorViewSelect);
+          titleGroupEl.appendChild(editorViewSelectWrap || editorViewSelect);
         }
         if (contextMenu) {
           titleGroupEl.appendChild(makeStudioUiRefreshSeparator());
@@ -2942,7 +3070,7 @@
             rightTitleGroupEl.appendChild(rightFocusBtn);
             rightTitleGroupEl.appendChild(makeStudioUiRefreshSeparator());
           }
-          rightTitleGroupEl.appendChild(rightViewSelect);
+          rightTitleGroupEl.appendChild(rightViewSelectWrap || rightViewSelect);
           rightIdentityEl.appendChild(rightTitleGroupEl);
           const rightToolsEl = makeStudioUiRefreshElement("div", "studio-refresh-pane-tools");
           if (watchedOpenEditableBtn && isWatchedFilePreview) rightToolsEl.appendChild(watchedOpenEditableBtn);
@@ -3615,6 +3743,9 @@
         if (typeof message.thinkingLevel === "string") {
           piThinkingLevel = message.thinkingLevel.trim();
         }
+        if (Array.isArray(message.sideQuestionThinkingLevels)) {
+          applySideQuestionThinkingLevels(message.sideQuestionThinkingLevels);
+        }
         renderFooterModelMenu();
       }
 
@@ -3649,8 +3780,8 @@
         });
         footerModelMenuEl.innerHTML = ""
           + "<div class='footer-model-menu-heading'>Pi model & thinking</div>"
-          + "<label class='footer-model-menu-field'><span>Pi model</span><select id='footerPiModelSelect'>" + modelOptionsHtml.join("") + "</select></label>"
-          + "<label class='footer-model-menu-field'><span>Thinking</span><select id='footerPiThinkingSelect'>" + thinkingOptionsHtml.join("") + "</select></label>"
+          + "<label class='footer-model-menu-field'><span>Pi model</span><span class='studio-menu-select-wrap'><select id='footerPiModelSelect'>" + modelOptionsHtml.join("") + "</select></span></label>"
+          + "<label class='footer-model-menu-field'><span>Thinking</span><span class='studio-menu-select-wrap'><select id='footerPiThinkingSelect'>" + thinkingOptionsHtml.join("") + "</select></span></label>"
           + "<div class='footer-model-menu-note'>Affects future Pi turns. Studio Suggest has its own model setting.</div>";
       }
 
@@ -3730,7 +3861,7 @@
         footerThemeMenuEl.innerHTML = ""
           + "<div class='footer-model-menu-heading'>Pi theme</div>"
           + (optionsHtml.length
-            ? "<label class='footer-model-menu-field'><span>Active theme</span><select id='footerPiThemeSelect'>" + optionsHtml.join("") + "</select></label>"
+            ? "<label class='footer-model-menu-field'><span>Active theme</span><span class='studio-menu-select-wrap'><select id='footerPiThemeSelect'>" + optionsHtml.join("") + "</select></span></label>"
             : "<div class='footer-model-menu-note'>No Pi themes are available yet.</div>")
           + "<div class='footer-model-menu-note'>Switches the active Pi theme and persists it to Pi settings.</div>";
       }
@@ -4359,7 +4490,9 @@
         ].forEach(([btn, pane]) => {
           if (!btn) return;
           const isFocusedPane = paneFocusTarget === pane;
-          const paneName = pane === "right" ? "response" : "editor";
+          const paneName = pane === "right"
+            ? (isWatchedFilePreview ? "watched preview" : "response")
+            : (isWatchedFilePreview ? "read-only source" : "editor");
           btn.classList.toggle("is-active", isFocusedPane);
           btn.setAttribute("aria-pressed", isFocusedPane ? "true" : "false");
           btn.textContent = isFocusedPane ? "Exit focus" : "Focus pane";
@@ -10194,7 +10327,7 @@
         }
         const replJournalExportEntries = exportingReplJournal ? getVisibleReplJournalEntries() : [];
         if (exportingReplJournal && !replJournalExportEntries.length) {
-          setStatus("No Studio REPL record entries to export for this session yet.", "warning");
+          setStatus("No shared REPL record entries to export for this session yet.", "warning");
           return;
         }
 
@@ -10439,7 +10572,7 @@
         }
         const replJournalExportEntries = exportingReplJournal ? getVisibleReplJournalEntries() : [];
         if (exportingReplJournal && !replJournalExportEntries.length) {
-          setStatus("No Studio REPL record entries to export for this session yet.", "warning");
+          setStatus("No shared REPL record entries to export for this session yet.", "warning");
           return;
         }
 
@@ -10472,7 +10605,7 @@
         let filenameHint = exportingSideThread
           ? getSideQuestionTranscriptFilename(sideThreadExportedAt).replace(/\.md$/i, ".html")
           : (exportingReplJournal ? "repl-studio.html" : (isEditorPreview ? "studio-editor-preview.html" : ("studio-response-" + formatStudioExportTimestamp() + ".studio.html")));
-        let titleHint = exportingSideThread ? "Pi Studio side questions" : (exportingReplJournal ? "Studio REPL Record" : (isEditorPreview ? "Studio editor preview" : "Studio response preview"));
+        let titleHint = exportingSideThread ? "Pi Studio side questions" : (exportingReplJournal ? "Shared REPL Record" : (isEditorPreview ? "Studio editor preview" : "Studio response preview"));
         if (sourcePath) {
           const baseName = sourcePath.split(/[\\/]/).pop() || "studio";
           const stem = baseName.replace(/\.[^.]+$/, "") || "studio";
@@ -11450,6 +11583,7 @@
         const parts = [];
         const kind = getReplStudioEntryKind(entry);
         if (kind !== "Raw") parts.push(kind);
+        if (entry.origin) parts.push(entry.origin);
         const time = formatReferenceTime(entry.createdAt);
         if (time) parts.push(time);
         if (entry.skippedChunks) parts.push("skipped " + String(entry.skippedChunks));
@@ -11503,12 +11637,12 @@
         const toggleButton = "<button type='button' data-repl-action='journal-toggle' aria-expanded='" + (replJournalCollapsed ? "false" : "true") + "'>" + (replJournalCollapsed ? "Show record" : "Hide record") + "</button>";
         const toggleActions = "<div class='repl-journal-actions'>" + toggleButton + "</div>";
         const summaryText = hasEntries
-          ? (entryCount + " Studio entr" + (entryCount === 1 ? "y" : "ies") + (sessionName ? " for " + sessionName : "") + ". Export is Markdown.")
-          : (sessionName ? "No Studio entries for " + sessionName + "." : "Studio-sent code and notes will appear here.");
+          ? (entryCount + " shared record entr" + (entryCount === 1 ? "y" : "ies") + (sessionName ? " for " + sessionName : "") + ". Export is Markdown.")
+          : (sessionName ? "No compatible-client entries for " + sessionName + "." : "pi-repl and pi-studio submissions will appear here.");
         if (replJournalCollapsed) {
           return "<section class='repl-journal repl-journal-compact" + collapsedClass + "'>"
             + "<div class='repl-journal-compact-row'>"
-            + "<div class='repl-journal-compact-title'><span class='repl-journal-chip'>Studio REPL Record</span><span>" + escapeHtml(summaryText) + "</span></div>"
+            + "<div class='repl-journal-compact-title'><span class='repl-journal-chip'>Shared REPL Record</span><span>" + escapeHtml(summaryText) + "</span></div>"
             + "<div class='repl-journal-actions'>" + toggleButton + "</div>"
             + "</div>"
             + "</section>";
@@ -11546,14 +11680,14 @@
         }).join("");
         const emptyText = sessionName
           ? (String(transcript || "").trim()
-            ? "No Studio REPL record entries yet. The raw tmux mirror below still has this session's history; send code from Studio to build a clean record."
-            : "No Studio REPL record entries yet. Send code from the editor, or use More → Add note (Literate send) to record prose.")
-          : "No Studio REPL record entries yet. Send code from the editor, or use More → Add note (Literate send) to record prose.";
+            ? "No compatible-client record entries yet. The raw tmux mirror below still has this session's history; send code through pi-repl or Studio to build a clean record."
+            : "No compatible-client record entries yet. Send code from pi-repl or Studio, or use More → Add note (Literate send) to record prose.")
+          : "No compatible-client record entries yet. Send code from pi-repl or Studio, or use More → Add note (Literate send) to record prose.";
         const terminalContent = banner
           + (hasEntries ? cards : "<div class='repl-studio-empty'>" + escapeHtml(emptyText) + "</div>");
         return "<section class='repl-journal'>"
-          + "<div class='repl-journal-header'><h3>Studio REPL Record</h3>" + toggleActions + "</div>"
-          + "<p class='repl-journal-description'>Clean record for the selected tmux session. Raw tmux mirror below.</p>"
+          + "<div class='repl-journal-header'><h3>Shared REPL Record</h3>" + toggleActions + "</div>"
+          + "<p class='repl-journal-description'>Clean record shared by compatible pi-repl and pi-studio clients for this exact tmux session. Direct pane typing remains in the raw mirror below.</p>"
           + (omitted ? "<div class='repl-journal-omitted'>Showing latest 12 entries for this session; " + escapeHtml(String(omitted)) + " older entries remain in export.</div>" : "")
           + "<div class='repl-journal-list'>" + terminalContent + "</div>"
           + "</section>";
@@ -11577,7 +11711,7 @@
             + "</section>";
         }
         return "<section class='repl-mirror'>"
-          + "<div class='repl-journal-header'><div><h3>Raw REPL Mirror</h3><p>Best-effort tmux pane mirror. Useful for directly typed commands and debugging; the Studio record above is cleaner.</p></div>" + actions + "</div>"
+          + "<div class='repl-journal-header'><div><h3>Raw REPL Mirror</h3><p>Best-effort tmux pane mirror. Useful for directly typed commands and debugging; the shared clean record above has reliable client-submission boundaries.</p></div>" + actions + "</div>"
           + body
           + "</section>";
       }
@@ -11616,10 +11750,10 @@
         return "<div class='repl-panel'>"
           + "<div class='repl-toolbar'>"
           + "<div class='repl-controls'>"
-          + "<label class='repl-control-label'>Runtime <select data-repl-runtime aria-label='REPL runtime'>" + runtimeOptions + "</select></label>"
+          + "<label class='repl-control-label'>Runtime <select class='studio-flat-select' data-repl-runtime aria-label='REPL runtime'>" + runtimeOptions + "</select></label>"
           + "<label class='repl-control-label repl-command-label'>Start cmd <input data-repl-command type='text' value='" + escapeHtml(replCommand) + "' placeholder='default' aria-label='REPL start command' title='Command used by Start for this runtime. Leave blank for the default; use this for envs, e.g. .venv/bin/python, uv run python, or conda run --no-capture-output -n env python.'></label>"
           + "<button class='repl-start-btn' type='button' data-repl-action='start'" + (replBusy || replTmuxAvailable === false ? " disabled" : "") + " title='Start or switch to a " + escapeHtml(runtimeLabel) + " session using the selected runtime and start command.'>Start</button>"
-          + "<label class='repl-control-label repl-session-label'>Session <select data-repl-session aria-label='REPL session'" + (visibleSessions.length ? "" : " disabled") + ">" + sessionOptions + "</select></label>"
+          + "<label class='repl-control-label repl-session-label'>Session <select class='studio-flat-select' data-repl-session aria-label='REPL session'" + (visibleSessions.length ? "" : " disabled") + ">" + sessionOptions + "</select></label>"
           + "<details class='repl-more-controls'>"
           + "<summary title='More REPL actions'>More</summary>"
           + "<div class='repl-more-menu'>"
@@ -11627,7 +11761,7 @@
           + "<button type='button' data-repl-action='interrupt'" + (activeSession && !replBusy ? "" : " disabled") + " title='Send Ctrl+C to the active REPL session.'>Interrupt</button>"
           + "<button type='button' data-repl-action='copy-attach-command'" + (activeSession ? "" : " disabled") + " title='Copy command for attaching to this tmux session in a terminal.'>Copy attach command</button>"
           + "<button type='button' data-repl-action='run-all-chunks'" + (canSendToActiveSession ? "" : " disabled") + " title='Literate send: send all fenced code chunks matching the active REPL runtime.'>Run all chunks</button>"
-          + "<button type='button' data-repl-action='journal-note' title='Add the selected prose/current paragraph to the Studio REPL record (Literate send) without sending it to the runtime.'>Add note</button>"
+          + "<button type='button' data-repl-action='journal-note' title='Add the selected prose/current paragraph to the shared REPL record (Literate send) without sending it to the runtime.'>Add note</button>"
           + "<button type='button' data-repl-action='refresh'>Refresh</button>"
           + "<button type='button' data-repl-action='follow'>Follow: " + (replFollow ? "On" : "Off") + "</button>"
           + "</div>"
@@ -11845,7 +11979,7 @@
         const options = getFileBrowserSortOptions().map((option) => {
           return "<option value='" + escapeHtml(option.value) + "'" + (option.value === currentSort ? " selected" : "") + ">" + escapeHtml(option.label) + "</option>";
         }).join("");
-        return "<select class='files-sort-select' data-files-sort aria-label='Files sort order' title='Sort file browser entries. Folders remain grouped first.'>" + options + "</select>";
+        return "<select class='files-sort-select studio-flat-select' data-files-sort aria-label='Files sort order' title='Sort file browser entries. Folders remain grouped first.'>" + options + "</select>";
       }
 
       function buildFileBrowserEntryRowHtml(entry) {
@@ -11900,7 +12034,7 @@
           const label = String((location && location.label) || basenameForStudioPath(path) || path);
           return "<option value='" + escapeHtml(path) + "'" + (path === rootDir ? " selected" : "") + ">" + escapeHtml(label + " — " + path) + "</option>";
         }).join("");
-        return "<select class='files-location-select' data-files-location aria-label='Allowed Files location' title='Choose a folder allowed for this Studio session on the computer running Pi.'>" + options + "</select>";
+        return "<select class='files-location-select studio-flat-select' data-files-location aria-label='Allowed Files location' title='Choose a folder allowed for this Studio session on the computer running Pi.'>" + options + "</select>";
       }
 
       function buildFileBrowserPanelHtml() {
@@ -12990,6 +13124,49 @@
         return values.map(([value, label]) => "<option value='" + escapeHtml(value) + "'" + (value === current ? " selected" : "") + ">" + escapeHtml(label) + "</option>").join("");
       }
 
+      function clampSideQuestionThinkingLevel(value, levels) {
+        const available = Array.isArray(levels) && levels.length ? levels : [...SIDE_QUESTION_THINKING_LEVELS];
+        if (available.includes(value)) return value;
+        const requestedIndex = SIDE_QUESTION_THINKING_LEVELS.indexOf(value);
+        if (requestedIndex < 0) return available.includes("low") ? "low" : available[0];
+        for (let index = requestedIndex; index < SIDE_QUESTION_THINKING_LEVELS.length; index += 1) {
+          const candidate = SIDE_QUESTION_THINKING_LEVELS[index];
+          if (available.includes(candidate)) return candidate;
+        }
+        for (let index = requestedIndex - 1; index >= 0; index -= 1) {
+          const candidate = SIDE_QUESTION_THINKING_LEVELS[index];
+          if (available.includes(candidate)) return candidate;
+        }
+        return "off";
+      }
+
+      function applySideQuestionThinkingLevels(value) {
+        const seen = new Set();
+        const normalized = (Array.isArray(value) ? value : []).filter((level) => {
+          if (typeof level !== "string" || !SIDE_QUESTION_THINKING_LEVELS.includes(level) || seen.has(level)) return false;
+          seen.add(level);
+          return true;
+        });
+        const next = normalized.length ? normalized : [...SIDE_QUESTION_THINKING_LEVELS];
+        const levelsChanged = next.length !== sideQuestionThinkingLevels.length
+          || next.some((level, index) => level !== sideQuestionThinkingLevels[index]);
+        sideQuestionThinkingLevels = next;
+        const nextThinking = clampSideQuestionThinkingLevel(sideQuestionPreferredThinking, next);
+        const thinkingChanged = nextThinking !== sideQuestionUi.thinking;
+        if (thinkingChanged) sideQuestionUi.thinking = nextThinking;
+        if ((levelsChanged || thinkingChanged) && rightView === "side-questions" && (!sideQuestionState || !sideQuestionState.threadId)) {
+          renderSideQuestionView();
+        }
+      }
+
+      function getSideQuestionThinkingOptions() {
+        return sideQuestionThinkingLevels.map((level) => {
+          if (level === "xhigh") return [level, "X-high (slower)"];
+          if (level === "max") return [level, "Max (slowest)"];
+          return [level, level.charAt(0).toUpperCase() + level.slice(1)];
+        });
+      }
+
       function renderSideQuestionPiToolPicker() {
         const selected = new Set(sideQuestionUi.toolIds);
         const selectedCount = sideQuestionUi.toolIds.length;
@@ -13026,15 +13203,15 @@
         return "<div class='side-question-empty'>"
           + "<div class='side-question-intro'><h2>Side question</h2><p>Ask something without adding it to the main Pi conversation. Choose the starting text and whether Studio may look through related files.</p></div>"
           + "<div class='side-question-context-grid'>"
-          + "<label>Starting text<select data-side-question-field='focusMode' aria-describedby='sideQuestionContextRule'>" + sideQuestionSelectOptions([
+          + "<label>Starting text<select class='studio-flat-select' data-side-question-field='focusMode' aria-describedby='sideQuestionContextRule'>" + sideQuestionSelectOptions([
             ["auto", "Automatic"], ["selection", "Editor selection only"], ["section", "Heading block or nearby text at cursor"], ["editor", "Whole editor document"], ["response", "Displayed response"], ["none", "No starting text"],
           ], sideQuestionUi.focusMode) + "</select></label>"
-          + "<label>Also use files from<select data-side-question-field='gatherScope'>" + sideQuestionSelectOptions([
+          + "<label>Also use files from<select class='studio-flat-select' data-side-question-field='gatherScope'>" + sideQuestionSelectOptions([
             ["none", "No other files"], ["folder", "Same folder as document"], ["repo", "Repository"], ["custom", "Choose a folder"],
           ], scope) + "</select></label>"
-          + "<label>Thinking<select data-side-question-field='thinking'>" + sideQuestionSelectOptions([
-            ["off", "Off"], ["minimal", "Minimal"], ["low", "Low"], ["medium", "Medium"], ["high", "High"],
-          ], sideQuestionUi.thinking) + "</select></label>"
+          + "<label>Thinking<select class='studio-flat-select' data-side-question-field='thinking'>" + sideQuestionSelectOptions(
+            getSideQuestionThinkingOptions(), sideQuestionUi.thinking
+          ) + "</select></label>"
           + "</div>"
           + "<details class='side-question-context-rule'><summary id='sideQuestionContextRule'>Automatic: selection → heading block at cursor → nearby text</summary><p>A heading block starts at the nearest Markdown/LaTeX heading above the cursor and ends before the next heading of the same or higher level. With no heading, Studio uses the surrounding text block or a nearby excerpt.</p></details>"
           + (scope === "none" ? "" : "<p class='side-question-context-access-note'>Related-file access is limited to folders allowed for this Studio session. Studio asks before starting if this folder is not already allowed.</p>")
@@ -13392,9 +13569,10 @@
           if (sideQuestionUi.gatherScope !== "repo") sideQuestionUi.gitContext = false;
           try { if (window.localStorage) window.localStorage.setItem(SIDE_QUESTION_GATHER_STORAGE_KEY, sideQuestionUi.gatherScope); } catch {}
         }
-        if (field === "thinking") {
+        if (field === "thinking" && sideQuestionThinkingLevels.includes(target.value)) {
+          sideQuestionPreferredThinking = target.value;
           sideQuestionUi.thinking = target.value;
-          try { if (window.localStorage) window.localStorage.setItem(SIDE_QUESTION_THINKING_STORAGE_KEY, sideQuestionUi.thinking); } catch {}
+          try { if (window.localStorage) window.localStorage.setItem(SIDE_QUESTION_THINKING_STORAGE_KEY, sideQuestionPreferredThinking); } catch {}
         }
         if (field === "includeConversation") sideQuestionUi.includeConversation = target.checked;
         if (field === "gitContext") sideQuestionUi.gitContext = target.checked && getSideQuestionGatherScope() === "repo";
@@ -13604,7 +13782,7 @@
           } else if (exportingSideThread) {
             exportPdfBtn.title = "Save or copy Markdown, open it in an editor, or export the visible side discussion as PDF or HTML.";
           } else if (exportingReplJournal && !replJournalExportEntries.length) {
-            exportPdfBtn.title = "No Studio REPL record entries to export for this session yet.";
+            exportPdfBtn.title = "No shared REPL record entries to export for this session yet.";
           } else if (rightView === "markdown") {
             exportPdfBtn.title = "Switch right pane to Response (Preview), Editor (Preview), REPL, or Side questions to export.";
           } else if (!canExportPreview) {
@@ -13612,7 +13790,7 @@
           } else if (isHtmlArtifactPreview) {
             exportPdfBtn.title = "This is an interactive HTML preview. Export as HTML; PDF export is not available yet.";
           } else if (exportingReplJournal) {
-            exportPdfBtn.title = "Choose PDF export or an HTML export destination for the Studio REPL record.";
+            exportPdfBtn.title = "Choose PDF export or an HTML export destination for the shared REPL record.";
           } else {
             exportPdfBtn.title = "Choose PDF export or an HTML export destination for the current right-pane preview.";
           }
@@ -13624,7 +13802,7 @@
             ? "This transcript is too large for rendered export; save or copy the Markdown instead."
             : (isHtmlArtifactPreview
               ? "Interactive HTML preview PDF export is not available yet."
-              : (exportingSideThread ? "Export the side-thread transcript as PDF and open it in Studio." : (exportingReplJournal ? "Export the Studio REPL record as PDF and open it in Studio." : "Export the current right-pane preview as PDF and open it in Studio.")));
+              : (exportingSideThread ? "Export the side-thread transcript as PDF and open it in Studio." : (exportingReplJournal ? "Export the shared REPL record as PDF and open it in Studio." : "Export the current right-pane preview as PDF and open it in Studio.")));
         }
         if (exportPreviewPdfBtn) {
           exportPreviewPdfBtn.disabled = exportBusy || !canExportPreview || isHtmlArtifactPreview || sideThreadRenderTooLarge;
@@ -13632,7 +13810,7 @@
             ? "This transcript is too large for rendered export; save or copy the Markdown instead."
             : (isHtmlArtifactPreview
               ? "Interactive HTML preview PDF export is not available yet."
-              : (exportingSideThread ? "Export the side-thread transcript as PDF and open it in the default PDF viewer." : (exportingReplJournal ? "Export the Studio REPL record as PDF and open it in the default PDF viewer." : "Export the current right-pane preview as PDF and open it in the default PDF viewer.")));
+              : (exportingSideThread ? "Export the side-thread transcript as PDF and open it in the default PDF viewer." : (exportingReplJournal ? "Export the shared REPL record as PDF and open it in the default PDF viewer." : "Export the current right-pane preview as PDF and open it in the default PDF viewer.")));
         }
         if (exportPreviewHtmlStudioBtn) {
           exportPreviewHtmlStudioBtn.disabled = exportBusy || !canExportPreview || sideThreadRenderTooLarge;
@@ -13640,7 +13818,7 @@
             ? "This transcript is too large for rendered export; save or copy the Markdown instead."
             : (isHtmlArtifactPreview
               ? "Export the authored HTML preview and open it in a new Studio editor tab."
-              : (exportingSideThread ? "Export the side-thread transcript as standalone HTML and open it in a new Studio editor tab." : (exportingReplJournal ? "Export the Studio REPL record as standalone HTML and open it in a new Studio editor tab." : "Export the current right-pane preview as standalone HTML and open it in a new Studio editor tab.")));
+              : (exportingSideThread ? "Export the side-thread transcript as standalone HTML and open it in a new Studio editor tab." : (exportingReplJournal ? "Export the shared REPL record as standalone HTML and open it in a new Studio editor tab." : "Export the current right-pane preview as standalone HTML and open it in a new Studio editor tab.")));
         }
         if (exportPreviewHtmlBtn) {
           exportPreviewHtmlBtn.disabled = exportBusy || !canExportPreview || sideThreadRenderTooLarge;
@@ -13648,7 +13826,7 @@
             ? "This transcript is too large for rendered export; save or copy the Markdown instead."
             : (isHtmlArtifactPreview
               ? "Export the authored HTML preview and open it in the default browser."
-              : (exportingSideThread ? "Export the side-thread transcript as standalone HTML and open it in the default browser." : (exportingReplJournal ? "Export the Studio REPL record as standalone HTML and open it in the default browser." : "Export the current right-pane preview as standalone HTML and open it in the default browser.")));
+              : (exportingSideThread ? "Export the side-thread transcript as standalone HTML and open it in the default browser." : (exportingReplJournal ? "Export the shared REPL record as standalone HTML and open it in the default browser." : "Export the current right-pane preview as standalone HTML and open it in the default browser.")));
         }
         if (exportPreviewControlsEl) {
           exportPreviewControlsEl.hidden = rightView === "editor-quarto-preview";
@@ -13656,11 +13834,11 @@
             ? (exportingSideThread
               ? "Choose a durable export for the visible side discussion."
               : (exportingReplJournal
-                ? "Choose a format and export destination for the Studio REPL record."
+                ? "Choose a format and export destination for the shared REPL record."
                 : (isHtmlArtifactPreview ? "Export this HTML preview to Studio or browser." : "Choose a format and export destination for the current right-pane preview.")))
             : (exportingSideThread
               ? "No completed side discussion is available to export yet."
-              : (exportingReplJournal ? "No Studio REPL record entries to export for this session yet." : "Switch right pane to a non-empty preview before exporting."));
+              : (exportingReplJournal ? "No shared REPL record entries to export for this session yet." : "Switch right pane to a non-empty preview before exporting."));
         }
         if (!canExportPreview || previewExportInProgress || sideQuestionMarkdownExportRequest) {
           closeExportPreviewMenu();
@@ -16321,13 +16499,13 @@
         return "<div class='studio-quiz-setup'>"
           + "<p class='studio-quiz-copy'>A short active-recall loop: answer one question, check it, ask about the card if useful, then move on.</p>"
           + "<div class='studio-quiz-fields'>"
-          + "<label>Scope<select data-quiz-field='scope'>"
+          + "<label>Scope<select class='studio-flat-select' data-quiz-field='scope'>"
           + QUIZ_SCOPES.map((candidate) => candidate === "selection" && !hasSelection ? "" : renderQuizOption(candidate, scope, getQuizScopeLabel(candidate))).join("")
           + "</select></label>"
-          + "<label>Angle<select data-quiz-field='angle'>"
+          + "<label>Angle<select class='studio-flat-select' data-quiz-field='angle'>"
           + QUIZ_ANGLES.map((candidate) => renderQuizOption(candidate, angle, getQuizAngleLabel(candidate))).join("")
           + "</select></label>"
-          + "<label>Thinking<select data-quiz-field='thinking'>"
+          + "<label>Thinking<select class='studio-flat-select' data-quiz-field='thinking'>"
           + QUIZ_THINKING_LEVELS.map((candidate) => renderQuizOption(candidate, thinking, getQuizThinkingLabel(candidate))).join("")
           + "</select></label>"
           + "<label>Questions<input data-quiz-field='count' type='number' min='1' max='8' value='" + String(count) + "'></label>"
@@ -22490,6 +22668,7 @@
         }
 
         if (message.type === "side_question_state") {
+          if (Array.isArray(message.sideQuestionThinkingLevels)) applySideQuestionThinkingLevels(message.sideQuestionThinkingLevels);
           sideQuestionWebSearchAvailable = message.webSearchAvailable === true;
           if (Array.isArray(message.availablePiTools)) applySideQuestionToolCatalog(message.availablePiTools);
           const previousStatus = sideQuestionState && sideQuestionState.status;
@@ -22837,6 +23016,7 @@
             setActiveReplSessionForCurrentRuntime(message.activeSessionName);
           }
           const journalChanged = mergeReplJournalEntries(message.journalEntries);
+          maybeImportLegacyReplJournalEntries(replActiveSessionName);
           if (typeof message.transcript === "string") replTranscript = trimReplTranscript(message.transcript);
           if (typeof message.capturedAt === "number") replCapturedAt = message.capturedAt;
           replError = typeof message.replError === "string" ? message.replError : (typeof message.captureError === "string" ? message.captureError : "");
@@ -22890,6 +23070,7 @@
             setActiveReplSessionForCurrentRuntime(message.activeSessionName);
           }
           let journalChanged = mergeReplJournalEntries(message.journalEntries);
+          maybeImportLegacyReplJournalEntries(replActiveSessionName);
           if (typeof message.transcript === "string") {
             replTranscript = trimReplTranscript(message.transcript);
             journalChanged = updateActiveReplJournalEntryFromTranscript(
@@ -22914,6 +23095,19 @@
           return;
         }
 
+        if (message.type === "repl_journal_ack") {
+          const sessionName = typeof message.sessionName === "string" ? message.sessionName : "";
+          if (sessionName) replJournalImportPendingSessions.delete(sessionName);
+          if (message.cleared && sessionName) {
+            replJournalEntries = replJournalEntries.filter((entry) => entry.sessionName !== sessionName);
+            persistReplJournalEntries();
+          } else {
+            mergeReplJournalEntries(message.journalEntries);
+          }
+          renderReplViewIfActive({ force: true });
+          return;
+        }
+
         if (message.type === "repl_send_ack") {
           replBusy = false;
           replMessage = "";