pi-studio 0.5.48 → 0.5.50

package/client/studio.css

@@ -920,18 +920,19 @@
       position: absolute;
       top: 0;
       right: 0;
-      z-index: 4;
+      z-index: 6;
       display: inline-flex;
       align-items: center;
       gap: 8px;
-      transform: translateY(-0.38rem);
+      transform: translateY(-0.46rem);
     }
 
     .preview-comment-summary {
       display: none !important;
     }
 
-    .preview-comment-add {
+    .preview-comment-add,
+    .preview-comment-jump {
       display: inline-flex;
       align-items: center;
       justify-content: center;
@@ -950,14 +951,17 @@
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
     }
 
-    .preview-comment-block.has-selection .preview-comment-add {
+    .preview-comment-block.has-selection .preview-comment-add,
+    .preview-comment-block.has-selection .preview-comment-jump {
       opacity: 1;
       pointer-events: auto;
       transform: translateY(0);
     }
 
     .preview-comment-add:hover,
-    .preview-comment-add:focus-visible {
+    .preview-comment-add:focus-visible,
+    .preview-comment-jump:hover,
+    .preview-comment-jump:focus-visible {
       background: var(--accent-soft-strong);
       color: var(--accent);
       border-color: var(--accent);

package/index.ts

@@ -19,6 +19,7 @@ import {
 	replaceStudioInlineAnnotationMarkers,
 	transformStudioMarkdownOutsideFences,
 } from "./shared/studio-annotation-scanner.js";
+import { stripStudioMarkdownHtmlComments } from "./shared/studio-markdown-html-comments.js";
 import { escapeStudioPdfLatexTextFragment } from "./shared/studio-pdf-escape.js";
 
 type Lens = "writing" | "code";
@@ -2893,114 +2894,6 @@ function normalizeMathDelimiters(markdown: string): string {
 	return out.join("\n");
 }
 
-function stripStudioMarkdownHtmlCommentsInSegment(markdown: string): string {
-	const source = String(markdown ?? "");
-	let out = "";
-	let i = 0;
-	let codeSpanFenceLength = 0;
-	let inHtmlComment = false;
-
-	while (i < source.length) {
-		if (inHtmlComment) {
-			if (source.startsWith("-->", i)) {
-				inHtmlComment = false;
-				i += 3;
-				continue;
-			}
-			const ch = source[i]!;
-			if (ch === "\n" || ch === "\r") out += ch;
-			i += 1;
-			continue;
-		}
-
-		if (codeSpanFenceLength > 0) {
-			const fence = "`".repeat(codeSpanFenceLength);
-			if (source.startsWith(fence, i)) {
-				out += fence;
-				i += codeSpanFenceLength;
-				codeSpanFenceLength = 0;
-				continue;
-			}
-			out += source[i]!;
-			i += 1;
-			continue;
-		}
-
-		const backtickMatch = source.slice(i).match(/^`+/);
-		if (backtickMatch) {
-			const fence = backtickMatch[0]!;
-			codeSpanFenceLength = fence.length;
-			out += fence;
-			i += fence.length;
-			continue;
-		}
-
-		if (source.startsWith("<!--", i)) {
-			inHtmlComment = true;
-			i += 4;
-			continue;
-		}
-
-		out += source[i]!;
-		i += 1;
-	}
-
-	return out;
-}
-
-function stripStudioMarkdownHtmlComments(markdown: string): string {
-	const lines = String(markdown ?? "").split("\n");
-	const out: string[] = [];
-	let plainBuffer: string[] = [];
-	let inFence = false;
-	let fenceChar: "`" | "~" | undefined;
-	let fenceLength = 0;
-
-	const flushPlain = () => {
-		if (plainBuffer.length === 0) return;
-		out.push(stripStudioMarkdownHtmlCommentsInSegment(plainBuffer.join("\n")));
-		plainBuffer = [];
-	};
-
-	for (const line of lines) {
-		const trimmed = line.trimStart();
-		const fenceMatch = trimmed.match(/^(`{3,}|~{3,})/);
-
-		if (fenceMatch) {
-			const marker = fenceMatch[1]!;
-			const markerChar = marker[0] as "`" | "~";
-			const markerLength = marker.length;
-
-			if (!inFence) {
-				flushPlain();
-				inFence = true;
-				fenceChar = markerChar;
-				fenceLength = markerLength;
-				out.push(line);
-				continue;
-			}
-
-			if (fenceChar === markerChar && markerLength >= fenceLength) {
-				inFence = false;
-				fenceChar = undefined;
-				fenceLength = 0;
-			}
-
-			out.push(line);
-			continue;
-		}
-
-		if (inFence) {
-			out.push(line);
-		} else {
-			plainBuffer.push(line);
-		}
-	}
-
-	flushPlain();
-	return out.join("\n");
-}
-
 const STUDIO_PREVIEW_PAGE_BREAK_SENTINEL_PREFIX = "PI_STUDIO_PAGE_BREAK__";
 
 function replaceStudioPreviewPageBreakCommands(markdown: string): string {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-studio",
-  "version": "0.5.48",
+  "version": "0.5.50",
   "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",

package/shared/studio-markdown-html-comments.js

@@ -0,0 +1,111 @@
+export function stripStudioMarkdownHtmlCommentsInSegment(markdown) {
+  const source = String(markdown ?? "");
+  let out = "";
+  let index = 0;
+  let codeSpanFenceLength = 0;
+  let inHtmlComment = false;
+
+  while (index < source.length) {
+    if (inHtmlComment) {
+      if (source.startsWith("-->", index)) {
+        inHtmlComment = false;
+        index += 3;
+        continue;
+      }
+      const ch = source[index];
+      if (ch === "\n" || ch === "\r") out += ch;
+      index += 1;
+      continue;
+    }
+
+    if (codeSpanFenceLength > 0) {
+      const fence = "`".repeat(codeSpanFenceLength);
+      if (source.startsWith(fence, index)) {
+        out += fence;
+        index += codeSpanFenceLength;
+        codeSpanFenceLength = 0;
+        continue;
+      }
+      const ch = source[index];
+      out += ch;
+      index += 1;
+      if (ch === "\n" || ch === "\r") {
+        codeSpanFenceLength = 0;
+      }
+      continue;
+    }
+
+    const backtickMatch = source.slice(index).match(/^`+/);
+    if (backtickMatch) {
+      const fence = backtickMatch[0];
+      codeSpanFenceLength = fence.length;
+      out += fence;
+      index += fence.length;
+      continue;
+    }
+
+    if (source.startsWith("<!--", index)) {
+      inHtmlComment = true;
+      index += 4;
+      continue;
+    }
+
+    out += source[index];
+    index += 1;
+  }
+
+  return out;
+}
+
+export function stripStudioMarkdownHtmlComments(markdown) {
+  const lines = String(markdown ?? "").split("\n");
+  const out = [];
+  let plainBuffer = [];
+  let inFence = false;
+  let fenceChar;
+  let fenceLength = 0;
+
+  const flushPlain = () => {
+    if (plainBuffer.length === 0) return;
+    out.push(stripStudioMarkdownHtmlCommentsInSegment(plainBuffer.join("\n")));
+    plainBuffer = [];
+  };
+
+  for (const line of lines) {
+    const trimmed = line.trimStart();
+    const fenceMatch = trimmed.match(/^(`{3,}|~{3,})/);
+
+    if (fenceMatch) {
+      const marker = fenceMatch[1];
+      const markerChar = marker[0];
+      const markerLength = marker.length;
+
+      if (!inFence) {
+        flushPlain();
+        inFence = true;
+        fenceChar = markerChar;
+        fenceLength = markerLength;
+        out.push(line);
+        continue;
+      }
+
+      if (fenceChar === markerChar && markerLength >= fenceLength) {
+        inFence = false;
+        fenceChar = undefined;
+        fenceLength = 0;
+      }
+
+      out.push(line);
+      continue;
+    }
+
+    if (inFence) {
+      out.push(line);
+    } else {
+      plainBuffer.push(line);
+    }
+  }
+
+  flushPlain();
+  return out.join("\n");
+}