pi-studio 0.5.33 → 0.5.34

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to `pi-studio` are documented here.
 
 ## [Unreleased]
 
+## [0.5.34] — 2026-03-27
+
+### Changed
+- Preview-side fenced `text`/`plaintext` blocks now soft-wrap long lines instead of forcing horizontal scrolling, while code/diff blocks keep their existing scrollable behavior.
+
+### Fixed
+- Preview annotation pills once again render inline math within long `[an: ...]` notes instead of leaving `$...$` / `\(...\)` fragments as literal text.
+
 ## [0.5.33] — 2026-03-27
 
 ### Changed

package/client/studio-client.js

@@ -1697,6 +1697,32 @@
         }
       }
 
+      async function renderAnnotationMathInElement(targetEl) {
+        if (!targetEl || typeof targetEl.querySelectorAll !== "function") return;
+
+        const markers = Array.from(targetEl.querySelectorAll(".annotation-preview-marker")).filter((node) => {
+          const text = typeof node.textContent === "string" ? node.textContent : "";
+          return /\\\(|\\\[|\$\$?|\\[A-Za-z]+/.test(text);
+        });
+        if (markers.length === 0) return;
+
+        let mathJax;
+        try {
+          mathJax = await ensureMathJax();
+        } catch (error) {
+          console.error("Annotation MathJax load failed:", error);
+          appendMathFallbackNotice(targetEl, MATHJAX_UNAVAILABLE_MESSAGE);
+          return;
+        }
+
+        try {
+          await mathJax.typesetPromise(markers);
+        } catch (error) {
+          console.error("Annotation math render failed:", error);
+          appendMathFallbackNotice(targetEl, MATHJAX_RENDER_FAIL_MESSAGE);
+        }
+      }
+
       function applyPreviewAnnotationPlaceholdersToElement(targetEl, placeholders) {
         if (!targetEl || !Array.isArray(placeholders) || placeholders.length === 0) return;
         if (typeof document.createTreeWalker !== "function") return;
@@ -2258,6 +2284,7 @@
           finishPreviewRender(targetEl);
           targetEl.innerHTML = sanitizeRenderedHtml(renderedHtml, markdown);
           applyPreviewAnnotationPlaceholdersToElement(targetEl, previewPrepared.placeholders);
+          await renderAnnotationMathInElement(targetEl);
           decoratePdfEmbeds(targetEl);
           await renderPdfPreviewsInElement(targetEl);
           const annotationMode = (pane === "source" || pane === "response")

package/client/studio.css

@@ -742,6 +742,22 @@
       color: var(--md-codeblock);
     }
 
+    .rendered-markdown pre.text,
+    .rendered-markdown pre.plaintext,
+    .rendered-markdown pre.sourceCode.txt {
+      white-space: pre-wrap;
+      overflow-x: hidden;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+    }
+
+    .rendered-markdown pre.text code,
+    .rendered-markdown pre.plaintext code,
+    .rendered-markdown pre.sourceCode.txt code,
+    .rendered-markdown pre.sourceCode.txt code > span {
+      white-space: inherit;
+    }
+
     .rendered-markdown :not(pre) > code {
       background: rgba(127, 127, 127, 0.13);
       border: 1px solid var(--md-codeblock-border);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-studio",
-  "version": "0.5.33",
+  "version": "0.5.34",
   "description": "Two-pane browser workspace for pi with prompt/response editing, annotations, critiques, prompt/response history, and live Markdown/LaTeX/code preview",
   "type": "module",
   "license": "MIT",