@mndrk/agx 2.4.3 → 2.4.5

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";
@@ -92,8 +96,9 @@ interface ProjectAgentSummary {
   routing_order: number;
 }
 
-interface ObjectiveLinearIssueSummary {
+interface ObjectiveTrackerItemSummary {
   id: string;
+  trackerType: string;
   identifier: string;
   title: string;
   url: string | null;
@@ -103,6 +108,12 @@ interface ObjectiveLinearIssueSummary {
   labels?: string[];
 }
 
+interface TrackerConnectionInfo {
+  type: string;
+  displayName: string;
+  connected: boolean;
+}
+
 const HEALTH_META: Record<
   ProjectObjectiveHealth,
   { label: string; chipClass: string; toneClass: string }
@@ -145,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"
+    />
   );
 }
 
@@ -326,13 +315,18 @@ function buildObjectiveChatPrefix(
   teamName: string | null,
   projectId: string,
   projectSlug: string,
-  appOrigin: string | null
+  appOrigin: string | null,
+  trackerInfo: {
+    available: { type: string; displayName: string }[];
+    configured: { type: string; displayName: string }[];
+    defaultType: string | null;
+  }
 ): string {
   const basePath = `/api/projects/${projectId}/objectives/${objective.id}`;
   const objectiveRoute = appOrigin ? `${appOrigin}${basePath}` : basePath;
   const scheduledTasksRoute = `${objectiveRoute}/scheduled-tasks`;
-  const linearIssuesRoute = `${objectiveRoute}/linear-issues`;
   const notesRoute = `${objectiveRoute}/notes`;
+  const trackersBase = appOrigin ? `${appOrigin}/api/trackers` : `/api/trackers`;
 
   const objectiveFilePath = `~/.agx/projects/${projectSlug}/objectives/${objective.key}.md`;
   const notesDir = `~/.agx/projects/${projectSlug}/objectives/${objective.key}/notes/`;
@@ -354,7 +348,7 @@ function buildObjectiveChatPrefix(
     `## Objective file (source of truth)\n\nThis objective is stored as a frontmatter markdown file at:\n\`${objectiveFilePath}\`\n\nFile format:\n- YAML frontmatter between \`---\` delimiters contains all metadata (title, teamId, key, status, progress, scheduledTaskIds, threadId, chatSessionVersion, createdAt, updatedAt).\n- \`## Activities\` section contains the activity timeline; each activity is a \`### Title\` block with metadata lines (\`- **id:**\`, \`- **source:**\`, \`- **created:**\`, \`- **body:**\`) and optional \`#### Replies\` sub-section.\n\nNotes are stored as separate files in \`${notesDir}\`. Each note is a markdown file with YAML frontmatter (id, title, objectiveId, createdAt, updatedAt) and a markdown body.\n\nWhen updating the objective, you can edit this file directly. Rules:\n- NEVER remove or break the \`---\` frontmatter delimiters.\n- NEVER change the \`id\` or \`createdAt\` fields.\n- Always update \`updatedAt\` to the current ISO timestamp when making changes.\n- After any edit, call \`GET ${validateRoute}\` to verify the file is still valid.\n- If validation fails, fix the errors immediately before doing anything else.`,
 
     "Scheduled tasks live in the shared scheduled-task list and are filtered by this objective label.",
-    "Your job is to help the team develop the strategy needed to reach the goal, including the right combination of objective notes, scheduled tasks, and Linear tickets.",
+    "Your job is to help the team develop the strategy needed to reach the goal, including the right combination of objective notes, scheduled tasks, and tracker tickets.",
     "Use the current session history to build on prior reasoning. Only reset and start from scratch when the user explicitly starts a new session.",
     "Use this thread to pressure-test strategy, suggest better tactics, rewrite the objective when asked, propose the right operational cadence, and take concrete follow-up actions when the user wants them applied.",
     "When suggesting edits, prefer editing the frontmatter file directly or using the notes API. When the user asks you to make a change, edit the file, validate, then confirm.",
@@ -367,9 +361,32 @@ function buildObjectiveChatPrefix(
     `- DELETE ${notesRoute}/{noteId} to delete a note.`,
     `- GET ${scheduledTasksRoute} to inspect the scheduled tasks already tracked for this objective.`,
     `- POST ${scheduledTasksRoute} with {"name","prompt","cadence","agentId"} to create a scheduled task for this objective.`,
-    `- GET ${linearIssuesRoute} to inspect Linear tickets carrying the objective label "${objective.key}".`,
-    `- POST ${linearIssuesRoute} with {"title","description","teamId","assigneeId","cycleId","stateId","priority"} to create a Linear ticket labeled "${objective.key}".`,
     `- GET ${validateRoute} to validate the objective file on disk. Returns {"valid":true} or {"valid":false,"errors":[...]}.`,
+    "Tracker integrations:",
+    `- Available tracker types: ${
+      trackerInfo.available.length > 0
+        ? trackerInfo.available.map((t) => `${t.displayName} (${t.type})`).join(", ")
+        : "none registered"
+    }.`,
+    `- Configured for this project: ${
+      trackerInfo.configured.length > 0
+        ? trackerInfo.configured
+            .map((t) => {
+              const isDefault = trackerInfo.defaultType === t.type;
+              return `${t.displayName} (${t.type})${isDefault ? " — default" : ""}`;
+            })
+            .join(", ")
+        : "none — ask the user to connect a tracker in project settings if they want ticket workflows"
+    }.`,
+    trackerInfo.defaultType
+      ? `- Default tracker for ticket workflows: ${trackerInfo.defaultType}. Prefer this tracker when creating or referencing tickets for this objective unless the user asks otherwise.`
+      : trackerInfo.configured.length > 1
+        ? "- No default tracker has been selected; ask the user which connected tracker to use before creating tickets."
+        : "",
+    ...trackerInfo.configured.map(
+      (t) =>
+        `- GET ${trackersBase}/${t.type}/items?projectId=${projectId} to list ${t.displayName} items. Filter client-side by label "${objective.key}" to find tickets tied to this objective.`
+    ),
   ]
     .filter(Boolean)
     .join("\n\n");
@@ -385,7 +402,7 @@ interface ObjectiveChatSession {
 
 type ObjectiveChatView = "list" | "detail";
 
-type ObjectiveDetailTab = "activity" | "notes" | "linear" | "scheduled-tasks";
+type ObjectiveDetailTab = "activity" | "notes" | "tasks" | "scheduled-tasks";
 
 function summarizeSessionTitle(content: string): string {
   const normalized = content.replace(/\s+/g, " ").trim();
@@ -478,6 +495,9 @@ function ObjectiveChatPanel({
   projectSlug,
   objective,
   teamName,
+  trackerConnections,
+  availableTrackers,
+  defaultTrackerType,
   onThreadLinked,
   onObjectiveUpdated,
 }: {
@@ -485,6 +505,9 @@ function ObjectiveChatPanel({
   projectSlug: string;
   objective: ProjectObjective;
   teamName: string | null;
+  trackerConnections: TrackerConnectionInfo[];
+  availableTrackers: { type: string; displayName: string }[];
+  defaultTrackerType: string | null;
   onThreadLinked: (threadId: string) => Promise<void>;
   onObjectiveUpdated: () => Promise<void>;
 }) {
@@ -495,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
@@ -532,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);
@@ -906,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);
@@ -959,7 +1026,11 @@ function ObjectiveChatPanel({
       const projectParticipantIds = participants.map((participant) => participant.id);
       const rootMessageId = isDetailView ? selectedSessionId : null;
       const combinedPrefix = [
-        buildObjectiveChatPrefix(objective, teamName, projectId, projectSlug, appOrigin),
+        buildObjectiveChatPrefix(objective, teamName, projectId, projectSlug, appOrigin, {
+          available: availableTrackers,
+          configured: trackerConnections.filter((c) => c.connected).map((c) => ({ type: c.type, displayName: c.displayName })),
+          defaultType: defaultTrackerType,
+        }),
         promptPrefix,
       ]
         .filter(Boolean)
@@ -1015,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;
@@ -1064,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"
           }`}
@@ -1130,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" />
@@ -1157,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>
@@ -1177,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}
@@ -1266,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({
@@ -1639,9 +1700,25 @@ export function ProjectObjectiveDetail({
   const [savingNoteIds, setSavingNoteIds] = useState<Set<string>>(new Set());
   const [isCreatingNote, setIsCreatingNote] = useState(false);
   const [noteSearch, setNoteSearch] = useState("");
-  const [linearIssues, setLinearIssues] = useState<ObjectiveLinearIssueSummary[]>([]);
-  const [linearConnected, setLinearConnected] = useState(true);
+  const [trackerItems, setTrackerItems] = useState<ObjectiveTrackerItemSummary[]>([]);
+  const [trackerConnections, setTrackerConnections] = useState<TrackerConnectionInfo[]>([]);
+  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,
@@ -1956,46 +2033,119 @@ export function ProjectObjectiveDetail({
   }, [objective, project?.id, refetchProject]);
 
   useEffect(() => {
-    if (!project?.id || !objective?.id) {
-      setLinearIssues([]);
-      setLinearConnected(true);
+    if (!project?.id || !objective?.id || !objective?.key) {
+      setTrackerItems([]);
+      setTrackerConnections([]);
+      setAvailableTrackers([]);
       return;
     }
 
     const projectId = project.id;
-    const currentObjectiveId = objective.id;
+    const objectiveKey = objective.key;
     let cancelled = false;
 
-    async function loadObjectiveResources() {
+    async function loadTrackerResources() {
       try {
-        const linearResponse = await fetch(
-          `/api/projects/${projectId}/objectives/${currentObjectiveId}/linear-issues`
+        const connRes = await fetch(
+          `/api/trackers/connections?projectId=${encodeURIComponent(projectId)}`
         );
-        const linearPayload =
-          linearResponse.status === 401
-            ? { connected: false, issues: [] as ObjectiveLinearIssueSummary[] }
-            : linearResponse.ok
-              ? ((await linearResponse.json()) as {
-                  connected?: boolean;
-                  issues?: ObjectiveLinearIssueSummary[];
-                })
-              : { connected: true, issues: [] as ObjectiveLinearIssueSummary[] };
-
+        if (!connRes.ok) {
+          if (!cancelled) {
+            setTrackerItems([]);
+            setTrackerConnections([]);
+            setAvailableTrackers([]);
+          }
+          return;
+        }
+        const connPayload = (await connRes.json()) as {
+          connections?: { type: string; connected?: boolean }[];
+          available?: { type: string; displayName: string }[];
+          defaultTracker?: string | null;
+        };
         if (cancelled) return;
 
-        setLinearIssues(
-          Array.isArray(linearPayload.issues) ? linearPayload.issues : []
+        const available = Array.isArray(connPayload.available) ? connPayload.available : [];
+        const connections: TrackerConnectionInfo[] = (connPayload.connections ?? []).map((c) => ({
+          type: c.type,
+          displayName: available.find((a) => a.type === c.type)?.displayName ?? c.type,
+          connected: c.connected !== false,
+        }));
+        const nextDefault =
+          typeof connPayload.defaultTracker === "string" && connPayload.defaultTracker
+            ? connPayload.defaultTracker
+            : null;
+
+        setAvailableTrackers(available);
+        setTrackerConnections(connections);
+        setDefaultTrackerType(nextDefault);
+
+        const connectedOnly = connections.filter((c) => c.connected);
+        const activeConns =
+          nextDefault && connectedOnly.some((c) => c.type === nextDefault)
+            ? connectedOnly.filter((c) => c.type === nextDefault)
+            : connectedOnly;
+        if (activeConns.length === 0) {
+          setTrackerItems([]);
+          return;
+        }
+
+        const normalizedKey = objectiveKey.trim().toLowerCase();
+        const results = await Promise.all(
+          activeConns.map(async (conn) => {
+            try {
+              const itemsRes = await fetch(
+                `/api/trackers/${encodeURIComponent(conn.type)}/items?projectId=${encodeURIComponent(projectId)}&limit=500`
+              );
+              if (!itemsRes.ok) return [];
+              const payload = (await itemsRes.json()) as {
+                items?: {
+                  id: string;
+                  trackerType?: string;
+                  identifier: string;
+                  title: string;
+                  url?: string | null;
+                  status: string;
+                  assignee?: { name?: string } | null;
+                  updatedAt: string;
+                  labels?: string[];
+                }[];
+              };
+              const items = Array.isArray(payload.items) ? payload.items : [];
+              return items
+                .filter((item) =>
+                  (item.labels ?? []).some(
+                    (label) => label.trim().toLowerCase() === normalizedKey
+                  )
+                )
+                .map<ObjectiveTrackerItemSummary>((item) => ({
+                  id: item.id,
+                  trackerType: item.trackerType ?? conn.type,
+                  identifier: item.identifier,
+                  title: item.title,
+                  url: item.url ?? null,
+                  status: item.status,
+                  assignee: item.assignee?.name ?? null,
+                  updatedAt: item.updatedAt,
+                  labels: item.labels,
+                }));
+            } catch {
+              return [];
+            }
+          })
         );
-        setLinearConnected(linearPayload.connected !== false);
+
+        if (cancelled) return;
+        setTrackerItems(results.flat());
       } catch (error) {
         if (cancelled) return;
-        console.warn("Failed to load objective resources", error);
-        setLinearIssues([]);
-        setLinearConnected(true);
+        console.warn("Failed to load objective tracker resources", error);
+        setTrackerItems([]);
+        setTrackerConnections([]);
+        setAvailableTrackers([]);
       }
     }
 
-    void loadObjectiveResources();
+    void loadTrackerResources();
 
     return () => {
       cancelled = true;
@@ -2033,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} />
 
@@ -2179,7 +2330,14 @@ export function ProjectObjectiveDetail({
                   {([
                     { id: "activity" as const, label: "Activity", icon: Clock },
                     { id: "notes" as const, label: "Notes", icon: FileText },
-                    { id: "linear" as const, label: "Tasks", icon: (props: { size?: number; className?: string }) => <TrackerIcon trackerType="linear" className="h-3.5 w-3.5" /> },
+                    { id: "tasks" as const, label: "Tasks", icon: (props: { size?: number; className?: string }) => {
+                      const connected = trackerConnections.filter((c) => c.connected);
+                      const iconType =
+                        (defaultTrackerType && connected.some((c) => c.type === defaultTrackerType)
+                          ? defaultTrackerType
+                          : connected[0]?.type) ?? "tracker";
+                      return <TrackerIcon trackerType={iconType} className="h-3.5 w-3.5" />;
+                    } },
                     { id: "scheduled-tasks" as const, label: "Scheduled Jobs", icon: CalendarClock },
                   ]).map((tab) => (
                     <button
@@ -2204,9 +2362,9 @@ export function ProjectObjectiveDetail({
                           {notes.length}
                         </span>
                       )}
-                      {tab.id === "linear" && (() => {
+                      {tab.id === "tasks" && (() => {
                         const DONE = ["done", "canceled", "cancelled", "completed", "duplicate"];
-                        const active = linearIssues.filter(
+                        const active = trackerItems.filter(
                           (i, idx, arr) => arr.findIndex((x) => x.id === i.id) === idx && !DONE.includes(i.status.toLowerCase())
                         );
                         return active.length > 0 ? (
@@ -2385,9 +2543,9 @@ export function ProjectObjectiveDetail({
                   />
                 )}
 
-                {/* Linear Tickets Tab */}
-                {activeTab === "linear" && (() => {
-                  const dedupedIssues = linearIssues.filter(
+                {/* Tracker Tickets Tab */}
+                {activeTab === "tasks" && (() => {
+                  const dedupedIssues = trackerItems.filter(
                     (issue, idx, arr) => arr.findIndex((i) => i.id === issue.id) === idx
                   );
                   const DONE_STATUSES = ["done", "canceled", "cancelled", "completed", "duplicate"];
@@ -2398,6 +2556,16 @@ export function ProjectObjectiveDetail({
                     .filter((i) => DONE_STATUSES.includes(i.status.toLowerCase()))
                     .slice(-5);
 
+                  const connectedTrackers = trackerConnections.filter((c) => c.connected);
+                  const activeTrackers =
+                    defaultTrackerType && connectedTrackers.some((c) => c.type === defaultTrackerType)
+                      ? connectedTrackers.filter((c) => c.type === defaultTrackerType)
+                      : connectedTrackers;
+                  const connectedLabel =
+                    activeTrackers.length === 0
+                      ? null
+                      : activeTrackers.map((c) => c.displayName).join(", ");
+
                   return (
                     <section>
                       <div className="flex flex-wrap items-start justify-between gap-3 mb-4">
@@ -2405,13 +2573,22 @@ export function ProjectObjectiveDetail({
                           Tickets tracked by the objective label{" "}
                           <code className="rounded bg-[var(--tone-neutral-bg)] px-1.5 py-0.5 font-mono text-[11px] text-[var(--foreground)]">
                             {objective.key}
-                          </code>.
+                          </code>
+                          {connectedLabel ? <> across {connectedLabel}.</> : "."}
                         </p>
                       </div>
-                      {!linearConnected ? (
-                        <EmptyState label="Connect Linear to create and track tickets for this objective." />
+                      {activeTrackers.length === 0 ? (
+                        <EmptyState
+                          label={
+                            availableTrackers.length === 0
+                              ? "No tracker integrations registered."
+                              : `Connect a tracker (${availableTrackers
+                                  .map((t) => t.displayName)
+                                  .join(", ")}) to create and track tickets for this objective.`
+                          }
+                        />
                       ) : dedupedIssues.length === 0 ? (
-                        <EmptyState label={`No Linear tickets with label ${objective.key} yet.`} />
+                        <EmptyState label={`No tracker tickets with label ${objective.key} yet.`} />
                       ) : (
                         <>
                           {activeIssues.length > 0 && (
@@ -2423,11 +2600,14 @@ export function ProjectObjectiveDetail({
                                 >
                                   <div className="flex items-start justify-between gap-3">
                                     <div className="min-w-0">
-                                      <p className="text-xs font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">
-                                        {issue.identifier}
-                                      </p>
+                                      <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">
+                                        <TrackerIcon trackerType={issue.trackerType} className="h-3 w-3" />
+                                        <span>{issue.identifier}</span>
+                                      </div>
                                       <a
-                                        href={`/projects/${projectSlug}/linear?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)]"
                                       >
                                         {issue.title}
@@ -2455,9 +2635,12 @@ export function ProjectObjectiveDetail({
                                 {doneIssues.map((issue) => (
                                   <a
                                     key={issue.id}
-                                    href={`/projects/${projectSlug}/linear?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)]"
                                   >
+                                    <TrackerIcon trackerType={issue.trackerType} className="h-3 w-3 shrink-0" />
                                     <span className="text-[11px] font-mono shrink-0">{issue.identifier}</span>
                                     <span className="text-[12px] truncate">{issue.title}</span>
                                     <span className="ml-auto shrink-0 text-[10px] text-[var(--app-shell-soft-text)] group-hover:text-[var(--muted-foreground)]">{issue.status}</span>
@@ -2512,12 +2695,17 @@ export function ProjectObjectiveDetail({
               </div>
             </div>
           </div>
+          <JumpToLatestButton visible={showBackToTop} direction="top" onClick={backToTop} />
+          </div>
 
           <ObjectiveChatPanel
             projectId={project.id}
             projectSlug={projectSlug}
             objective={objective}
             teamName={teamName}
+            trackerConnections={trackerConnections}
+            availableTrackers={availableTrackers}
+            defaultTrackerType={defaultTrackerType}
             onThreadLinked={handleObjectiveThreadLinked}
             onObjectiveUpdated={refetchProject}
           />