aimeat 1.23.3 → 1.24.0

package/dist/locales/en.json

@@ -1,6 +1,50 @@
 {
   "profile.landing.home": "Home",
   "profile.landing.menu": "Menu",
+  "profile.tabs.workflows": "Workflows",
+  "profile.workflows.title": "Workflows",
+  "profile.workflows.desc": "Declared, ordered agent pipelines with per-step health checks — they show whether each step actually produced, not just that it fired.",
+  "profile.workflows.loading": "Loading workflows…",
+  "profile.workflows.empty": "No workflows yet. An agent or the API can define one; it will appear here.",
+  "profile.workflows.trigger.schedule": "schedule",
+  "profile.workflows.trigger.event": "event",
+  "profile.workflows.trigger.manual": "manual",
+  "profile.workflows.stepCount": "{count} steps",
+  "profile.workflows.lastRun": "last run",
+  "profile.workflows.check": "Check",
+  "profile.workflows.run": "Run",
+  "profile.workflows.runStarted": "Run started",
+  "profile.workflows.back": "Back",
+  "profile.workflows.blueprint": "Blueprint",
+  "profile.workflows.after": "after",
+  "profile.workflows.recentRuns": "Recent runs",
+  "profile.workflows.noRuns": "No runs yet.",
+  "profile.workflows.attempt": "attempt",
+  "profile.workflows.health.title": "Per-step health over recent runs (green = produced, red = failed)",
+  "profile.workflows.inspectorDispatched": "{count} inspector task(s) dispatched",
+  "profile.workflows.new": "New",
+  "profile.workflows.edit": "Edit",
+  "profile.workflows.form.newTitle": "New workflow",
+  "profile.workflows.form.editTitle": "Edit workflow",
+  "profile.workflows.form.id": "Id (slug)",
+  "profile.workflows.form.idHint": "Id must be a lowercase slug (a-z, 0-9, hyphens).",
+  "profile.workflows.form.titleField": "Title",
+  "profile.workflows.form.description": "Description",
+  "profile.workflows.form.trigger": "Trigger",
+  "profile.workflows.form.matchKey": "match key (glob)",
+  "profile.workflows.form.matchOffer": "match offer id",
+  "profile.workflows.form.vars": "Variables",
+  "profile.workflows.form.addVar": "var",
+  "profile.workflows.form.steps": "Steps",
+  "profile.workflows.form.addStep": "step",
+  "profile.workflows.form.pickAgent": "agent…",
+  "profile.workflows.form.pickOffer": "offer…",
+  "profile.workflows.form.noCompatibleOffers": "This agent has no workflow-compatible offers (must publish success_signal + required_to_function + deliverable.location).",
+  "profile.workflows.form.noInput": "no input gate",
+  "profile.workflows.form.llmApproved": "Allow the node LLM to evaluate llm signal leaves in this workflow",
+  "profile.workflows.form.cancel": "Cancel",
+  "profile.workflows.form.save": "Save",
+  "profile.workflows.form.saved": "Workflow saved",
   "profile.tabs.scheduler": "Scheduler",
   "profile.agents.detail.tabs.schedules": "Schedules",
   "profile.scheduler.title": "Scheduler",

package/dist/locales/fi.json

@@ -1,6 +1,50 @@
 {
   "profile.landing.home": "Etusivu",
   "profile.landing.menu": "Valikko",
+  "profile.tabs.workflows": "Työnkulut",
+  "profile.workflows.title": "Työnkulut",
+  "profile.workflows.desc": "Määritellyt, järjestetyt agenttiketjut askelkohtaisilla terveystarkistuksilla — ne näyttävät tuottiko jokainen askel oikeasti tuloksen, ei vain että se käynnistyi.",
+  "profile.workflows.loading": "Ladataan työnkulkuja…",
+  "profile.workflows.empty": "Ei työnkulkuja vielä. Agentti tai API voi määritellä sellaisen; se ilmestyy tähän.",
+  "profile.workflows.trigger.schedule": "ajastus",
+  "profile.workflows.trigger.event": "tapahtuma",
+  "profile.workflows.trigger.manual": "manuaalinen",
+  "profile.workflows.stepCount": "{count} askelta",
+  "profile.workflows.lastRun": "viimeisin ajo",
+  "profile.workflows.check": "Tarkista",
+  "profile.workflows.run": "Aja",
+  "profile.workflows.runStarted": "Ajo käynnistetty",
+  "profile.workflows.back": "Takaisin",
+  "profile.workflows.blueprint": "Rakennekaavio",
+  "profile.workflows.after": "jälkeen",
+  "profile.workflows.recentRuns": "Viimeisimmät ajot",
+  "profile.workflows.noRuns": "Ei ajoja vielä.",
+  "profile.workflows.attempt": "yritys",
+  "profile.workflows.health.title": "Askelkohtainen terveys viime ajoista (vihreä = tuotti, punainen = epäonnistui)",
+  "profile.workflows.inspectorDispatched": "{count} tarkastustaskia lähetetty",
+  "profile.workflows.new": "Uusi",
+  "profile.workflows.edit": "Muokkaa",
+  "profile.workflows.form.newTitle": "Uusi työnkulku",
+  "profile.workflows.form.editTitle": "Muokkaa työnkulkua",
+  "profile.workflows.form.id": "Tunnus (slug)",
+  "profile.workflows.form.idHint": "Tunnuksen on oltava pienaakkos-slug (a-z, 0-9, väliviivat).",
+  "profile.workflows.form.titleField": "Otsikko",
+  "profile.workflows.form.description": "Kuvaus",
+  "profile.workflows.form.trigger": "Liipaisin",
+  "profile.workflows.form.matchKey": "osuma-avain (glob)",
+  "profile.workflows.form.matchOffer": "osuma-offer-id",
+  "profile.workflows.form.vars": "Muuttujat",
+  "profile.workflows.form.addVar": "muuttuja",
+  "profile.workflows.form.steps": "Askeleet",
+  "profile.workflows.form.addStep": "askel",
+  "profile.workflows.form.pickAgent": "agentti…",
+  "profile.workflows.form.pickOffer": "offer…",
+  "profile.workflows.form.noCompatibleOffers": "Tällä agentilla ei ole työnkulku-yhteensopivia offereita (täytyy julkaista success_signal + required_to_function + deliverable.location).",
+  "profile.workflows.form.noInput": "ei syöteporttia",
+  "profile.workflows.form.llmApproved": "Salli node-LLM:n arvioida llm-signaalilehdet tässä työnkulussa",
+  "profile.workflows.form.cancel": "Peruuta",
+  "profile.workflows.form.save": "Tallenna",
+  "profile.workflows.form.saved": "Työnkulku tallennettu",
   "profile.tabs.scheduler": "Ajastin",
   "profile.agents.detail.tabs.schedules": "Ajastukset",
   "profile.scheduler.title": "Ajastin",

package/dist/public/css/views/workflows.css

@@ -0,0 +1,111 @@
+/**
+ * @file workflows.css
+ * @description Styles for Profile › Workflows (workflows-tab.js): the list of workflows with a
+ *   health sparkline, the blueprint graph + recent runs detail, and the single-run per-step
+ *   timeline. Prefix: wf-. Theme-token driven (no hardcoded colors) so it flips with dark/light.
+ * @version-history
+ *   v1.0.0 -- 2026-06-13 -- Phase 9: initial workflows tab styles.
+ */
+
+.wf-tab { display: flex; flex-direction: column; gap: 1.1rem; }
+.wf-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
+.wf-loading, .wf-empty { color: var(--text-dim); padding: 0.75rem 0; font-size: 0.92rem; }
+.wf-error {
+  background: var(--danger-bg); color: var(--danger-fg);
+  border: 1px solid var(--danger-border, var(--border)); border-radius: var(--radius-sm); padding: 0.6rem 0.85rem;
+}
+.wf-muted { color: var(--text-dim); font-size: 0.82rem; }
+.wf-section-title { font-size: 1rem; font-weight: 700; color: var(--text); margin: 0.5rem 0 0.1rem; }
+
+/* ── badges ── */
+.wf-badge {
+  display: inline-block; padding: 0.1rem 0.5rem; border-radius: var(--radius-full, 999px);
+  font-size: 0.72rem; font-weight: 700; line-height: 1.5;
+}
+.wf-badge--ok { background: var(--success-bg); color: var(--success-fg); }
+.wf-badge--err { background: var(--danger-bg); color: var(--danger-fg); }
+.wf-badge--run { background: var(--info-bg); color: var(--info-fg); }
+.wf-badge--muted { background: var(--bg-dim); color: var(--text-dim); }
+
+/* ── list ── */
+.wf-card-list { display: flex; flex-direction: column; gap: 0.75rem; }
+.wf-card {
+  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
+  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.85rem 1rem;
+}
+.wf-card-main { flex: 1; cursor: pointer; display: flex; flex-direction: column; gap: 0.25rem; }
+.wf-card-title { font-weight: 700; color: var(--text); display: flex; align-items: center; gap: 0.5rem; }
+.wf-card-meta { font-size: 0.82rem; color: var(--text-dim); }
+.wf-card-actions { display: flex; gap: 0.4rem; white-space: nowrap; }
+
+/* ── sparkline ── */
+.wf-spark { display: inline-flex; gap: 2px; margin-top: 0.2rem; align-items: flex-end; }
+.wf-spark-bar { width: 7px; height: 14px; border-radius: 2px; display: inline-block; }
+.wf-spark-bar--ok { background: var(--success-fg); }
+.wf-spark-bar--err { background: var(--danger-fg); }
+.wf-spark-bar--none { background: var(--bg-dim); }
+
+/* ── detail ── */
+.wf-detail-head { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
+.wf-detail-title { font-size: 1.1rem; font-weight: 700; color: var(--text); flex: 1; }
+.wf-detail-actions { display: flex; gap: 0.4rem; }
+
+.wf-graph { display: flex; flex-direction: column; gap: 0.5rem; }
+.wf-node {
+  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-sm);
+  padding: 0.6rem 0.8rem; display: flex; flex-direction: column; gap: 0.15rem;
+}
+.wf-node-id { font-weight: 700; color: var(--text); }
+.wf-node-agent { font-size: 0.82rem; color: var(--text-dim); }
+.wf-node-io { font-size: 0.78rem; color: var(--text-dim); font-family: var(--font-mono, monospace); }
+.wf-node-dep { font-size: 0.74rem; color: var(--accent); }
+
+.wf-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
+.wf-table td { padding: 0.5rem 0.6rem; border-bottom: 1px solid var(--border); color: var(--text); }
+.wf-run-row { cursor: pointer; }
+.wf-run-row:hover { background: var(--bg-dim); }
+
+/* ── run timeline ── */
+.wf-steps { display: flex; flex-direction: column; gap: 0.5rem; }
+.wf-step {
+  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.55rem 0.8rem;
+}
+.wf-step-row { display: flex; align-items: center; gap: 0.6rem; }
+.wf-step-id { font-weight: 600; color: var(--text); }
+.wf-observed {
+  margin: 0.4rem 0 0; padding: 0.5rem 0.65rem; background: var(--bg-dim); border-radius: var(--radius-sm);
+  font-size: 0.76rem; color: var(--text-dim); overflow-x: auto; white-space: pre-wrap;
+}
+.wf-inspections {
+  margin-top: 0.5rem; padding: 0.5rem 0.7rem; background: var(--warn-bg); color: var(--warn-fg);
+  border-radius: var(--radius-sm); font-size: 0.82rem;
+}
+
+/* ── create/edit form ── */
+.wf-form { display: flex; flex-direction: column; gap: 0.8rem; }
+.wf-field { display: flex; flex-direction: column; gap: 0.25rem; }
+.wf-field > span { font-size: 0.82rem; font-weight: 600; color: var(--text-dim); }
+.wf-field input[type="text"], .wf-field input[type="number"], .wf-field select,
+.wf-field-row input, .wf-field-row select {
+  background: var(--bg-input, var(--bg-dim)); color: var(--text);
+  border: 1px solid var(--border); border-radius: var(--radius-sm);
+  padding: 0.4rem 0.55rem; font: inherit;
+}
+.wf-field-row { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
+.wf-field-row > input, .wf-field-row > select { flex: 1; min-width: 8rem; }
+.wf-form-section {
+  border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.7rem 0.85rem;
+  display: flex; flex-direction: column; gap: 0.55rem;
+}
+.wf-form-section-head { display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: var(--text); }
+.wf-step-edit {
+  border-left: 2px solid var(--accent-soft, var(--border)); padding-left: 0.7rem;
+  display: flex; flex-direction: column; gap: 0.4rem;
+}
+.wf-step-opts { font-size: 0.82rem; color: var(--text-dim); }
+.wf-step-after { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; font-size: 0.82rem; }
+.wf-inline { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--text); }
+.wf-inline input[type="number"] { width: 4.5rem; background: var(--bg-input, var(--bg-dim)); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.2rem 0.4rem; }
+.wf-llm-toggle { margin-top: 0.2rem; font-size: 0.9rem; }
+.wf-form-actions { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.4rem; }
+.wf-err-list { margin: 0; padding-left: 1.1rem; }

package/dist/public/js/services/workflows.js

@@ -0,0 +1,57 @@
+/**
+ * @file workflows.js
+ * @description Frontend API service for Agent Workflows (Profile › Workflows tab). Wraps the
+ *   /v1/workflows endpoints (list / get / blueprint / runs / run / health). All functions return
+ *   the AIMEAT envelope; callers read `res.data`.
+ * @usage import { listWorkflows, getBlueprint, runWorkflow } from '/js/services/workflows.js';
+ * @version-history
+ *   v1.0.0 -- 2026-06-13 -- Phase 9: initial workflows service for the profile tab.
+ */
+import { apiGet, apiPost, apiPut, apiDelete } from '/js/api.js';
+
+/** Create/update a workflow definition (PUT /v1/workflows/:id). Returns the envelope. */
+export async function putWorkflow(id, def) {
+  return apiPut(`/v1/workflows/${encodeURIComponent(id)}`, def);
+}
+
+export async function deleteWorkflow(id) {
+  return apiDelete(`/v1/workflows/${encodeURIComponent(id)}`);
+}
+
+/** Read one agent's published offers (to pick a workflow-compatible offer in the form). */
+export async function getAgentOffers(agentName) {
+  return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/offers`);
+}
+
+/** List the owner's workflow definitions: { workflows, count }. */
+export async function listWorkflows() {
+  return apiGet('/v1/workflows');
+}
+
+export async function getWorkflow(id) {
+  return apiGet(`/v1/workflows/${encodeURIComponent(id)}`);
+}
+
+/** Derived structural graph: { workflowId, nodes, edges }. */
+export async function getBlueprint(id) {
+  return apiGet(`/v1/workflows/${encodeURIComponent(id)}/blueprint`);
+}
+
+/** Run-health trend over recent runs: { sample, lastStatus, steps:[{stepId,green,red}] , … }. */
+export async function getHealth(id) {
+  return apiGet(`/v1/workflows/${encodeURIComponent(id)}/health`);
+}
+
+/** List runs (newest first): { runs, count }. */
+export async function listRuns(id) {
+  return apiGet(`/v1/workflows/${encodeURIComponent(id)}/runs`);
+}
+
+export async function getRun(id, runId) {
+  return apiGet(`/v1/workflows/${encodeURIComponent(id)}/runs/${encodeURIComponent(runId)}`);
+}
+
+/** Start a run. mode: 'signals-only' | 'full'. Returns { runId, mode }. */
+export async function runWorkflow(id, mode, vars) {
+  return apiPost(`/v1/workflows/${encodeURIComponent(id)}/run`, { mode, ...(vars ? { vars } : {}) });
+}

package/dist/public/llms-template.txt

@@ -385,6 +385,13 @@ for completeness but are NOT needed for typical app building:
 - Packages (versioned bundles), Knowledge packages
 - Federation (node peering, cross-node routing)
 - Agent collaboration (shared memory, organisms)
+- Agent Workflows: declared, ordered agent pipelines with per-step input/output signals checked
+  after each step, so the owner sees whether each step PRODUCED (not just fired). One trigger
+  (schedule / manual / event) drives the chain; each step names an agent + an offer and inherits
+  that offer's signals + deliverable location. Connected agents use aimeat_workflow_save / _get /
+  _run (signals-only = check vs memory, no dispatch; full = execute). Stored in owner memory
+  (workflows.def.* / workflows.run.*); API under /v1/workflows. Plan:
+  docs/plans/2026-06-13-agent-workflows-node-plan.md.
 - Organism workspaces: an organism can hold manifest-driven workspaces of markdown documents
   (a wiki) and schema-locked record lists, with a draft -> publish -> version flow. Connected
   agents use the aimeat_workspace_* MCP tools (list / read / write / publish / object_delete /

package/dist/public/spa.html

@@ -84,6 +84,7 @@
   <link rel="stylesheet" href="/css/views/capabilities.css">
   <link rel="stylesheet" href="/css/views/agents-detail.css">
   <link rel="stylesheet" href="/css/views/scheduler.css">
+  <link rel="stylesheet" href="/css/views/workflows.css">
   <link rel="stylesheet" href="/css/views/admin.css">
   <link rel="stylesheet" href="/css/views/admin-agent-integration.css">
   <link rel="stylesheet" href="/css/views/public-knowledge-viewer.css">
@@ -199,7 +200,8 @@
       "/js/services/agent-messages.js": "/js/services/agent-messages.js",
       "/js/services/agent-integration.js": "/js/services/agent-integration.js",
       "/js/services/admin-agent-integration.js": "/js/services/admin-agent-integration.js",
-      "/js/services/schedules.js": "/js/services/schedules.js"
+      "/js/services/schedules.js": "/js/services/schedules.js",
+      "/js/services/workflows.js": "/js/services/workflows.js"
     }
   }
   </script>

package/dist/public/views/profile/landing-page.js

@@ -755,6 +755,7 @@ const SIDEBAR_GROUPS = [
     { id: 'agents', icon: '\u{1F916}', labelKey: 'profile.tabs.agents' },
     { id: 'offers', icon: '\u{1F9F0}', labelKey: 'profile.tabs.offers' },
     { id: 'scheduler', icon: '⏰', labelKey: 'profile.tabs.scheduler' },
+    { id: 'workflows', icon: '\u{1F500}', labelKey: 'profile.tabs.workflows' },
     { id: 'actions', icon: '\u{1F6E0}️', labelKey: 'profile.tabs.services' },
     { id: 'mcp', icon: '\u{1F517}', labelKey: 'profile.tabs.mcp' },
   ] },

package/dist/public/views/profile/workflows-form.js

@@ -0,0 +1,220 @@
+/**
+ * @file workflows-form.js
+ * @description Create/Edit form for an Agent Workflow (Profile › Workflows). Authors the descriptor
+ *   the API validates: trigger (manual/schedule/event) + typed vars + steps (each picks an agent +
+ *   a workflow-compatible offer; signals are inherited from that offer, so the form needs no signal
+ *   editor) + the llm-consent toggle. Save → PUT /v1/workflows/:id; save-time validation errors
+ *   (DAG / offer-compatibility / undeclared var) render inline. See plan §12.
+ * @structure WorkflowForm({ existing, onSaved, onCancel, showToast })
+ * @version-history
+ *   v1.0.0 -- 2026-06-13 -- Phase 9b: create/edit form (closes the §12 form gap).
+ */
+import { h } from 'preact';
+import { useState, useEffect, useCallback } from 'preact/hooks';
+import htm from 'htm';
+import { t } from '/js/i18n.js';
+import { listAgents } from '/js/services/agents.js';
+import { putWorkflow, getAgentOffers } from '/js/services/workflows.js';
+
+const html = htm.bind(h);
+
+function loc(s) {
+  if (!s) return '';
+  if (typeof s === 'string') return s;
+  return s.en_US || s.fi_FI || Object.values(s)[0] || '';
+}
+
+const blankStep = () => ({ id: '', agent: '', offer: '', after: [], noInput: false, timeout_min: 60, retryMax: 0, backoffMin: 5, description: '' });
+
+export default function WorkflowForm({ existing, onSaved, onCancel, showToast }) {
+  const editing = !!existing;
+  const [id, setId] = useState(existing?.id || '');
+  const [title, setTitle] = useState(loc(existing?.title));
+  const [description, setDescription] = useState(loc(existing?.description));
+  const [triggerKind, setTriggerKind] = useState(existing?.trigger?.kind || 'manual');
+  const [cron, setCron] = useState(existing?.trigger?.cron || '0 17 * * *');
+  const [timezone, setTimezone] = useState(existing?.trigger?.timezone || 'Europe/Helsinki');
+  const [eventOn, setEventOn] = useState(existing?.trigger?.on || 'memory.write');
+  const [eventMatch, setEventMatch] = useState(existing?.trigger?.match?.key || existing?.trigger?.match?.offer || '');
+  const [vars, setVars] = useState(existing?.vars?.map(v => ({ ...v, description: loc(v.description) })) || []);
+  const [steps, setSteps] = useState(
+    existing?.steps?.map(s => ({
+      id: s.id, agent: Array.isArray(s.agent) ? s.agent[0] : s.agent, offer: s.offer,
+      after: s.after || [], noInput: s.required_to_function === 'none',
+      timeout_min: s.timeout_min ?? 60, retryMax: s.retry?.max || 0, backoffMin: s.retry?.backoff_min || 5,
+      description: loc(s.description),
+    })) || [blankStep()],
+  );
+  const [llmApproved, setLlmApproved] = useState(!!existing?.llm?.approved);
+  const [agents, setAgents] = useState([]);
+  const [offersByAgent, setOffersByAgent] = useState({});
+  const [errors, setErrors] = useState([]);
+  const [saving, setSaving] = useState(false);
+
+  // listAgents() returns the agent array directly (not an envelope); stay tolerant of both shapes.
+  useEffect(() => { listAgents().then(r => setAgents(Array.isArray(r) ? r : (r?.data?.agents ?? r?.data ?? []))).catch(() => {}); }, []);
+
+  const loadOffers = useCallback(async (agentName) => {
+    if (!agentName) return;
+    setOffersByAgent(prev => {
+      if (prev[agentName]) return prev;
+      getAgentOffers(agentName).then(r => {
+        const offers = (r?.data?.offers || []).filter(o => o.success_signal && o.required_to_function && o.deliverable?.location);
+        setOffersByAgent(p => ({ ...p, [agentName]: offers }));
+      }).catch(() => setOffersByAgent(p => ({ ...p, [agentName]: [] })));
+      return prev;
+    });
+  }, []);
+
+  // Pre-load offers for steps that already name an agent (edit mode).
+  useEffect(() => { steps.forEach(s => s.agent && loadOffers(s.agent)); }, []); // eslint-disable-line
+
+  const setStep = (i, patch) => setSteps(prev => prev.map((s, j) => j === i ? { ...s, ...patch } : s));
+  const addStep = () => setSteps(prev => [...prev, blankStep()]);
+  const removeStep = (i) => setSteps(prev => prev.filter((_, j) => j !== i));
+  const setVar = (i, patch) => setVars(prev => prev.map((v, j) => j === i ? { ...v, ...patch } : v));
+  const addVar = () => setVars(prev => [...prev, { name: '', type: 'string', description: '', default: '' }]);
+  const removeVar = (i) => setVars(prev => prev.filter((_, j) => j !== i));
+
+  const save = async () => {
+    setErrors([]);
+    if (!/^[a-z0-9][a-z0-9-]*[a-z0-9]$/.test(id)) { setErrors([t('profile.workflows.form.idHint')]); return; }
+    const trigger = triggerKind === 'schedule' ? { kind: 'schedule', cron, ...(timezone ? { timezone } : {}) }
+      : triggerKind === 'event' ? { kind: 'event', on: eventOn, match: eventOn === 'memory.write' ? { key: eventMatch } : { offer: eventMatch } }
+      : { kind: 'manual' };
+    const def = {
+      title: title || id,
+      description: description || '-',
+      trigger,
+      vars: vars.filter(v => v.name).map(v => ({ name: v.name, type: v.type || 'string', description: v.description || v.name, ...(v.default ? { default: v.default } : {}) })),
+      steps: steps.map(s => ({
+        id: s.id, agent: s.agent, offer: s.offer,
+        ...(s.after?.length ? { after: s.after } : {}),
+        description: s.description || s.id,
+        ...(s.noInput ? { required_to_function: 'none' } : {}),
+        ...(Number(s.retryMax) > 0 ? { retry: { max: Number(s.retryMax), backoff_min: Number(s.backoffMin) || 5 } } : {}),
+        timeout_min: Number(s.timeout_min) || 60,
+      })),
+      on_step_fail: 'inspect',
+      ...(llmApproved ? { llm: { approved: true } } : {}),
+    };
+    setSaving(true);
+    try {
+      await putWorkflow(id, def);
+      showToast?.(t('profile.workflows.form.saved'), false);
+      onSaved?.(id);
+    } catch (e) {
+      const list = e?.response?.error?.details?.errors;
+      setErrors(Array.isArray(list) && list.length ? list : [e?.message || 'Save failed']);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const stepIds = steps.map(s => s.id).filter(Boolean);
+
+  return html`
+    <div class="wf-tab">
+      <div class="wf-detail-head">
+        <button class="btn-ghost" onClick=${onCancel}>← ${t('profile.workflows.back')}</button>
+        <div class="wf-detail-title">${editing ? t('profile.workflows.form.editTitle') : t('profile.workflows.form.newTitle')}</div>
+      </div>
+
+      ${errors.length > 0 && html`<div class="wf-error"><ul class="wf-err-list">${errors.map(e => html`<li>${e}</li>`)}</ul></div>`}
+
+      <div class="wf-form">
+        <label class="wf-field">
+          <span>${t('profile.workflows.form.id')}</span>
+          <input type="text" value=${id} disabled=${editing} placeholder="laimeat-sanomat-evening"
+            onInput=${e => setId(e.target.value)} />
+        </label>
+        <label class="wf-field">
+          <span>${t('profile.workflows.form.titleField')}</span>
+          <input type="text" value=${title} onInput=${e => setTitle(e.target.value)} />
+        </label>
+        <label class="wf-field">
+          <span>${t('profile.workflows.form.description')}</span>
+          <input type="text" value=${description} onInput=${e => setDescription(e.target.value)} />
+        </label>
+
+        <!-- Trigger -->
+        <label class="wf-field">
+          <span>${t('profile.workflows.form.trigger')}</span>
+          <select value=${triggerKind} onChange=${e => setTriggerKind(e.target.value)}>
+            <option value="manual">${t('profile.workflows.trigger.manual')}</option>
+            <option value="schedule">${t('profile.workflows.trigger.schedule')}</option>
+            <option value="event">${t('profile.workflows.trigger.event')}</option>
+          </select>
+        </label>
+        ${triggerKind === 'schedule' && html`<div class="wf-field-row">
+          <label class="wf-field"><span>cron</span><input type="text" value=${cron} onInput=${e => setCron(e.target.value)} /></label>
+          <label class="wf-field"><span>timezone</span><input type="text" value=${timezone} onInput=${e => setTimezone(e.target.value)} /></label>
+        </div>`}
+        ${triggerKind === 'event' && html`<div class="wf-field-row">
+          <label class="wf-field"><span>on</span>
+            <select value=${eventOn} onChange=${e => setEventOn(e.target.value)}>
+              <option value="memory.write">memory.write</option>
+              <option value="offer.ordered">offer.ordered</option>
+            </select>
+          </label>
+          <label class="wf-field"><span>${eventOn === 'memory.write' ? t('profile.workflows.form.matchKey') : t('profile.workflows.form.matchOffer')}</span>
+            <input type="text" value=${eventMatch} onInput=${e => setEventMatch(e.target.value)} placeholder=${eventOn === 'memory.write' ? 'news.*' : 'fetch'} /></label>
+        </div>`}
+
+        <!-- Vars -->
+        <div class="wf-form-section">
+          <div class="wf-form-section-head"><span>${t('profile.workflows.form.vars')}</span>
+            <button class="btn-ghost" onClick=${addVar}>+ ${t('profile.workflows.form.addVar')}</button></div>
+          ${vars.map((v, i) => html`<div class="wf-field-row" key=${i}>
+            <input type="text" placeholder="name" value=${v.name} onInput=${e => setVar(i, { name: e.target.value })} />
+            <input type="text" placeholder="type" value=${v.type} onInput=${e => setVar(i, { type: e.target.value })} />
+            <input type="text" placeholder="default (<run-date>)" value=${v.default || ''} onInput=${e => setVar(i, { default: e.target.value })} />
+            <button class="btn-ghost" onClick=${() => removeVar(i)}>✕</button>
+          </div>`)}
+        </div>
+
+        <!-- Steps -->
+        <div class="wf-form-section">
+          <div class="wf-form-section-head"><span>${t('profile.workflows.form.steps')}</span>
+            <button class="btn-ghost" onClick=${addStep}>+ ${t('profile.workflows.form.addStep')}</button></div>
+          ${steps.map((s, i) => html`<div class="wf-step-edit" key=${i}>
+            <div class="wf-field-row">
+              <input type="text" placeholder="step id" value=${s.id} onInput=${e => setStep(i, { id: e.target.value })} />
+              <select value=${s.agent} onChange=${e => { setStep(i, { agent: e.target.value, offer: '' }); loadOffers(e.target.value); }}>
+                <option value="">${t('profile.workflows.form.pickAgent')}</option>
+                ${agents.map(a => html`<option value=${a.name} key=${a.name}>${a.name}</option>`)}
+              </select>
+              <select value=${s.offer} onChange=${e => setStep(i, { offer: e.target.value })}>
+                <option value="">${t('profile.workflows.form.pickOffer')}</option>
+                ${(offersByAgent[s.agent] || []).map(o => html`<option value=${o.id} key=${o.id}>${o.id}</option>`)}
+              </select>
+              <button class="btn-ghost" onClick=${() => removeStep(i)}>✕</button>
+            </div>
+            ${s.agent && (offersByAgent[s.agent]?.length === 0) && html`<div class="wf-muted">${t('profile.workflows.form.noCompatibleOffers')}</div>`}
+            <div class="wf-field-row wf-step-opts">
+              <label class="wf-inline"><input type="checkbox" checked=${s.noInput} onChange=${e => setStep(i, { noInput: e.target.checked })} /> ${t('profile.workflows.form.noInput')}</label>
+              <label class="wf-inline">timeout_min <input type="number" min="1" value=${s.timeout_min} onInput=${e => setStep(i, { timeout_min: e.target.value })} /></label>
+              <label class="wf-inline">retry <input type="number" min="0" value=${s.retryMax} onInput=${e => setStep(i, { retryMax: e.target.value })} /></label>
+              ${Number(s.retryMax) > 0 && html`<label class="wf-inline">backoff_min <input type="number" min="0" value=${s.backoffMin} onInput=${e => setStep(i, { backoffMin: e.target.value })} /></label>`}
+            </div>
+            ${stepIds.filter(x => x && x !== s.id).length > 0 && html`<div class="wf-step-after">
+              <span class="wf-muted">${t('profile.workflows.after')}:</span>
+              ${stepIds.filter(x => x && x !== s.id).map(other => html`<label class="wf-inline" key=${other}>
+                <input type="checkbox" checked=${s.after?.includes(other)} onChange=${e => setStep(i, { after: e.target.checked ? [...(s.after || []), other] : (s.after || []).filter(a => a !== other) })} /> ${other}
+              </label>`)}
+            </div>`}
+          </div>`)}
+        </div>
+
+        <label class="wf-inline wf-llm-toggle">
+          <input type="checkbox" checked=${llmApproved} onChange=${e => setLlmApproved(e.target.checked)} />
+          ${t('profile.workflows.form.llmApproved')}
+        </label>
+
+        <div class="wf-form-actions">
+          <button class="btn-ghost" onClick=${onCancel}>${t('profile.workflows.form.cancel')}</button>
+          <button class="btn-primary" disabled=${saving} onClick=${save}>${saving ? '…' : t('profile.workflows.form.save')}</button>
+        </div>
+      </div>
+    </div>`;
+}