@mndrk/agx 2.4.3 → 2.4.5

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

@@ -10,7 +10,6 @@ import {
   Tag,
   X,
 } from "lucide-react";
-import { FibonacciPicker } from "./FibonacciPicker";
 import { LabelPicker } from "./LabelPicker";
 import { PromptPopover } from "./PromptPopover";
 import type { FilterOption } from "./TrackerBoardFilters";
@@ -33,7 +32,7 @@ interface SelectionBarProps {
   onClear: () => void;
   onBulkRecap: () => void;
   onBulkPrompt: (prompt: string, agentId: string) => void;
-  onBulkEstimate: (estimate: number | null) => void;
+  onBulkEstimate: () => void;
   onBulkAddLabel: (label: string) => void;
   onBulkRemoveLabel: (label: string) => void;
   onBulkStatus: (status: string) => void;
@@ -45,7 +44,7 @@ interface SelectionBarProps {
   statusUpdating?: boolean;
 }
 
-type ActivePopover = "estimate" | "label" | "status" | "prompt" | null;
+type ActivePopover = "label" | "status" | "prompt" | null;
 
 function Popover({
   open,
@@ -108,7 +107,6 @@ export function SelectionBar({
   statusUpdating,
 }: SelectionBarProps) {
   const [activePopover, setActivePopover] = useState<ActivePopover>(null);
-  const estimateRef = useRef<HTMLButtonElement | null>(null);
   const labelRef = useRef<HTMLButtonElement | null>(null);
   const statusRef = useRef<HTMLButtonElement | null>(null);
   const promptRef = useRef<HTMLButtonElement | null>(null);
@@ -180,26 +178,15 @@ export function SelectionBar({
         </div>
 
         {/* Estimate */}
-        <div className="relative">
-          <button
-            ref={estimateRef}
-            type="button"
-            className={`${actionButtonClass} ${activePopover === "estimate" ? "bg-[var(--background)] text-[var(--foreground)]" : ""}`}
-            onClick={() => togglePopover("estimate")}
-            title="Set estimate for all selected"
-          >
-            <Hash size={12} />
-            Estimate
-          </button>
-          <Popover open={activePopover === "estimate"} onClose={() => setActivePopover(null)} anchorRef={estimateRef}>
-            <FibonacciPicker
-              onSelect={(value) => {
-                onBulkEstimate(value);
-                setActivePopover(null);
-              }}
-            />
-          </Popover>
-        </div>
+        <button
+          type="button"
+          className={actionButtonClass}
+          onClick={onBulkEstimate}
+          title="Ask the LLM to size all selected"
+        >
+          <Hash size={12} />
+          Estimate
+        </button>
 
         {/* Label */}
         <div className="relative">

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

@@ -6,6 +6,7 @@ import { useGroupChat } from "@/hooks/useGroupChat";
 import { useProcessPolling } from "@/hooks/useProcessPolling";
 import { TicketRecapSection } from "./TicketRecapSection";
 import { TicketSessionList } from "./TicketSessionList";
+import { LinkedPrsSection } from "./LinkedPrsSection";
 import { IssueStatusSelect, type FilterOption } from "./TrackerBoardFilters";
 import type { TrackerItem } from "@/lib/tracker/types";
 import type { TrackerRunRecord } from "@/lib/tracker/tracker-run-store";
@@ -157,7 +158,31 @@ export function TicketPanel({
           runtime: { recapContent },
         });
 
-        const combinedPrefix = ticketPrefix + (promptPrefix ? `\n${promptPrefix}` : "");
+        let prContext = "";
+        if (
+          trackerType === "github" &&
+          (item.labels ?? []).includes("pr") &&
+          projectId
+        ) {
+          try {
+            const ctxRes = await fetch("/api/github/prs/context", {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ projectId, prId: item.id }),
+            });
+            if (ctxRes.ok) {
+              const ctxPayload = (await ctxRes.json()) as { context?: string };
+              if (ctxPayload.context) prContext = ctxPayload.context;
+            }
+          } catch (err) {
+            console.warn("Failed to fetch PR context", err);
+          }
+        }
+
+        const combinedPrefix =
+          ticketPrefix +
+          (prContext ? `\n\n${prContext}` : "") +
+          (promptPrefix ? `\n${promptPrefix}` : "");
 
         const response = await fetch("/api/chat", {
           method: "POST",
@@ -196,7 +221,7 @@ export function TicketPanel({
         }
       }
     },
-    [item, participants, defaultAgent, projectId, projectSlug, createRun, updateRun, onRunCreated]
+    [item, participants, defaultAgent, projectId, projectSlug, trackerType, createRun, updateRun, onRunCreated]
   );
 
   return (
@@ -212,13 +237,15 @@ export function TicketPanel({
           </span>
         </div>
         <div className="flex shrink-0 items-center gap-2">
-          <IssueStatusSelect
-            status={item.status}
-            options={itemStatusOptions}
-            disabled={itemStatusOptions.length === 0}
-            updating={itemStatusUpdating}
-            onChange={(status) => onItemStatusChange(item, status)}
-          />
+          {trackerType !== "github" && (
+            <IssueStatusSelect
+              status={item.status}
+              options={itemStatusOptions}
+              disabled={itemStatusOptions.length === 0}
+              updating={itemStatusUpdating}
+              onChange={(status) => onItemStatusChange(item, status)}
+            />
+          )}
           {metadata.estimate != null && (
             <span
               className="flex items-center gap-1 rounded-md border border-[var(--card-border)] px-2 py-1 text-xs font-medium text-[var(--foreground)]"
@@ -250,6 +277,13 @@ export function TicketPanel({
 
       <div className="min-h-0 flex-1 overflow-y-auto pb-64">
         <TicketRecapSection issueId={item.id} trackerType={trackerType} projectId={projectId} />
+        {projectSlug && (
+          <LinkedPrsSection
+            targetType="linear_issue"
+            targetId={item.identifier}
+            projectSlug={projectSlug}
+          />
+        )}
         <TicketSessionList runs={runs} onSelect={onSelectRun} />
       </div>
 

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

@@ -69,10 +69,20 @@ export function TicketRecapSection({ issueId, trackerType, projectId }: Props) {
       const data = await fetchRecap();
       scheduleIfBusy(data);
     })();
+    const handleTriggered = (e: Event) => {
+      const detail = (e as CustomEvent<{ trackerType: string; issueId: string }>).detail;
+      if (detail?.trackerType !== trackerType || detail?.issueId !== issueId) return;
+      void (async () => {
+        const data = await fetchRecap();
+        scheduleIfBusy(data);
+      })();
+    };
+    window.addEventListener("tracker:recap-triggered", handleTriggered);
     return () => {
       if (timerRef.current) clearTimeout(timerRef.current);
+      window.removeEventListener("tracker:recap-triggered", handleTriggered);
     };
-  }, [issueId, fetchRecap, scheduleIfBusy]);
+  }, [issueId, trackerType, fetchRecap, scheduleIfBusy]);
 
   const regenerate = useCallback(async () => {
     setLoading(true);
@@ -112,7 +122,7 @@ export function TicketRecapSection({ issueId, trackerType, projectId }: Props) {
             className="flex items-center gap-1 rounded border border-[var(--card-border)] px-2 py-1 text-[11px] text-[var(--muted-foreground)] transition-colors hover:bg-[var(--card-bg)] hover:text-[var(--foreground)] disabled:opacity-50"
           >
             <RefreshCw size={10} />
-            Regenerate
+            Recap
           </button>
         </div>
       </div>
@@ -121,7 +131,7 @@ export function TicketRecapSection({ issueId, trackerType, projectId }: Props) {
           <Markdown content={recap.content} isUser={false} />
         ) : (
           <p className="text-[var(--muted-foreground)]">
-            No recap yet. Click Regenerate to create one.
+            No recap yet. Click Recap to create one.
           </p>
         )}
         {recap?.error ? (

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

@@ -1,9 +1,11 @@
 "use client";
 
 import React, { useState, useCallback, useEffect, useRef } from "react";
-import { Check, ExternalLink, Link2, MessageSquare, Pin, Play, StickyNote, Tag } from "lucide-react";
+import { Check, ExternalLink, Link2, MessageSquare, MoreVertical, Pin, Play, StickyNote, Tag } from "lucide-react";
 import { NoteSticker } from "@/components/tracker/NoteSticker";
 import { LabelPicker } from "@/components/tracker/LabelPicker";
+import { RowActionsMenu } from "@/components/tracker/RowActionsMenu";
+import type { FilterOption } from "@/components/tracker/TrackerBoardFilters";
 import { useDraggable, useDroppable } from "@dnd-kit/core";
 import type { TrackerItem } from "@/lib/tracker/types";
 import type { Participant } from "@/lib/types";
@@ -30,6 +32,8 @@ export function TicketRow({
   allLabels,
   onToggleLabel,
   onAddLabel,
+  rowActions,
+  showGroup,
 }: {
   item: TrackerItem;
   selected: boolean;
@@ -50,6 +54,14 @@ export function TicketRow({
   allLabels?: Array<{ name: string; color: string | null; defined: boolean }>;
   onToggleLabel?: (label: string) => void;
   onAddLabel?: (label: string) => void;
+  rowActions?: {
+    statusOptions: FilterOption[];
+    onRecap: () => void;
+    onPrompt: (prompt: string, agentId: string) => void;
+    onEstimate: () => void;
+    onStatus: (status: string) => void;
+  };
+  showGroup?: boolean;
 }) {
   const [copied, setCopied] = useState(false);
   const copyResetTimeoutRef = useRef<number | null>(null);
@@ -61,6 +73,8 @@ export function TicketRow({
   const labelButtonRef = useRef<HTMLButtonElement>(null);
   const labelPopoverRef = useRef<HTMLDivElement>(null);
   const [labelOpen, setLabelOpen] = useState(false);
+  const moreButtonRef = useRef<HTMLButtonElement>(null);
+  const [moreOpen, setMoreOpen] = useState(false);
 
   useEffect(() => {
     if (!labelOpen) return;
@@ -113,12 +127,15 @@ export function TicketRow({
     }
   }, [projectSlug, item.identifier]);
 
-  const handleNoteClick = useCallback((e: React.MouseEvent) => {
+  const handleNoteClick = useCallback(async (e: React.MouseEvent) => {
     e.stopPropagation();
-    if (!noteOpen) {
-      void loadNote();
+    if (noteOpen) {
+      setNoteOpen(false);
+      return;
     }
-    setNoteOpen((prev) => !prev);
+
+    await loadNote();
+    setNoteOpen(true);
   }, [noteOpen, loadNote]);
 
   useEffect(() => {
@@ -225,6 +242,14 @@ export function TicketRow({
       <span className={`min-w-0 flex-1 truncate text-xs ${selected ? "font-medium text-[var(--foreground)]" : "text-[var(--muted-foreground)]"}`}>
         {item.title}
       </span>
+      {showGroup && item.group && (
+        <span
+          className="shrink-0 rounded-full border border-[var(--card-border)] px-1.5 py-0.5 text-[10px] text-[var(--muted-foreground)]"
+          title={item.group.name}
+        >
+          <span className="block max-w-[140px] truncate">{item.group.name}</span>
+        </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}
@@ -413,6 +438,39 @@ export function TicketRow({
         >
           <ExternalLink size={10} />
         </button>
+        {rowActions && (
+          <button
+            ref={moreButtonRef}
+            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)] ${
+              moreOpen || selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+            }`}
+            onClick={(event) => {
+              event.stopPropagation();
+              setMoreOpen((v) => !v);
+            }}
+            title="More actions"
+            aria-label="More actions"
+          >
+            <MoreVertical size={10} />
+          </button>
+        )}
+        {rowActions && moreOpen && (
+          <RowActionsMenu
+            anchorRef={moreButtonRef}
+            onClose={() => setMoreOpen(false)}
+            participants={participants ?? []}
+            labels={allLabels ?? []}
+            selectedLabels={localLabels ?? []}
+            statusOptions={rowActions.statusOptions}
+            onRecap={rowActions.onRecap}
+            onPrompt={rowActions.onPrompt}
+            onEstimate={rowActions.onEstimate}
+            onToggleLabel={(label) => onToggleLabel?.(label)}
+            onAddLabel={(name) => onAddLabel?.(name)}
+            onStatus={rowActions.onStatus}
+          />
+        )}
       </div>
     </div>
   );