pi-studio 0.9.20 → 0.9.21

package/CHANGELOG.md

@@ -2,7 +2,12 @@
 
 All notable changes to `pi-studio` are documented here.
 
-## [Unreleased]
+## [0.9.21] — 2026-05-28
+
+### Added
+- Added **Recent…** to the Scratchpad so scratchpads saved under previous file/draft identities can be loaded, appended, or copied after reopening Studio or continuing a Pi session.
+- Preview export now distinguishes **Export PDF and Open in Studio preview tab** from **Export PDF and Open in default PDF viewer**; the Studio path opens a Files-view-style editor-only preview tab with a `studio-pdf` block.
+- HTML export now distinguishes **Export HTML and Open in Studio editor** from **Export HTML and Open in browser**; the Studio path opens the exported HTML in an editor-only Studio tab for inspection, editing, previewing, and comment mode.
 
 ## [0.9.20] — 2026-05-27
 

package/README.md

@@ -25,7 +25,7 @@ Extension for [pi](https://pi.dev) that opens a local two-pane browser workspace
 - Includes a live **Working** view for following current model/tool activity, with `All` / `Thinking` / `Tools` filters, image previews for image-producing tool outputs, plus **Load visible into editor** and **Copy visible** actions; when cycling response history, Working follows saved working details for the selected response when available
 - Includes a right-pane **Files** view for browsing the current Pi session/resource directory, opening folders, loading text/code/CSV/TSV documents into the editor, previewing PDFs/images, opening PDF/image previews in a new Studio tab, converting DOCX/ODT documents to editable Markdown when Pandoc is available after confirmation, copying paths, setting the current folder as the Studio working directory, and revealing files in the file manager
 - Includes an optional tmux-backed **REPL** view for Shell, Python, IPython, Julia, R, GHCi, and Clojure sessions, with Raw/Literate send modes, `Cmd/Ctrl+Shift+Enter` **Send to REPL**, session start/stop/interrupt controls, a compact refresh-persistent **Studio REPL Record** of user and Pi-sent code, a secondary raw tmux mirror, agent-facing `studio_repl_status` / `studio_repl_send` tools, and Markdown/PDF/HTML export
-- Includes a local persistent scratchpad for quick notes you want to keep out of the main editor until you're ready to copy or insert them
+- Includes a local persistent scratchpad for quick notes you want to keep out of the main editor until you're ready to copy or insert them, with a **Recent…** picker for recovering scratchpads saved under earlier file/draft identities
 - Includes a docked **Outline** rail for navigating document structure in the current editor text, with clickable entries that jump in the raw editor and reveal matching preview locations when available
 - Restores the current browser-tab editor workspace after refresh and provides an explicit **Reset editor** action when you want to discard the restored draft and return the tab to a fresh blank draft without changing responses or saved files
 - Turns local preview links, including links inside sandboxed HTML previews, into Studio actions: PDFs open in the embedded viewer, images open in a zoomable focus viewer, PDF/image links can open in a new Studio preview tab, text/code/CSV/TSV document links can open in a new editor tab, DOCX/ODT links can be converted to editable Markdown, and right-click menus provide **Open here**, **Reveal in file manager**, and **Copy path** for local resources
@@ -43,7 +43,7 @@ Extension for [pi](https://pi.dev) that opens a local two-pane browser workspace
 - Renders straight, unfenced interactive HTML in preview via a sandboxed browser iframe with zoom controls, while fenced `html` blocks remain source code
 - Embeds local PDFs in Studio Markdown previews via explicit `studio-pdf` fenced blocks, with a Focus action for temporarily enlarging the embedded viewer
 - Ships optional `pi-studio-dark` and `pi-studio-light` themes tuned for Studio's browser workspace
-- Exports right-pane preview as PDF (pandoc + LaTeX) or standalone HTML into the source file directory, Studio working directory, or Pi session directory, preserving authored HTML previews as HTML and rendering CSV/TSV editor previews as tables
+- Exports right-pane preview as PDF (pandoc + LaTeX) or standalone HTML into the source file directory, Studio working directory, or Pi session directory; PDF export can open in a Studio preview tab or the default PDF viewer, and HTML export can open in the default browser or in a new Studio editor tab for inspection/commenting, while preserving authored HTML previews as HTML and rendering CSV/TSV editor previews as tables
 - Exports local files headlessly via `/studio-pdf <path>` to `<name>.studio.pdf` or `/studio-html <path>` to `<name>.studio.html`; without a path, those commands export the last model response to a timestamped file
 - Shows model/session/context usage in the footer, plus a compact-context action
 

package/client/studio-annotation-helpers.js

@@ -500,6 +500,23 @@
     return out;
   }
 
+  const SMART_MARKDOWN_FENCE_CHARS = "`´‘’‚‛“”„‟′‵";
+  const SMART_MARKDOWN_FENCE_RE = new RegExp(`^([ \\t]{0,3})([${SMART_MARKDOWN_FENCE_CHARS.replace(/[\\\\\]^-]/g, "\\\\$&")}]{3,})([^${SMART_MARKDOWN_FENCE_CHARS.replace(/[\\\\\]^-]/g, "\\\\$&")}\\r\\n]*)$`);
+
+  function normalizeMarkdownSmartFences(markdown) {
+    return String(markdown || "")
+      .replace(/\r\n/g, "\n")
+      .split("\n")
+      .map(function(line) {
+        const match = line.match(SMART_MARKDOWN_FENCE_RE);
+        if (!match) return line;
+        const run = match[2] || "";
+        if (!/[´‘’‚‛“”„‟′‵]/u.test(run)) return line;
+        return (match[1] || "") + "`".repeat(Math.max(3, Array.from(run).length)) + (match[3] || "");
+      })
+      .join("\n");
+  }
+
   function transformMarkdownOutsideFences(text, plainTransformer) {
     const source = String(text || "").replace(/\r\n/g, "\n");
     if (!source) return source;
@@ -642,11 +659,12 @@
   }
 
   function prepareMarkdownForPandocPreview(markdown, placeholderPrefix) {
+    const normalizedMarkdown = normalizeMarkdownSmartFences(markdown);
     const placeholders = [];
     const prefix = typeof placeholderPrefix === "string" && placeholderPrefix
       ? placeholderPrefix
       : "PISTUDIOANNOT";
-    const prepared = transformMarkdownOutsideFences(markdown, function(segment) {
+    const prepared = transformMarkdownOutsideFences(normalizedMarkdown, function(segment) {
       return replaceInlineAnnotationMarkers(segment, function(marker) {
         const label = normalizePreviewAnnotationLabel(marker.body);
         if (!label) return "";
@@ -663,6 +681,7 @@
     hasAnnotationMarkers: hasAnnotationMarkers,
     normalizePreviewAnnotationLabel: normalizePreviewAnnotationLabel,
     extractStandaloneMarkdownImageCaptionText: extractStandaloneMarkdownImageCaptionText,
+    normalizeMarkdownSmartFences: normalizeMarkdownSmartFences,
     prepareMarkdownForPandocPreview: prepareMarkdownForPandocPreview,
     readInlineAnnotationMarkerAt: readInlineAnnotationMarkerAt,
     renderPreviewAnnotationHtml: renderPreviewAnnotationHtml,

package/client/studio-client.js

@@ -92,7 +92,9 @@
       const copyResponseBtn = document.getElementById("copyResponseBtn");
       const exportPreviewControlsEl = document.getElementById("exportPreviewControls");
       const exportPreviewMenuEl = document.getElementById("exportPreviewMenu");
+      const exportPreviewPdfStudioBtn = document.getElementById("exportPreviewPdfStudioBtn");
       const exportPreviewPdfBtn = document.getElementById("exportPreviewPdfBtn");
+      const exportPreviewHtmlStudioBtn = document.getElementById("exportPreviewHtmlStudioBtn");
       const exportPreviewHtmlBtn = document.getElementById("exportPreviewHtmlBtn");
       const exportPdfBtn = document.getElementById("exportPdfBtn");
       const historyPrevBtn = document.getElementById("historyPrevBtn");
@@ -142,6 +144,8 @@
       const scratchpadDialogEl = document.getElementById("scratchpadDialog");
       const scratchpadTextEl = document.getElementById("scratchpadText");
       const scratchpadMetaEl = document.getElementById("scratchpadMeta");
+      const scratchpadRecentBtn = document.getElementById("scratchpadRecentBtn");
+      const scratchpadRecentPanelEl = document.getElementById("scratchpadRecentPanel");
       const scratchpadInsertBtn = document.getElementById("scratchpadInsertBtn");
       const scratchpadCopyBtn = document.getElementById("scratchpadCopyBtn");
       const scratchpadClearBtn = document.getElementById("scratchpadClearBtn");
@@ -2044,6 +2048,9 @@
       let scratchpadReturnFocusEl = null;
       let scratchpadPersistTimer = null;
       let scratchpadLoadNonce = 0;
+      let scratchpadRecentEntries = [];
+      let scratchpadRecentVisible = false;
+      let scratchpadRecentLoading = false;
       let reviewNotes = [];
       let reviewNotesReturnFocusEl = null;
       let reviewNotesPersistTimer = null;
@@ -7940,14 +7947,32 @@
         }
       }
 
-      async function exportRightPanePdf() {
+      function getStudioPdfViewerUrlForExportPayload(payload) {
+        if (!payload || typeof payload !== "object") return "";
+        const exportPath = typeof payload.path === "string" ? payload.path.trim() : "";
+        if (exportPath) {
+          const resourceUrl = buildStudioPdfResourceUrl({ path: exportPath, resourceDir: exportPath.split(/[\\/]/).slice(0, -1).join("/") }, false);
+          if (resourceUrl) return resourceUrl;
+        }
+        return typeof payload.downloadUrl === "string" ? payload.downloadUrl : "";
+      }
+
+      async function exportRightPanePdf(options) {
+        const exportOptions = options && typeof options === "object" ? options : {};
+        const openTarget = exportOptions.openTarget === "studio" ? "studio" : "default";
+        let studioPopup = null;
+        if (openTarget === "studio") {
+          studioPopup = openExportStudioPlaceholderWindow("PDF");
+        }
         if (uiBusy || previewExportInProgress) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Studio is busy.", "warning");
           return;
         }
 
         const token = getToken();
         if (!token) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Missing Studio token in URL. Re-run /studio.", "error");
           return;
         }
@@ -7955,17 +7980,20 @@
         const exportingReplJournal = rightView === "repl";
         const rightPaneShowsPreview = rightView === "preview" || rightView === "editor-preview";
         if (!rightPaneShowsPreview && !exportingReplJournal) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Switch right pane to Response (Preview), Editor (Preview), or REPL to export PDF.", "warning");
           return;
         }
         const replJournalExportEntries = exportingReplJournal ? getVisibleReplJournalEntries() : [];
         if (exportingReplJournal && !replJournalExportEntries.length) {
+          closeExportStudioWindow(studioPopup);
           setStatus("No Studio REPL record entries to export for this session yet.", "warning");
           return;
         }
 
         const htmlArtifactSource = exportingReplJournal ? "" : getRightPaneHtmlArtifactSource();
         if (htmlArtifactSource) {
+          closeExportStudioWindow(studioPopup);
           setStatus("PDF export does not support interactive HTML previews yet. Export as HTML or use the browser print dialog inside the preview.", "warning");
           return;
         }
@@ -7976,6 +8004,7 @@
             ? prepareEditorTextForPdfExport(sourceTextEl.value)
             : prepareEditorTextForPreview(latestResponseMarkdown));
         if (!markdown || !markdown.trim()) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Nothing to export yet.", "warning");
           return;
         }
@@ -7998,7 +8027,7 @@
 
         previewExportInProgress = true;
         updateResultActionButtons();
-        setStatus("Exporting PDF…", "warning");
+        setStatus(openTarget === "studio" ? "Exporting PDF for Studio…" : "Exporting PDF…", "warning");
 
         try {
           const response = await fetchWithTimeout("/export-pdf?token=" + encodeURIComponent(token), {
@@ -8013,6 +8042,7 @@
               isLatex: isLatex,
               editorPdfLanguage: editorPdfLanguage,
               filenameHint: filenameHint,
+              openTarget: openTarget,
             }),
           }, PDF_EXPORT_FETCH_TIMEOUT_MS, "PDF export");
 
@@ -8051,6 +8081,35 @@
               downloadName += ".pdf";
             }
 
+            if (openTarget === "studio") {
+              const targetUrl = typeof payload.relativeUrl === "string" && payload.relativeUrl
+                ? new URL(payload.relativeUrl, window.location.href).href
+                : (typeof payload.url === "string" ? payload.url : "");
+              const openedStudio = navigateExportStudioWindow(studioPopup, targetUrl);
+              if (!openedStudio) {
+                closeExportStudioWindow(studioPopup);
+                const viewerUrl = getStudioPdfViewerUrlForExportPayload(payload);
+                if (viewerUrl) openStudioPdfFocusViewer(viewerUrl, downloadName);
+              }
+              if (writeError) {
+                setStatus(openedStudio
+                  ? "Opened exported PDF in a Studio preview tab, but could not write project file: " + writeError
+                  : "Exported PDF, but could not open a Studio preview tab and could not write project file: " + writeError,
+                  "warning");
+              } else if (exportWarning) {
+                setStatus(openedStudio
+                  ? "Opened exported PDF in a Studio preview tab with warning: " + exportWarning
+                  : "Exported PDF, but could not open a Studio preview tab. Warning: " + exportWarning,
+                  "warning");
+              } else {
+                setStatus(openedStudio
+                  ? "Opened exported PDF in a Studio preview tab: " + (exportPath || downloadName)
+                  : "Exported PDF, but could not open a Studio preview tab" + (targetUrl ? ": " + targetUrl : "."),
+                  openedStudio ? "success" : "warning");
+              }
+              return;
+            }
+
             if (openedExternal) {
               if (writeError) {
                 setStatus("Opened PDF in default viewer, but could not write project file: " + writeError, "warning");
@@ -8112,6 +8171,7 @@
             setStatus("Exported PDF: " + downloadName, "success");
           }
         } catch (error) {
+          closeExportStudioWindow(studioPopup);
           const detail = error && error.message ? error.message : String(error || "unknown error");
           setStatus("PDF export failed: " + detail, "error");
         } finally {
@@ -8120,14 +8180,58 @@
         }
       }
 
-      async function exportRightPaneHtml() {
+      function openExportStudioPlaceholderWindow(formatLabel) {
+        const label = String(formatLabel || "preview").trim() || "preview";
+        let popup = null;
+        try {
+          popup = window.open("", "_blank");
+          if (popup && popup.document && popup.document.body) {
+            popup.document.title = "Opening " + label + " in Studio…";
+            popup.document.body.innerHTML = "<p style=\"font: 13px -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; padding: 16px;\">Exporting " + escapeHtml(label) + " and opening it in Studio…</p>";
+          }
+        } catch {
+          popup = null;
+        }
+        return popup;
+      }
+
+      function navigateExportStudioWindow(popup, targetUrl) {
+        if (!targetUrl) return false;
+        if (popup && !popup.closed) {
+          try {
+            popup.opener = null;
+            popup.location.href = targetUrl;
+            return true;
+          } catch {}
+        }
+        try {
+          return Boolean(window.open(targetUrl, "_blank", "noopener"));
+        } catch {
+          return false;
+        }
+      }
+
+      function closeExportStudioWindow(popup) {
+        if (!popup || popup.closed) return;
+        try { popup.close(); } catch {}
+      }
+
+      async function exportRightPaneHtml(options) {
+        const exportOptions = options && typeof options === "object" ? options : {};
+        const openTarget = exportOptions.openTarget === "studio" ? "studio" : "browser";
+        let studioPopup = null;
+        if (openTarget === "studio") {
+          studioPopup = openExportStudioPlaceholderWindow("HTML");
+        }
         if (uiBusy || previewExportInProgress) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Studio is busy.", "warning");
           return;
         }
 
         const token = getToken();
         if (!token) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Missing Studio token in URL. Re-run /studio.", "error");
           return;
         }
@@ -8135,11 +8239,13 @@
         const exportingReplJournal = rightView === "repl";
         const rightPaneShowsPreview = rightView === "preview" || rightView === "editor-preview";
         if (!rightPaneShowsPreview && !exportingReplJournal) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Switch right pane to Response (Preview), Editor (Preview), or REPL to export HTML.", "warning");
           return;
         }
         const replJournalExportEntries = exportingReplJournal ? getVisibleReplJournalEntries() : [];
         if (exportingReplJournal && !replJournalExportEntries.length) {
+          closeExportStudioWindow(studioPopup);
           setStatus("No Studio REPL record entries to export for this session yet.", "warning");
           return;
         }
@@ -8149,6 +8255,7 @@
           ? prepareEditorTextForHtmlExport(sourceTextEl.value)
           : prepareEditorTextForPreview(latestResponseMarkdown)));
         if (!markdown || !markdown.trim()) {
+          closeExportStudioWindow(studioPopup);
           setStatus("Nothing to export yet.", "warning");
           return;
         }
@@ -8173,7 +8280,7 @@
 
         previewExportInProgress = true;
         updateResultActionButtons();
-        setStatus("Exporting HTML…", "warning");
+        setStatus(openTarget === "studio" ? "Exporting HTML for Studio…" : "Exporting HTML…", "warning");
 
         try {
           const response = await fetchWithTimeout("/export-html?token=" + encodeURIComponent(token), {
@@ -8189,6 +8296,7 @@
               editorHtmlLanguage: editorHtmlLanguage,
               filenameHint: filenameHint,
               title: titleHint,
+              openTarget: openTarget,
             }),
           }, HTML_EXPORT_FETCH_TIMEOUT_MS, "HTML export");
 
@@ -8227,6 +8335,31 @@
               downloadName += ".html";
             }
 
+            if (openTarget === "studio") {
+              const targetUrl = typeof payload.relativeUrl === "string" && payload.relativeUrl
+                ? new URL(payload.relativeUrl, window.location.href).href
+                : (typeof payload.url === "string" ? payload.url : "");
+              const openedStudio = navigateExportStudioWindow(studioPopup, targetUrl);
+              if (!openedStudio) closeExportStudioWindow(studioPopup);
+              if (writeError) {
+                setStatus(openedStudio
+                  ? "Opened exported HTML in Studio as an unsaved copy; could not write project file: " + writeError
+                  : "Exported HTML for Studio, but the popup was blocked and the project file could not be written: " + writeError,
+                  "warning");
+              } else if (exportWarning) {
+                setStatus(openedStudio
+                  ? "Opened exported HTML in Studio with warning: " + exportWarning
+                  : "Exported HTML for Studio, but the popup was blocked. Warning: " + exportWarning,
+                  "warning");
+              } else {
+                setStatus(openedStudio
+                  ? "Opened exported HTML in Studio: " + (exportPath || downloadName)
+                  : (targetUrl ? "Exported HTML for Studio: " + targetUrl : "Exported HTML, but Studio did not receive an editor URL."),
+                  openedStudio ? "success" : "warning");
+              }
+              return;
+            }
+
             if (openedExternal) {
               if (writeError) {
                 setStatus("Opened HTML in default browser, but could not write project file: " + writeError, "warning");
@@ -8262,6 +8395,7 @@
             return;
           }
 
+          closeExportStudioWindow(studioPopup);
           const exportWarning = String(response.headers.get("x-pi-studio-export-warning") || "").trim();
           const blob = await response.blob();
           const headerFilename = parseContentDispositionFilename(response.headers.get("content-disposition"));
@@ -8288,6 +8422,7 @@
             setStatus("Exported HTML: " + downloadName, "success");
           }
         } catch (error) {
+          closeExportStudioWindow(studioPopup);
           const detail = error && error.message ? error.message : String(error || "unknown error");
           setStatus("HTML export failed: " + detail, "error");
         } finally {
@@ -8318,10 +8453,16 @@
 
       function exportRightPaneFormat(format) {
         closeExportPreviewMenu();
-        if (format === "html") {
-          return exportRightPaneHtml();
+        if (format === "html-studio") {
+          return exportRightPaneHtml({ openTarget: "studio" });
+        }
+        if (format === "html" || format === "html-browser") {
+          return exportRightPaneHtml({ openTarget: "browser" });
+        }
+        if (format === "pdf-studio") {
+          return exportRightPanePdf({ openTarget: "studio" });
         }
-        return exportRightPanePdf();
+        return exportRightPanePdf({ openTarget: "default" });
       }
 
       function normalizeCopyableBlockText(text) {
@@ -9611,28 +9752,40 @@
           } 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 or HTML and export the Studio REPL record.";
+            exportPdfBtn.title = "Choose PDF export or an HTML export destination for the Studio REPL record.";
           } else {
-            exportPdfBtn.title = "Choose PDF or HTML and export the current right-pane preview.";
+            exportPdfBtn.title = "Choose PDF export or an HTML export destination for the current right-pane preview.";
           }
         }
+        if (exportPreviewPdfStudioBtn) {
+          exportPreviewPdfStudioBtn.disabled = uiBusy || previewExportInProgress || !canExportPreview || isHtmlArtifactPreview;
+          exportPreviewPdfStudioBtn.title = isHtmlArtifactPreview
+            ? "Interactive HTML preview PDF export is not available yet."
+            : (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.");
+        }
         if (exportPreviewPdfBtn) {
           exportPreviewPdfBtn.disabled = uiBusy || previewExportInProgress || !canExportPreview || isHtmlArtifactPreview;
           exportPreviewPdfBtn.title = isHtmlArtifactPreview
             ? "Interactive HTML preview PDF export is not available yet."
-            : (exportingReplJournal ? "Export the Studio REPL record as PDF." : "Export the current right-pane preview as PDF.");
+            : (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.");
+        }
+        if (exportPreviewHtmlStudioBtn) {
+          exportPreviewHtmlStudioBtn.disabled = uiBusy || previewExportInProgress || !canExportPreview;
+          exportPreviewHtmlStudioBtn.title = isHtmlArtifactPreview
+            ? "Export the authored HTML preview 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.");
         }
         if (exportPreviewHtmlBtn) {
           exportPreviewHtmlBtn.disabled = uiBusy || previewExportInProgress || !canExportPreview;
           exportPreviewHtmlBtn.title = isHtmlArtifactPreview
-            ? "Export the authored HTML preview."
-            : (exportingReplJournal ? "Export the Studio REPL record as standalone HTML." : "Export the current right-pane preview as standalone HTML.");
+            ? "Export the authored HTML preview 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.");
         }
         if (exportPreviewControlsEl) {
           exportPreviewControlsEl.title = canExportPreview
             ? (exportingReplJournal
-              ? "Choose a format and export the Studio REPL record."
-              : (isHtmlArtifactPreview ? "Export this HTML preview." : "Choose a format and export the current right-pane preview."))
+              ? "Choose a format and export destination for the Studio REPL record."
+              : (isHtmlArtifactPreview ? "Export this HTML preview to Studio or browser." : "Choose a format and export destination for the current right-pane preview."))
             : (exportingReplJournal ? "No Studio REPL record entries to export for this session yet." : "Switch right pane to a non-empty preview before exporting.");
         }
         if (!canExportPreview || previewExportInProgress) {
@@ -12823,6 +12976,110 @@
         return describeStudioDocument(sourceState);
       }
 
+      function formatScratchpadRecentTime(timestamp) {
+        const value = Number(timestamp) || 0;
+        if (!value) return "unknown time";
+        try {
+          return new Date(value).toLocaleString([], { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
+        } catch {
+          return "unknown time";
+        }
+      }
+
+      function renderScratchpadRecentPanel() {
+        if (!scratchpadRecentPanelEl) return;
+        scratchpadRecentPanelEl.hidden = !scratchpadRecentVisible;
+        if (!scratchpadRecentVisible) return;
+        if (scratchpadRecentLoading) {
+          scratchpadRecentPanelEl.innerHTML = "<div class='scratchpad-recent-loading'>Loading recent scratchpads…</div>";
+          return;
+        }
+        const currentKey = getCurrentStudioDocumentDescriptor().key;
+        const entries = Array.isArray(scratchpadRecentEntries) ? scratchpadRecentEntries : [];
+        if (!entries.length) {
+          scratchpadRecentPanelEl.innerHTML = "<div class='scratchpad-recent-empty'>No other saved scratchpads yet.</div>";
+          return;
+        }
+        scratchpadRecentPanelEl.innerHTML = "<div class='scratchpad-recent-list'>" + entries.map((entry) => {
+          const key = String(entry && entry.documentKey ? entry.documentKey : "");
+          const isCurrent = key === currentKey;
+          const label = String(entry && entry.label ? entry.label : key || "scratchpad");
+          const kind = String(entry && entry.kind ? entry.kind : "Scratchpad");
+          const textLength = Math.max(0, Number(entry && entry.textLength) || 0);
+          const preview = String(entry && entry.textPreview ? entry.textPreview : "");
+          const meta = (isCurrent ? "Current · " : "") + kind + " · " + String(textLength) + " chars · " + formatScratchpadRecentTime(entry && entry.updatedAt);
+          return "<div class='scratchpad-recent-item' data-scratchpad-key='" + escapeHtml(key) + "'>"
+            + "<div class='scratchpad-recent-main'>"
+            + "<div class='scratchpad-recent-title' title='" + escapeHtml(label) + "'>" + escapeHtml(label) + "</div>"
+            + "<div class='scratchpad-recent-meta'>" + escapeHtml(meta) + "</div>"
+            + (preview ? "<div class='scratchpad-recent-preview'>" + escapeHtml(preview) + "</div>" : "")
+            + "</div>"
+            + "<div class='scratchpad-recent-actions'>"
+            + "<button type='button' data-scratchpad-recent-action='load' data-scratchpad-key='" + escapeHtml(key) + "'" + (isCurrent ? " disabled" : "") + ">Load</button>"
+            + "<button type='button' data-scratchpad-recent-action='append' data-scratchpad-key='" + escapeHtml(key) + "'" + (isCurrent ? " disabled" : "") + ">Append</button>"
+            + "<button type='button' data-scratchpad-recent-action='copy' data-scratchpad-key='" + escapeHtml(key) + "'>Copy</button>"
+            + "</div>"
+            + "</div>";
+        }).join("") + "</div>";
+      }
+
+      async function loadScratchpadRecentEntries() {
+        scratchpadRecentLoading = true;
+        renderScratchpadRecentPanel();
+        try {
+          const payload = await fetchStudioJson("/scratchpad-state", { query: { action: "recent", limit: "20" } });
+          scratchpadRecentEntries = Array.isArray(payload && payload.scratchpads) ? payload.scratchpads : [];
+        } catch (error) {
+          scratchpadRecentEntries = [];
+          setStatus("Could not load recent scratchpads: " + (error && error.message ? error.message : String(error || "unknown error")), "warning");
+        } finally {
+          scratchpadRecentLoading = false;
+          renderScratchpadRecentPanel();
+        }
+      }
+
+      function toggleScratchpadRecentPanel() {
+        scratchpadRecentVisible = !scratchpadRecentVisible;
+        if (scratchpadRecentVisible) {
+          void loadScratchpadRecentEntries();
+        } else {
+          renderScratchpadRecentPanel();
+        }
+        updateScratchpadUi();
+      }
+
+      async function applyScratchpadRecentAction(action, documentKey) {
+        const key = String(documentKey || "").trim();
+        if (!key) return;
+        const mode = action === "append" ? "append" : (action === "copy" ? "copy" : "load");
+        try {
+          const text = await fetchScratchpadTextForDocumentKey(key);
+          if (!String(text || "").trim()) {
+            setStatus("That scratchpad is empty.", "warning");
+            return;
+          }
+          if (mode === "copy") {
+            const ok = await writeTextToClipboard(text);
+            setStatus(ok ? "Copied recent scratchpad." : "Could not copy recent scratchpad.", ok ? "success" : "warning");
+            return;
+          }
+          if (mode === "append") {
+            const separator = scratchpadText && !scratchpadText.endsWith("\n") ? "\n\n" : (scratchpadText ? "\n" : "");
+            setScratchpadText(String(scratchpadText || "") + separator + String(text || ""));
+            setStatus("Appended recent scratchpad.", "success");
+            return;
+          }
+          if (String(scratchpadText || "").trim() && String(scratchpadText || "") !== String(text || "")) {
+            const confirmed = window.confirm("Replace the current scratchpad with this recent scratchpad? Current scratchpad text will remain saved under its current document/draft identity, but this panel will show the loaded text for the current document.");
+            if (!confirmed) return;
+          }
+          setScratchpadText(text);
+          setStatus("Loaded recent scratchpad into current scratchpad.", "success");
+        } catch (error) {
+          setStatus("Could not use recent scratchpad: " + (error && error.message ? error.message : String(error || "unknown error")), "warning");
+        }
+      }
+
       async function fetchScratchpadTextForDocumentKey(documentKey) {
         const payload = await fetchStudioJson("/scratchpad-state", {
           query: { documentKey: documentKey },
@@ -12830,9 +13087,9 @@
         return payload && typeof payload.text === "string" ? payload.text : "";
       }
 
-      function flushScratchpadPersistence(documentKeyOverride, textOverride) {
+      function flushScratchpadPersistence(documentKeyOverride, textOverride, labelOverride) {
         const descriptor = documentKeyOverride
-          ? { key: String(documentKeyOverride || "").trim() }
+          ? { key: String(documentKeyOverride || "").trim(), label: String(labelOverride || "").trim() }
           : getCurrentStudioDocumentDescriptor();
         const key = String(descriptor && descriptor.key ? descriptor.key : "").trim();
         if (!key) return;
@@ -12841,27 +13098,29 @@
           scratchpadPersistTimer = null;
         }
         const snapshot = String(arguments.length >= 2 ? textOverride : scratchpadText || "");
-        if (trySendStudioJsonBeacon("/scratchpad-state", { documentKey: key, text: snapshot })) {
+        const label = String(descriptor && descriptor.label ? descriptor.label : "").trim();
+        if (trySendStudioJsonBeacon("/scratchpad-state", { documentKey: key, text: snapshot, label })) {
           return;
         }
         void fetchStudioJson("/scratchpad-state", {
           method: "POST",
-          body: JSON.stringify({ documentKey: key, text: snapshot }),
+          body: JSON.stringify({ documentKey: key, text: snapshot, label }),
         }).catch(() => {
           // Ignore scratchpad persistence failures for now.
         });
       }
 
-      function scheduleScratchpadPersistence(text, documentKey) {
+      function scheduleScratchpadPersistence(text, documentKey, label) {
         if (scratchpadPersistTimer !== null) {
           window.clearTimeout(scratchpadPersistTimer);
         }
         const snapshot = String(text || "");
         const key = String(documentKey || "").trim();
+        const labelSnapshot = String(label || "").trim();
         if (!key) return;
         scratchpadPersistTimer = window.setTimeout(() => {
           scratchpadPersistTimer = null;
-          flushScratchpadPersistence(key, snapshot);
+          flushScratchpadPersistence(key, snapshot, labelSnapshot);
         }, 180);
       }
 
@@ -12893,7 +13152,7 @@
           if (String(existing || "").trim()) return;
           await fetchStudioJson("/scratchpad-state", {
             method: "POST",
-            body: JSON.stringify({ documentKey: nextDescriptor.key, text: snapshot }),
+            body: JSON.stringify({ documentKey: nextDescriptor.key, text: snapshot, label: nextDescriptor.label }),
           });
         } catch {
           // Ignore carry-over failures and just fall back to normal scope loading.
@@ -12914,7 +13173,7 @@
 
       function persistScratchpadText(value) {
         const descriptor = getCurrentStudioDocumentDescriptor();
-        scheduleScratchpadPersistence(value, descriptor.key);
+        scheduleScratchpadPersistence(value, descriptor.key, descriptor.label);
       }
 
       function normalizeReviewNoteAnchorKind(value) {
@@ -17111,6 +17370,10 @@
             ? ("Saved locally for this document/draft · " + normalized.length + " chars")
             : "Empty · local to this document/draft";
         }
+        if (scratchpadRecentBtn) {
+          scratchpadRecentBtn.textContent = scratchpadRecentVisible ? "Hide recent" : "Recent…";
+          scratchpadRecentBtn.setAttribute("aria-expanded", scratchpadRecentVisible ? "true" : "false");
+        }
         if (scratchpadInsertBtn) scratchpadInsertBtn.disabled = !hasContent;
         if (scratchpadCopyBtn) scratchpadCopyBtn.disabled = !hasContent;
         if (scratchpadClearBtn) scratchpadClearBtn.disabled = !normalized.length;
@@ -19100,7 +19363,7 @@
           event.stopPropagation();
           if (actionBtn.disabled) return;
           const format = String(actionBtn.getAttribute("data-export-preview-format") || "pdf").toLowerCase();
-          void exportRightPaneFormat(format === "html" ? "html" : "pdf");
+          void exportRightPaneFormat(format);
         });
       }
 
@@ -19651,6 +19914,24 @@
         });
       }
 
+      if (scratchpadRecentBtn) {
+        scratchpadRecentBtn.addEventListener("click", () => {
+          toggleScratchpadRecentPanel();
+        });
+      }
+
+      if (scratchpadRecentPanelEl) {
+        scratchpadRecentPanelEl.addEventListener("click", (event) => {
+          const target = event.target;
+          const actionEl = target instanceof Element ? target.closest("[data-scratchpad-recent-action]") : null;
+          if (!actionEl) return;
+          event.preventDefault();
+          const action = String(actionEl.getAttribute("data-scratchpad-recent-action") || "load");
+          const key = String(actionEl.getAttribute("data-scratchpad-key") || "");
+          void applyScratchpadRecentAction(action, key);
+        });
+      }
+
       if (scratchpadInsertBtn) {
         scratchpadInsertBtn.addEventListener("click", () => {
           insertScratchpadIntoEditor();

package/client/studio.css

@@ -4068,6 +4068,79 @@
       display: none !important;
     }
 
+    .scratchpad-recent-panel {
+      flex: 0 0 auto;
+      max-height: 260px;
+      overflow: auto;
+      border-bottom: 1px solid var(--panel-border);
+      background: var(--scratchpad-body-bg, var(--panel));
+      padding: 10px 12px;
+    }
+
+    .scratchpad-recent-panel[hidden] {
+      display: none !important;
+    }
+
+    .scratchpad-recent-empty,
+    .scratchpad-recent-loading {
+      color: var(--studio-info-text, var(--muted));
+      font-size: 12px;
+      padding: 8px 6px;
+    }
+
+    .scratchpad-recent-list {
+      display: grid;
+      gap: 8px;
+    }
+
+    .scratchpad-recent-item {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: 8px 12px;
+      align-items: start;
+      padding: 9px 10px;
+      border: 1px solid var(--border-subtle);
+      border-radius: 10px;
+      background: var(--panel-2);
+    }
+
+    .scratchpad-recent-main {
+      min-width: 0;
+    }
+
+    .scratchpad-recent-title {
+      font-size: 12px;
+      font-weight: 650;
+      color: var(--text);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .scratchpad-recent-meta,
+    .scratchpad-recent-preview {
+      font-size: 11px;
+      color: var(--studio-info-text, var(--muted));
+      line-height: 1.35;
+    }
+
+    .scratchpad-recent-preview {
+      margin-top: 3px;
+    }
+
+    .scratchpad-recent-actions {
+      display: inline-flex;
+      gap: 6px;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+    }
+
+    .scratchpad-recent-actions button {
+      padding: 4px 7px;
+      font-size: 11px;
+      line-height: 1.1;
+    }
+
     .scratchpad-textarea {
       width: 100%;
       min-height: 280px;

package/index.ts

@@ -22,6 +22,7 @@ import {
 	transformStudioMarkdownOutsideFences,
 } from "./shared/studio-annotation-scanner.js";
 import { stripStudioMarkdownHtmlComments } from "./shared/studio-markdown-html-comments.js";
+import { normalizeStudioMarkdownSmartFences } from "./shared/studio-markdown-fences.js";
 import {
 	extractStandaloneLatexDefinitionsFromMarkdown,
 	preserveLiteralLatexCommandsInMarkdown,
@@ -229,9 +230,15 @@ interface PersistedStudioReviewNote {
 	htmlPreviewTitle?: string;
 }
 
+interface PersistedStudioScratchpadMetadata {
+	label?: string;
+	updatedAt?: number;
+}
+
 interface StudioPersistentState {
 	version: 2;
 	scratchpadsByDocument: Record<string, string>;
+	scratchpadMetadataByDocument: Record<string, PersistedStudioScratchpadMetadata>;
 	reviewNotesByDocument: Record<string, PersistedStudioReviewNote[]>;
 }
 
@@ -728,6 +735,7 @@ function createEmptyStudioPersistentState(): StudioPersistentState {
 	return {
 		version: 2,
 		scratchpadsByDocument: {},
+		scratchpadMetadataByDocument: {},
 		reviewNotesByDocument: {},
 	};
 }
@@ -784,6 +792,7 @@ function normalizeStudioPersistentState(value: unknown): StudioPersistentState {
 	const candidate = value as Partial<StudioPersistentState> & {
 		reviewNotesByDocument?: unknown;
 		scratchpadsByDocument?: unknown;
+		scratchpadMetadataByDocument?: unknown;
 		scratchpadText?: unknown;
 	};
 	const reviewNotesByDocument: Record<string, PersistedStudioReviewNote[]> = {};
@@ -807,9 +816,21 @@ function normalizeStudioPersistentState(value: unknown): StudioPersistentState {
 	} else if (typeof candidate.scratchpadText === "string" && candidate.scratchpadText.length > 0) {
 		scratchpadsByDocument[STUDIO_DEFAULT_SCRATCHPAD_DOCUMENT_KEY] = candidate.scratchpadText;
 	}
+	const scratchpadMetadataByDocument: Record<string, PersistedStudioScratchpadMetadata> = {};
+	if (candidate.scratchpadMetadataByDocument && typeof candidate.scratchpadMetadataByDocument === "object") {
+		for (const [documentKey, rawMeta] of Object.entries(candidate.scratchpadMetadataByDocument as Record<string, unknown>)) {
+			if (typeof documentKey !== "string" || !documentKey.trim() || !rawMeta || typeof rawMeta !== "object") continue;
+			const meta = rawMeta as { label?: unknown; updatedAt?: unknown };
+			scratchpadMetadataByDocument[documentKey] = {
+				label: typeof meta.label === "string" ? meta.label : undefined,
+				updatedAt: typeof meta.updatedAt === "number" && Number.isFinite(meta.updatedAt) ? meta.updatedAt : undefined,
+			};
+		}
+	}
 	return {
 		version: 2,
 		scratchpadsByDocument,
+		scratchpadMetadataByDocument,
 		reviewNotesByDocument,
 	};
 }
@@ -852,16 +873,50 @@ async function readPersistedStudioScratchpadText(documentKey: string): Promise<s
 	return typeof value === "string" ? value : "";
 }
 
-async function writePersistedStudioScratchpadText(documentKey: string, text: string): Promise<void> {
+function describePersistedScratchpadKey(documentKey: string): { label: string; kind: string } {
+	const key = String(documentKey || "").trim();
+	if (key.startsWith("file:")) return { label: key.slice(5) || "file", kind: "File" };
+	if (key.startsWith("draft:")) return { label: key.slice(6) || "draft", kind: "Draft" };
+	if (key.startsWith("doc:")) return { label: key.slice(4).replace(/^blank:/, "") || "document", kind: "Document" };
+	return { label: key || "scratchpad", kind: "Scratchpad" };
+}
+
+function summarizeScratchpadText(text: string): string {
+	const normalized = String(text || "").replace(/\s+/g, " ").trim();
+	return normalized.length > 160 ? `${normalized.slice(0, 157)}…` : normalized;
+}
+
+async function listRecentPersistedStudioScratchpads(limit = 20): Promise<Array<{ documentKey: string; label: string; kind: string; updatedAt: number; textPreview: string; textLength: number }>> {
+	const state = await loadStudioPersistentState();
+	return Object.entries(state.scratchpadsByDocument)
+		.filter((entry): entry is [string, string] => typeof entry[0] === "string" && typeof entry[1] === "string" && entry[1].trim().length > 0)
+		.map(([documentKey, text]) => {
+			const fallback = describePersistedScratchpadKey(documentKey);
+			const meta = state.scratchpadMetadataByDocument[documentKey] ?? {};
+			const label = typeof meta.label === "string" && meta.label.trim() ? meta.label.trim() : fallback.label;
+			const updatedAt = typeof meta.updatedAt === "number" && Number.isFinite(meta.updatedAt) ? meta.updatedAt : 0;
+			return { documentKey, label, kind: fallback.kind, updatedAt, textPreview: summarizeScratchpadText(text), textLength: text.length };
+		})
+		.sort((left, right) => (right.updatedAt - left.updatedAt) || left.label.localeCompare(right.label) || left.documentKey.localeCompare(right.documentKey))
+		.slice(0, Math.max(1, Math.min(100, Math.floor(limit) || 20)));
+}
+
+async function writePersistedStudioScratchpadText(documentKey: string, text: string, label?: string): Promise<void> {
 	const key = String(documentKey ?? "").trim();
 	if (!key) return;
 	await mutateStudioPersistentState((state) => {
 		const normalized = String(text ?? "");
 		if (normalized.length === 0) {
 			delete state.scratchpadsByDocument[key];
+			delete state.scratchpadMetadataByDocument[key];
 			return;
 		}
 		state.scratchpadsByDocument[key] = normalized;
+		state.scratchpadMetadataByDocument[key] = {
+			...(state.scratchpadMetadataByDocument[key] ?? {}),
+			label: typeof label === "string" && label.trim() ? label.trim() : state.scratchpadMetadataByDocument[key]?.label,
+			updatedAt: Date.now(),
+		};
 	});
 }
 
@@ -4582,7 +4637,8 @@ function hasStudioYamlHeaderIncludes(markdown: string): boolean {
 function prepareStudioMarkdownForPandoc(markdown: string, options?: { preserveLiteralLatexCommands?: boolean }): string {
 	const shouldPreserveLiteralLatexCommands = options?.preserveLiteralLatexCommands !== false;
 	return mapStudioMarkdownBodyPreservingYamlFrontMatter(markdown, (body) => {
-		const normalizedMath = normalizeMathDelimiters(body);
+		const normalizedFences = normalizeStudioMarkdownSmartFences(body);
+		const normalizedMath = normalizeMathDelimiters(normalizedFences);
 		const latexReady = shouldPreserveLiteralLatexCommands
 			? preserveLiteralLatexCommandsInMarkdown(normalizedMath)
 			: normalizedMath;
@@ -5432,9 +5488,10 @@ function prepareStudioPdfMarkdown(markdown: string, isLatex?: boolean, editorLan
 		&& !isStudioSingleFencedCodeBlock(input)
 		? wrapStudioCodeAsMarkdown(input, effectiveEditorLanguage)
 		: input;
+	const fenceNormalizedSource = effectiveEditorLanguage === "latex" ? source : normalizeStudioMarkdownSmartFences(source);
 	const annotationReadySource = !effectiveEditorLanguage || effectiveEditorLanguage === "markdown" || effectiveEditorLanguage === "latex"
-		? replaceStudioAnnotationMarkersForPdf(source)
-		: source;
+		? replaceStudioAnnotationMarkersForPdf(fenceNormalizedSource)
+		: fenceNormalizedSource;
 	const commentStrippedSource = stripStudioMarkdownHtmlCommentsPreservingYamlFrontMatter(annotationReadySource);
 	return prepareStudioMarkdownForPandoc(commentStrippedSource, {
 		preserveLiteralLatexCommands: !hasStudioYamlHeaderIncludes(annotationReadySource),
@@ -5733,7 +5790,8 @@ function decorateStudioPandocSyntaxHtml(html: string): string {
 
 async function renderStudioMarkdownWithPandoc(markdown: string, isLatex?: boolean, resourcePath?: string, sourcePath?: string): Promise<string> {
 	const pandocCommand = process.env.PANDOC_PATH?.trim() || "pandoc";
-	const markdownWithoutHtmlComments = isLatex ? markdown : stripStudioMarkdownHtmlCommentsPreservingYamlFrontMatter(markdown);
+	const markdownWithNormalizedFences = isLatex ? markdown : normalizeStudioMarkdownSmartFences(markdown);
+	const markdownWithoutHtmlComments = isLatex ? markdownWithNormalizedFences : stripStudioMarkdownHtmlCommentsPreservingYamlFrontMatter(markdownWithNormalizedFences);
 	const markdownWithPreviewPageBreaks = isLatex ? markdownWithoutHtmlComments : replaceStudioPreviewPageBreakCommands(markdownWithoutHtmlComments);
 	const latexSubfigurePreviewTransform = isLatex
 		? preprocessStudioLatexSubfiguresForPreview(markdownWithPreviewPageBreaks)
@@ -10101,8 +10159,10 @@ ${cssVarsBlock}
           <span id="exportPreviewControls" class="export-preview-controls">
             <button id="exportPdfBtn" class="export-preview-trigger" type="button" aria-haspopup="menu" aria-expanded="false" title="Choose a format and export the current right-pane preview.">Export right preview</button>
             <div id="exportPreviewMenu" class="export-preview-menu" role="menu" hidden>
-              <button id="exportPreviewPdfBtn" type="button" role="menuitem" data-export-preview-format="pdf">Export as PDF</button>
-              <button id="exportPreviewHtmlBtn" type="button" role="menuitem" data-export-preview-format="html">Export as HTML</button>
+              <button id="exportPreviewPdfStudioBtn" type="button" role="menuitem" data-export-preview-format="pdf-studio">Export PDF and Open in Studio preview tab</button>
+              <button id="exportPreviewPdfBtn" type="button" role="menuitem" data-export-preview-format="pdf-default">Export PDF and Open in default PDF viewer</button>
+              <button id="exportPreviewHtmlStudioBtn" type="button" role="menuitem" data-export-preview-format="html-studio">Export HTML and Open in Studio editor</button>
+              <button id="exportPreviewHtmlBtn" type="button" role="menuitem" data-export-preview-format="html-browser">Export HTML and Open in browser</button>
             </div>
           </span>
         </div>
@@ -10227,14 +10287,16 @@ ${cssVarsBlock}
       <div class="scratchpad-header">
         <div>
           <h2 id="scratchpadTitle">Scratchpad</h2>
-          <p class="scratchpad-description">Local persistent notes for thoughts you want to park while working on the current Studio document or draft. Closing the scratchpad does not clear it: notes persist locally for this document identity until you edit or clear them. File-backed documents reliably come back across Pi restarts; unsaved drafts stay with their own draft instance until you save them or discard them. Scratchpad text is not run, critiqued, sent, or exported unless you explicitly insert it into the editor.</p>
+          <p class="scratchpad-description">Local persistent notes for thoughts you want to park while working on the current Studio document or draft. Closing the scratchpad does not clear it: notes persist locally for this document identity until you edit or clear them. File-backed documents reliably come back across Pi restarts; unsaved drafts stay with their own draft instance until you save them or discard them. Use Recent… to recover scratchpads from other draft identities after a Studio/Pi restart. Scratchpad text is not run, critiqued, sent, or exported unless you explicitly insert it into the editor.</p>
         </div>
         <button id="scratchpadCloseBtn" type="button" class="scratchpad-close-btn" aria-label="Keep current scratchpad text and close scratchpad" title="Keep current scratchpad text and close scratchpad">✕</button>
       </div>
+      <div id="scratchpadRecentPanel" class="scratchpad-recent-panel" hidden></div>
       <textarea id="scratchpadText" class="scratchpad-textarea" placeholder="Jot quick thoughts, TODOs, or prompt ideas here..."></textarea>
       <div class="scratchpad-footer">
         <span id="scratchpadMeta" class="scratchpad-meta">Empty · local only</span>
         <div class="scratchpad-actions">
+          <button id="scratchpadRecentBtn" type="button" title="Show recent non-empty scratchpads saved for other files and drafts.">Recent…</button>
           <button id="scratchpadInsertBtn" type="button" title="Insert the scratchpad text into the editor at the current selection, or append it if no editor selection is available.">Insert into editor</button>
           <button id="scratchpadCopyBtn" type="button" title="Copy scratchpad text to the clipboard.">Copy</button>
           <button id="scratchpadClearBtn" type="button" title="Clear scratchpad text.">Clear</button>
@@ -12607,6 +12669,12 @@ export default function (pi: ExtensionAPI) {
 	const handleScratchpadStateRequest = async (req: IncomingMessage, res: ServerResponse, requestUrl: URL) => {
 		const method = (req.method ?? "GET").toUpperCase();
 		if (method === "GET") {
+			const action = (requestUrl.searchParams.get("action") ?? "").trim().toLowerCase();
+			if (action === "recent") {
+				const limit = Number.parseInt(requestUrl.searchParams.get("limit") ?? "20", 10);
+				respondJson(res, 200, { ok: true, scratchpads: await listRecentPersistedStudioScratchpads(limit) });
+				return;
+			}
 			const documentKey = (requestUrl.searchParams.get("documentKey") ?? "").trim();
 			if (!documentKey) {
 				respondJson(res, 400, { ok: false, error: "Missing documentKey query parameter." });
@@ -12656,8 +12724,12 @@ export default function (pi: ExtensionAPI) {
 			respondJson(res, 400, { ok: false, error: "Missing scratchpad text in request body." });
 			return;
 		}
+		const label =
+			parsedBody && typeof parsedBody === "object" && typeof (parsedBody as { label?: unknown }).label === "string"
+				? (parsedBody as { label: string }).label
+				: undefined;
 
-		await writePersistedStudioScratchpadText(documentKey, text);
+		await writePersistedStudioScratchpadText(documentKey, text, label);
 		respondJson(res, 200, { ok: true });
 	};
 
@@ -12966,6 +13038,11 @@ export default function (pi: ExtensionAPI) {
 			parsedBody && typeof parsedBody === "object" && typeof (parsedBody as { editorPdfLanguage?: unknown }).editorPdfLanguage === "string"
 				? (parsedBody as { editorPdfLanguage: string }).editorPdfLanguage
 				: "";
+		const requestedOpenTarget =
+			parsedBody && typeof parsedBody === "object" && typeof (parsedBody as { openTarget?: unknown }).openTarget === "string"
+				? (parsedBody as { openTarget: string }).openTarget.trim().toLowerCase()
+				: "default";
+		const openTarget = requestedOpenTarget === "studio" ? "studio" : "default";
 		const editorPdfLanguage = inferStudioPdfLanguage(markdown, requestedEditorPdfLanguage);
 		const isLatex = editorPdfLanguage === "latex"
 			|| (
@@ -12979,17 +13056,48 @@ export default function (pi: ExtensionAPI) {
 			const writeResult = writeStudioPreviewExportFile(buildStudioPreviewExportPath(sourcePath || undefined, userResourceDir || undefined, studioCwd, filename), pdf);
 			const exportId = storePreparedPdfExport(pdf, filename, warning, writeResult.filePath ?? undefined);
 			const token = serverState?.token ?? "";
+			if (openTarget === "studio" && serverState && writeResult.filePath) {
+				const exportedPath = writeResult.filePath;
+				const title = sanitizeStudioPreviewBlockLine(filename || basename(exportedPath) || "PDF preview");
+				const document: InitialStudioDocument = {
+					text: "```studio-pdf\n"
+						+ `path: ${sanitizeStudioPreviewBlockLine(basename(exportedPath))}\n`
+						+ `title: ${title || "PDF preview"}\n`
+						+ "height: 820\n"
+						+ "```\n",
+					label: `${filename || basename(exportedPath) || "PDF"} preview`,
+					source: "blank",
+					resourceDir: dirname(exportedPath),
+				};
+				const docId = storeTransientStudioDocument(document);
+				const url = buildStudioUrl(serverState.port, serverState.token, "editor-only", document, docId);
+				const parsedUrl = new URL(url);
+				respondJson(res, 200, {
+					ok: true,
+					filename,
+					path: writeResult.filePath,
+					writeError: writeResult.error,
+					warning: warning ?? null,
+					openedStudio: true,
+					url,
+					relativeUrl: `${parsedUrl.pathname}${parsedUrl.search}`,
+					downloadUrl: `/export-pdf?token=${encodeURIComponent(token)}&id=${encodeURIComponent(exportId)}`,
+				});
+				return;
+			}
 			let openedExternal = false;
 			let openError: string | null = null;
-			try {
-				const prepared = await ensurePreparedPdfExportFile(exportId);
-				if (!prepared?.filePath) {
-					throw new Error("Prepared PDF file was not available for external open.");
+			if (openTarget !== "studio") {
+				try {
+					const prepared = await ensurePreparedPdfExportFile(exportId);
+					if (!prepared?.filePath) {
+						throw new Error("Prepared PDF file was not available for external open.");
+					}
+					await openPathInDefaultViewer(prepared.filePath);
+					openedExternal = true;
+				} catch (viewerError) {
+					openError = viewerError instanceof Error ? viewerError.message : String(viewerError);
 				}
-				await openPathInDefaultViewer(prepared.filePath);
-				openedExternal = true;
-			} catch (viewerError) {
-				openError = viewerError instanceof Error ? viewerError.message : String(viewerError);
 			}
 			respondJson(res, 200, {
 				ok: true,
@@ -13068,6 +13176,11 @@ export default function (pi: ExtensionAPI) {
 			parsedBody && typeof parsedBody === "object" && typeof (parsedBody as { editorHtmlLanguage?: unknown }).editorHtmlLanguage === "string"
 				? (parsedBody as { editorHtmlLanguage: string }).editorHtmlLanguage
 				: "";
+		const requestedOpenTarget =
+			parsedBody && typeof parsedBody === "object" && typeof (parsedBody as { openTarget?: unknown }).openTarget === "string"
+				? (parsedBody as { openTarget: string }).openTarget.trim().toLowerCase()
+				: "browser";
+		const openTarget = requestedOpenTarget === "studio" ? "studio" : "browser";
 		const editorHtmlLanguage = inferStudioPdfLanguage(markdown, requestedEditorHtmlLanguage);
 		const isLatex = editorHtmlLanguage === "latex"
 			|| (
@@ -13093,6 +13206,32 @@ export default function (pi: ExtensionAPI) {
 			const writeResult = writeStudioPreviewExportFile(buildStudioPreviewExportPath(sourcePath || undefined, userResourceDir || undefined, studioCwd, filename), html);
 			const exportId = storePreparedHtmlExport(html, filename, warning, writeResult.filePath ?? undefined);
 			const token = serverState?.token ?? "";
+			if (openTarget === "studio" && serverState) {
+				const exportedPath = writeResult.filePath ?? "";
+				const document: InitialStudioDocument = {
+					text: html.toString("utf-8"),
+					label: filename,
+					source: exportedPath ? "file" : "blank",
+					path: exportedPath || undefined,
+					resourceDir: exportedPath ? dirname(exportedPath) : (userResourceDir || resourcePath || studioCwd),
+					draftId: exportedPath ? undefined : createStudioDraftId(),
+				};
+				const docId = storeTransientStudioDocument(document);
+				const url = buildStudioUrl(serverState.port, serverState.token, "editor-only", document, docId);
+				const parsedUrl = new URL(url);
+				respondJson(res, 200, {
+					ok: true,
+					filename,
+					path: writeResult.filePath,
+					writeError: writeResult.error,
+					warning: warning ?? null,
+					openedStudio: true,
+					url,
+					relativeUrl: `${parsedUrl.pathname}${parsedUrl.search}`,
+					downloadUrl: `/export-html?token=${encodeURIComponent(token)}&id=${encodeURIComponent(exportId)}`,
+				});
+				return;
+			}
 			let openedExternal = false;
 			let openError: string | null = null;
 			try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-studio",
-  "version": "0.9.20",
+  "version": "0.9.21",
   "description": "Two-pane browser workspace for pi with prompt/response editing, annotations, critiques, active quiz, prompt/response history, live previews, and tmux-backed REPL/literate REPL workflows",
   "type": "module",
   "license": "MIT",

package/shared/studio-markdown-fences.js

@@ -0,0 +1,22 @@
+const SMART_MARKDOWN_FENCE_CHARS = "`´‘’‚‛“”„‟′‵";
+const SMART_MARKDOWN_FENCE_RE = new RegExp(`^([ \\t]{0,3})([${SMART_MARKDOWN_FENCE_CHARS.replace(/[\\\]^-]/g, "\\$&")}]{3,})([^${SMART_MARKDOWN_FENCE_CHARS.replace(/[\\\]^-]/g, "\\$&")}\\r\\n]*)$`);
+
+function normalizeSmartFenceRun(run) {
+  return "`".repeat(Math.max(3, Array.from(String(run || "")).length));
+}
+
+export function normalizeStudioMarkdownSmartFences(markdown) {
+  return String(markdown ?? "")
+    .replace(/\r\n/g, "\n")
+    .split("\n")
+    .map((line) => {
+      const match = line.match(SMART_MARKDOWN_FENCE_RE);
+      if (!match) return line;
+      const indent = match[1] ?? "";
+      const run = match[2] ?? "";
+      const suffix = match[3] ?? "";
+      if (!/[´‘’‚‛“”„‟′‵]/u.test(run)) return line;
+      return `${indent}${normalizeSmartFenceRun(run)}${suffix}`;
+    })
+    .join("\n");
+}

package/shared/studio-markdown-fences.ts

@@ -0,0 +1,22 @@
+const SMART_MARKDOWN_FENCE_CHARS = "`´‘’‚‛“”„‟′‵";
+const SMART_MARKDOWN_FENCE_RE = new RegExp(`^([ \\t]{0,3})([${SMART_MARKDOWN_FENCE_CHARS.replace(/[\\\]^-]/g, "\\$&")}]{3,})([^${SMART_MARKDOWN_FENCE_CHARS.replace(/[\\\]^-]/g, "\\$&")}\\r\\n]*)$`);
+
+function normalizeSmartFenceRun(run: string): string {
+	return "`".repeat(Math.max(3, Array.from(String(run || "")).length));
+}
+
+export function normalizeStudioMarkdownSmartFences(markdown: string): string {
+	return String(markdown ?? "")
+		.replace(/\r\n/g, "\n")
+		.split("\n")
+		.map((line) => {
+			const match = line.match(SMART_MARKDOWN_FENCE_RE);
+			if (!match) return line;
+			const indent = match[1] ?? "";
+			const run = match[2] ?? "";
+			const suffix = match[3] ?? "";
+			if (!/[´‘’‚‛“”„‟′‵]/u.test(run)) return line;
+			return `${indent}${normalizeSmartFenceRun(run)}${suffix}`;
+		})
+		.join("\n");
+}