@mndrk/agx 2.0.56 → 2.1.0

package/cloud-runtime/standalone/apps/local/app/api/prompt-jobs/route.ts

@@ -1,5 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { getPromptJobStore } from '@/src/prompt-scheduler/get-store';
+import { OBJECTIVE_WORKER_DEFAULT_PROMPT } from '@/src/prompt-scheduler/objective-worker-job';
+import { LINEAR_WORKER_DEFAULT_PROMPT } from '@/src/prompt-scheduler/linear-worker-job';
 import {
   computeNextRun,
   computePrevRun,
@@ -7,7 +9,6 @@ import {
   parseCadence,
 } from '@/src/prompt-scheduler/cron';
 import {
-  DEFAULT_OBJECTIVE_LINEAR_WORKER_PROMPT,
   type PromptJobState,
 } from '@/src/prompt-scheduler/types';
 
@@ -126,9 +127,11 @@ export async function POST(req: NextRequest) {
     const resolvedPrompt =
       typeof prompt === 'string' && prompt.trim()
         ? prompt
-        : executionMode === 'objective_linear_ticket'
-          ? DEFAULT_OBJECTIVE_LINEAR_WORKER_PROMPT
-          : '';
+        : executionMode === 'objective_worker'
+          ? OBJECTIVE_WORKER_DEFAULT_PROMPT
+          : executionMode === 'linear_worker'
+            ? LINEAR_WORKER_DEFAULT_PROMPT
+            : '';
 
     if (!name || !resolvedPrompt) {
       return NextResponse.json(

package/cloud-runtime/standalone/apps/local/app/projects/[slug]/teams/new/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { use, useMemo, useRef, useState } from "react";
+import { use, useEffect, useMemo, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import {
   getAgentPresetBindings,
@@ -15,8 +15,205 @@ import {
   AgentForm,
   type AgentFormData,
 } from "@/components/chat-ui/ParticipantBar";
-import type { SkillBinding } from "@/lib/types";
-import { Check, Loader2, Pencil, Plus, Users, X } from "lucide-react";
+import type { ChatProvider, SkillBinding } from "@/lib/types";
+import { Check, ChevronDown, ChevronRight, Loader2, Pencil, Plus, Users, X } from "lucide-react";
+
+/** Matches lib/cli/providers.js PROVIDERS map. */
+const PROVIDERS: { id: string; label: string }[] = [
+  { id: "claude", label: "Claude Code" },
+  { id: "gemini", label: "Gemini CLI" },
+  { id: "ollama", label: "Ollama" },
+  { id: "codex", label: "Codex CLI" },
+];
+
+/** Matches lib/cli/onboarding.js model lists per provider. */
+const MODEL_SUGGESTIONS: Record<string, string[]> = {
+  claude: ["claude-opus-4-6", "claude-sonnet-4-6", "claude-haiku-4-5"],
+  gemini: ["gemini-3-pro-preview", "gemini-3-flash-preview"],
+  ollama: ["glm-5:cloud", "qwen3.5:397b-cloud", "qwen3.5:cloud", "minimax-m2.5:cloud", "kimi-k2.5:cloud"],
+  codex: ["gpt-5.3-codex", "gpt-5.1-code-mini"],
+};
+
+/** Searchable combobox: text input with dropdown suggestions, allows custom values. */
+function ModelCombobox({
+  value,
+  onChange,
+  suggestions,
+  placeholder = "Model name...",
+  disabled,
+}: {
+  value: string;
+  onChange: (v: string) => void;
+  suggestions: string[];
+  placeholder?: string;
+  disabled?: boolean;
+}) {
+  const [open, setOpen] = useState(false);
+  const [filter, setFilter] = useState("");
+  const wrapperRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    function handleClickOutside(e: MouseEvent) {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+
+  const filtered = suggestions.filter((s) =>
+    s.toLowerCase().includes((filter || value).toLowerCase())
+  );
+
+  return (
+    <div ref={wrapperRef} className="relative flex-1">
+      <input
+        type="text"
+        value={value}
+        placeholder={placeholder}
+        disabled={disabled}
+        onChange={(e) => {
+          onChange(e.target.value);
+          setFilter(e.target.value);
+          setOpen(true);
+        }}
+        onFocus={() => setOpen(true)}
+        className="w-full h-8 px-2.5 text-xs rounded-lg border bg-[var(--background)] text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] focus:outline-none focus:border-[var(--foreground)]/40 transition-colors disabled:opacity-50"
+        style={{ borderColor: "var(--border)" }}
+      />
+      {open && filtered.length > 0 && (
+        <div className="absolute z-50 top-full left-0 right-0 mt-1 max-h-[160px] overflow-y-auto rounded-lg border bg-[var(--background)] shadow-lg" style={{ borderColor: "var(--border)" }}>
+          {filtered.map((s) => (
+            <button
+              key={s}
+              type="button"
+              onClick={() => {
+                onChange(s);
+                setFilter("");
+                setOpen(false);
+              }}
+              className={`w-full text-left px-2.5 py-1.5 text-xs transition-colors hover:bg-[var(--muted)] ${
+                s === value ? "text-[var(--foreground)] font-medium" : "text-[var(--muted-foreground)]"
+              }`}
+            >
+              {s}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+/** Custom dropdown for provider selection. */
+function ProviderDropdown({
+  value,
+  onChange,
+  providers,
+  disabled,
+}: {
+  value: string;
+  onChange: (v: string) => void;
+  providers: { id: string; label: string }[];
+  disabled?: boolean;
+}) {
+  const [open, setOpen] = useState(false);
+  const wrapperRef = useRef<HTMLDivElement>(null);
+  const selected = providers.find((p) => p.id === value);
+
+  useEffect(() => {
+    function handleClickOutside(e: MouseEvent) {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+
+  return (
+    <div ref={wrapperRef} className="relative shrink-0">
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setOpen(!open)}
+        className="h-8 px-2.5 pr-7 text-xs rounded-lg border bg-[var(--background)] text-left transition-colors hover:border-[var(--foreground)]/40 disabled:opacity-50 disabled:cursor-not-allowed min-w-[120px]"
+        style={{ borderColor: "var(--border)" }}
+      >
+        <span className={selected ? "text-[var(--foreground)]" : "text-[var(--muted-foreground)]"}>
+          {selected?.label ?? "Provider..."}
+        </span>
+        <ChevronDown className="absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-[var(--muted-foreground)]" />
+      </button>
+      {open && (
+        <div className="absolute z-50 top-full left-0 mt-1 min-w-[160px] rounded-lg border bg-[var(--background)] shadow-lg overflow-hidden" style={{ borderColor: "var(--border)" }}>
+          {providers.map((p) => (
+            <button
+              key={p.id}
+              type="button"
+              onClick={() => {
+                onChange(p.id);
+                setOpen(false);
+              }}
+              className={`w-full text-left px-3 py-2 text-xs transition-colors hover:bg-[var(--muted)] flex items-center justify-between gap-3 ${
+                p.id === value ? "text-[var(--foreground)] font-medium" : "text-[var(--muted-foreground)]"
+              }`}
+            >
+              {p.label}
+              {p.id === value && <Check className="w-3 h-3 text-[var(--foreground)]" />}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+/** Provider dropdown + model combobox, compact layout. */
+function ProviderModelSelector({
+  provider,
+  model,
+  onProviderChange,
+  onModelChange,
+  label,
+  disabled,
+}: {
+  provider: string;
+  model: string;
+  onProviderChange: (v: string) => void;
+  onModelChange: (v: string) => void;
+  label?: string;
+  disabled?: boolean;
+}) {
+  const suggestions = MODEL_SUGGESTIONS[provider] ?? [];
+
+  return (
+    <div className="space-y-1.5">
+      {label && (
+        <span className="text-[10px] font-medium text-[var(--muted-foreground)] uppercase tracking-wide">{label}</span>
+      )}
+      <div className="flex items-center gap-2">
+        <ProviderDropdown
+          value={provider}
+          onChange={(v) => {
+            onProviderChange(v);
+            onModelChange("");
+          }}
+          providers={PROVIDERS}
+          disabled={disabled}
+        />
+        <ModelCombobox
+          value={model}
+          onChange={onModelChange}
+          suggestions={suggestions}
+          placeholder={provider ? "Select or type model..." : "Select a provider first"}
+          disabled={disabled}
+        />
+      </div>
+    </div>
+  );
+}
 
 const AGENT_COLORS = ["#D97706", "#2563EB", "#059669", "#DC2626", "#7C3AED", "#DB2777", "#0891B2"];
 
@@ -40,14 +237,14 @@ function toSkillBindings(preset: AgentPreset): SkillBinding[] {
   }));
 }
 
-function createAgentDraft(id: string, preset: AgentPreset, color: string): DraftAgent {
+function createAgentDraft(id: string, preset: AgentPreset, color: string, defaultProvider?: ChatProvider, defaultModel?: string): DraftAgent {
   return {
     id,
     roleId: preset.id,
     name: preset.name,
     title: preset.title,
-    provider: "claude",
-    model: "",
+    provider: defaultProvider || "claude",
+    model: defaultModel || "",
     identity: preset.identity,
     color,
     skills: [],
@@ -77,10 +274,13 @@ export default function NewTeamPage({ params }: { params: Promise<{ slug: string
   const [selectedVariantId, setSelectedVariantId] = useState<string | null>(null);
   const [draftAgents, setDraftAgents] = useState<DraftAgent[]>([]);
   const [teamName, setTeamName] = useState("");
+  const [teamProvider, setTeamProvider] = useState<ChatProvider | "">("");
+  const [teamModel, setTeamModel] = useState("");
   const [creating, setCreating] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [agentEditor, setAgentEditor] = useState<AgentEditorState | null>(null);
 
+
   const templates = useMemo(() => listTeamTemplates(), []);
   const allPresets = useMemo(() => listAgentPresets(), []);
   const nextDraftId = useRef(0);
@@ -146,7 +346,7 @@ export default function NewTeamPage({ params }: { params: Promise<{ slug: string
   function seedDraftAgents(presets: AgentPreset[]) {
     setDraftAgents(
       presets.map((preset, index) =>
-        createAgentDraft(createDraftId(), preset, getNextColor(index)),
+        createAgentDraft(createDraftId(), preset, getNextColor(index), teamProvider || undefined, teamModel),
       ),
     );
   }
@@ -207,7 +407,7 @@ export default function NewTeamPage({ params }: { params: Promise<{ slug: string
       key: createEditorKey(),
       mode,
       draftId: null,
-      initial: createAgentDraft(createDraftId(), preset, getNextColor(draftAgents.length)),
+      initial: createAgentDraft(createDraftId(), preset, getNextColor(draftAgents.length), teamProvider || undefined, teamModel),
     });
   }
 
@@ -252,12 +452,14 @@ export default function NewTeamPage({ params }: { params: Promise<{ slug: string
     try {
       const body: Record<string, unknown> = {
         name: teamName.trim(),
+        provider: teamProvider || undefined,
+        model: teamModel || undefined,
         agents: draftAgents.map((agent) => ({
           roleId: agent.roleId,
           name: agent.name,
           title: agent.title || undefined,
-          provider: agent.provider,
-          model: agent.model,
+          provider: agent.provider || teamProvider || "claude" as string,
+          model: agent.model || teamModel || "",
           identity: agent.identity || undefined,
           color: agent.color,
           skills: agent.skills ?? [],
@@ -344,6 +546,20 @@ export default function NewTeamPage({ params }: { params: Promise<{ slug: string
             </div>
           )}
 
+          <div>
+            <label className="block text-xs font-medium text-[var(--muted-foreground)] mb-1.5">Default provider & model</label>
+            <ProviderModelSelector
+              provider={teamProvider}
+              model={teamModel}
+              onProviderChange={(v) => setTeamProvider((v || "") as ChatProvider | "")}
+              onModelChange={setTeamModel}
+              disabled={creating}
+            />
+            <p className="mt-1 text-[10px] text-[var(--muted-foreground)]">
+              Applies to all agents unless individually overridden.
+            </p>
+          </div>
+
           <div>
             <div className="flex items-center justify-between gap-3 mb-2">
               <label className="block text-xs font-medium text-[var(--muted-foreground)]">
@@ -391,6 +607,16 @@ export default function NewTeamPage({ params }: { params: Promise<{ slug: string
                                 {agent.title}
                               </span>
                             )}
+                            {agent.model && agent.model !== teamModel && (
+                              <span className="text-[10px] px-1.5 py-0.5 rounded-full font-medium bg-violet-500/15 text-violet-400">
+                                custom
+                              </span>
+                            )}
+                            {(agent.model || teamModel) && (
+                              <span className="text-[10px] text-[var(--muted-foreground)]">
+                                {agent.model || teamModel}
+                              </span>
+                            )}
                             {(agent.skillBindings?.length ?? 0) > 0 && (
                               <span className="text-[10px] text-[var(--muted-foreground)]">
                                 {agent.skillBindings?.length} skills

package/cloud-runtime/standalone/apps/local/app/setup/page.tsx

@@ -4,6 +4,7 @@
 import { useProviderStatus } from "@/hooks/useProviderStatus";
 import { useSetupFlow } from "@/hooks/useSetupFlow";
 import { ProviderStep } from "@/components/setup/ProviderStep";
+import { McpSetupStep } from "@/components/setup/McpSetupStep";
 import { ProjectStep } from "@/components/setup/ProjectStep";
 import { TeamsStep } from "@/components/setup/TeamsStep";
 import { AlertCircle, Loader2 } from "lucide-react";
@@ -42,6 +43,13 @@ export default function SetupPage() {
       )}
 
       {flow.step === 2 && (
+        <McpSetupStep
+          onNext={flow.goNext}
+          onBack={flow.goBack}
+        />
+      )}
+
+      {flow.step === 3 && (
         <ProjectStep
           data={flow.project}
           onChange={flow.setProject}
@@ -50,7 +58,7 @@ export default function SetupPage() {
         />
       )}
 
-      {flow.step === 3 && (
+      {flow.step === 4 && (
         <TeamsStep
           selectedTeams={flow.teams}
           onChange={flow.setTeams}

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

@@ -63,6 +63,8 @@ export default function FloatingPanel({
   const { isTouchLayout } = useInputCapabilities();
   const dragRef = useRef<{ startX: number; startY: number; originX: number; originY: number } | null>(null);
   const resizeRef = useRef<{ startX: number; startY: number; originWidth: number; originHeight: number } | null>(null);
+  const panelRef = useRef<HTMLDivElement>(null);
+  const boundsRef = useRef<FloatingPanelBounds | null>(null);
 
   const initialBounds = useMemo(
     () => normalizeBounds(loadFloatingPanelBounds(panelId) ?? defaultBounds, minWidth, minHeight),
@@ -71,6 +73,10 @@ export default function FloatingPanel({
 
   const [bounds, setBounds] = useState<FloatingPanelBounds>(initialBounds);
   const [hydrated, setHydrated] = useState(false);
+  const [isDragging, setIsDragging] = useState(false);
+
+  // Keep boundsRef in sync for use during drag/resize
+  boundsRef.current = bounds;
 
   useEffect(() => {
     setBounds(normalizeBounds(loadFloatingPanelBounds(panelId) ?? defaultBounds, minWidth, minHeight));
@@ -95,45 +101,64 @@ export default function FloatingPanel({
     return () => window.removeEventListener("resize", onResize);
   }, [isTouchLayout, minHeight, minWidth]);
 
+  // Attach drag/resize listeners only when actively dragging — no dependency on bounds
   useEffect(() => {
-    if (isTouchLayout) {
+    if (isTouchLayout || !isDragging) {
       return;
     }
 
+    const applyBoundsToDOM = (b: FloatingPanelBounds) => {
+      const el = panelRef.current;
+      if (!el) return;
+      el.style.left = `${b.x}px`;
+      el.style.top = `${b.y}px`;
+      el.style.width = `${b.width}px`;
+      el.style.height = `${b.height}px`;
+    };
+
     const onMouseMove = (event: MouseEvent) => {
       if (dragRef.current) {
-        const nextBounds = normalizeBounds(
+        const current = boundsRef.current!;
+        const next = normalizeBounds(
           {
-            ...bounds,
+            ...current,
             x: dragRef.current.originX + (event.clientX - dragRef.current.startX),
             y: dragRef.current.originY + (event.clientY - dragRef.current.startY),
           },
           minWidth,
           minHeight,
         );
-        setBounds(nextBounds);
+        boundsRef.current = next;
+        applyBoundsToDOM(next);
         return;
       }
 
       if (resizeRef.current) {
-        const nextBounds = normalizeBounds(
+        const current = boundsRef.current!;
+        const next = normalizeBounds(
           {
-            ...bounds,
+            ...current,
             width: resizeRef.current.originWidth + (event.clientX - resizeRef.current.startX),
             height: resizeRef.current.originHeight + (event.clientY - resizeRef.current.startY),
           },
           minWidth,
           minHeight,
         );
-        setBounds(nextBounds);
+        boundsRef.current = next;
+        applyBoundsToDOM(next);
       }
     };
 
     const onMouseUp = () => {
+      // Commit final position to React state (single re-render)
+      if (boundsRef.current) {
+        setBounds(boundsRef.current);
+      }
       dragRef.current = null;
       resizeRef.current = null;
       document.body.style.userSelect = "";
       document.body.style.cursor = "";
+      setIsDragging(false);
     };
 
     window.addEventListener("mousemove", onMouseMove);
@@ -145,7 +170,7 @@ export default function FloatingPanel({
       document.body.style.userSelect = "";
       document.body.style.cursor = "";
     };
-  }, [bounds, isTouchLayout, minHeight, minWidth]);
+  }, [isDragging, isTouchLayout, minHeight, minWidth]);
 
   const handleDragStart = (event: React.MouseEvent<HTMLDivElement>) => {
     if (isTouchLayout) {
@@ -165,6 +190,7 @@ export default function FloatingPanel({
     };
     document.body.style.userSelect = "none";
     document.body.style.cursor = "grabbing";
+    setIsDragging(true);
   };
 
   const handleResizeStart = (event: React.MouseEvent<HTMLDivElement>) => {
@@ -183,10 +209,12 @@ export default function FloatingPanel({
     };
     document.body.style.userSelect = "none";
     document.body.style.cursor = "nwse-resize";
+    setIsDragging(true);
   };
 
   return (
     <div
+      ref={panelRef}
       className={className}
       style={{
         position: "fixed",

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 ? (