pi-studio 0.9.62 → 0.9.63

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to `pi-studio` are documented here.
 
 ## [Unreleased]
 
+## [0.9.63] — 2026-10-08
+
+### Fixed
+- The cursor fix in 0.9.62 didn't reach Studio's own editor, so in Safari and other WebKit browsers such as Muxy and cmux the cursor could still drift away from the text after an edit let a word move back up a line. The re-layout now works in Studio's layout.
+- After a macOS autocorrect, that re-layout could switch itself off until you moved to another line. Typing, an ordinary edit or leaving the editor now turns it back on, and the editor also re-lays out once whenever you pause typing.
+
 ## [0.9.62] — 2026-10-08
 
 ### Fixed

package/client/studio-client.js

@@ -18001,19 +18001,27 @@
       }
 
       function repairEditorTextareaWrap(event) {
+        // A composition can start without a matching end (e.g. macOS autocorrect in WebKit);
+        // an ordinary input event proves it is over, so a stale flag cannot disable the repair.
+        if (event?.type === "input" && event.isComposing === false) editorWrapCompositionActive = false;
         if (!editorHighlightEnabled || editorView !== "markdown" || editorWrapCompositionActive || event?.isComposing) return false;
         // WebKit can keep the previous soft-wrap layout after a native edit,
         // while the rebuilt overlay has already moved a word onto its prior line.
-        // Force both layouts without replacing text or touching native undo/IME.
-        const width = sourceTextEl.style.width;
-        const priority = sourceTextEl.style.getPropertyPriority("width");
+        // Narrow the text by 1px for one forced layout, then restore it, without
+        // replacing text or touching native undo/IME. Nudge the padding, not the
+        // width: the editor is a flex item that grows back to full width, so a
+        // width nudge never reached its text layout (checked in WebKit, 8 Oct).
+        const style = sourceTextEl.style;
+        const padding = style.getPropertyValue("padding-right");
+        const priority = style.getPropertyPriority("padding-right");
+        const computed = window.getComputedStyle(sourceTextEl).paddingRight || "0px";
         const top = sourceTextEl.scrollTop, left = sourceTextEl.scrollLeft;
         try {
-          sourceTextEl.style.setProperty("width", "calc(" + (width || "100%") + " - 1px)", priority);
+          style.setProperty("padding-right", "calc(" + computed + " + 1px)", "important");
           void sourceTextEl.offsetWidth;
         } finally {
-          if (width) sourceTextEl.style.setProperty("width", width, priority);
-          else sourceTextEl.style.removeProperty("width");
+          if (padding) style.setProperty("padding-right", padding, priority);
+          else style.removeProperty("padding-right");
           void sourceTextEl.offsetWidth;
           sourceTextEl.scrollTop = top; sourceTextEl.scrollLeft = left;
         }
@@ -18021,6 +18029,14 @@
         return true;
       }
 
+      // Catch-all: lay the text out again once typing pauses, covering edits made
+      // outside the ordinary input path (autocorrect, dictation, text replacement).
+      let editorWrapPauseTimer = null;
+      function scheduleEditorWrapPauseRepair() {
+        if (editorWrapPauseTimer !== null) window.clearTimeout(editorWrapPauseTimer);
+        editorWrapPauseTimer = window.setTimeout(() => { editorWrapPauseTimer = null; repairEditorTextareaWrap(); }, 300);
+      }
+
       function handleEditorHighlightShortcut(event) {
         if (!event || event.defaultPrevented || event.isComposing || editorWrapCompositionActive || event.target !== sourceTextEl
             || editorView !== "markdown" || sourceTextEl.disabled || sourceTextEl.readOnly || studioModalBlocksDraftAction()
@@ -24978,6 +24994,8 @@
         requestLatestResponse();
       });
 
+      sourceTextEl.addEventListener("keydown", event => { if (!event.isComposing && event.keyCode !== 229) editorWrapCompositionActive = false; });
+      sourceTextEl.addEventListener("blur", () => { editorWrapCompositionActive = false; });
       sourceTextEl.addEventListener("keydown", handleSourceTextTabKey);
       sourceTextEl.addEventListener("keydown", handleEditorHighlightShortcut);
       sourceTextEl.addEventListener("compositionstart", () => { editorWrapCompositionActive = true; });
@@ -24987,7 +25005,7 @@
       });
 
       sourceTextEl.addEventListener("input", event => {
-        repairEditorTextareaWrap(event);
+        repairEditorTextareaWrap(event); scheduleEditorWrapPauseRepair();
         if (completionSuggestionState && sourceTextEl.value !== completionSuggestionState.baseText) {
           hideCompletionSuggestion();
         }

package/package.json

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