Add web terminal, git credentials, OpenSCAD, review loops, automations

- Web terminal (PTY over WebSocket, xterm.js, sandboxed, reattach with replay)
- Per-user git credentials and commit identity (credential store in the user's home)
- OpenSCAD tool (STL/3MF + preview renders, bounding box) and cad skill; 3D model card
- Craft phase inferred from tool activity when the agent does not report it
- Configurable review loop per mode (rounds, reviewer model, criteria)
- Delete config and Markdown agents from the agent editor
- Automations: cron-scheduled agents from Markdown job files, schedule tool, page
- change_directory tool (only on the user's request)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/src/components/settings/AgentsEditor.tsx

@@ -1,5 +1,6 @@
+import { Icon } from "../Icon";
 import { useState } from "react";
-import { patch } from "../../api";
+import { del, patch } from "../../api";
 import { useFetch } from "../../hooks";
 import { useT } from "../../i18n";
 import type { AgentInfo } from "../../types";
@@ -22,6 +23,9 @@ function AgentRow({ a, raw, onSaved }: { a: AgentInfo; raw: any; onSaved: (ok: b
     tools: (raw?.tools ?? []).join(", "),
     prompt: raw?.prompt ?? "",
     mode: raw?.mode ?? a.mode,
+    refine_rounds: String(raw?.refine?.rounds ?? a.refine?.rounds ?? 0),
+    refine_model: raw?.refine?.model ?? "",
+    refine_criteria: raw?.refine?.criteria ?? "",
   });
   const builtin = a.source === "builtin" || (a.source === "config" && !raw?.prompt && ["build", "plan", "craft", "general", "explore"].includes(a.name));
 
@@ -31,6 +35,13 @@ function AgentRow({ a, raw, onSaved }: { a: AgentInfo; raw: any; onSaved: (ok: b
       { path: [...base, "model"], value: form.model || null },
       { path: [...base, "max_parallel"], value: form.max_parallel ? Number(form.max_parallel) : null },
     ];
+    if (a.mode === "primary") {
+      const rounds = Math.max(0, Math.min(10, Number(form.refine_rounds) || 0));
+      patches.push({
+        path: [...base, "refine"],
+        value: rounds || form.refine_model || form.refine_criteria ? { rounds, model: form.refine_model || null, criteria: form.refine_criteria || null } : null,
+      });
+    }
     if (!builtin || form.description) patches.push({ path: [...base, "description"], value: form.description || null });
     if (!builtin) {
       patches.push({ path: [...base, "mode"], value: form.mode });
@@ -45,6 +56,16 @@ function AgentRow({ a, raw, onSaved }: { a: AgentInfo; raw: any; onSaved: (ok: b
     }
   };
 
+  const removeFile = async () => {
+    if (!(await confirmDialog({ message: t("agents.deleteFile", { path: a.path ?? a.name }), danger: true }))) return;
+    try {
+      await del(`/agents/${encodeURIComponent(a.name)}`);
+      onSaved(true, t("settings.saved"));
+    } catch (e: any) {
+      onSaved(false, e.message);
+    }
+  };
+
   const reset = async () => {
     if (!(await confirmDialog({ message: t(builtin ? "agents.resetConfirm" : "agents.deleteConfirm", { name: a.name }), danger: true }))) return;
     try {
@@ -63,6 +84,11 @@ function AgentRow({ a, raw, onSaved }: { a: AgentInfo; raw: any; onSaved: (ok: b
         <span className="chip">{t(`agents.source.${a.source}` as any)}</span>
         {a.read_only && <span className="chip">{t("agents.readOnly")}</span>}
         <span className="spacer" />
+        {!builtin && (a.source === "config" || a.source === "file") && (
+          <button className="small ghost danger" onClick={a.source === "file" ? removeFile : reset} title={t("common.delete")} aria-label={t("common.delete")}>
+            <Icon name="trash" />
+          </button>
+        )}
         <button className="small" onClick={() => setOpen(!open)}>
           {open ? t("common.collapse") : t("common.edit")}
         </button>
@@ -72,6 +98,7 @@ function AgentRow({ a, raw, onSaved }: { a: AgentInfo; raw: any; onSaved: (ok: b
         <span style={{ fontSize: 12, color: "var(--muted)" }}>{t("agents.model")}:</span>
         <span className="chip">{a.model || t("agents.sessionModel")}</span>
         {a.max_parallel ? <span className="chip">{t("agents.maxParallelShort", { n: a.max_parallel })}</span> : null}
+        {a.refine?.rounds ? <span className="chip">{t("agents.refineShort", { n: a.refine.rounds })}</span> : null}
       </div>
       {open && (
         <>
@@ -85,6 +112,17 @@ function AgentRow({ a, raw, onSaved }: { a: AgentInfo; raw: any; onSaved: (ok: b
                 <input type="number" min={1} value={form.max_parallel} placeholder="∞" onChange={(e) => setForm({ ...form, max_parallel: e.target.value })} />
               </>
             )}
+            {a.mode === "primary" && (
+              <>
+                <label>{t("agents.refineRounds")}</label>
+                <input type="number" min={0} max={10} value={form.refine_rounds} placeholder={t("agents.refineOff")} onChange={(e) => setForm({ ...form, refine_rounds: e.target.value })} />
+                <label>{t("agents.refineModel")}</label>
+                <ModelSelect value={form.refine_model} onChange={(v) => setForm({ ...form, refine_model: v })} emptyLabel={t("agents.sessionModel")} />
+                <label>{t("agents.refineCriteria")}</label>
+                <textarea rows={3} value={form.refine_criteria} onChange={(e) => setForm({ ...form, refine_criteria: e.target.value })} />
+                <div className="hint">{t("agents.refineCriteriaHint")}</div>
+              </>
+            )}
             <label>{t("agents.description")}</label>
             <input value={form.description} placeholder={a.description} onChange={(e) => setForm({ ...form, description: e.target.value })} />
             {a.mode !== "primary" && <div className="hint">{t("agents.descriptionHint")}</div>}
@@ -107,9 +145,9 @@ function AgentRow({ a, raw, onSaved }: { a: AgentInfo; raw: any; onSaved: (ok: b
               {t("common.save")}
             </button>
             <span className="spacer" />
-            {a.source === "config" && (
+            {a.source === "config" && builtin && (
               <button className="danger" onClick={reset}>
-                {builtin ? t("agents.reset") : t("common.delete")}
+                {t("agents.reset")}
               </button>
             )}
           </div>