@mndrk/agx 2.3.3 → 2.4.2

package/cloud-runtime/standalone/apps/local/components/{linear → tracker}/TicketPanel.tsx

@@ -6,12 +6,12 @@ import { useGroupChat } from "@/hooks/useGroupChat";
 import { useProcessPolling } from "@/hooks/useProcessPolling";
 import { TicketRecapSection } from "./TicketRecapSection";
 import { TicketSessionList } from "./TicketSessionList";
-import { IssueStatusSelect, type FilterOption } from "./LinearBoardFilters";
-import type { LinearIssue } from "@/hooks/useLinearIssues";
-import type { LinearRun } from "@/hooks/useLinearRuns";
+import { IssueStatusSelect, type FilterOption } from "./TrackerBoardFilters";
+import type { TrackerItem } from "@/lib/tracker/types";
+import type { TrackerRunRecord } from "@/lib/tracker/tracker-run-store";
 import type { Participant } from "@/lib/types";
 import type { ComposerRoutingMetadata } from "@/lib/chat/composer-routing";
-import { buildLinearExecutionPrompt } from "@/lib/linear-execution-prompt";
+import { buildTrackerExecutionPrompt } from "@/lib/tracker/tracker-execution-prompt";
 
 const Composer = dynamic(
   () => import("@/components/chat-ui/Composer").then((m) => m.Composer),
@@ -23,14 +23,15 @@ function createThreadId() {
 }
 
 interface Props {
-  issue: LinearIssue;
-  runs: LinearRun[];
+  item: TrackerItem;
+  trackerType: string;
+  runs: TrackerRunRecord[];
   participants: Participant[];
   projectId?: string;
   projectSlug?: string;
-  issueStatusOptions: FilterOption[];
-  issueStatusUpdating: boolean;
-  onIssueStatusChange: (issue: LinearIssue, status: string) => void;
+  itemStatusOptions: FilterOption[];
+  itemStatusUpdating: boolean;
+  onItemStatusChange: (item: TrackerItem, status: string) => void;
   activeSessionScriptLabel: string;
   onOpenSessionScripts: () => void;
   onStartScriptedSession: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -44,30 +45,31 @@ interface Props {
     issueAssignee: string | null;
     agentId: string;
     agentName: string;
-    mode: LinearRun["mode"];
-  }) => Promise<{ run: LinearRun; recapContent: string | null }>;
+    mode: TrackerRunRecord["mode"];
+  }) => Promise<{ run: TrackerRunRecord; recapContent: string | null }>;
   updateRun: (
     id: string,
     input: {
       rootMessageId?: string | null;
       chatRunId?: string | null;
-      status?: LinearRun["status"];
+      status?: TrackerRunRecord["status"];
       error?: string | null;
     }
-  ) => Promise<LinearRun>;
+  ) => Promise<TrackerRunRecord>;
   onRunCreated: (runId: string) => void;
   onSelectRun: (runId: string) => void;
 }
 
 export function TicketPanel({
-  issue,
+  item,
+  trackerType,
   runs,
   participants,
   projectId,
   projectSlug,
-  issueStatusOptions,
-  issueStatusUpdating,
-  onIssueStatusChange,
+  itemStatusOptions,
+  itemStatusUpdating,
+  onItemStatusChange,
   activeSessionScriptLabel,
   onOpenSessionScripts,
   onStartScriptedSession,
@@ -131,22 +133,22 @@ export function TicketPanel({
         const { run, recapContent } = await createRun({
           projectId: projectId ?? null,
           projectSlug: projectSlug ?? null,
-          issueId: issue.id,
-          issueIdentifier: issue.identifier,
-          issueTitle: issue.title,
-          issueStatus: issue.status,
-          issueAssignee: issue.assignee ?? null,
+          issueId: item.id,
+          issueIdentifier: item.identifier,
+          issueTitle: item.title,
+          issueStatus: item.status,
+          issueAssignee: item.assignee?.name ?? null,
           agentId: agent.id,
           agentName: agent.name,
           mode: "chat",
         });
 
-        const { promptPrefix: ticketPrefix } = buildLinearExecutionPrompt({
+        const { promptPrefix: ticketPrefix } = buildTrackerExecutionPrompt({
           issue: {
-            identifier: issue.identifier,
-            title: issue.title,
-            status: issue.status,
-            assignee: issue.assignee,
+            identifier: item.identifier,
+            title: item.title,
+            status: item.status,
+            assignee: item.assignee?.name ?? null,
           },
           project: projectSlug ? { slug: projectSlug } : null,
           runtime: { recapContent },
@@ -191,7 +193,7 @@ export function TicketPanel({
         }
       }
     },
-    [issue, participants, defaultAgent, projectId, projectSlug, createRun, updateRun, onRunCreated]
+    [item, participants, defaultAgent, projectId, projectSlug, createRun, updateRun, onRunCreated]
   );
 
   return (
@@ -199,20 +201,20 @@ export function TicketPanel({
       <header className="flex h-12 shrink-0 items-center justify-between border-b border-[var(--card-border)] px-6">
         <div className="flex min-w-0 items-center gap-3">
           <span className="shrink-0 font-mono text-sm text-[var(--muted-foreground)]">
-            {issue.identifier}
+            {item.identifier}
           </span>
           <div className="h-1 w-1 shrink-0 rounded-full bg-[var(--card-border)]" />
           <span className="truncate text-sm font-medium text-[var(--foreground)]">
-            {issue.title}
+            {item.title}
           </span>
         </div>
         <div className="flex shrink-0 items-center gap-2">
           <IssueStatusSelect
-            status={issue.status}
-            options={issueStatusOptions}
-            disabled={issueStatusOptions.length === 0}
-            updating={issueStatusUpdating}
-            onChange={(status) => onIssueStatusChange(issue, status)}
+            status={item.status}
+            options={itemStatusOptions}
+            disabled={itemStatusOptions.length === 0}
+            updating={itemStatusUpdating}
+            onChange={(status) => onItemStatusChange(item, status)}
           />
           <button
             type="button"
@@ -235,7 +237,7 @@ export function TicketPanel({
       </header>
 
       <div className="min-h-0 flex-1 overflow-y-auto pb-64">
-        <TicketRecapSection issueId={issue.id} />
+        <TicketRecapSection issueId={item.id} trackerType={trackerType} projectId={projectId} />
         <TicketSessionList runs={runs} onSelect={onSelectRun} />
       </div>
 
@@ -249,7 +251,7 @@ export function TicketPanel({
           loading={activityStatus !== "ready"}
           commands={[]}
           activityStatus={activityStatus}
-          placeholder={`Ask about ${issue.identifier}...`}
+          placeholder={`Ask about ${item.identifier}...`}
           initialPinnedParticipantId={defaultAgent?.id}
         />
       </div>

package/cloud-runtime/standalone/apps/local/components/{linear → tracker}/TicketRecapSection.tsx

@@ -13,6 +13,8 @@ interface RecapResponse {
 
 interface Props {
   issueId: string;
+  trackerType: string;
+  projectId?: string;
 }
 
 function formatRelative(iso: string | null): string {
@@ -27,14 +29,15 @@ function formatRelative(iso: string | null): string {
   return `${days}d ago`;
 }
 
-export function TicketRecapSection({ issueId }: Props) {
+export function TicketRecapSection({ issueId, trackerType, projectId }: Props) {
   const [recap, setRecap] = useState<RecapResponse | null>(null);
   const [loading, setLoading] = useState(false);
   const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const fetchRecap = useCallback(async () => {
     try {
-      const res = await fetch(`/api/linear/issues/${encodeURIComponent(issueId)}/recap`);
+      const qs = projectId ? `?projectId=${encodeURIComponent(projectId)}` : "";
+      const res = await fetch(`/api/trackers/${encodeURIComponent(trackerType)}/items/${encodeURIComponent(issueId)}/recap${qs}`);
       if (!res.ok) return null;
       const data = (await res.json()) as RecapResponse;
       setRecap(data);
@@ -42,7 +45,7 @@ export function TicketRecapSection({ issueId }: Props) {
     } catch {
       return null;
     }
-  }, [issueId]);
+  }, [issueId, trackerType, projectId]);
 
   const scheduleIfBusy = useCallback(
     (data: RecapResponse | null | undefined) => {
@@ -74,7 +77,8 @@ export function TicketRecapSection({ issueId }: Props) {
   const regenerate = useCallback(async () => {
     setLoading(true);
     try {
-      await fetch(`/api/linear/issues/${encodeURIComponent(issueId)}/recap`, {
+      const qs = projectId ? `?projectId=${encodeURIComponent(projectId)}` : "";
+      await fetch(`/api/trackers/${encodeURIComponent(trackerType)}/items/${encodeURIComponent(issueId)}/recap${qs}`, {
         method: "POST",
       });
       const data = await fetchRecap();
@@ -82,7 +86,7 @@ export function TicketRecapSection({ issueId }: Props) {
     } finally {
       setLoading(false);
     }
-  }, [issueId, fetchRecap, scheduleIfBusy]);
+  }, [issueId, trackerType, projectId, fetchRecap, scheduleIfBusy]);
 
   const busy = recap?.status === "queued" || recap?.status === "running" || loading;
 

package/cloud-runtime/standalone/apps/local/components/tracker/TicketRow.tsx

@@ -0,0 +1,279 @@
+"use client";
+
+import React, { useState, useCallback, useEffect, useRef } from "react";
+import { Check, ExternalLink, Link2, Pin, StickyNote } from "lucide-react";
+import { NoteSticker } from "@/components/tracker/NoteSticker";
+import { useDraggable, useDroppable } from "@dnd-kit/core";
+import type { TrackerItem } from "@/lib/tracker/types";
+import type { Participant } from "@/lib/types";
+import { STATUS_LABELS } from "@/lib/tracker-run-status";
+import { agentAvatarUrl } from "@/lib/tracker-board-utils";
+
+export function TicketRow({
+  item,
+  selected,
+  pinned,
+  onSelect,
+  onTogglePin,
+  activeAgents,
+  participants,
+  multiSelected,
+  draggable = false,
+  treeConnector,
+  projectSlug,
+}: {
+  item: TrackerItem;
+  selected: boolean;
+  pinned?: boolean;
+  onSelect: (event?: React.MouseEvent) => void;
+  onTogglePin?: () => void;
+  activeAgents?: Array<{ agentId: string; agentName: string }>;
+  participants?: Participant[];
+  multiSelected?: boolean;
+  draggable?: boolean;
+  treeConnector?: "mid" | "last";
+  projectSlug?: string;
+}) {
+  const [copied, setCopied] = useState(false);
+  const copyResetTimeoutRef = useRef<number | null>(null);
+  const noteButtonRef = useRef<HTMLButtonElement>(null);
+  const [noteOpen, setNoteOpen] = useState(false);
+  const [noteContent, setNoteContent] = useState("");
+  const [noteLoaded, setNoteLoaded] = useState(false);
+  const [hasNote, setHasNote] = useState(false);
+
+  const loadNote = useCallback(async () => {
+    if (!projectSlug || noteLoaded) return;
+    try {
+      const res = await fetch(
+        `/api/tracker/notes?projectSlug=${encodeURIComponent(projectSlug)}&id=${encodeURIComponent(item.identifier)}&type=issue`
+      );
+      const data = await res.json() as { content: string | null };
+      const content = data.content ?? "";
+      setNoteContent(content);
+      setHasNote(content.trim() !== "");
+      setNoteLoaded(true);
+    } catch {
+      setNoteLoaded(true);
+    }
+  }, [projectSlug, item.identifier, noteLoaded]);
+
+  const saveNote = useCallback(async (content: string) => {
+    if (!projectSlug) return;
+    setHasNote(content.trim() !== "");
+    try {
+      await fetch("/api/tracker/notes", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ projectSlug, id: item.identifier, type: "issue", content }),
+      });
+    } catch {
+      // Silent fail — note stays in UI state
+    }
+  }, [projectSlug, item.identifier]);
+
+  const handleNoteClick = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    if (!noteOpen) {
+      void loadNote();
+    }
+    setNoteOpen((prev) => !prev);
+  }, [noteOpen, loadNote]);
+
+  useEffect(() => {
+    return () => {
+      if (copyResetTimeoutRef.current) {
+        window.clearTimeout(copyResetTimeoutRef.current);
+      }
+    };
+  }, []);
+
+  const handleCopyUrl = useCallback(async (event: React.MouseEvent<HTMLButtonElement>) => {
+    event.stopPropagation();
+    if (!item.url) {
+      return;
+    }
+
+    try {
+      await navigator.clipboard.writeText(item.url);
+      setCopied(true);
+      if (copyResetTimeoutRef.current) {
+        window.clearTimeout(copyResetTimeoutRef.current);
+      }
+      copyResetTimeoutRef.current = window.setTimeout(() => {
+        setCopied(false);
+      }, 1500) as unknown as number;
+    } catch (error) {
+      console.error("Failed to copy tracker item URL:", error);
+      setCopied(false);
+    }
+  }, [item.url]);
+
+  const handleOpenItem = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {
+    event.stopPropagation();
+    if (!item.url) {
+      return;
+    }
+    window.open(item.url, "_blank");
+  }, [item.url]);
+
+  const { attributes, listeners, setNodeRef: setDragRef, transform, isDragging } = useDraggable({
+    id: item.id,
+    disabled: !draggable,
+  });
+  const { setNodeRef: setDropRef, isOver } = useDroppable({
+    id: item.id,
+    disabled: !draggable,
+  });
+  const setNodeRef = useCallback((node: HTMLElement | null) => {
+    setDragRef(node);
+    setDropRef(node);
+  }, [setDragRef, setDropRef]);
+
+  const shortStatus = STATUS_LABELS[item.status] ?? item.status.slice(0, 6);
+  return (
+    <div
+      ref={draggable ? setNodeRef : undefined}
+      style={isDragging ? { opacity: 0.3 } : undefined}
+      {...(draggable ? attributes : {})}
+      {...(draggable ? listeners : {})}
+      className={`group ${treeConnector ? "pl-7" : ""} relative flex cursor-pointer items-center gap-3 px-4 py-2.5 text-sm transition-colors ${
+        selected
+          ? "bg-[var(--card-bg)]"
+          : "hover:bg-[var(--card-bg)]/50"
+      } ${multiSelected ? "ring-1 ring-[var(--primary)]/40 bg-[var(--primary)]/5" : ""} ${isOver && !isDragging ? "bg-[var(--primary)]/10 border-l-2 border-l-[var(--primary)]" : ""}`}
+      onClick={(e) => onSelect(e)}
+      role="button"
+      tabIndex={0}
+      onKeyDown={(event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onSelect();
+        }
+      }}
+    >
+      {selected && !isOver && (
+        <div className="absolute left-0 top-0 bottom-0 w-[3px] rounded-r-full bg-blue-500" />
+      )}
+      {draggable && (
+        <span
+          className={`flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-all ${
+            multiSelected
+              ? "border-[var(--primary)] bg-[var(--primary)] text-[var(--primary-foreground)]"
+              : "border-[var(--muted-foreground)]/30 opacity-0 group-hover:opacity-100"
+          }`}
+          onClick={(e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            // Synthesize a meta-click to toggle multi-select
+            const synth = new MouseEvent("click", { metaKey: true, ctrlKey: true }) as unknown as React.MouseEvent;
+            onSelect(synth);
+          }}
+          onPointerDown={(e) => e.stopPropagation()}
+        >
+          {multiSelected && <Check size={10} />}
+        </span>
+      )}
+      {treeConnector && (
+        <span className="shrink-0 font-mono text-[11px] leading-none text-[var(--muted-foreground)]/40 select-none">
+          {treeConnector === "last" ? "└──" : "├──"}
+        </span>
+      )}
+      <span className={`shrink-0 whitespace-nowrap font-mono text-xs text-[var(--muted-foreground)] ${treeConnector ? "" : "w-24"}`}>
+        {item.identifier}
+      </span>
+      <span className={`min-w-0 flex-1 truncate text-xs ${selected ? "font-medium text-[var(--foreground)]" : "text-[var(--muted-foreground)]"}`}>
+        {item.title}
+      </span>
+      <span className="shrink-0 text-xs text-[var(--muted-foreground)]">
+        {shortStatus}
+      </span>
+      {activeAgents && activeAgents.length > 0 && (
+        <span className="inline-flex items-center -space-x-1 shrink-0">
+          {activeAgents.slice(0, 3).map((agent) => {
+            const participant = participants?.find((p) => p.id === agent.agentId);
+            return (
+              <span key={agent.agentId} className="relative inline-block" title={participant?.name ?? agent.agentName}>
+                <img src={agentAvatarUrl(agent.agentId, participant?.color, 16)} alt={participant?.name ?? agent.agentName} className="h-3 w-3 rounded-full ring-[1.5px] ring-[var(--app-shell-pane)]" />
+                <span className="absolute -bottom-px -right-px h-1.5 w-1.5 rounded-full bg-green-500 ring-[1px] ring-[var(--app-shell-pane)]" />
+              </span>
+            );
+          })}
+        </span>
+      )}
+      <div className="flex shrink-0 items-center gap-1">
+        {projectSlug && (
+          <>
+            <button
+              ref={noteButtonRef}
+              type="button"
+              className={`flex h-6 w-6 shrink-0 items-center justify-center rounded transition-all hover:bg-zinc-700 ${
+                hasNote
+                  ? "text-amber-400 opacity-100"
+                  : "text-[var(--muted-foreground)] opacity-0 group-hover:opacity-100"
+              }`}
+              onClick={handleNoteClick}
+              title={hasNote ? "Edit note" : "Add note"}
+              aria-label={hasNote ? "Edit note" : "Add note"}
+            >
+              <StickyNote size={10} className={hasNote ? "fill-current" : ""} />
+            </button>
+            {noteOpen && (
+              <NoteSticker
+                anchorRef={noteButtonRef}
+                value={noteContent}
+                onChange={setNoteContent}
+                onClose={() => setNoteOpen(false)}
+                onSave={saveNote}
+              />
+            )}
+          </>
+        )}
+        {onTogglePin && (
+          <button
+            type="button"
+            className={`flex h-6 w-6 shrink-0 items-center justify-center rounded transition-all hover:bg-zinc-700 hover:text-[var(--foreground)] ${
+              pinned
+                ? "text-amber-400 opacity-100"
+                : `text-[var(--muted-foreground)] ${selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`
+            }`}
+            onClick={(event) => {
+              event.stopPropagation();
+              onTogglePin();
+            }}
+            title={pinned ? "Unpin ticket" : "Pin to top"}
+            aria-label={pinned ? "Unpin ticket" : "Pin to top"}
+          >
+            <Pin size={10} className={pinned ? "fill-current" : ""} />
+          </button>
+        )}
+        <button
+          type="button"
+          className={`flex h-6 w-6 shrink-0 items-center justify-center rounded text-[var(--muted-foreground)] transition-all hover:bg-zinc-700 hover:text-[var(--foreground)] ${
+            selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+          } ${item.url ? "" : "cursor-not-allowed opacity-40 hover:bg-transparent hover:text-[var(--muted-foreground)]"}`}
+          onClick={(event) => {
+            void handleCopyUrl(event);
+          }}
+          title={copied ? "Copied ticket URL" : "Copy ticket URL"}
+          aria-label={copied ? "Copied ticket URL" : "Copy ticket URL"}
+          disabled={!item.url}
+        >
+          {copied ? <Check size={10} className="text-emerald-400" /> : <Link2 size={10} />}
+        </button>
+        <button
+          type="button"
+          className={`flex h-6 w-6 shrink-0 items-center justify-center rounded text-[var(--muted-foreground)] transition-all hover:bg-zinc-700 hover:text-[var(--foreground)] ${
+            selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+          } ${item.url ? "" : "cursor-not-allowed opacity-40 hover:bg-transparent hover:text-[var(--muted-foreground)]"}`}
+          onClick={handleOpenItem}
+          title={item.url ? "Open this ticket in a new tab" : "This ticket does not have an external URL"}
+          aria-label={item.url ? "Open this ticket in a new tab" : "This ticket does not have an external URL"}
+          disabled={!item.url}
+        >
+          <ExternalLink size={10} />
+        </button>
+      </div>
+    </div>
+  );
+}

package/cloud-runtime/standalone/apps/local/components/{linear → tracker}/TicketSessionList.tsx

@@ -1,15 +1,15 @@
 "use client";
 import { ArrowRight, Clock } from "lucide-react";
-import type { LinearRun } from "@/hooks/useLinearRuns";
+import type { TrackerRunRecord } from "@/lib/tracker/tracker-run-store";
 import {
   getRunDisplayState,
   getRunTitle,
   STATUS_BADGE_STYLES,
   STATUS_DOT_COLORS,
-} from "@/lib/linear-run-status";
+} from "@/lib/tracker-run-status";
 
 interface Props {
-  runs: LinearRun[];
+  runs: TrackerRunRecord[];
   onSelect: (runId: string) => void;
 }
 

package/cloud-runtime/standalone/apps/local/components/{linear/LinearSettingsModal.tsx → tracker/TrackerSettingsModal.tsx}

@@ -2,28 +2,30 @@
 
 import { useState, type ComponentProps } from "react";
 import { Bot, Link2, ScrollText, X } from "lucide-react";
-import LinearSetup from "@/components/LinearSetup";
-import LinearWorkerConfig from "@/components/linear/LinearWorkerConfig";
-import LinearWorkerRunLog from "@/components/linear/LinearWorkerRunLog";
+import LinearSetup from "@/components/tracking/TrackerSetup";
+import TrackerWorkerConfig from "@/components/tracker/TrackerWorkerConfig";
+import TrackerWorkerRunLog from "@/components/tracker/TrackerWorkerRunLog";
 
-type LinearSetupProps = ComponentProps<typeof LinearSetup>;
+type TrackerSetupProps = ComponentProps<typeof LinearSetup>;
 
-interface LinearSettingsModalProps {
-  connected: LinearSetupProps["connected"];
-  user: LinearSetupProps["user"];
-  clis: LinearSetupProps["clis"];
-  mcpConfigured: LinearSetupProps["mcpConfigured"];
-  onConnect: LinearSetupProps["onConnect"];
-  onConnectWithKey: LinearSetupProps["onConnectWithKey"];
-  onDisconnect: LinearSetupProps["onDisconnect"];
-  onConfigureMcp: LinearSetupProps["onConfigureMcp"];
+interface TrackerSettingsModalProps {
+  trackerType: string;
+  connected: TrackerSetupProps["connected"];
+  user: { name: string; email: string } | null;
+  clis: { claude: boolean; codex: boolean; gemini: boolean };
+  mcpConfigured: Record<string, boolean>;
+  onConnect: TrackerSetupProps["onConnect"];
+  onConnectWithKey: TrackerSetupProps["onConnectWithKey"];
+  onDisconnect: () => Promise<void>;
+  onConfigureMcp: (cli: string) => Promise<{ ok: boolean; error?: string }>;
   onClose: () => void;
   projectId?: string;
 }
 
 type SettingsTab = "connection" | "worker" | "run-log";
 
-export default function LinearSettingsModal({
+export default function TrackerSettingsModal({
+  trackerType,
   connected,
   user,
   clis,
@@ -34,13 +36,15 @@ export default function LinearSettingsModal({
   onConfigureMcp,
   onClose,
   projectId,
-}: LinearSettingsModalProps) {
+}: TrackerSettingsModalProps) {
   const [tab, setTab] = useState<SettingsTab>(connected ? "worker" : "connection");
   const [workerJobId, setWorkerJobId] = useState<string | null>(null);
 
+  const workerLabel = trackerType === "jira" ? "Jira Worker" : "Linear Worker";
+
   const tabs: Array<{ id: SettingsTab; label: string; icon: React.ReactNode; disabled?: boolean }> = [
     { id: "connection", label: "Connection", icon: <Link2 size={14} /> },
-    { id: "worker", label: "Linear Worker", icon: <Bot size={14} />, disabled: !connected },
+    { id: "worker", label: workerLabel, icon: <Bot size={14} />, disabled: !connected },
     { id: "run-log", label: "Run Log", icon: <ScrollText size={14} />, disabled: !connected },
   ];
 
@@ -87,22 +91,22 @@ export default function LinearSettingsModal({
         <div className="flex-1 min-h-0 max-h-[80vh] overflow-y-auto p-6">
           {tab === "connection" && (
             <LinearSetup
+              trackerType={trackerType}
+              projectId={projectId ?? ""}
               connected={connected}
-              user={user}
-              clis={clis}
-              mcpConfigured={mcpConfigured}
               onConnect={onConnect}
               onConnectWithKey={onConnectWithKey}
               onDisconnect={onDisconnect}
+              clis={clis}
+              mcpConfigured={mcpConfigured}
               onConfigureMcp={onConfigureMcp}
-              onContinue={onClose}
             />
           )}
           {tab === "worker" && connected && (
-            <LinearWorkerConfig projectId={projectId} onJobLoaded={setWorkerJobId} />
+            <TrackerWorkerConfig projectId={projectId} onJobLoaded={setWorkerJobId} />
           )}
           {tab === "run-log" && connected && (
-            <LinearWorkerRunLog jobId={workerJobId} />
+            <TrackerWorkerRunLog jobId={workerJobId} />
           )}
         </div>
       </div>