pi-stereo-view 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.1.2
+
+- PgUp/PgDn and Pi's other keyboard scroll keys now move the active panel (marked with `●`) instead of always Activity. Pi's built-in history search follows the active panel too.
+- `Ctrl+Alt+Up` or `Ctrl+Alt+Down` switches the active panel; press again to switch back.
+
+## 0.1.1
+
+- Mouse wheel over Conversation or its header no longer scrolls Activity when Conversation is too short to scroll.
+
 ## 0.1.0
 
 First release.

package/README.md

@@ -128,6 +128,8 @@ The same controls are available without the mouse:
 
 `Ctrl+Alt+T` toggles split, `Ctrl+Alt+S` swaps panels, and `Ctrl+Alt+Left/Right` resizes Conversation along the current split direction.
 
+Keyboard scrolling (`PgUp`/`PgDn` and Pi's other scroll keys) moves the active panel, marked with `●`. Clicking or scrolling a panel makes it active. `Ctrl+Alt+Up` or `Ctrl+Alt+Down` switches to the other panel; press either again to switch back.
+
 ## Settings and limits
 
 Your layout, panel order, sizes, zoom, split on/off and timestamp settings are saved automatically and restored next time.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-stereo-view",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "description": "Keep Pi conversation separate from tool output and agent activity.",
   "license": "MIT",

package/src/index.ts

@@ -154,7 +154,7 @@ export default function transcript(pi: ExtensionAPI): void {
       if (action === "toggle" || action === "") toggle();
       else if (action === "settings") await openSettings(ctx);
       else if (action === "help") {
-        ctx.ui.notify("pi-stereo-view icons: ▣ combined, ◫ split, ▤ rows, ▥ columns, ↕/↔ swap, ↗ expand, ↙ restore, ⌕ search, ≡ settings. Ctrl+F searches the active panel. Drag the ═ or ║ divider to resize.", "info");
+        ctx.ui.notify("pi-stereo-view icons: ▣ combined, ◫ split, ▤ rows, ▥ columns, ↕/↔ swap, ↗ expand, ↙ restore, ⌕ search, ≡ settings. Ctrl+F searches and PgUp/PgDn scroll the active panel; Ctrl+Alt+Up/Down switches it. Drag the ═ or ║ divider to resize.", "info");
       } else if (action === "swap") layout.swap();
       else if (action === "width" && /^\d+$/.test(target ?? "")) layout.setWidth(Number(target));
       else if (action === "height" && target === "auto") layout.setHeight(null);
@@ -173,6 +173,11 @@ export default function transcript(pi: ExtensionAPI): void {
   });
   pi.registerShortcut("ctrl+alt+t", { description: "Toggle split history", handler: async () => toggle() });
   pi.registerShortcut("ctrl+alt+s", { description: "Swap stereo-view panels", handler: async () => layout?.swap() });
+  for (const key of ["ctrl+alt+up", "ctrl+alt+down"] as const) {
+    pi.registerShortcut(key, { description: "Move keyboard scrolling to the other stereo-view panel", handler: async () => {
+      layout?.cyclePanel();
+    } });
+  }
   pi.registerShortcut("ctrl+alt+left", { description: "Shrink conversation along the split axis", handler: async () => {
     layout?.resize(-1);
   } });

package/src/layout.ts

@@ -20,8 +20,10 @@ const MIN_ROWS = 4;
 const BUTTON_WIDTH = 5;
 
 class PanelScrollView extends ScrollView {
-  constructor(component: Component, options: ScrollViewOptions, private readonly interact: () => void) {
+  constructor(component: Component, options: ScrollViewOptions, private readonly interact: () => void, active: () => boolean) {
     super(component, options);
+    // Pi sends keyboard scrolling and native search to the primary ScrollView; follow the active panel.
+    Object.defineProperty(this, "primary", { get: active });
   }
 
   override handleMouse(event: TuiMouseEvent): ReturnType<Container["handleMouse"]> {
@@ -59,6 +61,17 @@ class TranscriptPane extends VStack {
     ]);
   }
 
+  override handleMouse(event: TuiMouseEvent): ReturnType<Container["handleMouse"]> {
+    if (event.type !== "wheel") return undefined;
+    // Native wheel routing gives any unused delta to the primary panel, Activity.
+    // Consume it here so the wheel only moves the panel under the pointer.
+    this.view.scrollBy(event.wheelDelta ?? 0);
+    return { handled: true, target: {
+      component: this, originX: event.screenX - event.x, originY: event.screenY - event.y,
+      width: event.width, height: event.height,
+    } };
+  }
+
   override render(width: number): string[] {
     // Native layout measures height here, then paints the original header and ScrollView.
     // Empty preview rows avoid composing colored history text in ancestor measurements.
@@ -174,8 +187,9 @@ export class TranscriptLayout {
       scrollbarTrackStyle: scroll.scrollbarTrackStyle,
       scrollbarThumbStyle: scroll.scrollbarThumbStyle,
     };
-    this.activity = new PanelScrollView(activityDocument, { ...scrollOptions, primary: true }, () => this.activate("activity"));
-    this.chat = new PanelScrollView(chatDocument, scrollOptions, () => this.activate("chat"));
+    this.activity = new PanelScrollView(activityDocument, scrollOptions, () => this.activate("activity"),
+      () => this.searchPane() === "activity");
+    this.chat = new PanelScrollView(chatDocument, scrollOptions, () => this.activate("chat"), () => this.searchPane() === "chat");
     let historyHeight = 0;
     const shown = ({ width, height }: { width: number; height: number }): boolean => {
       const previousHeight = historyHeight;
@@ -557,6 +571,13 @@ export class TranscriptLayout {
     this.changed();
   }
 
+  /** Cycle keyboard scrolling and search to the other panel. */
+  cyclePanel(): void {
+    const pane = this.searchPane();
+    if (!pane || this.preferences.zoom) return;
+    this.activate(pane === "chat" ? "activity" : "chat");
+  }
+
   /** Scroll one native pane without moving the other. */
   scroll(pane: Pane, lines: number): void {
     (pane === "chat" ? this.chat : this.activity)?.scrollBy(lines);