@mndrk/agx 2.4.5 → 2.4.6

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

@@ -66,7 +66,7 @@ export default function TeamDetailPage({
 
   // Add agent
   const [showAddAgent, setShowAddAgent] = useState(false);
-  const [addMode, setAddMode] = useState<"existing" | "preset">("existing");
+  const [addMode, setAddMode] = useState<"existing" | "preset" | "scratch">("existing");
   const [selectedPresetId, setSelectedPresetId] = useState<string | null>(null);
   const [selectedExistingId, setSelectedExistingId] = useState<string | null>(null);
   const [addingAgent, setAddingAgent] = useState(false);
@@ -444,9 +444,65 @@ export default function TeamDetailPage({
                 >
                   From Preset
                 </button>
+                <button
+                  onClick={() => setAddMode("scratch")}
+                  className={`text-xs font-medium px-3 py-1.5 rounded-lg transition-colors ${
+                    addMode === "scratch"
+                      ? "bg-[var(--primary)] text-white"
+                      : "bg-[var(--card-bg)] border border-[var(--border)] text-[var(--muted-foreground)]"
+                  }`}
+                >
+                  From Scratch
+                </button>
               </div>
 
-              {addMode === "existing" ? (
+              {addMode === "scratch" ? (
+                <AgentForm
+                  title="Create agent"
+                  initial={{ name: "", role: "", provider: "claude", model: "", identity: "", skills: [], skillBindings: [] }}
+                  submitLabel="Create & Add"
+                  onSubmit={async (data) => {
+                    if (!project) return;
+                    setAddingAgent(true);
+                    try {
+                      const createRes = await fetch("/api/participants", {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({
+                          name: data.name,
+                          role: data.role || null,
+                          provider: data.provider,
+                          model: data.model || null,
+                          color: data.color,
+                          ...(data.identity ? { identity: data.identity } : {}),
+                          skills: data.skills ?? [],
+                          skillBindings: data.skillBindings ?? [],
+                        }),
+                      });
+                      if (!createRes.ok) throw new Error("Failed to create agent");
+                      const created = await createRes.json();
+                      const agentId = created.id ?? created.participant?.id;
+                      await fetch(`/api/projects/${project.id}/agents`, {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({ agentId }),
+                      });
+                      await fetch(`/api/projects/${project.id}/teams/${teamId}/agents`, {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({ agentId, roleKey: "member" }),
+                      });
+                      setShowAddAgent(false);
+                      await Promise.all([fetchTeam(), fetchParticipants()]);
+                    } catch {
+                      /* silent */
+                    } finally {
+                      setAddingAgent(false);
+                    }
+                  }}
+                  onCancel={() => setShowAddAgent(false)}
+                />
+              ) : addMode === "existing" ? (
                 <div className="space-y-3">
                   {existingAgentOptions.length === 0 ? (
                     <p className="text-xs text-[var(--muted-foreground)]">

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

@@ -16,6 +16,7 @@ import {
   Pencil,
   User,
   Sparkles,
+  Search,
 } from "lucide-react";
 import { useUrlSelection } from "@/hooks/useUrlSelection";
 import { usePromptJobs } from "@/hooks/usePromptJobs";
@@ -133,7 +134,7 @@ function SectionLabel({ children }: { children: React.ReactNode }) {
 
 // ── Create/Edit Modal ────────────────────────────────────────────────────────
 
-interface AgentOption {
+export interface AgentOption {
   id: string;
   name: string;
   provider: string;
@@ -163,12 +164,12 @@ function Label({ children }: { children: React.ReactNode }) {
   );
 }
 
-function agentAvatar(id: string, color: string, size = 24) {
+export function agentAvatar(id: string, color: string, size = 24) {
   const bg = color ? color.replace("#", "") : "e2e8f0";
   return `https://api.dicebear.com/9.x/bottts-neutral/svg?seed=${encodeURIComponent(id)}&size=${size}&backgroundColor=${bg}`;
 }
 
-function AgentDropdown({
+export function AgentDropdown({
   agents,
   value,
   onChange,
@@ -178,8 +179,23 @@ function AgentDropdown({
   onChange: (id: string) => void;
 }) {
   const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
   const selected = agents.find((a) => a.id === value);
 
+  useEffect(() => {
+    if (!open) setQuery("");
+  }, [open]);
+
+  const q = query.trim().toLowerCase();
+  const filteredAgents = q
+    ? agents.filter(
+        (a) =>
+          a.name.toLowerCase().includes(q) ||
+          a.provider.toLowerCase().includes(q) ||
+          (a.model ?? "").toLowerCase().includes(q)
+      )
+    : agents;
+
   return (
     <div className="relative">
       <Label>Agent</Label>
@@ -217,38 +233,62 @@ function AgentDropdown({
       </button>
 
       {open && (
-        <div className="absolute z-20 mt-1 w-full rounded-lg border border-[var(--card-border)] bg-[var(--card-bg)] shadow-lg max-h-[280px] overflow-y-auto">
-          {agents.map((a) => (
-            <button
-              key={a.id}
-              type="button"
-              onClick={() => {
-                onChange(a.id);
-                setOpen(false);
-              }}
-              className={`w-full flex items-center gap-2.5 px-3 py-2.5 text-left transition-colors hover:bg-[var(--muted)] ${value === a.id ? "bg-[var(--muted)]" : ""}`}
-            >
-              <img
-                src={agentAvatar(a.id, a.color)}
-                alt=""
-                className="size-6 rounded-full shrink-0"
+        <div className="absolute z-20 mt-1 w-full rounded-lg border border-[var(--card-border)] bg-[var(--card-bg)] shadow-lg flex flex-col max-h-[320px]">
+          <div className="sticky top-0 shrink-0 border-b border-[var(--card-border)] bg-[var(--card-bg)] px-2 py-2">
+            <div className="relative">
+              <Search
+                size={12}
+                className="absolute left-2.5 top-1/2 -translate-y-1/2 text-[var(--muted-foreground)]"
               />
-              <div className="min-w-0 flex-1">
-                <div className="text-xs font-medium text-[var(--foreground)] truncate">
-                  {a.name}
-                </div>
-                <div className="text-[10px] text-[var(--muted-foreground)]">
-                  {a.provider}
-                  {a.model ? ` / ${a.model}` : ""}
-                </div>
+              <input
+                type="text"
+                value={query}
+                onChange={(e) => setQuery(e.target.value)}
+                autoFocus
+                placeholder="Search agents..."
+                className="w-full rounded-md border border-[var(--card-border)] bg-[var(--muted)] pl-7 pr-2 py-1.5 text-xs text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] focus:outline-none focus:border-[var(--foreground)]"
+              />
+            </div>
+          </div>
+          <div className="min-h-0 flex-1 overflow-y-auto">
+            {filteredAgents.length === 0 ? (
+              <div className="px-3 py-4 text-center text-[11px] text-[var(--muted-foreground)]">
+                No agents match "{query}"
               </div>
-              {value === a.id && (
-                <span className="text-xs text-[var(--foreground)]">
-                  &#10003;
-                </span>
-              )}
-            </button>
-          ))}
+            ) : (
+              filteredAgents.map((a) => (
+                <button
+                  key={a.id}
+                  type="button"
+                  onClick={() => {
+                    onChange(a.id);
+                    setOpen(false);
+                  }}
+                  className={`w-full flex items-center gap-2.5 px-3 py-2.5 text-left transition-colors hover:bg-[var(--muted)] ${value === a.id ? "bg-[var(--muted)]" : ""}`}
+                >
+                  <img
+                    src={agentAvatar(a.id, a.color)}
+                    alt=""
+                    className="size-6 rounded-full shrink-0"
+                  />
+                  <div className="min-w-0 flex-1">
+                    <div className="text-xs font-medium text-[var(--foreground)] truncate">
+                      {a.name}
+                    </div>
+                    <div className="text-[10px] text-[var(--muted-foreground)]">
+                      {a.provider}
+                      {a.model ? ` / ${a.model}` : ""}
+                    </div>
+                  </div>
+                  {value === a.id && (
+                    <span className="text-xs text-[var(--foreground)]">
+                      &#10003;
+                    </span>
+                  )}
+                </button>
+              ))
+            )}
+          </div>
         </div>
       )}
     </div>

package/cloud-runtime/standalone/apps/local/components/projects/ObjectiveScheduledTasksPanel.tsx

@@ -1,14 +1,17 @@
 "use client";
 
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { Check, Clock, Pause, Play, Plus, Trash2, X, XCircle } from "lucide-react";
+import { Check, Clock, Pause, Pencil, Play, Plus, Terminal, Trash2, XCircle } from "lucide-react";
 import { usePromptJobs } from "@/hooks/usePromptJobs";
 import { cronToHuman } from "@/src/graph/nl-schedule";
 import type { PromptJob, PromptRun } from "@/src/prompt-scheduler/types";
-import { CreateJobModal, type CreateJobData } from "@/components/PromptJobBoard";
+import {
+  CreateJobModal,
+  agentAvatar,
+  type AgentOption,
+  type CreateJobData,
+} from "@/components/PromptJobBoard";
 import ConfirmDialog from "@/components/ConfirmDialog";
-import RichTextEditor from "@/components/RichTextEditor";
-import { ScheduleConditionPicker } from "@/components/scheduling/ScheduleConditionPicker";
 
 export type ObjectiveScheduledTaskDraft = CreateJobData;
 
@@ -51,14 +54,6 @@ function formatNextRun(epochMs: number | null, state: PromptJob["state"]): strin
   return `in ${Math.round(diff / 86_400_000)}d`;
 }
 
-function promptSummary(prompt: string): string {
-  const firstLine = prompt
-    .split("\n")
-    .map((line) => line.trim())
-    .find(Boolean);
-  return firstLine || "No instructions yet";
-}
-
 function formatDateTime(value: string): string {
   const date = new Date(value);
   return date.toLocaleString(undefined, {
@@ -69,186 +64,6 @@ function formatDateTime(value: string): string {
   });
 }
 
-function ScheduleEditModal({
-  job,
-  onClose,
-  onUpdate,
-}: {
-  job: PromptJob;
-  onClose: () => void;
-  onUpdate: (updates: Partial<PromptJob>) => Promise<boolean>;
-}) {
-  const [scheduleValue, setScheduleValue] = useState({
-    cadence: job.cronExpr || job.cadence || "",
-    condition: job.condition || "",
-  });
-  const [isValid, setIsValid] = useState(true);
-  const [saving, setSaving] = useState(false);
-
-  const handleSave = async () => {
-    if (!isValid) return;
-    setSaving(true);
-    const ok = await onUpdate({
-      cadence: scheduleValue.cadence,
-      condition: scheduleValue.condition,
-    } as Partial<PromptJob>);
-    setSaving(false);
-    if (ok) {
-      onClose();
-    }
-  };
-
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4 py-6">
-      <div className="flex w-full max-w-md max-h-[85vh] flex-col rounded-[28px] border border-[var(--border)] bg-[var(--card-bg)] shadow-2xl">
-        <div className="flex shrink-0 items-center justify-between border-b border-[var(--border)] px-6 py-4">
-          <div className="flex items-center gap-2.5">
-            <Clock className="h-4 w-4 text-[var(--muted-foreground)]" />
-            <p className="text-sm font-semibold text-[var(--foreground)]">{job.name}</p>
-          </div>
-          <button
-            type="button"
-            onClick={onClose}
-            className="rounded-lg border border-[var(--border)] p-2 text-[var(--muted-foreground)] transition-colors hover:border-[var(--card-hover-border)] hover:text-[var(--foreground)]"
-          >
-            <X className="h-4 w-4" />
-          </button>
-        </div>
-
-        <div className="min-h-0 flex-1 overflow-y-auto px-6 py-5">
-          <ScheduleConditionPicker
-            value={scheduleValue}
-            onChange={(next, meta) => {
-              setScheduleValue(next);
-              setIsValid(meta.isScheduleValid);
-            }}
-            scheduleLabel="Schedule"
-            conditionLabel="Condition"
-            conditionHelpText="Scheduled runs and Run now will check this condition before executing."
-          />
-        </div>
-
-        <div className="flex shrink-0 items-center justify-end gap-3 border-t border-[var(--border)] px-6 py-4">
-          <button
-            type="button"
-            onClick={onClose}
-            className="rounded-xl border border-[var(--border)] px-4 py-2.5 text-sm text-[var(--foreground)] transition-colors hover:border-[var(--card-hover-border)]"
-          >
-            Cancel
-          </button>
-          <button
-            type="button"
-            onClick={() => void handleSave()}
-            disabled={saving || !isValid}
-            className="rounded-xl border border-emerald-500/30 bg-emerald-500/10 px-4 py-2.5 text-sm text-emerald-400 transition-colors hover:bg-emerald-500/20 disabled:opacity-50"
-          >
-            {saving ? "Saving..." : "Save"}
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function ObjectiveScheduledTaskDetailModal({
-  job,
-  onClose,
-  onUpdate,
-}: {
-  job: PromptJob;
-  onClose: () => void;
-  onUpdate: (updates: Partial<PromptJob>) => Promise<boolean>;
-}) {
-  const [promptDraft, setPromptDraft] = useState(job.prompt || "");
-  const [saving, setSaving] = useState(false);
-
-  const savePrompt = async () => {
-    if (promptDraft === job.prompt) return;
-    setSaving(true);
-    await onUpdate({ prompt: promptDraft } as Partial<PromptJob>);
-    setSaving(false);
-  };
-
-  return (
-    <div className="fixed inset-0 z-40 flex items-center justify-center bg-black/50 px-4 py-6">
-      <div className="flex w-full max-w-6xl max-h-[85vh] flex-col rounded-[28px] border border-[var(--border)] bg-[var(--card-bg)] shadow-2xl">
-        {/* Header */}
-        <div className="flex shrink-0 items-start justify-between gap-4 border-b border-[var(--border)] px-6 py-5">
-          <div className="min-w-0">
-            <div className="flex flex-wrap items-center gap-2.5">
-              <p className="truncate text-lg font-semibold text-[var(--foreground)]">
-                {job.name}
-              </p>
-              <span
-                className={`rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.16em] ${stateClasses(job.state)}`}
-              >
-                {formatState(job.state)}
-              </span>
-              {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
-                </span>
-              ) : null}
-            </div>
-            <div className="mt-2 flex flex-wrap items-center gap-3 text-xs text-[var(--muted-foreground)]">
-              <span className="inline-flex items-center gap-1.5">
-                <Clock className="h-3.5 w-3.5" />
-                {formatCadence(job)}
-              </span>
-              <span>Next run {formatNextRun(job.nextRunAt, job.state)}</span>
-              <span>Updated {formatDateTime(job.updatedAt)}</span>
-            </div>
-          </div>
-          <button
-            type="button"
-            onClick={onClose}
-            className="rounded-lg border border-[var(--border)] p-2 text-[var(--muted-foreground)] transition-colors hover:border-[var(--card-hover-border)] hover:text-[var(--foreground)]"
-            aria-label="Close scheduled task details"
-          >
-            <X className="h-4 w-4" />
-          </button>
-        </div>
-
-        {/* Scrollable editor area */}
-        <div className="min-h-0 flex-1 overflow-y-auto px-6 py-6 space-y-5">
-          <div>
-            <p className="mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">
-              Instructions
-            </p>
-            <div className="rounded-2xl border border-[var(--card-hover-border)] bg-[var(--overlay-panel-muted)] px-1 py-1 text-sm leading-6 text-[var(--foreground)]">
-              <RichTextEditor
-                content={promptDraft}
-                editable
-                onChange={setPromptDraft}
-                placeholder="Write instructions in markdown…"
-              />
-            </div>
-          </div>
-        </div>
-
-        {/* Sticky footer */}
-        <div className="flex shrink-0 items-center justify-end gap-3 border-t border-[var(--border)] px-6 py-4">
-          <button
-            type="button"
-            onClick={onClose}
-            className="rounded-xl border border-[var(--border)] px-4 py-2.5 text-sm text-[var(--foreground)] transition-colors hover:border-[var(--card-hover-border)]"
-          >
-            Cancel
-          </button>
-          <button
-            type="button"
-            onClick={() => void savePrompt()}
-            disabled={saving}
-            className="rounded-xl border border-emerald-500/30 bg-emerald-500/10 px-4 py-2.5 text-sm text-emerald-400 transition-colors hover:bg-emerald-500/20 disabled:opacity-50"
-          >
-            {saving ? "Saving..." : "Save"}
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
-
 function formatState(state: PromptJob["state"]): string {
   if (state === "active") return "Active";
   if (state === "paused") return "Paused";
@@ -280,10 +95,21 @@ export function ObjectiveScheduledTasksPanel({
   const [showCreate, setShowCreate] = useState(false);
   const [busyId, setBusyId] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
-  const [selectedJobId, setSelectedJobId] = useState<string | null>(null);
+  const [editingJobId, setEditingJobId] = useState<string | null>(null);
   const [deleteTarget, setDeleteTarget] = useState<PromptJob | null>(null);
-  const [scheduleEditJobId, setScheduleEditJobId] = useState<string | null>(null);
   const [recentRuns, setRecentRuns] = useState<(PromptRun & { jobName: string })[]>([]);
+  const [agentMap, setAgentMap] = useState<Record<string, AgentOption>>({});
+
+  useEffect(() => {
+    fetch("/api/prompt-jobs/agents")
+      .then((r) => r.json())
+      .then((d) => {
+        const map: Record<string, AgentOption> = {};
+        for (const a of (d.agents ?? []) as AgentOption[]) map[a.id] = a;
+        setAgentMap(map);
+      })
+      .catch((err) => console.warn("[ObjectiveScheduledTasksPanel] fetch agents failed:", err));
+  }, []);
 
   const visibleJobs = useMemo(() => {
     const filtered = jobs.filter((job) => job.objectiveId === objectiveId);
@@ -294,9 +120,10 @@ export function ObjectiveScheduledTasksPanel({
       return aPin - bPin;
     });
   }, [jobs, objectiveId]);
-  const selectedJob = useMemo(
-    () => visibleJobs.find((job) => job.id === selectedJobId) ?? null,
-    [selectedJobId, visibleJobs]
+
+  const editingJob = useMemo(
+    () => visibleJobs.find((job) => job.id === editingJobId) ?? null,
+    [editingJobId, visibleJobs]
   );
 
   const loadRecentRuns = useCallback(async () => {
@@ -334,9 +161,6 @@ export function ObjectiveScheduledTasksPanel({
       setError(result.error ?? `Failed to hide "${job.name}".`);
       return;
     }
-    if (selectedJobId === job.id) {
-      setSelectedJobId(null);
-    }
     await refresh();
   };
 
@@ -349,16 +173,10 @@ export function ObjectiveScheduledTasksPanel({
     return ok;
   };
 
-  const scheduleEditJob = useMemo(
-    () => visibleJobs.find((job) => job.id === scheduleEditJobId) ?? null,
-    [scheduleEditJobId, visibleJobs]
-  );
-
-  const handleJobUpdate = useCallback(
-    async (jobId: string, updates: Partial<PromptJob>) => {
-      const ok = await updateJob(jobId, updates);
+  const handleEditSubmit = useCallback(
+    async (jobId: string, data: CreateJobData) => {
+      const ok = await updateJob(jobId, data as Partial<PromptJob>);
       if (ok) {
-        setSelectedJobId(jobId);
         await refresh();
       }
       return ok;
@@ -369,28 +187,32 @@ export function ObjectiveScheduledTasksPanel({
   return (
     <>
       {showCreate ? (
-        <CreateJobModal
-          onClose={() => setShowCreate(false)}
-          onSubmit={async (data) => {
-            await handleCreate(data);
-          }}
-          createDefaults={createDefaults}
-          contextLabel={objectiveKey}
-        />
-      ) : null}
-      {selectedJob ? (
-        <ObjectiveScheduledTaskDetailModal
-          job={selectedJob}
-          onClose={() => setSelectedJobId(null)}
-          onUpdate={(updates) => handleJobUpdate(selectedJob.id, updates)}
-        />
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4 py-6">
+          <div className="w-full max-w-5xl h-[85vh] overflow-hidden rounded-[28px] border border-[var(--border)] bg-[var(--card-bg)] shadow-2xl">
+            <CreateJobModal
+              onClose={() => setShowCreate(false)}
+              onSubmit={async (data) => {
+                await handleCreate(data);
+              }}
+              createDefaults={createDefaults}
+              contextLabel={objectiveKey}
+            />
+          </div>
+        </div>
       ) : null}
-      {scheduleEditJob ? (
-        <ScheduleEditModal
-          job={scheduleEditJob}
-          onClose={() => setScheduleEditJobId(null)}
-          onUpdate={(updates) => handleJobUpdate(scheduleEditJob.id, updates)}
-        />
+      {editingJob ? (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4 py-6">
+          <div className="w-full max-w-5xl h-[85vh] overflow-hidden rounded-[28px] border border-[var(--border)] bg-[var(--card-bg)] shadow-2xl">
+            <CreateJobModal
+              onClose={() => setEditingJobId(null)}
+              onSubmit={async (data) => {
+                await handleEditSubmit(editingJob.id, data);
+              }}
+              editingJob={editingJob}
+              contextLabel={objectiveKey}
+            />
+          </div>
+        </div>
       ) : null}
 
       <div className="px-1">
@@ -431,11 +253,11 @@ export function ObjectiveScheduledTasksPanel({
             visibleJobs.map((job) => (
               <div
                 key={job.id}
-                onClick={() => setSelectedJobId(job.id)}
+                onClick={() => setEditingJobId(job.id)}
                 onKeyDown={(event) => {
                   if (event.key === "Enter" || event.key === " ") {
                     event.preventDefault();
-                    setSelectedJobId(job.id);
+                    setEditingJobId(job.id);
                   }
                 }}
                 role="button"
@@ -488,9 +310,27 @@ export function ObjectiveScheduledTasksPanel({
                         </span>
                       ) : null}
                     </div>
-                    <p className="mt-3 line-clamp-2 text-sm leading-6 text-[var(--muted-foreground)]">
-                      {promptSummary(job.prompt)}
-                    </p>
+                    <div className="mt-3 flex items-center gap-2 min-w-0 text-xs text-[var(--muted-foreground)]">
+                      {job.agentId && agentMap[job.agentId] ? (
+                        <img
+                          src={agentAvatar(job.agentId, agentMap[job.agentId].color, 20)}
+                          alt=""
+                          className="size-5 rounded-full shrink-0"
+                        />
+                      ) : (
+                        <Terminal className="h-3.5 w-3.5 shrink-0" />
+                      )}
+                      <span className="truncate font-medium text-[var(--foreground)]">
+                        {job.agentId && agentMap[job.agentId]
+                          ? agentMap[job.agentId].name
+                          : job.provider}
+                      </span>
+                      {job.model ? (
+                        <span className="truncate font-mono text-[11px]">
+                          {job.model}
+                        </span>
+                      ) : null}
+                    </div>
                     {job.condition ? (
                       <p className="mt-2 text-xs text-[var(--muted-foreground)]">
                         Condition: {job.condition}
@@ -504,7 +344,6 @@ export function ObjectiveScheduledTasksPanel({
                       title="Run now"
                       onClick={async (event) => {
                         event.stopPropagation();
-                        setSelectedJobId(job.id);
                         setBusyId(job.id);
                         await runNow(job.id);
                         setBusyId(null);
@@ -518,14 +357,14 @@ export function ObjectiveScheduledTasksPanel({
                     </button>
                     <button
                       type="button"
-                      title="Edit schedule"
+                      title="Edit"
                       onClick={(event) => {
                         event.stopPropagation();
-                        setScheduleEditJobId(job.id);
+                        setEditingJobId(job.id);
                       }}
                       className="rounded-lg border border-[var(--border)] p-2 text-[var(--muted-foreground)] transition-colors hover:border-sky-400/40 hover:text-sky-300"
                     >
-                      <Clock className="h-3.5 w-3.5" />
+                      <Pencil className="h-3.5 w-3.5" />
                     </button>
                     <button
                       type="button"

package/cloud-runtime/standalone/apps/local/components/thread/WorkspaceSidebar.tsx

@@ -981,11 +981,11 @@ export function WorkspaceSidebar({
                 </div>
               </div>
 
-              {/* Work group — visible from stage 2+ */}
+              {/* Automation group — visible from stage 2+ */}
               {showWorkGroup && (
                 <div className="mb-3">
                   <div className="workspace-sidebar__section-header">
-                    <p className="workspace-sidebar__section-label">Work</p>
+                    <p className="workspace-sidebar__section-label">Automation</p>
                   </div>
                   <div className="px-2 flex flex-col gap-0.5">
                     {stageShow.objectives && (