@mndrk/agx 2.3.3 → 2.4.1

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

@@ -16,12 +16,12 @@ import { useFileMention } from "@/hooks/useFileMention";
 import { useThreadMention, type Discussion } from "@/hooks/useThreadMention";
 import { useComposerAttachments } from "@/hooks/useComposerAttachments";
 import { useComposerHistory } from "@/hooks/useComposerHistory";
-import { useLinearIssueMentions } from "@/hooks/useLinearIssueMentions";
+import { useTrackerItemMentions } from "@/hooks/useTrackerItemMentions";
 import { buildAgentContext } from "@/lib/chat/agentContextBuilder";
 import {
-  buildLinearIssueContextPrefix,
-  extractMentionedLinearIssueIds,
-} from "@/lib/chat/linear-issue-context";
+  buildTrackerItemContextPrefix,
+  extractMentionedTrackerItemIds,
+} from "@/lib/chat/tracker-item-context";
 import {
   extractComposerRouting,
   type ComposerRoutingMetadata,
@@ -37,7 +37,7 @@ import {
   ProjectMention,
   FileMention,
   ThreadMention,
-  LinearIssueMention,
+  TrackerItemMention,
 } from "@/lib/tiptap/composer-mentions";
 import { serializeToPlainText } from "@/lib/tiptap/serialize-composer";
 import { getCurrentParagraphText, plainTextRangeToPos } from "@/lib/tiptap/editor-utils";
@@ -189,12 +189,12 @@ export function Composer({
   }, []);
 
   const [threadRefs, setThreadRefs] = useState<ThreadRef[]>([]);
-  const { issues: cachedLinearIssues } = useLinearIssueMentions({
+  const { issues: cachedTrackerItems } = useTrackerItemMentions({
     projectId: projectId ?? "",
     projectSlug,
     enabled: Boolean(projectId),
   });
-  const linearIssues = cachedLinearIssues as MentionLinearIssue[];
+  const linearIssues = cachedTrackerItems as MentionLinearIssue[];
 
   const mention = useMentionAutocomplete({
     participants,
@@ -264,7 +264,7 @@ export function Composer({
       ProjectMention,
       FileMention,
       ThreadMention,
-      LinearIssueMention,
+      TrackerItemMention,
     ],
     editorProps: {
       attributes: {
@@ -499,7 +499,7 @@ export function Composer({
             }
           : suggestion.kind === "ticket"
             ? {
-                type: "linearIssueMention",
+                type: "trackerItemMention",
                 attrs: {
                   id: suggestion.issue.id,
                   identifier: suggestion.issue.identifier,
@@ -663,25 +663,26 @@ export function Composer({
       }
     }
 
-    const mentionedLinearIssueIds = extractMentionedLinearIssueIds(doc);
-    if (mentionedLinearIssueIds.length > 0) {
+    const mentionedTrackerItemIds = extractMentionedTrackerItemIds(doc);
+    if (mentionedTrackerItemIds.length > 0) {
       try {
-        const response = await fetch("/api/linear/issues/context", {
+        // TODO(multi-tracker): resolve tracker type from mention attrs and route to correct adapter
+        const response = await fetch("/api/trackers/linear/items/context", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ issueIds: mentionedLinearIssueIds }),
+          body: JSON.stringify({ issueIds: mentionedTrackerItemIds }),
         });
         if (!response.ok) {
-          throw new Error(`Failed to load issue context: ${response.status}`);
+          throw new Error(`Failed to load item context: ${response.status}`);
         }
         const data = await response.json().catch(() => ({}));
         const issues = Array.isArray(data.issues) ? data.issues : [];
-        const issueContext = buildLinearIssueContextPrefix(issues);
+        const issueContext = buildTrackerItemContextPrefix(issues);
         if (issueContext) {
           prefixParts.push(issueContext.trimEnd());
         }
       } catch (error) {
-        console.error("Failed to load Linear issue mention context:", error);
+        console.error("Failed to load tracker item mention context:", error);
       }
     }
 
@@ -734,65 +735,7 @@ export function Composer({
       <div className="max-w-3xl mx-auto">
         <ComposerDropZone onDrop={attachments.stageFiles}>
           <div className="bg-[var(--app-shell-surface)] border border-[var(--app-shell-border)] shadow-[var(--shadow-sm)] focus-within:border-[var(--app-shell-border-strong)] focus-within:ring-1 focus-within:ring-[var(--ring)] transition-all flex flex-col rounded-2xl">
-          {/* Ship Mode header */}
-          {onAutoModeChange && (
-            <div className={`relative overflow-hidden border-b transition-all duration-500 ${autoMode ? "border-orange-200/50 dark:border-orange-500/30" : "border-gray-100 dark:border-gray-800/60"}`}>
-              {/* Animated gradient background when active */}
-              <div
-                className={`absolute inset-0 transition-opacity duration-700 ${autoMode ? "opacity-100" : "opacity-0"}`}
-                style={{
-                  background: "linear-gradient(120deg, var(--warning-muted) 0%, transparent 50%, var(--warning-muted) 100%)",
-                  backgroundSize: "200% 100%",
-                  animation: autoMode ? "shipBgSweep 4s ease-in-out infinite" : "none",
-                }}
-              />
-              {/* Speed lines when active */}
-              {autoMode && (
-                <div className="absolute inset-0 overflow-hidden pointer-events-none">
-                  {[...Array(8)].map((_, i) => (
-                    <div
-                      key={i}
-                      className="absolute h-[1.5px] rounded-full"
-                      style={{
-                        top: `${12 + i * 10}%`,
-                        right: "-10%",
-                        width: `${20 + (i % 3) * 15}%`,
-                        background: `linear-gradient(to left, transparent, var(--warning))`,
-                        opacity: 0.3 + (i % 3) * 0.1,
-                        animation: `shipSpeedLine ${0.8 + (i % 4) * 0.3}s ${i * 0.1}s ease-in-out infinite`,
-                      }}
-                    />
-                  ))}
-                </div>
-              )}
-              <div className="relative px-3 py-2">
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-2">
-                    <div
-                      className={`p-1 rounded-md transition-all duration-300 ${autoMode ? "bg-[var(--warning)] text-[var(--warning-muted)] shadow-md" : "bg-[var(--app-shell-subtle)] text-[var(--app-shell-muted)]"}`}
-                      style={autoMode ? { animation: "shipPulse 2s ease-in-out infinite" } : {}}
-                    >
-                      <Rocket size={14} />
-                    </div>
-                    <span className={`text-sm font-semibold transition-colors duration-300 ${autoMode ? "text-[var(--warning)]" : "text-[var(--foreground)]"}`}>Ship Mode</span>
-                    <span className={`text-xs transition-colors duration-300 ${autoMode ? "text-[var(--warning)] opacity-60" : "text-[var(--app-shell-muted)] opacity-60"}`}>|</span>
-                    <span className={`text-xs font-medium transition-colors duration-300 ${autoMode ? "text-[var(--warning)] opacity-80" : "text-[var(--app-shell-muted)]"}`}>
-                      {autoMode
-                        ? "Continuous execution is active for this thread"
-                        : "Continuous execution stays off until you enable it"}
-                    </span>
-                  </div>
-                  <button
-                    type="button"
-                    onClick={() => onAutoModeChange(!autoMode)}
-                    className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-[var(--warning)] focus:ring-offset-2 focus:ring-offset-[var(--background)] ${autoMode ? "bg-[var(--warning)]" : "bg-[var(--app-shell-border-strong)]"}`}
-                  >
-                    <span className={`inline-block h-4 w-4 transform rounded-full bg-[var(--app-shell-elevated)] shadow-sm transition-transform duration-200 ${autoMode ? "translate-x-6" : "translate-x-1"}`} />
-                  </button>
-                </div>
-              </div>
-            </div>
-          )}
+
           <div className="p-1.5 transition-all">
 
             {attachments.staged.length > 0 && (

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

@@ -8,6 +8,7 @@ import { MessageAttachments } from "./MessageAttachments";
 import { MessageSquare, User, FileText, Loader2, AlertCircle, RotateCcw } from "lucide-react";
 import Link from "next/link";
 import { stripMarkers } from "@/lib/chat-utils";
+import { StreamingSegments } from "./StreamingSegments";
 
 interface Props {
   message: GroupMessage;
@@ -100,7 +101,11 @@ export function MessageBubble({
             }
           }}
         >
-          <Markdown content={cleanContent} isUser={isUser} />
+          {isUser ? (
+            <Markdown content={cleanContent} isUser />
+          ) : (
+            <StreamingSegments content={cleanContent} />
+          )}
           {message.attachments && message.attachments.length > 0 && (
             <MessageAttachments attachments={message.attachments} />
           )}

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

@@ -11,7 +11,7 @@ import { Markdown } from "./Markdown";
 import { MessageAttachments } from "./MessageAttachments";
 import { ActionToolbar, ActionToolbarDivider } from "../ActionToolbar";
 import { IconButton } from "../IconButton";
-import { MessageSquare, Copy, Hash, Loader2, Trash2, User, Clock, Zap, CheckCircle2, Circle, Link, AtSign, Rocket } from "lucide-react";
+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";
 
@@ -99,16 +99,33 @@ export function MessageList({
   shipModeThreads,
 }: Props) {
   const messageRefs = useRef<Map<string, HTMLDivElement>>(new Map());
+  const scrollContainerRef = useRef<HTMLDivElement>(null);
   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 participantMap = Object.fromEntries(participants.map((p) => [p.id, p]));
 
-  // Filter to only main chat messages (not thread replies), reverse chronological
+  // Filter to only main chat messages (not thread replies)
   const allMainMessages = useMemo(
-    () => [...messages.filter((msg) => !msg.rootMessageId)].reverse(),
-    [messages]
+    () => {
+      const filtered = messages.filter((msg) => !msg.rootMessageId);
+      return sortOrder === "asc"
+        ? [...filtered].sort((a, b) => a.timestamp - b.timestamp)
+        : [...filtered].sort((a, b) => b.timestamp - a.timestamp);
+    },
+    [messages, sortOrder]
   );
 
+  // Auto-scroll to bottom when newest is at bottom (asc) and new messages arrive
+  const prevMessageCountRef = useRef(0);
+  useEffect(() => {
+    if (sortOrder !== "asc") { prevMessageCountRef.current = allMainMessages.length; return; }
+    if (allMainMessages.length > prevMessageCountRef.current) {
+      scrollContainerRef.current?.scrollTo({ top: scrollContainerRef.current.scrollHeight, behavior: "smooth" });
+    }
+    prevMessageCountRef.current = allMainMessages.length;
+  }, [allMainMessages.length, sortOrder]);
+
   const TAB_FILTERS: Record<typeof activeTab, Set<ThreadStatus>> = {
     active: new Set(["active"]),
     paused: new Set(["paused"]),
@@ -151,8 +168,6 @@ export function MessageList({
     element.scrollIntoView({ behavior: "smooth", block: "center" });
   }, [highlightedMessageId, messages]);
 
-  // No auto-scroll needed — newest messages are at the top
-
   const TABS: { key: typeof activeTab; label: string }[] = [
     { key: "active", label: "Active" },
     { key: "paused", label: "Paused" },
@@ -162,10 +177,11 @@ export function MessageList({
   ];
 
   return (
-    <div className="chat-scrollbar flex-1 overflow-y-auto p-4">
+    <div ref={scrollContainerRef} className="chat-scrollbar flex-1 overflow-y-auto p-4">
       <div className="max-w-3xl mx-auto">
         {allMainMessages.length > 0 && (
-          <div className="flex items-center justify-center gap-1 p-1 rounded-lg w-fit mx-auto border border-[var(--app-shell-border)] bg-[var(--app-shell-subtle)] mb-4">
+          <div className="flex items-center justify-center gap-2 mb-4">
+            <div className="flex items-center gap-1 p-1 rounded-lg border border-[var(--app-shell-border)] bg-[var(--app-shell-subtle)]">
             {TABS.map((tab) => {
               const count = tabCounts[tab.key];
               const isActive = activeTab === tab.key;
@@ -189,6 +205,16 @@ export function MessageList({
                 </button>
               );
             })}
+            </div>
+            <button
+              type="button"
+              onClick={() => setSortOrder((o) => o === "asc" ? "desc" : "asc")}
+              title={sortOrder === "asc" ? "Newest at bottom — click to flip" : "Newest at top — click to flip"}
+              className="inline-flex items-center gap-1 px-2 py-1.5 rounded-lg border border-[var(--app-shell-border)] bg-[var(--app-shell-subtle)] text-[var(--app-shell-muted)] hover:text-[var(--foreground)] text-[10px] font-bold transition-colors"
+            >
+              {sortOrder === "asc" ? <ArrowUp className="w-3 h-3" /> : <ArrowDown className="w-3 h-3" />}
+              {sortOrder === "asc" ? "Oldest first" : "Newest first"}
+            </button>
           </div>
         )}
         {/* Top-level streaming indicators are now rendered inside their triggering message card */}

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

@@ -0,0 +1,88 @@
+"use client";
+
+import { useState } from "react";
+import { Markdown } from "./Markdown";
+import { parseStreamSegments } from "@/lib/chat-utils";
+import { ChevronDown, ChevronRight, Loader2, Brain } from "lucide-react";
+
+interface Props {
+  content: string;
+  thoughts?: string[];
+}
+
+export function StreamingSegments({ content, thoughts }: Props) {
+  const segments = parseStreamSegments(content);
+
+  return (
+    <div className="space-y-1">
+      {thoughts && thoughts.length > 0 && thoughts.map((thought, i) => (
+        <ThinkingBlock key={`thought-${i}`} content={thought} />
+      ))}
+      {segments.map((seg, i) =>
+        seg.type === "text" ? (
+          <div key={i} className="text-[15px] leading-relaxed">
+            <Markdown content={seg.content} isUser={false} />
+          </div>
+        ) : (
+          <ToolIndicator key={i} name={seg.name} input={seg.input} pending={seg.pending} />
+        )
+      )}
+    </div>
+  );
+}
+
+function ThinkingBlock({ content }: { content: string }) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="text-xs text-[var(--muted-foreground)]">
+      <button
+        type="button"
+        onClick={() => setOpen(!open)}
+        className="flex items-center gap-1.5 hover:text-[var(--foreground)] transition-colors py-1 font-medium"
+      >
+        {open ? (
+          <ChevronDown className="w-3 h-3" />
+        ) : (
+          <ChevronRight className="w-3 h-3" />
+        )}
+        <Brain className="w-3 h-3" />
+        <span>Thinking</span>
+      </button>
+      {open && (
+        <div className="ml-4 pl-3 border-l border-[var(--app-shell-border)] py-1 text-[var(--muted-foreground)] text-[13px] leading-relaxed">
+          <Markdown content={content} isUser={false} />
+        </div>
+      )}
+    </div>
+  );
+}
+
+function ToolIndicator({ name, input, pending }: { name: string; input: string; pending: boolean }) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="text-xs text-[var(--muted-foreground)] font-medium">
+      <button
+        type="button"
+        onClick={() => setOpen(!open)}
+        className="flex items-center gap-1.5 hover:text-[var(--foreground)] transition-colors py-1"
+      >
+        {pending ? (
+          <Loader2 className="w-3 h-3 animate-spin" />
+        ) : open ? (
+          <ChevronDown className="w-3 h-3" />
+        ) : (
+          <ChevronRight className="w-3 h-3" />
+        )}
+        <span>{name}</span>
+        {pending && <span className="opacity-60">running...</span>}
+      </button>
+      {open && input && (
+        <div className="ml-4 pl-3 border-l border-[var(--app-shell-border)] py-1 text-[var(--muted-foreground)] whitespace-pre-wrap break-all max-h-40 overflow-y-auto font-mono text-[11px]">
+          {input}
+        </div>
+      )}
+    </div>
+  );
+}

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

@@ -13,6 +13,7 @@ import { MessageAttachments } from "./MessageAttachments";
 import { agentAvatarUrl } from "./ParticipantBar";
 import { MessageReactionsBar } from "./MessageReactionsBar";
 import { stripMarkers } from "@/lib/chat-utils";
+import { StreamingSegments } from "./StreamingSegments";
 
 interface Props {
     messages: GroupMessage[];
@@ -177,20 +178,21 @@ export function ThreadView({
                                         <span className="text-[11px] text-[var(--app-shell-soft-text)]">{formatTimestamp(msg.timestamp)}</span>
                                     </div>
 
-                                    <div
-                                        className={`surface-card rounded-2xl p-5 text-[15px] leading-relaxed ${msg.id === highlightedMessageId ? "ring-2 ring-[var(--ring)]" : ""}`}
-                                    >
-                                        <Markdown content={stripMarkers(msg.content)} isUser={isUser} />
+                                    <div className={`text-[15px] leading-relaxed ${msg.id === highlightedMessageId ? "ring-2 ring-[var(--ring)] rounded-2xl p-2 -m-2" : ""}`}>
+                                        {isUser ? (
+                                            <Markdown content={stripMarkers(msg.content)} isUser />
+                                        ) : (
+                                            <StreamingSegments content={stripMarkers(msg.content)} />
+                                        )}
                                         {msg.attachments && msg.attachments.length > 0 && (
                                             <MessageAttachments attachments={msg.attachments} />
                                         )}
-
-                                        {msg.reactions && msg.reactions.length > 0 && (
-                                            <div className="mt-4">
-                                                <MessageReactionsBar reactions={msg.reactions} />
-                                            </div>
-                                        )}
                                     </div>
+                                    {msg.reactions && msg.reactions.length > 0 && (
+                                        <div className="mt-2">
+                                            <MessageReactionsBar reactions={msg.reactions} />
+                                        </div>
+                                    )}
 
                                     {/* Actions on hover */}
                                     <ActionToolbar>
@@ -274,12 +276,13 @@ export function ThreadView({
                         </div>
                     )}
 
-                    {/* Typing indicators */}
+                    {/* Streaming content + typing indicators */}
                     {Object.entries(streaming)
                         .filter(([, entry]) => entry.rootMessageId === rootMessageId)
                         .map(([pid, entry]) => {
                             const sp = participantMap[pid];
                             const hasContent = entry.content.trim().length > 0;
+                            const isWorking = activeProcesses.some((p) => p.agentId === pid);
                             return (
                                 <div key={`streaming-${pid}`} className="flex gap-4 group relative animate-in fade-in slide-in-from-bottom-2 duration-300">
                                     <div className="flex-shrink-0 mt-1">
@@ -309,8 +312,15 @@ export function ThreadView({
                                             )}
                                         </div>
                                         {hasContent && (
-                                            <div className="surface-card rounded-2xl p-5 text-[15px] leading-relaxed">
-                                                <Markdown content={stripMarkers(entry.content)} isUser={false} />
+                                            <StreamingSegments content={entry.content} thoughts={entry.thoughts} />
+                                        )}
+                                        {hasContent && isWorking && (
+                                            <div className="flex items-center gap-2 pt-1">
+                                                <span className="inline-flex items-center gap-[3px]">
+                                                    <span className="w-1.5 h-1.5 rounded-full bg-[var(--app-shell-muted)] animate-[pulse-dot_1.4s_ease-in-out_infinite]" />
+                                                    <span className="w-1.5 h-1.5 rounded-full bg-[var(--app-shell-muted)] animate-[pulse-dot_1.4s_ease-in-out_0.2s_infinite]" />
+                                                    <span className="w-1.5 h-1.5 rounded-full bg-[var(--app-shell-muted)] animate-[pulse-dot_1.4s_ease-in-out_0.4s_infinite]" />
+                                                </span>
                                             </div>
                                         )}
                                     </div>

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

@@ -31,7 +31,7 @@ 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 { LinearIcon } from "@/components/linear/LinearIcon";
+import { TrackerIcon } from "@/components/tracking/TrackerIcon";
 import { usePromptJobs } from "@/hooks/usePromptJobs";
 import { useInputCapabilities } from "@/hooks/useInputCapabilities";
 import { threadService } from "@/services/threadService";
@@ -41,6 +41,7 @@ import {
   persistObjectiveChatPanelWidth,
   persistObjectiveListPanelWidth,
 } from "@/state/windowState";
+import { loadLastSessionForEntity, persistLastSessionForEntity } from "@/state/lastSession";
 import type { GroupMessage, Participant } from "@/lib/types";
 import {
   CURRENT_OBJECTIVE_CHAT_SESSION_VERSION,
@@ -899,6 +900,21 @@ function ObjectiveChatPanel({
     wasWorkingRef.current = hasWorkspaceWork;
   }, [hasWorkspaceWork, onObjectiveUpdated]);
 
+  useEffect(() => {
+    if (selectedSessionId) {
+      persistLastSessionForEntity(objective.id, selectedSessionId);
+    }
+  }, [objective.id, selectedSessionId]);
+
+  useEffect(() => {
+    if (selectedSessionId || sessions.length === 0) return;
+    const storedId = loadLastSessionForEntity(objective.id);
+    if (!storedId) return;
+    if (sessions.some((s) => s.rootMessageId === storedId)) {
+      setSelectedSessionId(storedId);
+    }
+  }, [objective.id, selectedSessionId, sessions, setSelectedSessionId]);
+
   const cancelChatRun = useCallback(async (chatRunId: string) => {
     await fetch(`/api/chat-runs/${encodeURIComponent(chatRunId)}/signal`, {
       method: "POST",
@@ -2163,7 +2179,7 @@ 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: LinearIcon },
+                    { id: "linear" as const, label: "Tasks", icon: (props: { size?: number; className?: string }) => <TrackerIcon trackerType="linear" className="h-3.5 w-3.5" /> },
                     { id: "scheduled-tasks" as const, label: "Scheduled Jobs", icon: CalendarClock },
                   ]).map((tab) => (
                     <button

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

@@ -3,8 +3,8 @@
 import { useEffect, useState, useMemo } from "react";
 import { useRouter } from "next/navigation";
 import { MessageSquare, TerminalSquare } from "lucide-react";
-import { useLinearConnection } from "@/hooks/useLinearConnection";
-import { LinearIcon } from "@/components/linear/LinearIcon";
+import { useTrackerConnection } from "@/hooks/useTrackerConnection";
+import { TrackerIcon } from "@/components/tracking/TrackerIcon";
 import { ToolPathCard } from "./ToolPathCard";
 
 interface ThreadEntry {
@@ -27,7 +27,7 @@ interface ToolPathsSectionProps {
 
 export function ToolPathsSection({ projectId, projectSlug, primaryThreadId }: ToolPathsSectionProps) {
   const router = useRouter();
-  const { connected, loading: linearLoading } = useLinearConnection(projectId);
+  const { connected, loading: trackerLoading } = useTrackerConnection("linear", projectId);
   const [threads, setThreads] = useState<ThreadEntry[] | null>(null);
   const [threadCount, setThreadCount] = useState(0);
 
@@ -102,12 +102,12 @@ export function ToolPathsSection({ projectId, projectSlug, primaryThreadId }: To
 
       {/* Linear */}
       <ToolPathCard
-        icon={<LinearIcon className="w-4 h-4" />}
+        icon={<TrackerIcon trackerType="linear" className="w-4 h-4" />}
         title="Tasks"
         accentClass="text-blue-400"
-        onClick={() => router.push(`/projects/${projectSlug}/linear`)}
+        onClick={() => router.push(`/projects/${projectSlug}/tracking`)}
         badge={
-          !linearLoading ? (
+          !trackerLoading ? (
             connected ? (
               <span className="rounded-full border border-[var(--status-completed-border)] bg-[var(--status-completed-bg)] px-2 py-0.5 text-[11px] text-[var(--status-completed-text)]">
                 Connected
@@ -120,7 +120,7 @@ export function ToolPathsSection({ projectId, projectSlug, primaryThreadId }: To
           ) : undefined
         }
       >
-        {!linearLoading && !connected && (
+        {!trackerLoading && !connected && (
           <p className="text-[var(--muted-foreground)]">Connect to see issues</p>
         )}
       </ToolPathCard>

package/cloud-runtime/standalone/apps/local/components/terminal/ProjectTerminal.tsx

@@ -1,12 +1,13 @@
 "use client";
 
 import { useEffect, useRef, useState } from "react";
-import { useParams } from "next/navigation";
+import { useParams, useSearchParams } from "next/navigation";
 import { useInputCapabilities } from "@/hooks/useInputCapabilities";
 import { useTerminalTabsStore } from "@/state/terminalTabs";
 import { useUrlSelection } from "@/hooks/useUrlSelection";
 import TerminalSessionList from "./TerminalSessionList";
 import TerminalPane from "./TerminalPane";
+import type { TerminalPaneHandle } from "./TerminalPane";
 import {
   type TerminalInstance,
   type TerminalStatus,
@@ -38,6 +39,10 @@ export default function ProjectTerminal() {
   const updateTerminalStatus = useTerminalTabsStore((s) => s.updateTerminalStatus);
 
   const { getSelection, replaceSelection } = useUrlSelection();
+  const searchParams = useSearchParams();
+  const initCmdRef = useRef(searchParams.get("cmd"));
+  const initCmdSentRef = useRef(false);
+  const firstTerminalPaneRef = useRef<TerminalPaneHandle>(null);
   const selectedId = getSelection("session");
   const gridRef = useRef<HTMLDivElement>(null);
   const [editingTerminal, setEditingTerminal] = useState<EditingTerminal | null>(null);
@@ -67,6 +72,14 @@ export default function ProjectTerminal() {
     }
   }, [selectedId, sessions, replaceSelection]);
 
+  // Clear ?cmd param from URL immediately on mount so refresh won't re-run
+  useEffect(() => {
+    if (!initCmdRef.current) return;
+    const url = new URL(window.location.href);
+    url.searchParams.delete("cmd");
+    window.history.replaceState({}, "", url.toString());
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   const selectedSession = sessions.find((s) => s.id === selectedId);
 
   useEffect(() => {
@@ -163,6 +176,7 @@ export default function ProjectTerminal() {
     sessionId: string,
     terminal: TerminalInstance,
     isSingle: boolean,
+    paneRef?: React.RefObject<TerminalPaneHandle | null>,
   ) {
     const isEditing =
       editingTerminal?.sessionId === sessionId &&
@@ -235,11 +249,18 @@ export default function ProjectTerminal() {
 
         <div className="min-h-0 flex-1">
           <TerminalPane
+            ref={paneRef}
             key={terminal.id}
             tabId={terminal.id}
-            onSessionReady={(backendSessionId) =>
-              setTerminalSessionId(projectId, sessionId, terminal.id, backendSessionId)
-            }
+            onSessionReady={(backendSessionId) => {
+              setTerminalSessionId(projectId, sessionId, terminal.id, backendSessionId);
+              if (paneRef && initCmdRef.current && !initCmdSentRef.current) {
+                initCmdSentRef.current = true;
+                setTimeout(() => {
+                  paneRef.current?.sendCommand(initCmdRef.current!);
+                }, 300);
+              }
+            }}
             onStatusChange={(status) =>
               updateTerminalStatus(projectId, sessionId, terminal.id, status)
             }
@@ -347,6 +368,7 @@ export default function ProjectTerminal() {
                     selectedSession.id,
                     terminal,
                     true,
+                    firstTerminalPaneRef,
                   );
                 })()}
               </div>
@@ -411,11 +433,12 @@ export default function ProjectTerminal() {
                             : { gridTemplateColumns: `repeat(auto-fit, minmax(${GRID_MIN_TERMINAL_WIDTH_PX}px, 1fr))` }
                         }
                       >
-                        {selectedSession.terminals.map((terminal) =>
+                        {selectedSession.terminals.map((terminal, idx) =>
                           renderTerminalCard(
                             selectedSession.id,
                             terminal,
                             isSingle,
+                            idx === 0 ? firstTerminalPaneRef : undefined,
                           ),
                         )}
                       </div>