@mndrk/agx 2.0.56 → 2.2.0

package/cloud-runtime/standalone/apps/local/components/LinearBoard.tsx

@@ -31,6 +31,7 @@ import {
 import { buildLinearExecutionPrompt } from "@/lib/linear-execution-prompt";
 import type { Participant } from "@/lib/types";
 import LinearSetup from "@/components/LinearSetup";
+import LinearSettingsModal from "@/components/linear/LinearSettingsModal";
 
 const Composer = dynamic(
   () => import("@/components/chat-ui/Composer").then((module) => module.Composer),
@@ -1618,6 +1619,46 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
           return;
         }
 
+        // Check if the linear worker has a team configured
+        const workerParams = new URLSearchParams();
+        workerParams.set("projectId", projectId);
+        const workerResponse = await fetch(`/api/linear/worker?${workerParams}`).catch(() => null);
+        const workerData = workerResponse?.ok ? await workerResponse.json().catch(() => null) : null;
+        const workerTeamId: string | undefined = workerData?.job?.teamId || undefined;
+
+        if (workerTeamId) {
+          // Use the team's agents as participants
+          const teamAgentsResponse = await fetch(
+            `/api/projects/${encodeURIComponent(projectId)}/teams/${encodeURIComponent(workerTeamId)}/agents`
+          );
+          if (teamAgentsResponse.ok) {
+            const teamData = await teamAgentsResponse.json();
+            const teamAgentIds: string[] = Array.isArray(teamData.agents)
+              ? teamData.agents
+                  .sort((a: { routing_order?: number }, b: { routing_order?: number }) =>
+                    (a.routing_order ?? 0) - (b.routing_order ?? 0)
+                  )
+                  .map((agent: { agent_id?: string }) => agent.agent_id)
+                  .filter((value: unknown): value is string => typeof value === "string" && value.trim().length > 0)
+              : [];
+            if (teamAgentIds.length > 0) {
+              const teamOrderIndex = new Map(teamAgentIds.map((id, index) => [id, index]));
+              const teamParticipants = allParticipants
+                .filter((participant) => teamOrderIndex.has(participant.id))
+                .sort(
+                  (left, right) =>
+                    (teamOrderIndex.get(left.id) ?? Number.MAX_SAFE_INTEGER) -
+                    (teamOrderIndex.get(right.id) ?? Number.MAX_SAFE_INTEGER)
+                );
+              if (!cancelled && teamParticipants.length > 0) {
+                setParticipants(teamParticipants);
+                return;
+              }
+            }
+          }
+        }
+
+        // Fallback: use project agents
         const projectAgentsResponse = await fetch(
           `/api/projects/${encodeURIComponent(projectId)}/agents`
         );
@@ -2445,30 +2486,18 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
 
       {/* Settings overlay */}
       {showSettings && (
-        <div className="absolute inset-0 z-30 flex items-center justify-center bg-black/50">
-          <div className="relative w-full max-w-lg rounded-lg border border-[var(--card-border)] bg-[var(--background)] shadow-xl">
-            <button
-              type="button"
-              className="absolute right-3 top-3 rounded p-1 text-[var(--muted-foreground)] transition-colors hover:bg-[var(--card-bg)] hover:text-[var(--foreground)]"
-              onClick={() => setShowSettings(false)}
-            >
-              &times;
-            </button>
-            <div className="max-h-[80vh] overflow-y-auto p-6">
-              <LinearSetup
-                connected={connected}
-                user={user}
-                clis={clis}
-                mcpConfigured={mcpConfigured}
-                onConnect={connect}
-                onConnectWithKey={connectWithKey}
-                onDisconnect={disconnect}
-                onConfigureMcp={configureMcp}
-                onContinue={() => setShowSettings(false)}
-              />
-            </div>
-          </div>
-        </div>
+        <LinearSettingsModal
+          connected={connected}
+          user={user}
+          clis={clis}
+          mcpConfigured={mcpConfigured}
+          onConnect={connect}
+          onConnectWithKey={connectWithKey}
+          onDisconnect={disconnect}
+          onConfigureMcp={configureMcp}
+          onClose={() => setShowSettings(false)}
+          projectId={projectId}
+        />
       )}
 
       {showRunScripts && isTouchLayout ? (

package/cloud-runtime/standalone/apps/local/components/PromptJobBoard.tsx

@@ -35,6 +35,27 @@ import type {
 } from "@/src/prompt-scheduler/types";
 import { cronToHuman } from "@/src/graph/nl-schedule";
 import { ScheduleConditionPicker } from "@/components/scheduling/ScheduleConditionPicker";
+import {
+  LINEAR_WORKER_DEFAULT_PROMPT,
+  LINEAR_WORKER_JOB_NAME,
+} from "@/src/prompt-scheduler/linear-worker-constants";
+
+const EXECUTION_MODE_OPTIONS: Array<{
+  value: PromptJobExecutionMode;
+  label: string;
+  description: string;
+}> = [
+  {
+    value: "prompt",
+    label: "Prompt",
+    description: "Run a prompt on a schedule",
+  },
+  {
+    value: "linear_worker",
+    label: "Linear Worker",
+    description: "Observe Linear workspace and decide what to work on",
+  },
+];
 
 const Composer = dynamic(() => import("@/components/chat-ui/Composer").then((m) => m.Composer), {
   ssr: false,
@@ -243,6 +264,9 @@ export function CreateJobModal({
   contextLabel?: string | null;
 }) {
   const [agents, setAgents] = useState<AgentOption[]>([]);
+  const [executionMode, setExecutionMode] = useState<PromptJobExecutionMode>(
+    editingJob?.executionMode ?? createDefaults?.executionMode ?? "prompt"
+  );
   const [name, setName] = useState(editingJob?.name ?? createDefaults?.name ?? "");
   const [prompt, setPrompt] = useState(editingJob?.prompt ?? createDefaults?.prompt ?? "");
   const [agentId, setAgentId] = useState(editingJob?.agentId ?? createDefaults?.agentId ?? "");
@@ -288,6 +312,7 @@ export function CreateJobModal({
       catchUpPolicy,
       cadence: cadence.trim(),
       condition: condition.trim(),
+      executionMode,
     });
     setSubmitting(false);
     onClose();
@@ -353,6 +378,37 @@ export function CreateJobModal({
         </div>
 
         <div className="w-[380px] shrink-0 overflow-y-auto p-6 space-y-6">
+          <div>
+            <Label>Type</Label>
+            <div className="space-y-1.5">
+              {EXECUTION_MODE_OPTIONS.map((opt) => (
+                <button
+                  key={opt.value}
+                  type="button"
+                  onClick={() => {
+                    setExecutionMode(opt.value);
+                    if (opt.value === "linear_worker") {
+                      if (!name.trim()) setName(LINEAR_WORKER_JOB_NAME);
+                      if (!prompt.trim()) setPrompt(LINEAR_WORKER_DEFAULT_PROMPT);
+                    }
+                  }}
+                  className={`w-full text-left px-3 py-2 rounded-lg border transition-all ${
+                    executionMode === opt.value
+                      ? "border-[var(--foreground)] bg-[var(--foreground)]/5"
+                      : "border-[var(--card-border)] bg-[var(--muted)] hover:border-[var(--muted-foreground)]"
+                  }`}
+                >
+                  <div className="text-xs font-medium text-[var(--foreground)]">
+                    {opt.label}
+                  </div>
+                  <div className="text-[10px] text-[var(--muted-foreground)]">
+                    {opt.description}
+                  </div>
+                </button>
+              ))}
+            </div>
+          </div>
+
           <AgentDropdown
             agents={agents}
             value={agentId}
@@ -897,6 +953,18 @@ function JobDetailView({
               <div className="px-6 py-5">
                 <div className="rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] px-5 py-4">
                   <div className="grid grid-cols-[96px,minmax(0,1fr)] items-center gap-x-4 gap-y-4">
+                    {job.executionMode && job.executionMode !== "prompt" && (
+                      <>
+                        <div className="text-[11px] uppercase tracking-[0.12em] text-[var(--muted-foreground)]">
+                          Type
+                        </div>
+                        <div className="min-w-0">
+                          <span className="rounded-md border border-violet-400/20 bg-violet-500/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-violet-400">
+                            {EXECUTION_MODE_OPTIONS.find((o) => o.value === job.executionMode)?.label ?? job.executionMode}
+                          </span>
+                        </div>
+                      </>
+                    )}
                     <div className="text-[11px] uppercase tracking-[0.12em] text-[var(--muted-foreground)]">
                       Agent
                     </div>
@@ -1125,9 +1193,10 @@ export default function PromptJobBoard({
 
   const visibleJobs = useMemo(
     () =>
-      visibleJobIdSet
+      (visibleJobIdSet
         ? jobs.filter((job) => visibleJobIdSet.has(job.id))
-        : jobs,
+        : jobs
+      ).filter((job) => job.executionMode !== "linear_worker"),
     [jobs, visibleJobIdSet]
   );
   const filteredJobs = visibleJobs.filter((j) => filter === "all" || j.state === filter);
@@ -1404,6 +1473,11 @@ export default function PromptJobBoard({
                           >
                             {scheduleLabel}
                           </span>
+                          {job.executionMode === "linear_worker" ? (
+                            <span className="rounded-md border border-violet-400/20 bg-violet-500/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-violet-400">
+                              linear
+                            </span>
+                          ) : null}
                           {job.condition ? (
                             <span className="rounded-md border border-blue-400/20 bg-blue-500/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-blue-400">
                               gated

package/cloud-runtime/standalone/apps/local/components/graph/NodeDetailPanel.tsx

@@ -150,46 +150,51 @@ export default function NodeDetailPanel({
   const triggeringNodeId = useGraphUIStore((state) => state.triggeringNodeId);
   
   const [activeTab, setActiveTab] = useState<TabId>("execution");
-  const [width, setWidth] = useState(DEFAULT_WIDTH);
   const [isResizing, setIsResizing] = useState(false);
   const [diffRunA, setDiffRunA] = useState<string | null>(null);
   const [diffRunB, setDiffRunB] = useState<string | null>(null);
-  
+
   const panelRef = useRef<HTMLDivElement>(null);
   const resizeHandleRef = useRef<HTMLDivElement>(null);
-  
+
   // Get node data
   const node = selectedNodeId ? graph.nodes[selectedNodeId] : null;
   const nodeRuns = useMemo(
     () => selectedNodeId ? extractNodeRuns(graph, selectedNodeId) : [],
     [graph, selectedNodeId]
   );
-  
-  // Resize handling
+
+  // Resize handling — direct DOM manipulation to avoid re-renders
   const handleMouseDown = useCallback((e: React.MouseEvent) => {
     if (isTouchLayout) return;
     e.preventDefault();
     setIsResizing(true);
   }, [isTouchLayout]);
-  
+
   useEffect(() => {
     if (!isResizing || isTouchLayout) return;
-    
+
     const handleMouseMove = (e: MouseEvent) => {
+      if (!panelRef.current) return;
       const newWidth = window.innerWidth - e.clientX;
-      setWidth(Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, newWidth)));
+      const clamped = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, newWidth));
+      panelRef.current.style.width = `${clamped}px`;
     };
-    
+
     const handleMouseUp = () => {
       setIsResizing(false);
     };
-    
+
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
-    
+    document.body.style.cursor = "ew-resize";
+    document.body.style.userSelect = "none";
+
     return () => {
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
     };
   }, [isResizing, isTouchLayout]);
   
@@ -250,7 +255,7 @@ export default function NodeDetailPanel({
       <aside
         ref={panelRef}
         className={`node-detail-panel ${isOpen ? "node-detail-panel--open" : ""}${isTouchLayout ? " node-detail-panel--touch" : ""}`}
-        style={isTouchLayout ? undefined : { width: `${width}px` }}
+        style={isTouchLayout ? undefined : { width: `${DEFAULT_WIDTH}px` }}
       >
       {/* Resize handle */}
       {!isTouchLayout ? (

package/cloud-runtime/standalone/apps/local/components/linear/LinearSettingsModal.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+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";
+
+type LinearSetupProps = 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"];
+  onClose: () => void;
+  projectId?: string;
+}
+
+type SettingsTab = "connection" | "worker" | "run-log";
+
+export default function LinearSettingsModal({
+  connected,
+  user,
+  clis,
+  mcpConfigured,
+  onConnect,
+  onConnectWithKey,
+  onDisconnect,
+  onConfigureMcp,
+  onClose,
+  projectId,
+}: LinearSettingsModalProps) {
+  const [tab, setTab] = useState<SettingsTab>(connected ? "worker" : "connection");
+  const [workerJobId, setWorkerJobId] = useState<string | null>(null);
+
+  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: "run-log", label: "Run Log", icon: <ScrollText size={14} />, disabled: !connected },
+  ];
+
+  return (
+    <div className="absolute inset-0 z-30 flex items-center justify-center bg-black/50">
+      <div className="relative flex w-full max-w-6xl flex-col rounded-lg border border-[var(--card-border)] bg-[var(--background)] shadow-xl">
+        {/* Header with tabs */}
+        <div className="flex items-center justify-between border-b border-[var(--card-border)] px-6">
+          <div className="flex items-center gap-6">
+            {tabs.map((t) => {
+              const isActive = tab === t.id;
+              return (
+                <button
+                  key={t.id}
+                  onClick={() => !t.disabled && setTab(t.id)}
+                  disabled={t.disabled}
+                  className={`relative flex items-center gap-2 py-4 text-sm font-semibold transition-colors ${
+                    isActive
+                      ? "text-[var(--foreground)]"
+                      : t.disabled
+                        ? "cursor-not-allowed text-[var(--muted-foreground)]/40"
+                        : "text-[var(--muted-foreground)] hover:text-[var(--foreground)]"
+                  }`}
+                >
+                  {t.icon}
+                  {t.label}
+                  {isActive && (
+                    <span className="absolute bottom-0 left-0 right-0 h-[2px] rounded-full bg-[var(--foreground)]" />
+                  )}
+                </button>
+              );
+            })}
+          </div>
+          <button
+            type="button"
+            className="rounded p-1.5 text-[var(--muted-foreground)] transition-colors hover:bg-[var(--card-bg)] hover:text-[var(--foreground)]"
+            onClick={onClose}
+          >
+            <X size={18} />
+          </button>
+        </div>
+
+        {/* Tab content */}
+        <div className="flex-1 min-h-0 max-h-[80vh] overflow-y-auto p-6">
+          {tab === "connection" && (
+            <LinearSetup
+              connected={connected}
+              user={user}
+              clis={clis}
+              mcpConfigured={mcpConfigured}
+              onConnect={onConnect}
+              onConnectWithKey={onConnectWithKey}
+              onDisconnect={onDisconnect}
+              onConfigureMcp={onConfigureMcp}
+              onContinue={onClose}
+            />
+          )}
+          {tab === "worker" && connected && (
+            <LinearWorkerConfig projectId={projectId} onJobLoaded={setWorkerJobId} />
+          )}
+          {tab === "run-log" && connected && (
+            <LinearWorkerRunLog jobId={workerJobId} />
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}