fix(webui): open threads at latest message (#5142)

webui/src/components/thread/thread-motion.ts

@@ -5,6 +5,7 @@ import type {
 
 type ThreadMotionMode =
   | "idle"
+  | "follow-latest"
   | "anchor-prompt"
   | "follow-output"
   | "follow-completion"
@@ -14,6 +15,7 @@ type ThreadMotionMode =
 
 type AutomaticThreadMotionMode =
   | "idle"
+  | "follow-latest"
   | "anchor-prompt"
   | "follow-output";
 
@@ -39,6 +41,11 @@ const THREAD_MOTION_TRANSITIONS: Readonly<
     "navigate-latest": "navigating-latest",
     "navigate-history": "navigating-history",
     "user-scroll": "browsing-history",
+    "resume-follow": "current-automatic-mode",
+  },
+  "follow-latest": {
+    "navigate-history": "navigating-history",
+    "user-scroll": "browsing-history",
   },
   "anchor-prompt": {
     "navigate-latest": "navigating-latest",
@@ -350,7 +357,7 @@ export class ThreadMotionCoordinator {
   }
 
   private automaticMode(): AutomaticThreadMotionMode {
-    if (!this.turn.id) return "idle";
+    if (!this.turn.id) return "follow-latest";
     return this.promptPositioned && this.turn.hasOutput
       ? "follow-output"
       : "anchor-prompt";
@@ -408,6 +415,12 @@ export class ThreadMotionCoordinator {
       this.followGeometry(geometry);
       return;
     }
+    if (this.mode === "follow-latest") {
+      if (geometry.maxScrollTop - geometry.scrollTop > GEOMETRY_EPSILON_PX) {
+        this.camera.jumpTo(geometry.maxScrollTop);
+      }
+      return;
+    }
     if (this.isHistoryMode() || !this.turn.id) return;
     if (!this.turn.promptId && this.turn.entry !== "restored") {
       this.mode = "anchor-prompt";