@mndrk/agx 2.2.0 → 2.3.0

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

@@ -378,37 +378,6 @@ 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}
@@ -1147,7 +1116,7 @@ export default function PromptJobBoard({
   visibleJobIds?: string[] | null;
   contextLabel?: string | null;
   createDefaults?: Partial<CreateJobData>;
-  onCreateJob?: (data: CreateJobData) => Promise<boolean>;
+  onCreateJob?: (data: CreateJobData) => Promise<string | null>;
 } = {}) {
   const {
     jobs, loading, refresh,
@@ -1252,17 +1221,16 @@ export default function PromptJobBoard({
   };
 
   const handleCreateOrUpdate = async (data: CreateJobData) => {
-    let ok = false;
-
     if (editingJob) {
-      ok = await updateJob(editingJob.id, data as any);
+      const ok = await updateJob(editingJob.id, data as any);
       if (ok) showToast(`Task "${data.name}" updated`);
     } else {
-      ok = onCreateJob
+      const newId = onCreateJob
         ? await onCreateJob(data)
         : await createJob({ ...data, projectId: projectId ?? '' });
-      if (ok) {
+      if (newId) {
         await refresh();
+        pushSelection({ job: newId, run: null });
         showToast(`Task "${data.name}" created`);
       }
     }

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

@@ -283,7 +283,7 @@ export default function TeamPickerModal({
                       <div className="w-5 h-5 rounded-md flex items-center justify-center flex-shrink-0 bg-emerald-500/15">
                         <Check className="w-3 h-3 text-emerald-400" />
                       </div>
-                      <span className="text-sm font-medium truncate">{preset.name}</span>
+                      <span className="text-sm font-medium truncate">{preset.role}</span>
                       <span
                         className="text-[10px] px-1.5 py-0.5 rounded-full flex-shrink-0"
                         style={{ background: "var(--card-bg)", color: "var(--muted-foreground)" }}
@@ -295,7 +295,7 @@ export default function TeamPickerModal({
                       onClick={() => togglePreset(preset.id)}
                       disabled={creating}
                       className="p-1.5 rounded-lg hover:bg-red-500/15 text-[var(--muted-foreground)] hover:text-red-400 transition-colors"
-                      title={`Remove ${preset.name}`}
+                      title={`Remove ${preset.role}`}
                     >
                       <X className="w-3.5 h-3.5" />
                     </button>
@@ -351,7 +351,7 @@ export default function TeamPickerModal({
                   }}
                 >
                   <Plus className="w-3 h-3" />
-                  {preset.name}
+                  {preset.role}
                 </button>
               ))}
               {availablePresets.length === 0 && (

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

@@ -179,6 +179,7 @@ export function Composer({
   const repoDropdownRef = useRef<HTMLDivElement>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
   const isComposingRef = useRef(false);
+  const stageFilesRef = useRef<(files: FileList | File[]) => void>(() => {});
 
   const handleAttachClick = useCallback(() => {
     fileInputRef.current?.click();
@@ -199,6 +200,7 @@ export function Composer({
   const fileMention = useFileMention({ maxSuggestions: 8 });
   const threadMention = useThreadMention({ messages: allMessages, maxSuggestions: 8 });
   const attachments = useAttachments();
+  stageFilesRef.current = attachments.stageFiles;
   const fileAttachments = useComposerAttachments();
   const composerHistory = useComposerHistory();
 
@@ -282,6 +284,29 @@ export function Composer({
           return false;
         },
       },
+      handlePaste: (_view, event) => {
+        const files = getClipboardAttachmentFiles(event.clipboardData);
+        if (files.length > 0) {
+          stageFilesRef.current(files);
+          return true;
+        }
+        if (clipboardMayContainImageAttachments(event.clipboardData)) {
+          const clipboardReader = typeof navigator !== "undefined" ? navigator.clipboard : undefined;
+          if (typeof clipboardReader?.read === "function") {
+            void readClipboardAttachmentFiles(event.clipboardData, clipboardReader)
+              .then((attachmentFiles) => {
+                if (attachmentFiles.length > 0) {
+                  stageFilesRef.current(attachmentFiles);
+                }
+              })
+              .catch((error) => {
+                console.error("Failed to read pasted clipboard attachments:", error);
+              });
+            return true;
+          }
+        }
+        return false;
+      },
       handleKeyDown: (_view, event) => {
         // Tab or Enter selects the active autocomplete item
         if (event.key === "Tab" || (event.key === "Enter" && !event.shiftKey)) {
@@ -430,37 +455,8 @@ export function Composer({
     }
   }, [editor, mention]);
 
-  const handlePasteCapture = useCallback((event: React.ClipboardEvent<HTMLDivElement>) => {
-    const { clipboardData } = event;
-    const directFiles = getClipboardAttachmentFiles(clipboardData);
-    if (directFiles.length > 0) {
-      event.preventDefault();
-      event.stopPropagation();
-      attachments.stageFiles(directFiles);
-      return;
-    }
-
-    const clipboardReader = typeof navigator !== "undefined" ? navigator.clipboard : undefined;
-    if (
-      !clipboardMayContainImageAttachments(clipboardData) ||
-      typeof clipboardReader?.read !== "function"
-    ) {
-      return;
-    }
-
-    event.preventDefault();
-    event.stopPropagation();
-
-    void readClipboardAttachmentFiles(clipboardData, clipboardReader)
-      .then((attachmentFiles) => {
-        if (attachmentFiles.length > 0) {
-          attachments.stageFiles(attachmentFiles);
-        }
-      })
-      .catch((error) => {
-        console.error("Failed to read pasted clipboard attachments:", error);
-      });
-  }, [attachments]);
+  // Image paste is handled by ProseMirror's handlePaste in the editor config above,
+  // using stageFilesRef for fresh closure access.
 
   // ─── Selection handlers ────────────────────────────────────────────────────
 
@@ -817,7 +813,7 @@ export function Composer({
                 }}
               />
 
-              <div className="flex-1 relative" onClick={refreshMentionState} onPasteCapture={handlePasteCapture}>
+              <div className="flex-1 relative" onClick={refreshMentionState}>
                 <EditorContent editor={editor} className="composer-editor" />
                 <MentionPopover
                   isOpen={mention.isOpen && !command.isOpen}

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

@@ -194,7 +194,7 @@ function useClickOutside(ref: React.RefObject<HTMLElement | null>, onClose: () =
 export interface AgentFormData {
   name: string;
   roleId?: string;
-  title?: string;
+  role?: string;
   provider: ChatProvider;
   model: string;
   identity: string;
@@ -240,7 +240,7 @@ function buildAgentFormJson(data: AgentFormData, projectIds?: string[]) {
     {
       name: data.name,
       ...(data.roleId ? { roleId: data.roleId } : {}),
-      ...(data.title ? { title: data.title } : {}),
+      ...(data.role ? { role: data.role } : {}),
       provider: data.provider,
       model: data.model,
       identity: data.identity,
@@ -310,7 +310,7 @@ function parseAgentFormJson(raw: string, currentProvider: ChatProvider) {
     data: {
       name: typeof obj.name === "string" ? obj.name : "",
       roleId: typeof obj.roleId === "string" ? obj.roleId : undefined,
-      title: typeof obj.title === "string" ? obj.title : "",
+      role: typeof obj.role === "string" ? obj.role : "",
       provider,
       model: typeof obj.model === "string" ? obj.model : "",
       identity: typeof obj.identity === "string" ? obj.identity : "",
@@ -367,7 +367,7 @@ export function AgentForm({
 }) {
   const [name, setName] = useState(initial.name);
   const [roleId, setRoleId] = useState(initial.roleId ?? "");
-  const [title, setTitle] = useState(initial.title ?? "");
+  const [role, setRole] = useState(initial.role ?? "");
   const [provider, setProvider] = useState(initial.provider);
   const [model, setModel] = useState(initial.model);
   const [identity, setIdentity] = useState(initial.identity);
@@ -405,7 +405,7 @@ export function AgentForm({
     setJsonText(buildAgentFormJson({
       name,
       ...(showRoleField && roleId ? { roleId } : {}),
-      title,
+      role,
       provider,
       model,
       identity,
@@ -413,7 +413,7 @@ export function AgentForm({
       skills: parseSkillsText(skillsText),
       skillBindings,
     }, projects ? Array.from(selectedProjectIds) : undefined));
-  }, [viewMode, name, roleId, showRoleField, title, provider, model, identity, color, skillsText, skillBindings, selectedProjectIds, projects]);
+  }, [viewMode, name, roleId, showRoleField, role, provider, model, identity, color, skillsText, skillBindings, selectedProjectIds, projects]);
 
   useEffect(() => {
     if (!jsonCopied) return;
@@ -461,7 +461,7 @@ export function AgentForm({
 
     setName(data.name);
     setRoleId(data.roleId ?? "");
-    setTitle(data.title ?? "");
+    setRole(data.role ?? "");
     setProvider(data.provider);
     setModel(data.model);
     setIdentity(data.identity);
@@ -490,7 +490,7 @@ export function AgentForm({
     const currentData: AgentFormData = {
       name,
       roleId: nextRoleId,
-      title,
+      role,
       provider,
       model,
       identity,
@@ -521,7 +521,7 @@ export function AgentForm({
     setJsonText(buildAgentFormJson({
       name,
       ...(showRoleField && roleId ? { roleId } : {}),
-      title,
+      role,
       provider,
       model,
       identity,
@@ -545,7 +545,7 @@ export function AgentForm({
   const handleSubmit = () => {
     let nextName = name.trim();
     let nextRoleId = roleId;
-    let nextTitle = title.trim();
+    let nextRole = role.trim();
     let nextProvider = provider;
     let nextModel = model.trim();
     let nextIdentity = identity.trim();
@@ -559,7 +559,7 @@ export function AgentForm({
         const parsed = applyParsedJson(jsonText);
         nextName = parsed.data.name.trim();
         nextRoleId = parsed.data.roleId ?? "";
-        nextTitle = (parsed.data.title ?? "").trim();
+        nextRole = (parsed.data.role ?? "").trim();
         nextProvider = parsed.data.provider;
         nextModel = parsed.data.model.trim();
         nextIdentity = parsed.data.identity.trim();
@@ -579,7 +579,7 @@ export function AgentForm({
       {
         name: nextName,
         ...(showRoleField && nextRoleId ? { roleId: nextRoleId } : {}),
-        title: nextTitle || undefined,
+        role: nextRole || undefined,
         provider: nextProvider,
         model: nextModel,
         identity: nextIdentity,
@@ -724,34 +724,19 @@ export function AgentForm({
                 ) : (
                   <div className="space-y-2">
                     <label className="flex items-center gap-2 text-sm font-medium text-[var(--muted-foreground)]">
-                      Title
+                      Role
                     </label>
                     <input
                       type="text"
-                      value={title}
-                      onChange={(e) => setTitle(e.target.value)}
+                      value={role}
+                      onChange={(e) => setRole(e.target.value)}
                       className="w-full px-4 py-3 bg-[var(--app-shell-subtle)] border border-[var(--border)] rounded-xl focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 transition-all"
-                      placeholder="e.g. VP of Engineering"
+                      placeholder="e.g. Senior Backend Engineer"
                     />
                   </div>
                 )}
               </div>
 
-              {showRoleField && (
-                <div className="space-y-2">
-                  <label className="flex items-center gap-2 text-sm font-medium text-[var(--muted-foreground)]">
-                    Title
-                  </label>
-                  <input
-                    type="text"
-                    value={title}
-                    onChange={(e) => setTitle(e.target.value)}
-                    className="w-full px-4 py-3 bg-[var(--app-shell-subtle)] border border-[var(--border)] rounded-xl focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 transition-all"
-                    placeholder="e.g. VP of Engineering"
-                  />
-                </div>
-              )}
-
               <div className="grid grid-cols-2 gap-4">
                 <div className="space-y-2">
                   <label className="flex items-center gap-2 text-sm font-medium text-[var(--muted-foreground)]">
@@ -1140,10 +1125,10 @@ export function ParticipantBar({
                 {openPanel === p.id && !isAddPanelOpen && (
                 <AgentForm
                   title="Edit agent"
-                    initial={{ name: p.name, provider: p.provider, model: p.model || "", identity: p.identity || "", color: p.color, skills: p.skills || [], skillBindings: p.skillBindings || [] }}
+                    initial={{ name: p.name, role: p.role ?? "", provider: p.provider, model: p.model || "", identity: p.identity || "", color: p.color, skills: p.skills || [], skillBindings: p.skillBindings || [] }}
                     submitLabel="Save"
                     onSubmit={(data) => {
-                      onUpdate({ id: p.id, color: data.color ?? p.color, name: data.name, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
+                      onUpdate({ id: p.id, color: data.color ?? p.color, name: data.name, role: data.role, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
                       setOpenPanel(null);
                     }}
                     onCancel={() => setOpenPanel(null)}
@@ -1171,12 +1156,12 @@ export function ParticipantBar({
           {isAddPanelOpen && (
             <AgentForm
               title="Add agent"
-              initial={{ name: "", provider: "claude", model: "", identity: "", skills: [], skillBindings: [] }}
+              initial={{ name: "", role: "", provider: "claude", model: "", identity: "", skills: [], skillBindings: [] }}
               submitLabel="Add"
               onSubmit={(data) => {
                 const color = COLORS[participants.length % COLORS.length];
                 const id = data.name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
-                onAdd({ id, color: data.color ?? color, name: data.name, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
+                onAdd({ id, color: data.color ?? color, name: data.name, role: data.role, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
                 setOpenPanel(null);
               }}
               onCancel={() => setOpenPanel(null)}
@@ -1211,10 +1196,10 @@ export function ParticipantBar({
           {openPanel === p.id && (
             <AgentForm
               title="Edit agent"
-              initial={{ name: p.name, provider: p.provider, model: p.model || "", identity: p.identity || "", color: p.color, skills: p.skills || [], skillBindings: p.skillBindings || [] }}
+              initial={{ name: p.name, role: p.role ?? "", provider: p.provider, model: p.model || "", identity: p.identity || "", color: p.color, skills: p.skills || [], skillBindings: p.skillBindings || [] }}
               submitLabel="Save"
               onSubmit={(data) => {
-                onUpdate({ id: p.id, color: data.color ?? p.color, name: data.name, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
+                onUpdate({ id: p.id, color: data.color ?? p.color, name: data.name, role: data.role, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
                 setOpenPanel(null);
               }}
               onCancel={() => setOpenPanel(null)}
@@ -1235,12 +1220,12 @@ export function ParticipantBar({
         {openPanel === "add" && (
           <AgentForm
             title="Add agent"
-            initial={{ name: "", provider: "claude", model: "", identity: "", skills: [], skillBindings: [] }}
+            initial={{ name: "", role: "", provider: "claude", model: "", identity: "", skills: [], skillBindings: [] }}
             submitLabel="Add"
             onSubmit={(data) => {
               const color = COLORS[participants.length % COLORS.length];
               const id = data.name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
-              onAdd({ id, color: data.color ?? color, name: data.name, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
+              onAdd({ id, color: data.color ?? color, name: data.name, role: data.role, provider: data.provider, model: data.model, ...(data.identity ? { identity: data.identity } : {}), skills: data.skills ?? [], skillBindings: data.skillBindings ?? [] });
               setOpenPanel(null);
             }}
             onCancel={() => setOpenPanel(null)}