@mndrk/agx 2.4.2 → 2.4.4

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

@@ -1,8 +1,9 @@
 "use client";
 
 import React, { useState, useCallback, useEffect, useRef } from "react";
-import { Check, ExternalLink, Link2, Pin, StickyNote } from "lucide-react";
+import { Check, ExternalLink, Link2, MessageSquare, Pin, Play, StickyNote, Tag } from "lucide-react";
 import { NoteSticker } from "@/components/tracker/NoteSticker";
+import { LabelPicker } from "@/components/tracker/LabelPicker";
 import { useDraggable, useDroppable } from "@dnd-kit/core";
 import type { TrackerItem } from "@/lib/tracker/types";
 import type { Participant } from "@/lib/types";
@@ -21,6 +22,14 @@ export function TicketRow({
   draggable = false,
   treeConnector,
   projectSlug,
+  stats,
+  hideStatus,
+  estimate,
+  localLabels,
+  labelDefinitions,
+  allLabels,
+  onToggleLabel,
+  onAddLabel,
 }: {
   item: TrackerItem;
   selected: boolean;
@@ -33,6 +42,14 @@ export function TicketRow({
   draggable?: boolean;
   treeConnector?: "mid" | "last";
   projectSlug?: string;
+  stats?: { sessions: number; messages: number };
+  hideStatus?: boolean;
+  estimate?: number | null;
+  localLabels?: string[];
+  labelDefinitions?: Array<{ name: string; color: string | null }>;
+  allLabels?: Array<{ name: string; color: string | null; defined: boolean }>;
+  onToggleLabel?: (label: string) => void;
+  onAddLabel?: (label: string) => void;
 }) {
   const [copied, setCopied] = useState(false);
   const copyResetTimeoutRef = useRef<number | null>(null);
@@ -41,6 +58,30 @@ export function TicketRow({
   const [noteContent, setNoteContent] = useState("");
   const [noteLoaded, setNoteLoaded] = useState(false);
   const [hasNote, setHasNote] = useState(false);
+  const labelButtonRef = useRef<HTMLButtonElement>(null);
+  const labelPopoverRef = useRef<HTMLDivElement>(null);
+  const [labelOpen, setLabelOpen] = useState(false);
+
+  useEffect(() => {
+    if (!labelOpen) return;
+    const handlePointerDown = (e: PointerEvent) => {
+      if (
+        labelPopoverRef.current && !labelPopoverRef.current.contains(e.target as Node) &&
+        labelButtonRef.current && !labelButtonRef.current.contains(e.target as Node)
+      ) {
+        setLabelOpen(false);
+      }
+    };
+    const handleKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") setLabelOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKey);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKey);
+    };
+  }, [labelOpen]);
 
   const loadNote = useCallback(async () => {
     if (!projectSlug || noteLoaded) return;
@@ -165,7 +206,6 @@ export function TicketRow({
           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);
           }}
@@ -179,15 +219,80 @@ export function TicketRow({
           {treeConnector === "last" ? "└──" : "├──"}
         </span>
       )}
-      <span className={`shrink-0 whitespace-nowrap font-mono text-xs text-[var(--muted-foreground)] ${treeConnector ? "" : "w-24"}`}>
+      <span className={`shrink-0 whitespace-nowrap font-mono text-xs text-[var(--muted-foreground)] ${treeConnector ? "" : "w-15"}`}>
         {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>
+      {estimate != null && (
+        <span className="shrink-0 rounded-full bg-[var(--card-bg)] px-1.5 py-0.5 text-[10px] font-semibold text-[var(--muted-foreground)]">
+          {estimate}
+        </span>
+      )}
+      {localLabels && localLabels.length > 0 && (
+        <span className="flex shrink-0 items-center gap-1">
+          {localLabels.slice(0, 3).map((label) => {
+            const def = labelDefinitions?.find((d) => d.name === label);
+            return (
+              <span
+                key={label}
+                className="flex items-center gap-1 rounded-full border border-[var(--card-border)] px-1.5 py-0.5 text-[10px] text-[var(--muted-foreground)]"
+              >
+                {def?.color && (
+                  <span
+                    className="h-1.5 w-1.5 rounded-full"
+                    style={{ backgroundColor: def.color }}
+                  />
+                )}
+                <span className="max-w-[60px] truncate">{label}</span>
+              </span>
+            );
+          })}
+          {localLabels.length > 3 && (
+            <span className="text-[10px] text-[var(--muted-foreground)]">
+              +{localLabels.length - 3}
+            </span>
+          )}
+        </span>
+      )}
+      {!hideStatus && (
+        <span className="inline-flex shrink-0 items-center gap-2">
+          <span className="text-xs text-[var(--muted-foreground)]">
+            {shortStatus}
+          </span>
+          {stats && stats.sessions > 0 && (
+            <span
+              className="inline-flex items-center gap-1.5 text-[10px] tabular-nums text-[var(--muted-foreground)]/50"
+              title={`${stats.sessions} session${stats.sessions !== 1 ? "s" : ""}, ${stats.messages} message${stats.messages !== 1 ? "s" : ""}`}
+            >
+              <span className="inline-flex items-center gap-0.5">
+                <Play size={8} className="fill-current" />
+                {stats.sessions}
+              </span>
+              <span className="inline-flex items-center gap-0.5">
+                <MessageSquare size={8} />
+                {stats.messages}
+              </span>
+            </span>
+        )}
+        </span>
+      )}
+      {hideStatus && stats && stats.sessions > 0 && (
+        <span
+          className="inline-flex shrink-0 items-center gap-1.5 text-[10px] tabular-nums text-[var(--muted-foreground)]/50"
+          title={`${stats.sessions} session${stats.sessions !== 1 ? "s" : ""}, ${stats.messages} message${stats.messages !== 1 ? "s" : ""}`}
+        >
+          <span className="inline-flex items-center gap-0.5">
+            <Play size={8} className="fill-current" />
+            {stats.sessions}
+          </span>
+          <span className="inline-flex items-center gap-0.5">
+            <MessageSquare size={8} />
+            {stats.messages}
+          </span>
+        </span>
+      )}
       {activeAgents && activeAgents.length > 0 && (
         <span className="inline-flex items-center -space-x-1 shrink-0">
           {activeAgents.slice(0, 3).map((agent) => {
@@ -202,6 +307,41 @@ export function TicketRow({
         </span>
       )}
       <div className="flex shrink-0 items-center gap-1">
+        {onToggleLabel && allLabels && (
+          <div className="relative">
+            <button
+              ref={labelButtonRef}
+              type="button"
+              className={`flex h-6 w-6 shrink-0 items-center justify-center rounded transition-all hover:bg-zinc-700 ${
+                localLabels && localLabels.length > 0
+                  ? "text-blue-400 opacity-100"
+                  : `text-[var(--muted-foreground)] ${selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`
+              }`}
+              onClick={(e) => {
+                e.stopPropagation();
+                setLabelOpen((prev) => !prev);
+              }}
+              title={localLabels && localLabels.length > 0 ? "Edit labels" : "Add labels"}
+              aria-label={localLabels && localLabels.length > 0 ? "Edit labels" : "Add labels"}
+            >
+              <Tag size={10} className={localLabels && localLabels.length > 0 ? "fill-current" : ""} />
+            </button>
+            {labelOpen && (
+              <div
+                ref={labelPopoverRef}
+                className="absolute right-0 top-full z-30 mt-1 rounded-lg border border-[var(--card-border)] bg-[var(--card-bg)] p-2 shadow-xl"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <LabelPicker
+                  labels={allLabels}
+                  selectedLabels={localLabels ?? []}
+                  onToggle={onToggleLabel}
+                  onAdd={onAddLabel ?? (() => {})}
+                />
+              </div>
+            )}
+          </div>
+        )}
         {projectSlug && (
           <>
             <button
@@ -210,7 +350,7 @@ export function TicketRow({
               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"
+                  : `text-[var(--muted-foreground)] ${selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`
               }`}
               onClick={handleNoteClick}
               title={hasNote ? "Edit note" : "Add note"}

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

@@ -1,10 +1,12 @@
 "use client";
 
 import { useState, type ComponentProps } from "react";
-import { Bot, Link2, ScrollText, X } from "lucide-react";
+import { Bot, Link2, ScrollText, Tag, X } from "lucide-react";
 import LinearSetup from "@/components/tracking/TrackerSetup";
 import TrackerWorkerConfig from "@/components/tracker/TrackerWorkerConfig";
 import TrackerWorkerRunLog from "@/components/tracker/TrackerWorkerRunLog";
+import { LabelSettings } from "./LabelSettings";
+import { useTrackerLabels } from "@/hooks/useTrackerLabels";
 
 type TrackerSetupProps = ComponentProps<typeof LinearSetup>;
 
@@ -22,7 +24,7 @@ interface TrackerSettingsModalProps {
   projectId?: string;
 }
 
-type SettingsTab = "connection" | "worker" | "run-log";
+type SettingsTab = "connection" | "worker" | "run-log" | "labels";
 
 export default function TrackerSettingsModal({
   trackerType,
@@ -39,6 +41,8 @@ export default function TrackerSettingsModal({
 }: TrackerSettingsModalProps) {
   const [tab, setTab] = useState<SettingsTab>(connected ? "worker" : "connection");
   const [workerJobId, setWorkerJobId] = useState<string | null>(null);
+  const { definitions: labelDefinitions, createDefinition, deleteDefinition } =
+    useTrackerLabels(trackerType, projectId);
 
   const workerLabel = trackerType === "jira" ? "Jira Worker" : "Linear Worker";
 
@@ -46,6 +50,7 @@ export default function TrackerSettingsModal({
     { id: "connection", label: "Connection", icon: <Link2 size={14} /> },
     { id: "worker", label: workerLabel, icon: <Bot size={14} />, disabled: !connected },
     { id: "run-log", label: "Run Log", icon: <ScrollText size={14} />, disabled: !connected },
+    { id: "labels" as const, label: "Labels", icon: <Tag size={14} />, disabled: !connected },
   ];
 
   return (
@@ -108,6 +113,13 @@ export default function TrackerSettingsModal({
           {tab === "run-log" && connected && (
             <TrackerWorkerRunLog jobId={workerJobId} />
           )}
+          {tab === "labels" && connected && (
+            <LabelSettings
+              definitions={labelDefinitions}
+              onCreate={createDefinition}
+              onDelete={deleteDefinition}
+            />
+          )}
         </div>
       </div>
     </div>

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

@@ -1,26 +1,29 @@
 "use client";
 
-import React, { useEffect, useRef } from "react";
+import React, { useCallback, useRef } from "react";
 
 export function ResizeHandle({
   onResize,
 }: {
   onResize: (delta: number) => void;
 }) {
-  const dragging = useRef(false);
   const lastX = useRef(0);
+  const onResizeRef = useRef(onResize);
+  onResizeRef.current = onResize;
 
-  useEffect(() => {
-    if (!dragging.current) return;
+  const handleMouseDown = useCallback((e: React.MouseEvent) => {
+    e.preventDefault();
+    lastX.current = e.clientX;
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
 
-    const onMouseMove = (e: MouseEvent) => {
-      const delta = e.clientX - lastX.current;
-      lastX.current = e.clientX;
-      onResize(delta);
+    const onMouseMove = (ev: MouseEvent) => {
+      const delta = ev.clientX - lastX.current;
+      lastX.current = ev.clientX;
+      onResizeRef.current(delta);
     };
 
     const onMouseUp = () => {
-      dragging.current = false;
       document.body.style.cursor = "";
       document.body.style.userSelect = "";
       window.removeEventListener("mousemove", onMouseMove);
@@ -29,24 +32,14 @@ export function ResizeHandle({
 
     window.addEventListener("mousemove", onMouseMove);
     window.addEventListener("mouseup", onMouseUp);
-    return () => {
-      window.removeEventListener("mousemove", onMouseMove);
-      window.removeEventListener("mouseup", onMouseUp);
-    };
-  });
+  }, []);
 
   return (
     <div
       className="group relative z-10 w-0 shrink-0 cursor-col-resize"
-      onMouseDown={(e) => {
-        e.preventDefault();
-        dragging.current = true;
-        lastX.current = e.clientX;
-        document.body.style.cursor = "col-resize";
-        document.body.style.userSelect = "none";
-      }}
+      onMouseDown={handleMouseDown}
     >
-      <div className="absolute inset-y-0 -left-0.5 w-1 transition-colors group-hover:bg-[var(--primary)]/40" />
+      <div className="absolute inset-y-0 -left-1 w-2 transition-colors group-hover:bg-[var(--primary)]/40" />
     </div>
   );
 }

package/cloud-runtime/standalone/apps/local/hooks/useTrackerConnections.ts

@@ -13,10 +13,12 @@ interface TrackerConnectionInfo {
 
 interface UseTrackerConnectionsReturn {
   connections: TrackerConnectionInfo[];
+  defaultTracker: string | null;
   loading: boolean;
   refresh: () => Promise<void>;
   addConnection: (type: string, metadata?: Record<string, string>) => Promise<{ ok: boolean; error?: string }>;
   removeConnection: (type: string) => Promise<{ ok: boolean; error?: string }>;
+  setDefaultTracker: (type: string | null) => Promise<{ ok: boolean; error?: string }>;
 }
 
 /**
@@ -26,11 +28,13 @@ interface UseTrackerConnectionsReturn {
  */
 export function useTrackerConnections(projectId: string | null): UseTrackerConnectionsReturn {
   const [connections, setConnections] = useState<TrackerConnectionInfo[]>([]);
+  const [defaultTracker, setDefaultTrackerState] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
 
   const refresh = useCallback(async () => {
     if (!projectId) {
       setConnections([]);
+      setDefaultTrackerState(null);
       setLoading(false);
       return;
     }
@@ -38,8 +42,10 @@ export function useTrackerConnections(projectId: string | null): UseTrackerConne
       const res = await fetch(`/api/trackers/connections?projectId=${encodeURIComponent(projectId)}`);
       const data = await res.json();
       setConnections(Array.isArray(data.connections) ? data.connections : []);
+      setDefaultTrackerState(typeof data.defaultTracker === "string" ? data.defaultTracker : null);
     } catch {
       setConnections([]);
+      setDefaultTrackerState(null);
     } finally {
       setLoading(false);
     }
@@ -95,5 +101,27 @@ export function useTrackerConnections(projectId: string | null): UseTrackerConne
     [projectId, refresh]
   );
 
-  return { connections, loading, refresh, addConnection, removeConnection };
+  const setDefaultTracker = useCallback(
+    async (type: string | null) => {
+      if (!projectId) return { ok: false, error: "Missing projectId" };
+      try {
+        const res = await fetch("/api/trackers/connections", {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ projectId, defaultTracker: type }),
+        });
+        if (!res.ok) {
+          const data = await res.json().catch(() => ({}));
+          return { ok: false, error: data.error || "Failed to set default tracker" };
+        }
+        await refresh();
+        return { ok: true };
+      } catch {
+        return { ok: false, error: "Failed to set default tracker" };
+      }
+    },
+    [projectId, refresh]
+  );
+
+  return { connections, defaultTracker, loading, refresh, addConnection, removeConnection, setDefaultTracker };
 }

package/cloud-runtime/standalone/apps/local/hooks/useTrackerIssueStats.ts

@@ -0,0 +1,52 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export interface IssueStatsEntry {
+  sessions: number;
+  messages: number;
+}
+
+export function useTrackerIssueStats(
+  trackerType: string,
+  projectId?: string,
+): {
+  issueStats: Map<string, IssueStatsEntry>;
+} {
+  const [issueStats, setIssueStats] = useState<Map<string, IssueStatsEntry>>(new Map());
+
+  useEffect(() => {
+    let cancelled = false;
+
+    async function fetchStats() {
+      try {
+        const params = new URLSearchParams();
+        if (projectId) params.set("projectId", projectId);
+        const res = await fetch(
+          `/api/trackers/${trackerType}/stats?${params}`,
+        );
+        if (!res.ok || cancelled) return;
+        const data = await res.json();
+        const map = new Map<string, IssueStatsEntry>();
+        for (const entry of data.stats ?? []) {
+          map.set(entry.issueId, {
+            sessions: entry.sessions,
+            messages: entry.messages,
+          });
+        }
+        if (!cancelled) setIssueStats(map);
+      } catch {
+        // ignore
+      }
+    }
+
+    void fetchStats();
+    const interval = setInterval(() => void fetchStats(), 10000);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+    };
+  }, [trackerType, projectId]);
+
+  return { issueStats };
+}

package/cloud-runtime/standalone/apps/local/hooks/useTrackerItemMetadata.ts

@@ -0,0 +1,67 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+
+interface ItemMetadata {
+  labels: string[];
+  estimate: number | null;
+}
+
+export function useTrackerItemMetadata(
+  trackerType: string,
+  projectId: string | undefined,
+  issueId: string | null
+) {
+  const [metadata, setMetadata] = useState<ItemMetadata>({ labels: [], estimate: null });
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!projectId || !issueId) {
+      setMetadata({ labels: [], estimate: null });
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    fetch(
+      `/api/trackers/${encodeURIComponent(trackerType)}/metadata?projectId=${encodeURIComponent(projectId)}&issueId=${encodeURIComponent(issueId)}`
+    )
+      .then((res) => res.json())
+      .then((data) => {
+        if (!cancelled) {
+          setMetadata({
+            labels: Array.isArray(data.labels) ? data.labels : [],
+            estimate: typeof data.estimate === "number" ? data.estimate : null,
+          });
+        }
+      })
+      .catch(() => {})
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    return () => { cancelled = true; };
+  }, [trackerType, projectId, issueId]);
+
+  const update = useCallback(
+    async (patch: { labels?: string[]; estimate?: number | null }) => {
+      if (!projectId || !issueId) return;
+      try {
+        const res = await fetch(
+          `/api/trackers/${encodeURIComponent(trackerType)}/metadata?projectId=${encodeURIComponent(projectId)}&issueId=${encodeURIComponent(issueId)}`,
+          {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(patch),
+          }
+        );
+        const data = await res.json();
+        setMetadata({
+          labels: Array.isArray(data.labels) ? data.labels : metadata.labels,
+          estimate: typeof data.estimate === "number" ? data.estimate : null,
+        });
+      } catch {}
+    },
+    [trackerType, projectId, issueId, metadata.labels]
+  );
+
+  return { metadata, loading, update };
+}

package/cloud-runtime/standalone/apps/local/hooks/useTrackerItemsMetadata.ts

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState, useEffect, useCallback, useRef } from "react";
+
+interface ItemMetadata {
+  labels: string[];
+  estimate: number | null;
+}
+
+export function useTrackerItemsMetadata(
+  trackerType: string,
+  projectId: string | undefined,
+  issueIds: string[]
+) {
+  const [metadataMap, setMetadataMap] = useState<Map<string, ItemMetadata>>(new Map());
+  const [loading, setLoading] = useState(false);
+  const prevIdsRef = useRef<string>("");
+
+  const fetchAll = useCallback(async () => {
+    if (!projectId || issueIds.length === 0) {
+      setMetadataMap(new Map());
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch(
+        `/api/trackers/${encodeURIComponent(trackerType)}/metadata/bulk?projectId=${encodeURIComponent(projectId)}&issueIds=${issueIds.map(encodeURIComponent).join(",")}`
+      );
+      const data = await res.json();
+      const map = new Map<string, ItemMetadata>();
+      for (const [id, meta] of Object.entries(data)) {
+        const m = meta as { labels?: string[]; estimate?: number | null };
+        map.set(id, {
+          labels: Array.isArray(m.labels) ? m.labels : [],
+          estimate: typeof m.estimate === "number" ? m.estimate : null,
+        });
+      }
+      setMetadataMap(map);
+    } catch {}
+    setLoading(false);
+  }, [trackerType, projectId, issueIds]);
+
+  useEffect(() => {
+    const idsKey = issueIds.join(",");
+    if (idsKey === prevIdsRef.current) return;
+    prevIdsRef.current = idsKey;
+    void fetchAll();
+  }, [fetchAll, issueIds]);
+
+  return { metadataMap, loading, refresh: fetchAll };
+}

package/cloud-runtime/standalone/apps/local/hooks/useTrackerLabels.ts

@@ -0,0 +1,74 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+
+export interface LabelEntry {
+  name: string;
+  color: string | null;
+  defined: boolean;
+}
+
+export interface LabelDefinition {
+  id: string;
+  name: string;
+  color: string | null;
+}
+
+export function useTrackerLabels(trackerType: string, projectId: string | undefined) {
+  const [labels, setLabels] = useState<LabelEntry[]>([]);
+  const [definitions, setDefinitions] = useState<LabelDefinition[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const fetchLabels = useCallback(async () => {
+    if (!projectId) return;
+    setLoading(true);
+    try {
+      const res = await fetch(
+        `/api/trackers/${encodeURIComponent(trackerType)}/labels?projectId=${encodeURIComponent(projectId)}`
+      );
+      const data = await res.json();
+      setLabels(Array.isArray(data.labels) ? data.labels : []);
+      setDefinitions(Array.isArray(data.definitions) ? data.definitions : []);
+    } catch {}
+    setLoading(false);
+  }, [trackerType, projectId]);
+
+  useEffect(() => {
+    void fetchLabels();
+  }, [fetchLabels]);
+
+  const createDefinition = useCallback(
+    async (name: string, color?: string) => {
+      if (!projectId) return;
+      try {
+        const res = await fetch(`/api/trackers/${encodeURIComponent(trackerType)}/labels`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ projectId, name, color }),
+        });
+        if (res.ok) {
+          await fetchLabels();
+        }
+      } catch {}
+    },
+    [trackerType, projectId, fetchLabels]
+  );
+
+  const deleteDefinition = useCallback(
+    async (id: string) => {
+      if (!projectId) return;
+      try {
+        const res = await fetch(
+          `/api/trackers/${encodeURIComponent(trackerType)}/labels/${encodeURIComponent(id)}?projectId=${encodeURIComponent(projectId)}`,
+          { method: "DELETE" }
+        );
+        if (res.ok) {
+          await fetchLabels();
+        }
+      } catch {}
+    },
+    [trackerType, projectId, fetchLabels]
+  );
+
+  return { labels, definitions, loading, refresh: fetchLabels, createDefinition, deleteDefinition };
+}

package/cloud-runtime/standalone/apps/local/hooks/useTrackerRuns.ts

@@ -35,6 +35,7 @@ export function useTrackerRuns(
 ) {
   const [runs, setRuns] = useState<TrackerRunRecord[]>([]);
   const [loading, setLoading] = useState(false);
+  const [loadedForIssueId, setLoadedForIssueId] = useState<string | null>(null);
   const issueIdRef = useRef(issueId ?? null);
   issueIdRef.current = issueId ?? null;
 
@@ -44,6 +45,7 @@ export function useTrackerRuns(
     const activeIssueId = issueIdRef.current?.trim();
     if (!activeIssueId) {
       setRuns([]);
+      setLoadedForIssueId(null);
       return [];
     }
 
@@ -58,6 +60,7 @@ export function useTrackerRuns(
       const data = await response.json();
       const nextRuns = Array.isArray(data.runs) ? (data.runs as TrackerRunRecord[]) : [];
       setRuns(nextRuns);
+      setLoadedForIssueId(activeIssueId);
       return nextRuns;
     } finally {
       setLoading(false);
@@ -66,6 +69,7 @@ export function useTrackerRuns(
 
   useEffect(() => {
     setRuns([]);
+    setLoadedForIssueId(null);
     void refresh();
   }, [refresh, issueId]);
 
@@ -115,6 +119,7 @@ export function useTrackerRuns(
   return {
     runs,
     loading,
+    loadedForIssueId,
     refresh,
     createRun,
     updateRun,