@mndrk/agx 2.0.47 → 2.0.49

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

@@ -2,23 +2,35 @@
 
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import dynamic from "next/dynamic";
-import { Check, ChevronDown, Clock, Link2, Play, RefreshCw, Search, Settings, User } from "lucide-react";
+import { Check, ChevronDown, Clock, FileText, Link2, Play, RefreshCw, Search, Settings, User } from "lucide-react";
 import { useLinearIssues, type LinearIssue } from "@/hooks/useLinearIssues";
 import { useLinearConnection } from "@/hooks/useLinearConnection";
 import { useLinearRuns, type LinearRun } from "@/hooks/useLinearRuns";
+import { useLinearRunScripts } from "@/hooks/useLinearRunScripts";
 import { useGroupChat } from "@/hooks/useGroupChat";
 import { useProcessPolling } from "@/hooks/useProcessPolling";
 import { Markdown } from "@/components/chat-ui/Markdown";
+import RunScriptManager from "@/components/linear/RunScriptManager";
 import { stripMarkers } from "@/lib/chat-utils";
 import {
   loadLinearBoardFilters,
   persistLinearBoardFilters,
 } from "@/state/linearBoardFilters";
+import {
+  loadLinearTicketPanelWidth,
+  persistLinearTicketPanelWidth,
+  loadLinearRunsPanelWidth,
+  persistLinearRunsPanelWidth,
+} from "@/state/windowState";
 import {
   orderParticipantIds,
   type ComposerRoutingMetadata,
 } from "@/lib/chat/composer-routing";
-import { buildLinearExecutionPrompt } from "@/lib/linear-execution-prompt";
+import {
+  buildLinearExecutionPrompt,
+  renderLinearExecutionPromptTemplate,
+  type LinearExecutionPromptInput,
+} from "@/lib/linear-execution-prompt";
 import type { Participant } from "@/lib/types";
 import LinearSetup from "@/components/LinearSetup";
 
@@ -928,7 +940,7 @@ function TicketRow({
   const shortStatus = STATUS_LABELS[issue.status] ?? issue.status.slice(0, 6);
   return (
     <div
-      className={`group relative flex items-center gap-3 px-4 py-2.5 text-sm transition-colors ${
+      className={`group 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"
@@ -1007,8 +1019,9 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
 
   const [setupDismissed, setSetupDismissed] = useState(false);
   const [showSettings, setShowSettings] = useState(initialShowSettings ?? false);
-  const [ticketPanelWidth, setTicketPanelWidth] = useState(576);
-  const [runsPanelWidth, setRunsPanelWidth] = useState(224);
+  const [showRunScripts, setShowRunScripts] = useState(false);
+  const [ticketPanelWidth, setTicketPanelWidth] = useState(() => loadLinearTicketPanelWidth() || 576);
+  const [runsPanelWidth, setRunsPanelWidth] = useState(() => loadLinearRunsPanelWidth() || 224);
   const [search, setSearch] = useState("");
   const [debouncedSearch, setDebouncedSearch] = useState("");
   const [filterOptionsLoaded, setFilterOptionsLoaded] = useState(false);
@@ -1027,6 +1040,8 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
   const [pickerAnchor, setPickerAnchor] = useState<{ top: number; left: number } | null>(null);
   const searchDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const skipNextFilterPersistRef = useRef(true);
+  const runScriptsButtonRef = useRef<HTMLButtonElement | null>(null);
+  const runScriptsPanelRef = useRef<HTMLDivElement | null>(null);
 
   const handleSearchChange = useCallback((value: string) => {
     setSearch(value);
@@ -1178,6 +1193,14 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
     createRun,
     updateRun,
   } = useLinearRuns(selectedIssue?.id, projectId ?? null);
+  const {
+    scripts: runScripts,
+    activeScriptId,
+    activeScript,
+    setActiveScriptId,
+    saveScript,
+    deleteScript,
+  } = useLinearRunScripts(projectSlug);
 
   const selectedRun = runs.find((run) => run.id === selectedRunId) ?? null;
   const assigneeOptions = useMemo<FilterOption[]>(
@@ -1205,6 +1228,7 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
   const showStatusFilter = statusOptions.length > 0;
   const showCycleFilter = cycleOptions.length > 1;
   const showWorkspaceFilter = workspaceOptions.length > 2;
+  const activeRunScriptLabel = activeScript?.name ?? "AGX default";
 
   useEffect(() => {
     if (issues.length === 0) {
@@ -1286,8 +1310,39 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
     };
   }, [projectId]);
 
+  useEffect(() => {
+    if (!showRunScripts) {
+      return;
+    }
+
+    const handlePointerDown = (event: MouseEvent) => {
+      const target = event.target as Node;
+      if (runScriptsPanelRef.current?.contains(target)) {
+        return;
+      }
+      if (runScriptsButtonRef.current?.contains(target)) {
+        return;
+      }
+      setShowRunScripts(false);
+    };
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        setShowRunScripts(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [showRunScripts]);
+
   const handleExecute = useCallback(
     (issue: LinearIssue, event?: React.MouseEvent) => {
+      setShowRunScripts(false);
       if (participants.length === 0) {
         window.alert("Add at least one agent to this project before running a Linear ticket.");
         return;
@@ -1326,7 +1381,7 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
         });
         setSelectedRunId(createdRun.id);
 
-        const { prompt, promptPrefix } = buildLinearExecutionPrompt({
+        const executionPromptInput: LinearExecutionPromptInput = {
           issue: {
             identifier: issue.identifier,
             title: issue.title,
@@ -1334,14 +1389,21 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
             assignee: issue.assignee,
           },
           project: projectSlug ? { slug: projectSlug } : null,
-        });
+        };
+        const { prompt: defaultPrompt, promptPrefix } = buildLinearExecutionPrompt(executionPromptInput);
+        const prompt = activeScript
+          ? renderLinearExecutionPromptTemplate(activeScript.prompt, executionPromptInput).trim() || defaultPrompt
+          : defaultPrompt;
+        const effectivePromptPrefix = activeScript
+          ? `${promptPrefix}ACTIVE RUN SCRIPT\n- Name: ${activeScript.name}\n\n`
+          : promptPrefix;
 
         const response = await fetch("/api/chat", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             prompt,
-            promptPrefix,
+            promptPrefix: effectivePromptPrefix,
             threadId: createdRun.threadId,
             activeParticipantIds: [agent.id],
             projectSlug: projectSlug ?? undefined,
@@ -1375,7 +1437,7 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
         }
       }
     },
-    [createRun, projectId, projectSlug, updateRun]
+    [activeScript, createRun, projectId, projectSlug, updateRun]
   );
 
   const sentinelRef = useRef<HTMLDivElement | null>(null);
@@ -1449,7 +1511,10 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
             <button
               type="button"
               className="shrink-0 rounded p-1.5 text-[var(--muted-foreground)] transition-colors hover:bg-[var(--card-bg)] hover:text-[var(--foreground)]"
-              onClick={() => setShowSettings(true)}
+              onClick={() => {
+                setShowRunScripts(false);
+                setShowSettings(true);
+              }}
               title="Linear settings"
             >
               <Settings size={16} />
@@ -1528,22 +1593,54 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
         </div>
       </div>
 
-      <ResizeHandle onResize={(delta) => setTicketPanelWidth((w) => Math.max(180, Math.min(600, w + delta)))} />
+      <ResizeHandle onResize={(delta) => setTicketPanelWidth((w) => { const next = Math.max(180, Math.min(600, w + delta)); persistLinearTicketPanelWidth(next); return next; })} />
 
       <div className="flex shrink-0 flex-col border-r border-[var(--card-border)]" style={{ width: runsPanelWidth }}>
-        <div className="flex items-center justify-between border-b border-[var(--card-border)] px-3 py-2">
+        <div className="relative flex items-center justify-between border-b border-[var(--card-border)] px-3 py-2">
           <h3 className="text-xs font-semibold text-[var(--foreground)]">Runs</h3>
-          {selectedIssue && (
+          <div className="flex items-center gap-1">
             <button
+              ref={runScriptsButtonRef}
               type="button"
-              className="flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium text-[var(--muted-foreground)] transition-colors hover:bg-[var(--card-bg)] hover:text-[var(--foreground)]"
-              onClick={(event) => handleExecute(selectedIssue, event)}
-              title="Run agent on selected ticket"
+              className={`flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium transition-colors ${
+                showRunScripts
+                  ? "bg-[var(--card-bg)] text-[var(--foreground)]"
+                  : "text-[var(--muted-foreground)] hover:bg-[var(--card-bg)] hover:text-[var(--foreground)]"
+              }`}
+              onClick={() => setShowRunScripts((current) => !current)}
+              title={`Run script: ${activeRunScriptLabel}`}
             >
-              <Play size={10} />
-              <span>Run now</span>
+              <FileText size={10} />
+              <span className="max-w-[88px] truncate">{activeRunScriptLabel}</span>
             </button>
-          )}
+            {selectedIssue && (
+              <button
+                type="button"
+                className="flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium text-[var(--muted-foreground)] transition-colors hover:bg-[var(--card-bg)] hover:text-[var(--foreground)]"
+                onClick={(event) => handleExecute(selectedIssue, event)}
+                title="Run agent on selected ticket"
+              >
+                <Play size={10} />
+                <span>Run now</span>
+              </button>
+            )}
+          </div>
+          {showRunScripts ? (
+            <div
+              ref={runScriptsPanelRef}
+              className="absolute right-3 top-full z-20 mt-2 max-h-[80vh] overflow-y-auto rounded-2xl border border-[var(--card-border)] bg-[var(--background)] p-4 shadow-2xl"
+              style={{ width: "min(760px, calc(100vw - 32px))" }}
+            >
+              <RunScriptManager
+                projectSlug={projectSlug}
+                scripts={runScripts}
+                activeScriptId={activeScriptId}
+                onSetActiveScriptId={setActiveScriptId}
+                onSaveScript={saveScript}
+                onDeleteScript={deleteScript}
+              />
+            </div>
+          ) : null}
         </div>
 
         <div className="flex-1 overflow-y-auto">
@@ -1603,7 +1700,7 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
         </div>
       </div>
 
-      <ResizeHandle onResize={(delta) => setRunsPanelWidth((w) => Math.max(140, Math.min(500, w + delta)))} />
+      <ResizeHandle onResize={(delta) => setRunsPanelWidth((w) => { const next = Math.max(140, Math.min(500, w + delta)); persistLinearRunsPanelWidth(next); return next; })} />
 
       <div className="flex min-w-0 flex-1 flex-col overflow-hidden">
         {selectedRun ? (
@@ -1639,7 +1736,7 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
             >
               &times;
             </button>
-            <div className="p-6">
+            <div className="max-h-[80vh] overflow-y-auto p-6">
               <LinearSetup
                 connected={connected}
                 user={user}

package/cloud-runtime/standalone/components/chat-ui/ChatContainer.tsx

@@ -15,6 +15,7 @@ import {
   loadWorkspaceSidebarVisible,
   persistWorkspaceSidebarVisible,
 } from "@/state/uiSettings";
+import { loadWorkspaceWidth, persistWorkspaceWidth } from "@/state/windowState";
 import {
   loadStoredActiveParticipantIds,
   persistStoredActiveParticipantIds,
@@ -357,6 +358,7 @@ export function ChatContainer({
     return document.documentElement.classList.contains("dark") ? "dark" : "light";
   });
   const [workspaceSidebarVisible, setWorkspaceSidebarVisible] = useState(false);
+  const [workspaceSidebarWidth, setWorkspaceSidebarWidth] = useState(368);
   const workspaceSidebarHydratedRef = useRef(false);
 
   // Sync sidebar visibility from localStorage after hydration to avoid SSR mismatch
@@ -364,6 +366,7 @@ export function ChatContainer({
     const stored = loadWorkspaceSidebarVisible();
     workspaceSidebarHydratedRef.current = true;
     setWorkspaceSidebarVisible(stored);
+    setWorkspaceSidebarWidth(loadWorkspaceWidth() || 368);
   }, []);
   useEffect(() => {
     if (typeof window === "undefined") return;
@@ -420,8 +423,6 @@ export function ChatContainer({
           if (cancelled || !data.activeRootMessageIds) return;
           setAutoModeThreads((prev) => {
             const next = new Set(data.activeRootMessageIds as string[]);
-            // Preserve any locally-toggled entries not yet on server
-            for (const id of prev) next.add(id);
             if (next.size === prev.size && [...next].every((id) => prev.has(id))) return prev;
             return next;
           });
@@ -1211,16 +1212,6 @@ export function ChatContainer({
         return;
       }
 
-      // User message turns off autonomous mode
-      if (autoMode && openThreadId) {
-        setAutoModeThreads((prev) => { const next = new Set(prev); next.delete(openThreadId); return next; });
-        fetch("/api/schedules", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ action: "stop", rootMessageId: openThreadId }),
-        }).catch((err) => console.error("Failed to deactivate schedule:", err));
-      }
-
       let threadId = activeThreadId;
       if (!threadId) {
         const created = await createThread();
@@ -1278,7 +1269,6 @@ export function ChatContainer({
     },
     [
       activeThreadId,
-      autoMode,
       pendingAutoMode,
       createThread,
       handleSearchCommand,
@@ -1566,6 +1556,11 @@ export function ChatContainer({
     });
   }, [persistSidebarPreference]);
 
+  const handleWorkspaceSidebarWidthChange = useCallback((w: number) => {
+    setWorkspaceSidebarWidth(w);
+    persistWorkspaceWidth(w);
+  }, []);
+
   const handleAdd = async (p: Participant) => {
     const res = await fetch("/api/participants", {
       method: "POST",
@@ -1776,6 +1771,8 @@ export function ChatContainer({
             onToggleParticipantActive={handleToggleParticipantActive}
             visible={workspaceSidebarVisible}
             onToggle={toggleWorkspaceSidebar}
+            width={workspaceSidebarWidth}
+            onWidthChange={handleWorkspaceSidebarWidthChange}
             projects={projects}
             onCreateProject={createProject}
             onUpdateProject={updateProject}