@stevecastaneda/paseo-progress 1.12.0 → 1.12.1

package/README.md

@@ -145,6 +145,10 @@ The progress file, `progress.jsonl`, holds one JSON event per line, each with a
 
 ## Changelog
 
+### 1.12.1
+
+- [Fixed] **Long files fill the preview on a phone.** In Paseo's web app at phone width, a long file opened from a list of several files filled only the top half of the sheet, and the bottom half stayed empty. The file now fills the sheet down to its path and buttons.
+
 ### 1.12.0
 
 - [Improved] **Markdown deliverables show formatted.** A `.md` or `.markdown` file now opens in the preview with its headings, lists, tables, code blocks and images drawn by Paseo's own Markdown view. An image with a relative path loads from the file's own folder. A link to another file in the worktree opens that file in Paseo, except on a phone, where Paseo doesn't open file links from a plugin's dialog. MDX files still show as plain text, because Paseo would hide their components.

package/client/preview.tsx

@@ -362,9 +362,11 @@ function FullScreenImage({ title, uri, naturalWidth, ratio, dimmed, onExit }: {
   );
 }
 
-// Only views on web have focus(); elsewhere this does nothing.
+// Without preventScroll, focusing a button in a phone sheet that's still sliding
+// up scrolls the sheet's frame, so the sheet sits at the top of the screen with
+// its content laid out for where it stopped.
 function focus(ref: React.RefObject<unknown>) {
-  (ref.current as { focus?(): void } | null)?.focus?.();
+  (ref.current as { focus?(options: { preventScroll: boolean }): void } | null)?.focus?.({ preventScroll: true });
 }
 
 // Paseo draws dialogs as bottom sheets below this window width.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stevecastaneda/paseo-progress",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "description": "A live progress dashboard per worktree for Paseo, drawn from a file agents write with the paseo-progress command.",
   "license": "MIT",
   "author": "Steve Castaneda",