harness-bujang 0.5.4 → 0.5.5

package/dist/index.js

@@ -1344,7 +1344,7 @@ function render() {
   html += '</div>';
   html += '</div>';
 
-  html += '<div class="flex-1 overflow-y-auto">';
+  html += '<div id="room-list" class="flex-1 overflow-y-auto">';
   // When 'unread' filter is active, only show rooms with unread > 0.
   const visibleRooms = state.filter === 'unread'
     ? ROOMS.filter((r) => unreadByRoom[r.id] > 0)
@@ -1431,8 +1431,27 @@ function render() {
   }
   html += '</div>';
 
+  // Save scroll positions BEFORE replacing innerHTML \u2014 otherwise every 2s poll
+  // resets the sidebar room-list scroll to top, and the conversation re-snaps
+  // to the bottom even if the user was reading older messages.
+  const oldRoomList = document.getElementById('room-list');
+  const oldConv = document.getElementById('conversation');
+  const savedRoomScroll = oldRoomList ? oldRoomList.scrollTop : 0;
+  let savedConvScroll = null;
+  let convWasAtBottom = true;
+  if (oldConv) {
+    savedConvScroll = oldConv.scrollTop;
+    // "At bottom" within ~80px \u2014 if user was at bottom we keep them at bottom
+    // (so new messages stay visible). If they scrolled up, preserve position.
+    convWasAtBottom = (oldConv.scrollHeight - oldConv.scrollTop - oldConv.clientHeight) < 80;
+  }
+
   root.innerHTML = html;
 
+  // Restore scroll positions.
+  const newRoomList = document.getElementById('room-list');
+  if (newRoomList) newRoomList.scrollTop = savedRoomScroll;
+
   // Re-bind filter buttons (\uC804\uCCB4 / \uC548\uC77D\uC74C).
   document.querySelectorAll('[data-filter]').forEach((el) => {
     el.addEventListener('click', () => {
@@ -1455,11 +1474,20 @@ function render() {
     });
   });
 
-  // Auto-scroll the selected room to the bottom on first render of that room.
+  // Conversation scroll handling:
+  //  - First render of a room \u2192 scroll to bottom (latest msg visible)
+  //  - User was at bottom \u2192 keep at new bottom (so new msgs auto-show)
+  //  - User scrolled up to read history \u2192 preserve their position
   const conv = document.getElementById('conversation');
-  if (conv && conv.dataset.scrolled !== state.selectedRoom) {
-    conv.scrollTop = conv.scrollHeight;
-    conv.dataset.scrolled = state.selectedRoom;
+  if (conv) {
+    if (conv.dataset.scrolled !== state.selectedRoom) {
+      conv.scrollTop = conv.scrollHeight;
+      conv.dataset.scrolled = state.selectedRoom;
+    } else if (convWasAtBottom) {
+      conv.scrollTop = conv.scrollHeight;
+    } else if (savedConvScroll !== null) {
+      conv.scrollTop = savedConvScroll;
+    }
   }
 }
 
@@ -2171,7 +2199,7 @@ async function main() {
       break;
     case "--version":
     case "-v":
-      console.log("0.5.4");
+      console.log("0.5.5");
       break;
     case "--help":
     case "-h":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "harness-bujang",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "Install the Harness-Bujang multi-agent harness into any project — Director, 7 specialist teams, real-time chat-room UI. Korean and English personas. Works with Claude Code, Cursor, Cline, Aider, or any tool that reads .claude/agents/.",
   "keywords": [
     "claude-code",