@mndrk/agx 2.4.4 → 2.4.5

package/cloud-runtime/standalone/apps/local/components/chat-ui/LogPanel.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useRef, useState, useCallback } from "react";
 import type { LogEntry } from "@/hooks/useGroupChat";
 import type { Participant } from "@/lib/types";
+import { JumpToLatestButton } from "./JumpToLatestButton";
 
 interface Props {
   logs: LogEntry[];
@@ -16,6 +17,8 @@ export function LogPanel({ logs, participants, onClear, open, onToggle }: Props)
   const [width, setWidth] = useState(420);
   const [filter, setFilter] = useState<string | null>(null);
   const bottomRef = useRef<HTMLDivElement>(null);
+  const scrollRef = useRef<HTMLDivElement>(null);
+  const [showJump, setShowJump] = useState(false);
   const dragging = useRef(false);
   const startX = useRef(0);
   const startW = useRef(0);
@@ -25,6 +28,21 @@ export function LogPanel({ logs, participants, onClear, open, onToggle }: Props)
     if (open) bottomRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [logs.length, open]);
 
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const handler = () => {
+      const d = el.scrollHeight - el.scrollTop - el.clientHeight;
+      setShowJump(d > 200);
+    };
+    el.addEventListener("scroll", handler, { passive: true });
+    return () => el.removeEventListener("scroll", handler);
+  }, [open]);
+
+  const jumpToLatest = useCallback(() => {
+    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, []);
+
   const onPointerDown = useCallback((e: React.PointerEvent) => {
     e.preventDefault();
     dragging.current = true;
@@ -85,7 +103,8 @@ export function LogPanel({ logs, participants, onClear, open, onToggle }: Props)
             </button>
           </div>
         </div>
-        <div className="flex-1 overflow-y-auto font-mono text-[11px] leading-4 px-3 py-2">
+        <div className="relative flex-1 min-h-0 flex flex-col">
+        <div ref={scrollRef} className="flex-1 overflow-y-auto font-mono text-[11px] leading-4 px-3 py-2">
           {filtered.map((entry, i) => {
             const name = pMap[entry.participantId]?.name || entry.participantId;
             const color = pMap[entry.participantId]?.color || "#888";
@@ -104,6 +123,8 @@ export function LogPanel({ logs, participants, onClear, open, onToggle }: Props)
           })}
           <div ref={bottomRef} />
         </div>
+        <JumpToLatestButton visible={showJump && filtered.length > 20} onClick={jumpToLatest} />
+        </div>
       </div>
     </div>
   );

package/cloud-runtime/standalone/apps/local/components/chat-ui/MessageList.tsx

@@ -14,6 +14,7 @@ import { IconButton } from "../IconButton";
 import { MessageSquare, Copy, Hash, Loader2, Trash2, User, Clock, Zap, CheckCircle2, Circle, Link, AtSign, Rocket, ArrowUpDown, ArrowDown, ArrowUp } from "lucide-react";
 import { agentAvatarUrl } from "./ParticipantBar";
 import { stripMarkers } from "@/lib/chat-utils";
+import { JumpToLatestButton } from "./JumpToLatestButton";
 
 
 const THREAD_STATUSES: { value: ThreadStatus; label: string; color: string }[] = [
@@ -103,6 +104,26 @@ export function MessageList({
   const [statusMenuMessageId, setStatusMenuMessageId] = useState<string | null>(null);
   const [activeTab, setActiveTab] = useState<"active" | "paused" | "in-review" | "done" | "archived">("active");
   const [sortOrder, setSortOrder] = useState<"asc" | "desc">("asc");
+  const [showJumpToLatest, setShowJumpToLatest] = useState(false);
+
+  useEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const handleScroll = () => {
+      const { scrollTop, scrollHeight, clientHeight } = container;
+      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+      setShowJumpToLatest(distanceFromBottom > 200);
+    };
+    container.addEventListener("scroll", handleScroll, { passive: true });
+    return () => container.removeEventListener("scroll", handleScroll);
+  }, []);
+
+  const jumpToLatest = useCallback(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const target = sortOrder === "asc" ? container.scrollHeight : 0;
+    container.scrollTo({ top: target, behavior: "smooth" });
+  }, [sortOrder]);
   const participantMap = Object.fromEntries(participants.map((p) => [p.id, p]));
 
   // Filter to only main chat messages (not thread replies)
@@ -177,6 +198,7 @@ export function MessageList({
   ];
 
   return (
+    <div className="relative flex-1 min-h-0 flex flex-col">
     <div ref={scrollContainerRef} className="chat-scrollbar flex-1 overflow-y-auto p-4">
       <div className="max-w-3xl mx-auto">
         {allMainMessages.length > 0 && (
@@ -578,5 +600,10 @@ export function MessageList({
 
       </div>
     </div>
+    <JumpToLatestButton
+      visible={showJumpToLatest && allMainMessages.length > 10}
+      onClick={jumpToLatest}
+    />
+    </div>
   );
 }

package/cloud-runtime/standalone/apps/local/components/chat-ui/ThreadView.tsx

@@ -14,6 +14,7 @@ import { agentAvatarUrl } from "./ParticipantBar";
 import { MessageReactionsBar } from "./MessageReactionsBar";
 import { stripMarkers } from "@/lib/chat-utils";
 import { StreamingSegments } from "./StreamingSegments";
+import { JumpToLatestButton } from "./JumpToLatestButton";
 
 interface Props {
     messages: GroupMessage[];
@@ -67,6 +68,7 @@ export function ThreadView({
     const scrollContainerRef = useRef<HTMLDivElement>(null);
     const userScrolledUpRef = useRef(false);
     const prevHighlightRef = useRef<string | null>(null);
+    const [showJumpToLatest, setShowJumpToLatest] = useState(false);
 
     // Track whether user has scrolled up
     useEffect(() => {
@@ -74,12 +76,18 @@ export function ThreadView({
         if (!container) return;
         const handleScroll = () => {
             const { scrollTop, scrollHeight, clientHeight } = container;
-            userScrolledUpRef.current = scrollHeight - scrollTop - clientHeight > 80;
+            const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+            userScrolledUpRef.current = distanceFromBottom > 80;
+            setShowJumpToLatest(distanceFromBottom > 200);
         };
         container.addEventListener("scroll", handleScroll, { passive: true });
         return () => container.removeEventListener("scroll", handleScroll);
     }, []);
 
+    const jumpToLatest = useCallback(() => {
+        bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+    }, []);
+
     useEffect(() => {
         if (highlightedMessageId && highlightedMessageId !== prevHighlightRef.current) {
             prevHighlightRef.current = highlightedMessageId;
@@ -127,6 +135,7 @@ export function ThreadView({
                 </div>
             )}
             {/* Thread Content */}
+            <div className="relative flex-1 min-h-0 flex flex-col">
             <div ref={scrollContainerRef} className="flex-1 overflow-y-auto p-4 md:p-8 space-y-6 chat-scrollbar">
                 <div className="max-w-2xl mx-auto space-y-8 pb-4">
 
@@ -330,6 +339,11 @@ export function ThreadView({
                     <div ref={bottomRef} className="h-4" />
                 </div>
             </div>
+            <JumpToLatestButton
+                visible={showJumpToLatest && threadMessages.length > 10}
+                onClick={jumpToLatest}
+            />
+            </div>
 
             {/* Composer Area */}
             <div className="z-20 transition-colors duration-200">

package/cloud-runtime/standalone/apps/local/components/projects/ObjectiveScheduledTasksPanel.tsx

@@ -88,12 +88,14 @@ function ScheduleEditModal({
   const handleSave = async () => {
     if (!isValid) return;
     setSaving(true);
-    await onUpdate({
+    const ok = await onUpdate({
       cadence: scheduleValue.cadence,
       condition: scheduleValue.condition,
     } as Partial<PromptJob>);
     setSaving(false);
-    onClose();
+    if (ok) {
+      onClose();
+    }
   };
 
   return (
@@ -161,14 +163,10 @@ function ObjectiveScheduledTaskDetailModal({
   const [saving, setSaving] = useState(false);
 
   const savePrompt = async () => {
-    if (promptDraft === job.prompt) {
-      onClose();
-      return;
-    }
+    if (promptDraft === job.prompt) return;
     setSaving(true);
     await onUpdate({ prompt: promptDraft } as Partial<PromptJob>);
     setSaving(false);
-    onClose();
   };
 
   return (
@@ -330,10 +328,10 @@ export function ObjectiveScheduledTasksPanel({
   const handleHide = async (job: PromptJob) => {
     setBusyId(job.id);
     setError(null);
-    const ok = await deleteJob(job.id);
+    const result = await deleteJob(job.id);
     setBusyId(null);
-    if (!ok) {
-      setError(`Failed to hide "${job.name}".`);
+    if (!result.ok) {
+      setError(result.error ?? `Failed to hide "${job.name}".`);
       return;
     }
     if (selectedJobId === job.id) {
@@ -356,6 +354,18 @@ export function ObjectiveScheduledTasksPanel({
     [scheduleEditJobId, visibleJobs]
   );
 
+  const handleJobUpdate = useCallback(
+    async (jobId: string, updates: Partial<PromptJob>) => {
+      const ok = await updateJob(jobId, updates);
+      if (ok) {
+        setSelectedJobId(jobId);
+        await refresh();
+      }
+      return ok;
+    },
+    [refresh, updateJob]
+  );
+
   return (
     <>
       {showCreate ? (
@@ -372,22 +382,14 @@ export function ObjectiveScheduledTasksPanel({
         <ObjectiveScheduledTaskDetailModal
           job={selectedJob}
           onClose={() => setSelectedJobId(null)}
-          onUpdate={async (updates) => {
-            const ok = await updateJob(selectedJob.id, updates);
-            if (ok) await refresh();
-            return ok;
-          }}
+          onUpdate={(updates) => handleJobUpdate(selectedJob.id, updates)}
         />
       ) : null}
       {scheduleEditJob ? (
         <ScheduleEditModal
           job={scheduleEditJob}
           onClose={() => setScheduleEditJobId(null)}
-          onUpdate={async (updates) => {
-            const ok = await updateJob(scheduleEditJob.id, updates);
-            if (ok) await refresh();
-            return ok;
-          }}
+          onUpdate={(updates) => handleJobUpdate(scheduleEditJob.id, updates)}
         />
       ) : null}
 
@@ -502,6 +504,7 @@ export function ObjectiveScheduledTasksPanel({
                       title="Run now"
                       onClick={async (event) => {
                         event.stopPropagation();
+                        setSelectedJobId(job.id);
                         setBusyId(job.id);
                         await runNow(job.id);
                         setBusyId(null);

package/cloud-runtime/standalone/apps/local/components/projects/ProjectObjectivesWorkspace.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import { useRouter } from "next/navigation";
+import { useRouter, useSearchParams } from "next/navigation";
 import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties } from "react";
 import {
   AlertTriangle,
@@ -25,13 +25,17 @@ import { useGroupChat } from "@/hooks/useGroupChat";
 import { useProcessPolling } from "@/hooks/useProcessPolling";
 import { Composer } from "@/components/chat-ui/Composer";
 import { Markdown } from "@/components/chat-ui/Markdown";
+import { StreamingSegments } from "@/components/chat-ui/StreamingSegments";
 import { agentAvatarUrl } from "@/components/chat-ui/ParticipantBar";
+import { stripMarkers } from "@/lib/chat-utils";
 import RichTextEditor from "@/components/RichTextEditor";
 import SearchCombo, { type ComboOption } from "@/components/SearchCombo";
 import { ObjectiveScheduledTasksPanel } from "@/components/projects/ObjectiveScheduledTasksPanel";
 import { ObjectiveActivityTimeline } from "@/components/projects/ObjectiveActivityTimeline";
 import { ObjectiveHealthTrend } from "@/components/projects/ObjectiveHealthTrend";
 import { TrackerIcon } from "@/components/tracking/TrackerIcon";
+import { JumpToLatestButton } from "@/components/chat-ui/JumpToLatestButton";
+import { ResizeHandle } from "@/components/ui/ResizeHandle";
 import { usePromptJobs } from "@/hooks/usePromptJobs";
 import { useInputCapabilities } from "@/hooks/useInputCapabilities";
 import { threadService } from "@/services/threadService";
@@ -152,33 +156,11 @@ function ObjectiveChatResizeHandle({
   }
 
   return (
-    <div
-      role="separator"
-      aria-orientation="vertical"
-      aria-label="Resize objective chat panel"
-      className="group relative z-10 hidden w-0 shrink-0 cursor-col-resize xl:block"
-      onMouseDown={(event) => {
-        event.preventDefault();
-        let lastX = event.clientX;
-        document.body.style.cursor = "col-resize";
-        document.body.style.userSelect = "none";
-        const onMouseMove = (ev: MouseEvent) => {
-          const delta = lastX - ev.clientX;
-          lastX = ev.clientX;
-          onResize(delta);
-        };
-        const onMouseUp = () => {
-          document.body.style.cursor = "";
-          document.body.style.userSelect = "";
-          window.removeEventListener("mousemove", onMouseMove);
-          window.removeEventListener("mouseup", onMouseUp);
-        };
-        window.addEventListener("mousemove", onMouseMove);
-        window.addEventListener("mouseup", onMouseUp);
-      }}
-    >
-      <div className="absolute inset-y-0 -left-0.5 w-1 transition-colors group-hover:bg-[var(--primary)]/40" />
-    </div>
+    <ResizeHandle
+      onResize={onResize}
+      className="hidden xl:block"
+      ariaLabel="Resize objective chat panel"
+    />
   );
 }
 
@@ -536,14 +518,21 @@ function ObjectiveChatPanel({
   const [threadId, setThreadId] = useState<string | null>(
     objective.threadId ?? (objective.id ? `objective-chat:${objective.id}` : null)
   );
-  const [chatView, setChatView] = useState<ObjectiveChatView>("list");
-  const [selectedSessionId, setSelectedSessionId] = useState<string | null>(null);
+  const searchParams = useSearchParams();
+  const urlSessionId = searchParams?.get("session") ?? null;
+  const urlMessageId = searchParams?.get("message") ?? null;
+  const [chatView, setChatView] = useState<ObjectiveChatView>(urlSessionId ? "detail" : "list");
+  const [selectedSessionId, setSelectedSessionId] = useState<string | null>(urlSessionId);
+  const [highlightedMessageId, setHighlightedMessageId] = useState<string | null>(urlMessageId);
   const [historyLoaded, setHistoryLoaded] = useState(false);
   const [chatSessionVersion, setChatSessionVersion] = useState(objective.chatSessionVersion);
   const [participants, setParticipants] = useState<Participant[]>([]);
   const [chatError, setChatError] = useState<string | null>(null);
   const wasWorkingRef = useRef(false);
   const legacyChatMigrationAttemptedRef = useRef(false);
+  const chatScrollRef = useRef<HTMLDivElement | null>(null);
+  const chatBottomRef = useRef<HTMLDivElement | null>(null);
+  const [showChatJump, setShowChatJump] = useState(false);
   const appOrigin =
     typeof window !== "undefined" && window.location?.origin
       ? window.location.origin
@@ -573,6 +562,22 @@ function ObjectiveChatPanel({
     }
   }, [objective.threadId, threadId]);
 
+  useEffect(() => {
+    const el = chatScrollRef.current;
+    if (!el) return;
+    const handler = () => {
+      const d = el.scrollHeight - el.scrollTop - el.clientHeight;
+      setShowChatJump(d > 200);
+    };
+    handler();
+    el.addEventListener("scroll", handler, { passive: true });
+    return () => el.removeEventListener("scroll", handler);
+  }, [chatView, selectedSessionId]);
+
+  const jumpChatToLatest = useCallback(() => {
+    chatBottomRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, []);
+
   useEffect(() => {
     setChatView("list");
     setSelectedSessionId(null);
@@ -947,6 +952,27 @@ function ObjectiveChatPanel({
     }
   }, [objective.id, selectedSessionId]);
 
+  useEffect(() => {
+    if (!urlSessionId) return;
+    setSelectedSessionId(urlSessionId);
+    setChatView("detail");
+  }, [urlSessionId]);
+
+  useEffect(() => {
+    if (urlMessageId) setHighlightedMessageId(urlMessageId);
+  }, [urlMessageId]);
+
+  useEffect(() => {
+    if (!highlightedMessageId) return;
+    const raf = requestAnimationFrame(() => {
+      const el = document.querySelector<HTMLElement>(
+        `[data-objective-message-id="${CSS.escape(highlightedMessageId)}"]`
+      );
+      if (el) el.scrollIntoView({ behavior: "smooth", block: "center" });
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [highlightedMessageId, historyLoaded, selectedSessionId]);
+
   useEffect(() => {
     if (selectedSessionId || sessions.length === 0) return;
     const storedId = loadLastSessionForEntity(objective.id);
@@ -1060,7 +1086,7 @@ function ObjectiveChatPanel({
     setChatPanelWidth((currentWidth) => {
       const nextWidth = Math.max(
         OBJECTIVE_CHAT_MIN_WIDTH,
-        Math.min(OBJECTIVE_CHAT_MAX_WIDTH, currentWidth + delta)
+        Math.min(OBJECTIVE_CHAT_MAX_WIDTH, currentWidth - delta)
       );
       persistObjectiveChatPanelWidth(nextWidth);
       return nextWidth;
@@ -1109,6 +1135,7 @@ function ObjectiveChatPanel({
         )}
 
         <div
+          ref={chatScrollRef}
           className={`min-h-0 flex-1 overflow-y-auto pb-[calc(15rem+env(safe-area-inset-bottom))] ${
             isDetailView ? "px-4 py-4" : "px-0 py-0"
           }`}
@@ -1175,8 +1202,13 @@ function ObjectiveChatPanel({
                 const participant = message.participantId
                   ? participantMap.get(message.participantId)
                   : null;
+                const isHighlighted = highlightedMessageId === message.id;
                 return (
-                  <div key={message.id} className="flex gap-3">
+                  <div
+                    key={message.id}
+                    data-objective-message-id={message.id}
+                    className={`flex gap-3 rounded-2xl transition-colors ${isHighlighted ? "bg-[var(--status-in-progress-bg)] p-2 -m-2" : ""}`}
+                  >
                     {message.role === "user" ? (
                       <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--overlay-panel-soft)] text-[var(--muted-foreground)]">
                         <User className="h-4 w-4" />
@@ -1202,8 +1234,12 @@ function ObjectiveChatPanel({
                           })}
                         </span>
                       </div>
-                      <div className="mt-2 rounded-2xl border border-[var(--border)] bg-[var(--overlay-panel-muted)] px-4 py-3 text-sm text-[var(--foreground)]">
-                        <Markdown content={message.content} isUser={message.role === "user"} />
+                      <div className="mt-2 rounded-2xl border border-[var(--border)] bg-[var(--overlay-panel-muted)] px-4 py-3 text-[15px] leading-relaxed text-[var(--foreground)]">
+                        {message.role === "user" ? (
+                          <Markdown content={stripMarkers(message.content)} isUser />
+                        ) : (
+                          <StreamingSegments content={stripMarkers(message.content)} />
+                        )}
                       </div>
                     </div>
                   </div>
@@ -1222,10 +1258,18 @@ function ObjectiveChatPanel({
                   </div>
                 );
               })}
+              <div ref={chatBottomRef} />
             </div>
           )}
         </div>
 
+        <JumpToLatestButton
+          visible={isDetailView && showChatJump && visibleMessages.length > 10}
+          onClick={jumpChatToLatest}
+          direction="bottom"
+          offsetClassName="bottom-[calc(15rem+env(safe-area-inset-bottom))]"
+        />
+
         <div className="absolute bottom-0 left-0 right-0 bg-[var(--overlay-panel)] p-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))]">
           <Composer
             onSend={handleSend}
@@ -1311,35 +1355,7 @@ function ObjectiveListResizeHandle({
     return null;
   }
 
-  return (
-    <div
-      role="separator"
-      aria-orientation="vertical"
-      aria-label="Resize objective list panel"
-      className="group relative z-10 w-0 shrink-0 cursor-col-resize"
-      onMouseDown={(event) => {
-        event.preventDefault();
-        let lastX = event.clientX;
-        document.body.style.cursor = "col-resize";
-        document.body.style.userSelect = "none";
-        const onMouseMove = (ev: MouseEvent) => {
-          const delta = ev.clientX - lastX;
-          lastX = ev.clientX;
-          onResize(delta);
-        };
-        const onMouseUp = () => {
-          document.body.style.cursor = "";
-          document.body.style.userSelect = "";
-          window.removeEventListener("mousemove", onMouseMove);
-          window.removeEventListener("mouseup", onMouseUp);
-        };
-        window.addEventListener("mousemove", onMouseMove);
-        window.addEventListener("mouseup", onMouseUp);
-      }}
-    >
-      <div className="absolute inset-y-0 -left-0.5 w-1 transition-colors group-hover:bg-[var(--primary)]/40" />
-    </div>
-  );
+  return <ResizeHandle onResize={onResize} ariaLabel="Resize objective list panel" />;
 }
 
 function ObjectiveListCard({
@@ -1689,6 +1705,20 @@ export function ProjectObjectiveDetail({
   const [availableTrackers, setAvailableTrackers] = useState<{ type: string; displayName: string }[]>([]);
   const [defaultTrackerType, setDefaultTrackerType] = useState<string | null>(null);
   const [workingOnObjective, setWorkingOnObjective] = useState(false);
+  const detailScrollRef = useRef<HTMLDivElement | null>(null);
+  const [showBackToTop, setShowBackToTop] = useState(false);
+
+  useEffect(() => {
+    const el = detailScrollRef.current;
+    if (!el) return;
+    const handler = () => setShowBackToTop(el.scrollTop > 400);
+    el.addEventListener("scroll", handler, { passive: true });
+    return () => el.removeEventListener("scroll", handler);
+  }, [objectiveId]);
+
+  const backToTop = useCallback(() => {
+    detailScrollRef.current?.scrollTo({ top: 0, behavior: "smooth" });
+  }, []);
 
   const { jobs: scheduledJobs } = usePromptJobs(project?.id ?? null, {
     requireProjectId: true,
@@ -2153,7 +2183,8 @@ export function ProjectObjectiveDetail({
     <div className="flex h-full min-h-0 flex-col bg-[radial-gradient(circle_at_top_left,rgba(59,130,246,0.1),transparent_28%),var(--background)] text-[var(--foreground)]">
       <div className="flex-1 min-h-0 overflow-hidden">
         <div className="flex h-full min-h-0 flex-col xl:flex-row">
-          <div className="min-h-0 flex-1 overflow-y-auto">
+          <div className="relative min-h-0 flex-1 flex flex-col">
+          <div ref={detailScrollRef} className="min-h-0 flex-1 overflow-y-auto">
             <div className="max-w-5xl mx-auto pt-16 px-8 pb-20">
               <ErrorBanner message={saveError} />
 
@@ -2574,7 +2605,7 @@ export function ProjectObjectiveDetail({
                                         <span>{issue.identifier}</span>
                                       </div>
                                       <a
-                                        href={issue.url ?? `/projects/${projectSlug}/${issue.trackerType}?issue=${issue.id}`}
+                                        href={issue.url ?? `/projects/${projectSlug}/tracking/${issue.trackerType}?issue=${issue.id}`}
                                         target={issue.url ? "_blank" : undefined}
                                         rel={issue.url ? "noreferrer" : undefined}
                                         className="mt-1 block text-sm font-medium text-[var(--foreground)] transition-colors hover:text-[var(--primary)]"
@@ -2604,7 +2635,7 @@ export function ProjectObjectiveDetail({
                                 {doneIssues.map((issue) => (
                                   <a
                                     key={issue.id}
-                                    href={issue.url ?? `/projects/${projectSlug}/${issue.trackerType}?issue=${issue.id}`}
+                                    href={issue.url ?? `/projects/${projectSlug}/tracking/${issue.trackerType}?issue=${issue.id}`}
                                     target={issue.url ? "_blank" : undefined}
                                     rel={issue.url ? "noreferrer" : undefined}
                                     className="group flex items-center gap-3 rounded-md px-2 py-1.5 text-[var(--muted-foreground)] transition-colors hover:bg-[var(--muted)] hover:text-[var(--foreground)]"
@@ -2664,6 +2695,8 @@ export function ProjectObjectiveDetail({
               </div>
             </div>
           </div>
+          <JumpToLatestButton visible={showBackToTop} direction="top" onClick={backToTop} />
+          </div>
 
           <ObjectiveChatPanel
             projectId={project.id}

package/cloud-runtime/standalone/apps/local/components/projects/RecentlyCompletedCard.tsx

@@ -14,6 +14,8 @@ interface EnrichedProcessEntry {
   threadTitle: string | null;
   linearIssueId: string | null;
   linearRunId: string | null;
+  trackerType: string | null;
+  responseMessageId: string | null;
 }
 
 interface Participant {
@@ -39,6 +41,55 @@ function formatActivityThread(process: EnrichedProcessEntry): string {
   return "Main thread";
 }
 
+function resolveActivityHref(
+  projectSlug: string,
+  process: {
+    workspaceId: string;
+    threadId: string;
+    linearIssueId: string | null;
+    linearRunId: string | null;
+    trackerType: string | null;
+    responseMessageId: string | null;
+  }
+): string {
+  if (process.linearIssueId && process.linearRunId) {
+    const base = `/projects/${projectSlug}/tracking/${process.trackerType ?? "linear"}?issue=${encodeURIComponent(process.linearIssueId)}&run=${encodeURIComponent(process.linearRunId)}`;
+    return process.responseMessageId
+      ? `${base}&message=${encodeURIComponent(process.responseMessageId)}`
+      : base;
+  }
+  const workspaceId = process.workspaceId ?? "";
+  const threadId = process.threadId ?? "";
+  const objectivePrefix = "objective-chat:";
+  const objectiveSource = workspaceId.startsWith(objectivePrefix)
+    ? workspaceId
+    : threadId.startsWith(objectivePrefix)
+      ? threadId
+      : null;
+  if (objectiveSource) {
+    const objectiveId = objectiveSource.slice(objectivePrefix.length);
+    const params = new URLSearchParams();
+    if (threadId && threadId !== workspaceId) params.set("session", threadId);
+    if (process.responseMessageId) params.set("message", process.responseMessageId);
+    const qs = params.toString();
+    return `/projects/${projectSlug}/objectives/${encodeURIComponent(objectiveId)}${qs ? `?${qs}` : ""}`;
+  }
+  const trackerRunPrefix = "tracker-run:";
+  if (workspaceId.startsWith(trackerRunPrefix)) {
+    const runId = process.linearRunId ?? workspaceId.slice(trackerRunPrefix.length);
+    const params = new URLSearchParams();
+    if (process.linearIssueId) params.set("issue", process.linearIssueId);
+    params.set("run", runId);
+    if (process.responseMessageId) params.set("message", process.responseMessageId);
+    return `/projects/${projectSlug}/tracking/${process.trackerType ?? "linear"}?${params.toString()}`;
+  }
+  const params = new URLSearchParams();
+  if (threadId) params.set("open", threadId);
+  if (process.responseMessageId) params.set("message", process.responseMessageId);
+  const qs = params.toString();
+  return `/projects/${projectSlug}/thread/${encodeURIComponent(workspaceId)}${qs ? `?${qs}` : ""}`;
+}
+
 function formatLastActive(lastActivity: number): string {
   const elapsedMs = Date.now() - lastActivity;
   const elapsedSeconds = Math.max(0, Math.floor(elapsedMs / 1000));
@@ -168,13 +219,7 @@ export function RecentlyCompletedCard({
               <tr
                 key={`${process.workspaceId}-${process.threadId}-${process.agentId}`}
                 className="cursor-pointer border-t border-[var(--border)] text-[var(--foreground)] transition-colors hover:bg-[var(--secondary)]"
-                onClick={() =>
-                  router.push(
-                    process.linearIssueId && process.linearRunId
-                      ? `/projects/${projectSlug}/linear?issue=${encodeURIComponent(process.linearIssueId)}&run=${encodeURIComponent(process.linearRunId)}`
-                      : `/projects/${projectSlug}/thread/${encodeURIComponent(process.workspaceId)}${process.threadId ? `?open=${encodeURIComponent(process.threadId)}` : ""}`
-                  )
-                }
+                onClick={() => router.push(resolveActivityHref(projectSlug, process))}
               >
                 <td className="px-4 py-3 text-[var(--foreground)]">{getAgentName(process.agentId)}</td>
                 <td className="px-4 py-3">