@arbidocs/blocks 0.4.76 → 0.4.77

package/dist/{chunk-22P5KNIM.js → chunk-34UW6XUQ.js}

@@ -4,9 +4,9 @@ import { FoldSection } from './chunk-XD2M6LIG.js';
 import { useElementSize } from './chunk-HOXKR26S.js';
 import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
 import { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
-import { cn, Card, Button, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Switch, Input, Textarea } from '@arbidocs/react/ui';
+import { cn, Button, Textarea, Card, Label, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Switch } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { CheckCircle2, ArrowLeft, Loader2, ArrowRight, RotateCw, GitBranch, FileText, Check, AlertTriangle, MinusCircle } from 'lucide-react';
+import { UserRound, CornerUpLeft, ShieldCheck, MessageSquare, Check, Hourglass, Clock, PenLine, X, ExternalLink, Mail, Table2, CheckCircle2, ArrowLeft, Loader2, ArrowRight, RotateCw, GitBranch, FileText, AlertTriangle, MinusCircle } from 'lucide-react';
 
 // src/agents/workflows/types.ts
 var EMPTY_WORKFLOW_SCOPE = { folders: [], labels: [] };
@@ -289,7 +289,8 @@ function FieldControl({
   renderScope,
   renderDocuments,
   renderIcon,
-  onEnterSubmit
+  onEnterSubmit,
+  people
 }) {
   const id = `${idFor()}-control`;
   const testId = idFor();
@@ -422,6 +423,34 @@ function FieldControl({
       const picked = isWorkflowScope(value) ? value : { folders: [], labels: [], documents: [] };
       return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: renderDocuments?.(field, picked, onChange) });
     }
+    case "person":
+      return people?.length ? /* @__PURE__ */ jsxs(
+        "select",
+        {
+          id,
+          "data-testid": testId,
+          value: String(value ?? ""),
+          "aria-required": field.required || void 0,
+          "aria-invalid": error ? true : void 0,
+          onChange: (e) => onChange(e.target.value),
+          className: "flex h-9 w-full rounded-md border border-input bg-background px-2 text-sm shadow-sm",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: field.placeholder ?? "" }),
+            people.map((p) => /* @__PURE__ */ jsx("option", { value: p.value, children: p.label }, p.value))
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          "data-testid": testId,
+          value: String(value ?? ""),
+          placeholder: field.placeholder ?? "usr-\u2026",
+          "aria-required": field.required || void 0,
+          "aria-invalid": error ? true : void 0,
+          onChange: (e) => onChange(e.target.value)
+        }
+      );
   }
 }
 function FormField(props) {
@@ -472,6 +501,7 @@ function SchemaForm({
   renderDocuments,
   renderIcon,
   onEnterSubmit,
+  people,
   testIdPrefix,
   labels,
   className
@@ -496,7 +526,8 @@ function SchemaForm({
       renderScope,
       renderDocuments,
       renderIcon,
-      onEnterSubmit
+      onEnterSubmit,
+      people
     },
     field.name
   );
@@ -586,33 +617,81 @@ function stepLevels(steps) {
 }
 var STEP_EVENTS = {
   step_started: "running",
+  step_waiting: "waiting",
   step_done: "done",
   step_skipped: "skipped",
   step_failed: "failed"
 };
+var str2 = (v) => typeof v === "string" && v ? v : void 0;
+var ACTION_TYPES = ["sign", "email_draft", "tabular_review"];
+var asAction = (v) => ACTION_TYPES.includes(v) ? v : void 0;
+var asRecord = (v) => v && typeof v === "object" && !Array.isArray(v) ? v : void 0;
+var asStrings = (v) => Array.isArray(v) ? v.filter((x) => typeof x === "string") : void 0;
+function reopenedBy(detail) {
+  const to = str2(detail.to);
+  return asStrings(detail.reopened) ?? (to ? [to] : []);
+}
 function stepStatesFromActivity(events) {
   const states = {};
   for (const e of events) {
+    const detail = e.detail ?? {};
+    const step = str2(detail.step);
+    if (!step) continue;
+    if (e.kind === "step_sent_back") {
+      const to = str2(detail.to);
+      for (const id of reopenedBy(detail))
+        states[id] = id === to ? {
+          status: "pending",
+          sentBack: true,
+          hasNote: typeof detail.note_encrypted === "string"
+        } : { status: "pending" };
+      continue;
+    }
+    if (e.kind === "step_ready") {
+      states[step] = { ...states[step] ?? { status: "pending" }, announcedTo: str2(detail.to) };
+      continue;
+    }
+    if (e.kind === "step_progress") {
+      const before2 = states[step];
+      const waiting2 = asRecord(detail.waiting);
+      if (before2?.status === "waiting" && waiting2) states[step] = { ...before2, waiting: waiting2 };
+      continue;
+    }
     const status = STEP_EVENTS[e.kind];
-    const step = e.detail?.step;
-    if (!status || typeof step !== "string") continue;
-    const responseId = typeof e.detail?.response_id === "string" ? e.detail.response_id : void 0;
-    const error = typeof e.detail?.error === "string" ? e.detail.error : null;
-    const startedAt = status === "running" ? e.created_at : states[step]?.startedAt;
+    if (!status) continue;
+    const before = states[step];
+    const responseId = str2(detail.response_id) ?? before?.responseId ?? null;
+    const startedAt = status === "running" ? e.created_at : before?.startedAt;
+    const action = asAction(detail.action) ?? before?.action;
+    const documents = asStrings(detail.documents) ?? before?.documents;
+    const waiting = status === "waiting" ? asRecord(detail.waiting) : void 0;
+    const output = status === "done" ? asRecord(detail.output) : void 0;
+    const approved = Array.isArray(detail.approved) ? detail.approved.filter(asRecord) : void 0;
+    const finished2 = status === "done" || status === "skipped" || status === "failed";
+    const declinedBy = str2(detail.declined_by);
     states[step] = {
       status,
-      responseId: responseId ?? states[step]?.responseId ?? null,
-      error,
-      ...startedAt ? { startedAt } : {}
+      responseId,
+      error: str2(detail.error) ?? null,
+      ...startedAt ? { startedAt } : {},
+      ...action ? { action } : {},
+      ...documents?.length ? { documents } : {},
+      ...waiting ? { waiting } : {},
+      ...output ? { output } : {},
+      ...approved ? { approved } : {},
+      ...finished2 ? { by: e.actor_ext_id ?? null } : {},
+      ...finished2 && e.created_at ? { at: e.created_at } : {},
+      ...declinedBy ? { declinedBy } : {}
     };
   }
   return states;
 }
+function stepFields(step) {
+  return step.kind === "form" ? step.inputs : step.kind === "review" ? step.fields ?? [] : [];
+}
+var runFieldsOf = (steps) => steps.flatMap(stepFields);
 function runFields(workflow) {
-  return [
-    ...workflow.inputs,
-    ...workflowSteps(workflow).flatMap((s) => s.kind === "form" ? s.inputs : [])
-  ];
+  return [...workflow.inputs, ...workflowSteps(workflow).flatMap(stepFields)];
 }
 function initialRunInputs(workflow, inputs = {}) {
   return { ...defaultInputs({ ...workflow, inputs: runFields(workflow) }), ...inputs };
@@ -624,7 +703,9 @@ function stepPhase(steps, states, id) {
   return stepDependencies(steps, id).every((d) => finished(states[d])) ? "ready" : "blocked";
 }
 var isRunFinished = (steps, states) => steps.length > 0 && steps.every((s) => finished(states[s.id]));
-var isPersonStep = (step) => step.kind !== "agent";
+var isPersonStep = (step) => step.kind !== "agent" && step.kind !== "action";
+var isPersonAction = (step) => step.kind === "action" && (step.action.type === "sign" || step.action.type === "email_draft");
+var canAssign = (step) => isPersonStep(step) || isPersonAction(step);
 function nextAction(steps, states, current) {
   const i = steps.findIndex((s) => s.id === current);
   const step = steps[i];
@@ -638,20 +719,76 @@ function nextAction(steps, states, current) {
     return isRunFinished(steps, states) ? "finish" : "wait";
   }
   if (isPersonStep(step)) return "complete";
+  if (phase === "waiting" && step.kind === "action" && step.action.type === "email_draft")
+    return "complete";
   if (phase !== "failed") return independentNext ? "move" : "wait";
   const waitedFor = steps.slice(i + 1).some((s) => dependsOn(steps, s.id, step.id));
   return waitedFor || !following ? "skip" : "move";
 }
 function validateStep(step, inputs) {
-  if (step.kind !== "form") return {};
+  const fields = stepFields(step);
+  if (!fields.length) return {};
   return validateInputs(
     {
       id: step.id,
       title: step.title,
-      inputs: step.inputs},
+      inputs: fields},
     inputs
   );
 }
+function upstreamSteps(steps, id) {
+  return steps.filter((s) => s.id !== id && dependsOn(steps, id, s.id));
+}
+function sendBackTargets(steps, states, id) {
+  return upstreamSteps(steps, id).filter((s) => ["done", "skipped", "failed"].includes(states[s.id]?.status ?? "pending")).reverse();
+}
+var isBlankRef = (ref) => "step" in ref ? !ref.step : "input" in ref ? !ref.input : !ref.id.trim();
+function stepConfigProblems(steps) {
+  const out = [];
+  for (const s of steps) {
+    if (s.kind === "action") {
+      const a = s.action;
+      if (a.type === "sign") {
+        if (!a.document || isBlankRef(a.document)) out.push({ step: s.id, missing: "document" });
+        if (!a.signers.length) out.push({ step: s.id, missing: "signers" });
+      } else if (a.type === "email_draft") {
+        if (!a.to.some((t) => t.trim())) out.push({ step: s.id, missing: "recipients" });
+      } else {
+        if (!a.tags.length) out.push({ step: s.id, missing: "tags" });
+        if (Array.isArray(a.documents) && !a.documents.length)
+          out.push({ step: s.id, missing: "documents" });
+      }
+    }
+    if (s.kind === "agent" && s.editDocument && isBlankRef(s.editDocument))
+      out.push({ step: s.id, missing: "document" });
+  }
+  return out;
+}
+function splitDocRef(ref) {
+  const m = /^(doc-[A-Za-z0-9]+)(?:@v(\d+))?$/.exec(ref);
+  return m ? { id: m[1], ...m[2] ? { version: Number(m[2]) } : {} } : { id: ref };
+}
+var DEFAULT_ASSIGNEE_WORDING = {
+  runOwner: "whoever started the run",
+  projectLead: "the project lead",
+  input: "the person in \u201C{field}\u201D"
+};
+function assigneeName(assignee, options = {}) {
+  const w = { ...DEFAULT_ASSIGNEE_WORDING, ...options.wording };
+  const name = (id) => options.nameOf?.(id) ?? id;
+  const told = options.announcedTo ? options.nameOf?.(options.announcedTo) : void 0;
+  if (told) return told;
+  if (!assignee) return void 0;
+  if ("user" in assignee) return name(assignee.user);
+  if ("input" in assignee) {
+    const value = options.inputs?.[assignee.input];
+    if (typeof value === "string" && value) return name(value);
+    const label = options.fields?.find((f) => f.name === assignee.input)?.label ?? assignee.input;
+    return w.input.replace("{field}", label);
+  }
+  if ("runOwner" in assignee) return w.runOwner;
+  return w.projectLead;
+}
 var asText = (value) => typeof value === "string" ? value.trim() : typeof value === "number" ? String(value) : "";
 function fillStepInputs(templates, inputs) {
   const out = {};
@@ -698,6 +835,111 @@ function composeStepPrompt(workflow, step, runInputs, { resolveWorkflow, compose
 }
 
 // src/agents/workflows/planSteps.ts
+function toPlanAssignee(a) {
+  if ("user" in a) return { user: a.user };
+  if ("input" in a) return { input: a.input };
+  if ("runOwner" in a) return { run_owner: true };
+  return { project_lead: true };
+}
+function fromPlanAssignee(a) {
+  if (!a) return void 0;
+  if (a.user) return { user: a.user };
+  if (a.input) return { input: a.input };
+  if (a.run_owner) return { runOwner: true };
+  if (a.project_lead) return { projectLead: true };
+  return void 0;
+}
+function toPlanDocumentRef(ref) {
+  if ("step" in ref) return { step: ref.step };
+  if ("input" in ref) return { input: ref.input };
+  return ref.id.trim();
+}
+function fromPlanDocumentRef(ref) {
+  if (!ref) return void 0;
+  if (typeof ref === "string") return { id: ref };
+  if (ref.step) return { step: ref.step };
+  if (ref.input) return { input: ref.input };
+  return void 0;
+}
+var docRefs = (refs) => (refs ?? []).map(toPlanDocumentRef);
+var fromDocRefs = (refs) => (refs ?? []).flatMap((r) => {
+  const ref = fromPlanDocumentRef(r);
+  return ref ? [ref] : [];
+});
+function toPlanAction(a) {
+  switch (a.type) {
+    case "sign":
+      return {
+        type: "sign",
+        // The builder may hold a signature step whose document is not chosen yet: the server
+        // refuses it, and the builder says so before saving (`stepConfigProblems`).
+        document: a.document ? toPlanDocumentRef(a.document) : "",
+        signers: a.signers.map(toPlanAssignee),
+        ...a.message?.trim() ? { message: a.message.trim() } : {},
+        ...a.expiresAfterHours ? { expires_after_hours: a.expiresAfterHours } : {}
+      };
+    case "email_draft":
+      return {
+        type: "email_draft",
+        to: a.to.map((t) => t.trim()).filter(Boolean),
+        cc: (a.cc ?? []).map((t) => t.trim()).filter(Boolean),
+        subject: a.subject,
+        body_template: a.body,
+        attachments: docRefs(a.attachments)
+      };
+    case "tabular_review":
+      return {
+        type: "tabular_review",
+        tags: a.tags,
+        documents: Array.isArray(a.documents) ? docRefs(a.documents) : a.documents,
+        overwrite: !!a.overwrite
+      };
+  }
+}
+function fromPlanAction(a) {
+  switch (a?.type) {
+    case "sign":
+      return {
+        type: "sign",
+        document: fromPlanDocumentRef(a.document),
+        signers: (a.signers ?? []).flatMap((s) => {
+          const one = fromPlanAssignee(s);
+          return one ? [one] : [];
+        }),
+        ...a.message ? { message: a.message } : {},
+        ...a.expires_after_hours ? { expiresAfterHours: a.expires_after_hours } : {}
+      };
+    case "email_draft":
+      return {
+        type: "email_draft",
+        to: a.to ?? [],
+        ...a.cc?.length ? { cc: a.cc } : {},
+        subject: a.subject ?? "",
+        body: a.body_template ?? "",
+        ...a.attachments?.length ? { attachments: fromDocRefs(a.attachments) } : {}
+      };
+    case "tabular_review":
+      return {
+        type: "tabular_review",
+        tags: a.tags ?? [],
+        documents: Array.isArray(a.documents) ? fromDocRefs(a.documents) : a.documents ?? "run_uploads",
+        ...a.overwrite ? { overwrite: true } : {}
+      };
+    default:
+      return { type: "tabular_review", tags: [], documents: "run_uploads" };
+  }
+}
+function toStepField(f) {
+  return {
+    name: f.name,
+    type: f.type,
+    label: f.label,
+    required: !!f.required,
+    ...f.options ? { options: f.options.map((o) => ({ value: o.value, label: o.label })) } : {},
+    ...f.min !== void 0 ? { min: f.min } : {},
+    ...f.max !== void 0 ? { max: f.max } : {}
+  };
+}
 var compact2 = (o) => Object.fromEntries(Object.entries(o).filter(([, v]) => v !== void 0 && v !== ""));
 function placeholders(workflow) {
   return Object.fromEntries(runFields(workflow).map((f) => [f.name, `{{${f.name}}}`]));
@@ -722,7 +964,7 @@ function toPlanSteps(workflow, options = {}) {
       position: layout?.[step.id],
       ...step.kind === "form" ? { fields: step.inputs } : {},
       ...step.kind === "upload" ? { required: step.required, accept: step.accept, hint: step.hint } : {},
-      ...step.kind === "review" ? { instructions: step.instructions } : {},
+      ...step.kind === "review" ? { instructions: step.instructions, fields: step.fields?.length ? step.fields : void 0 } : {},
       ...step.kind === "agent" ? {
         output: step.output,
         workflow: step.workflow,
@@ -740,6 +982,12 @@ function toPlanSteps(workflow, options = {}) {
       ui,
       // An unfinished signal (still being typed) is not saved: the server would refuse it.
       ...step.signals?.some((s) => !isIncompleteSignal(s)) ? { signals: step.signals.filter((s) => !isIncompleteSignal(s)).map(toPlanSignal) } : {},
+      ...step.assignee && canAssign(step) ? { assignee: toPlanAssignee(step.assignee) } : {},
+      ...step.remindAfterHours && canAssign(step) ? { remind_after_hours: step.remindAfterHours } : {},
+      // A review's fields are what approving it is checked against (the server's `fields`).
+      ...step.kind === "review" && step.fields?.length ? { fields: step.fields.map(toStepField) } : {},
+      ...step.kind === "action" ? { action: toPlanAction(step.action) } : {},
+      ...step.kind === "agent" && step.editDocument && !step.branch ? { edit_document: toPlanDocumentRef(step.editDocument) } : {},
       ...step.kind === "agent" ? agentStep(workflow, step, options) : { skill: null, inputs: null, prompt: null }
     };
   });
@@ -772,7 +1020,9 @@ function fromPlanSteps(steps) {
       commit: ui.commit,
       nextLabel: ui.next_label,
       ...p.after != null ? { after: p.after } : {},
-      ...p.signals?.length ? { signals: p.signals.map(fromPlanSignal) } : {}
+      ...p.signals?.length ? { signals: p.signals.map(fromPlanSignal) } : {},
+      ...fromPlanAssignee(p.assignee) ? { assignee: fromPlanAssignee(p.assignee) } : {},
+      ...p.remind_after_hours ? { remindAfterHours: p.remind_after_hours } : {}
     };
     switch (p.kind) {
       case "form":
@@ -780,7 +1030,15 @@ function fromPlanSteps(steps) {
       case "upload":
         return { ...base, kind: "upload", required: ui.required, accept: ui.accept, hint: ui.hint };
       case "review":
-        return { ...base, kind: "review", instructions: ui.instructions };
+        return {
+          ...base,
+          kind: "review",
+          instructions: ui.instructions,
+          // The client's copy of the fields (labels, options) when it kept one, else the plan's.
+          ...ui.fields?.length ? { fields: ui.fields } : p.fields?.length ? { fields: p.fields.map(fromStepField) } : {}
+        };
+      case "action":
+        return { ...base, kind: "action", action: fromPlanAction(p.action) };
       default: {
         const promptTemplate = ui.prompt_template ?? p.prompt ?? void 0;
         return {
@@ -790,7 +1048,8 @@ function fromPlanSteps(steps) {
           with: ui.with ?? p.inputs ?? void 0,
           run: !ui.workflow && !p.skill && promptTemplate ? { kind: "prompt", promptTemplate } : void 0,
           output: ui.output,
-          branch: p.branch || void 0
+          branch: p.branch || void 0,
+          ...fromPlanDocumentRef(p.edit_document) ? { editDocument: fromPlanDocumentRef(p.edit_document) } : {}
         };
       }
     }
@@ -803,25 +1062,47 @@ function layoutFromPlanSteps(steps) {
   });
   return entries.length ? Object.fromEntries(entries) : void 0;
 }
+var FIELD_TYPES2 = /* @__PURE__ */ new Set([
+  "text",
+  "longtext",
+  "boolean",
+  "select",
+  "number",
+  "date",
+  "scope",
+  "documents",
+  "person"
+]);
+function fromStepField(f) {
+  return {
+    name: f.name,
+    type: FIELD_TYPES2.has(f.type) ? f.type : "text",
+    label: f.label ?? f.name,
+    ...f.required ? { required: true } : {},
+    ...f.options?.length ? { options: f.options.map((o) => ({ value: o.value, label: o.label ?? o.value })) } : {},
+    ...f.min != null ? { min: f.min } : {},
+    ...f.max != null ? { max: f.max } : {}
+  };
+}
 var errorMessage = (e) => e instanceof Error ? e.message : typeof e === "string" ? e : "Something went wrong.";
 function firstOpen(steps, states) {
   const open = steps.find((s) => !["done", "skipped"].includes(states[s.id]?.status ?? "pending"));
   return open?.id ?? (steps.length && isRunFinished(steps, states) ? null : steps[0]?.id ?? null);
 }
 function useWorkflowView(options) {
-  const { steps, states, inputs, setInput } = options;
+  const { steps, states, inputs, setInput, loaded = true } = options;
   const [current, setCurrent] = useState(() => firstOpen(steps, states));
   const [showErrors, setShowErrors] = useState(false);
   const [busy, setBusy] = useState(false);
   const [actionError, setActionError] = useState(null);
   const optionsRef = useRef(options);
   optionsRef.current = options;
-  const placed = useRef(steps.length > 0);
+  const placed = useRef(steps.length > 0 && loaded);
   useEffect(() => {
-    if (placed.current || steps.length === 0) return;
+    if (placed.current || steps.length === 0 || !loaded) return;
     placed.current = true;
     setCurrent(firstOpen(steps, states));
-  }, [steps, states]);
+  }, [steps, states, loaded]);
   const step = steps.find((s) => s.id === current);
   const following = useCallback(
     (id) => {
@@ -909,6 +1190,40 @@ function useWorkflowView(options) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [act, !!options.retry]
   );
+  const sendBack = useMemo(
+    () => options.sendBack ? async (stepId, to, note) => {
+      setBusy(true);
+      setActionError(null);
+      try {
+        await optionsRef.current.sendBack?.(stepId, to, note);
+        setShowErrors(false);
+        setCurrent(to);
+      } catch (e) {
+        setActionError(errorMessage(e));
+      } finally {
+        setBusy(false);
+      }
+    } : void 0,
+    // Only whether the host offers it matters here.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [!!options.sendBack]
+  );
+  const declineWithNote = useMemo(
+    () => options.decline ? async (stepId, note) => {
+      setBusy(true);
+      setActionError(null);
+      try {
+        await optionsRef.current.decline?.(stepId, note);
+      } catch (e) {
+        setActionError(errorMessage(e));
+      } finally {
+        setBusy(false);
+      }
+    } : void 0,
+    // Only whether the host offers it matters here.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [!!options.decline]
+  );
   const isLocked = useCallback(
     (stepId) => optionsRef.current.isLocked?.(stepId) ?? false,
     []
@@ -934,6 +1249,19 @@ function useWorkflowView(options) {
     goTo,
     skip,
     retry,
+    sendBack,
+    decline: declineWithNote,
+    nameOf: options.nameOf,
+    assigneeOf: (id) => {
+      const s = steps.find((x) => x.id === id);
+      if (!s || !canAssign(s)) return void 0;
+      return assigneeName(s.assignee, {
+        nameOf: options.nameOf,
+        inputs,
+        fields: runFieldsOf(steps),
+        announcedTo: states[id]?.announcedTo
+      });
+    },
     restart: () => {
       setShowErrors(false);
       setActionError(null);
@@ -941,9 +1269,489 @@ function useWorkflowView(options) {
     }
   };
 }
+var DEFAULT_WORKFLOW_STEP_PARTS_LABELS = {
+  waitingFor: "Waiting for {name}",
+  sendBack: "Send back",
+  sendBackTo: "Send back to",
+  sendBackNote: "What needs to change? (optional)",
+  cancel: "Cancel",
+  sentBackHere: "This step was sent back to be done again.",
+  approvedBy: "Approved by {name}",
+  approvedAt: "{date}",
+  approvedWhat: "What was approved",
+  viewAnswer: "View the answer",
+  fieldsHeading: "Recorded with the approval",
+  signers: "Signers",
+  signed: "Signed",
+  notSigned: "Not signed yet",
+  openAndSign: "Open and sign",
+  decline: "Decline",
+  declineNote: "Why are you declining? (optional)",
+  declineConfirm: "Decline to sign",
+  declined: "Declined by {name}.",
+  signedVersion: "Open the signed version",
+  preparingSign: "Preparing the signature request\u2026",
+  expires: "Expires {date}",
+  preparingDraft: "Preparing the draft\u2026",
+  draftReady: "The draft is ready in native mail. Check it, send it, then mark it as sent.",
+  openDraft: "Open draft",
+  emailSent: "Sent.",
+  reviewRunning: "Reviewing the documents\u2026",
+  reviewDone: "Reviewed {docs} documents in {cols} columns.",
+  openReview: "Open the review",
+  openInWord: "Open in Word",
+  redlineHint: "The edits are tracked changes: accept or reject each one in Word.",
+  someone: "someone"
+};
+var formatDate = (iso) => {
+  const t = iso ? Date.parse(iso) : NaN;
+  return Number.isNaN(t) ? "" : new Date(t).toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+};
+var docName = (ref, nameOfDoc) => {
+  const { id, version } = splitDocRef(ref);
+  const name = nameOfDoc?.(id) ?? id;
+  return version ? `${name} \xB7 v${version}` : name;
+};
+function DocChip({
+  docRef,
+  actions,
+  nameOfDoc,
+  testId
+}) {
+  const label = docName(docRef, nameOfDoc);
+  const cls = "inline-flex max-w-full items-center gap-1 rounded-md border border-border px-1.5 py-0.5 text-xs";
+  return actions?.openDocument ? /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => actions.openDocument?.(docRef),
+      className: cn(cls, "hover:border-primary/40 hover:text-primary"),
+      title: docRef,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(FileText, { className: "size-3 shrink-0" }),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+      ]
+    }
+  ) : /* @__PURE__ */ jsxs("span", { className: cls, title: docRef, "data-testid": testId, children: [
+    /* @__PURE__ */ jsx(FileText, { className: "size-3 shrink-0" }),
+    " ",
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+  ] });
+}
+function AssigneeLine({
+  run,
+  stepId,
+  l,
+  testId
+}) {
+  const name = run.assigneeOf(stepId);
+  const phase = run.phaseOf(stepId);
+  if (!name || !["ready", "waiting", "blocked"].includes(phase)) return null;
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+      "data-testid": `${testId}-assignee`,
+      children: [
+        /* @__PURE__ */ jsx(UserRound, { className: "size-3.5" }),
+        " ",
+        l.waitingFor.replace("{name}", name)
+      ]
+    }
+  );
+}
+function SentBackNote({
+  state,
+  l,
+  testId
+}) {
+  if (!state?.sentBack) return null;
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: "flex items-center gap-1.5 rounded-md bg-amber-500/10 px-2 py-1 text-xs text-amber-700 dark:text-amber-300",
+      "data-testid": `${testId}-sent-back`,
+      children: [
+        /* @__PURE__ */ jsx(CornerUpLeft, { className: "size-3.5" }),
+        " ",
+        l.sentBackHere
+      ]
+    }
+  );
+}
+function SendBackControl({
+  run,
+  step,
+  l,
+  testId
+}) {
+  const states = Object.fromEntries(
+    run.steps.map((s) => [s.id, run.stateOf(s.id) ?? { status: "pending" }])
+  );
+  const targets = sendBackTargets(run.steps, states, step.id);
+  const [open, setOpen] = useState(false);
+  const [to, setTo] = useState(targets[0]?.id ?? "");
+  const [note, setNote] = useState("");
+  if (!run.sendBack || run.phaseOf(step.id) !== "ready" || targets.length === 0) return null;
+  if (!open)
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => setOpen(true),
+        disabled: run.busy,
+        "data-testid": `${testId}-send-back`,
+        children: [
+          /* @__PURE__ */ jsx(CornerUpLeft, { className: "size-4" }),
+          " ",
+          l.sendBack
+        ]
+      }
+    );
+  const target = targets.some((t) => t.id === to) ? to : targets[0].id;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "space-y-2 rounded-md border border-border p-3",
+      "data-testid": `${testId}-send-back-form`,
+      children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1 text-xs font-medium", children: [
+          l.sendBackTo,
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              className: "flex h-8 w-full rounded-md border border-input bg-background px-2 text-sm",
+              value: target,
+              onChange: (e) => setTo(e.target.value),
+              "data-testid": `${testId}-send-back-to`,
+              children: targets.map((t) => /* @__PURE__ */ jsx("option", { value: t.id, children: t.title }, t.id))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            rows: 3,
+            value: note,
+            placeholder: l.sendBackNote,
+            "aria-label": l.sendBackNote,
+            onChange: (e) => setNote(e.target.value),
+            "data-testid": `${testId}-send-back-note`
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setOpen(false), children: l.cancel }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "sm",
+              disabled: run.busy,
+              onClick: () => void run.sendBack?.(step.id, target, note.trim() || void 0),
+              "data-testid": `${testId}-send-back-confirm`,
+              children: [
+                /* @__PURE__ */ jsx(CornerUpLeft, { className: "size-4" }),
+                " ",
+                l.sendBack
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var shownValue = (v, field, nameOf) => {
+  if (v === void 0 || v === null || v === "") return "\u2014";
+  if (typeof v === "boolean") return v ? "\u2713" : "\u2717";
+  if (field.type === "person" && typeof v === "string") return nameOf?.(v) ?? v;
+  if (field.type === "select") return field.options?.find((o) => o.value === v)?.label ?? String(v);
+  return typeof v === "object" ? JSON.stringify(v) : String(v);
+};
+function ApprovalEvidence({
+  run,
+  step,
+  actions,
+  nameOfDoc,
+  l,
+  testId
+}) {
+  const state = run.stateOf(step.id);
+  if (state?.status !== "done") return null;
+  const approver = state.by ? run.nameOf?.(state.by) ?? l.someone : void 0;
+  const evidence = state.approved ?? [];
+  const titleOf = (id) => run.steps.find((s) => s.id === id)?.title ?? id;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md bg-muted/40 p-3", "data-testid": `${testId}-evidence`, children: [
+    /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-center gap-1.5 text-sm font-medium", children: [
+      /* @__PURE__ */ jsx(ShieldCheck, { className: "size-4 text-primary" }),
+      approver ? l.approvedBy.replace("{name}", approver) : null,
+      state.at && /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: l.approvedAt.replace("{date}", formatDate(state.at)) })
+    ] }),
+    evidence.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: l.approvedWhat }),
+      evidence.map((e) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex flex-wrap items-center gap-1.5 text-xs",
+          "data-testid": `${testId}-evidence-${e.step}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: titleOf(e.step) }),
+            e.response_id && (actions?.openMessage ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => actions.openMessage?.(e.response_id),
+                className: "inline-flex items-center gap-1 text-primary hover:underline",
+                "data-testid": `${testId}-evidence-${e.step}-answer`,
+                children: [
+                  /* @__PURE__ */ jsx(MessageSquare, { className: "size-3" }),
+                  " ",
+                  l.viewAnswer
+                ]
+              }
+            ) : null),
+            (e.documents ?? []).map((d) => /* @__PURE__ */ jsx(DocChip, { docRef: d, actions, nameOfDoc }, d))
+          ]
+        },
+        e.step
+      ))
+    ] }),
+    (step.fields ?? []).length > 0 && /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 text-xs", children: (step.fields ?? []).map((f) => /* @__PURE__ */ jsxs("div", { className: "contents", children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: f.label }),
+      /* @__PURE__ */ jsx("dd", { "data-testid": `${testId}-evidence-field-${f.name}`, children: shownValue(run.inputs[f.name], f, run.nameOf) })
+    ] }, f.name)) })
+  ] });
+}
+function RedlineOpen({
+  step,
+  state,
+  actions,
+  l,
+  testId
+}) {
+  const version = state?.status === "done" ? state.documents?.[0] : void 0;
+  if (!step.editDocument || !version || !actions?.openRedline) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", "data-testid": `${testId}-redline`, children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        size: "sm",
+        onClick: () => actions.openRedline?.(version),
+        "data-testid": `${testId}-open-word`,
+        children: [
+          /* @__PURE__ */ jsx(FileText, { className: "size-4" }),
+          " ",
+          l.openInWord
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: l.redlineHint })
+  ] });
+}
+function ActionStepBody({
+  step,
+  run,
+  actions,
+  nameOfDoc,
+  heading,
+  l,
+  testId
+}) {
+  const state = run.stateOf(step.id);
+  const phase = run.phaseOf(step.id);
+  const name = (id) => run.nameOf?.(id) ?? id;
+  const [declining, setDeclining] = useState(false);
+  const [note, setNote] = useState("");
+  const a = step.action;
+  const working = (text) => /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: "flex items-center gap-2 text-sm text-muted-foreground",
+      "data-testid": `${testId}-working`,
+      children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+        " ",
+        text
+      ]
+    }
+  );
+  let body = null;
+  if (a.type === "sign") {
+    const waiting = state?.waiting;
+    const signers = waiting?.signers ?? [];
+    const signed = new Set(waiting?.signed ?? []);
+    const mine = !actions?.me || signers.includes(actions.me) && !signed.has(actions.me);
+    const signedRef = state?.status === "done" ? state.documents?.[0] : void 0;
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      (phase === "ready" || phase === "running") && working(l.preparingSign),
+      phase === "waiting" && waiting?.doc_ext_id && /* @__PURE__ */ jsx(
+        DocChip,
+        {
+          docRef: `${waiting.doc_ext_id}${waiting.version ? `@v${waiting.version}` : ""}`,
+          actions,
+          nameOfDoc,
+          testId: `${testId}-document`
+        }
+      ),
+      signers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-testid": `${testId}-signers`, children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: l.signers }),
+        signers.map((id) => /* @__PURE__ */ jsxs(
+          "p",
+          {
+            className: "flex items-center gap-2 text-sm",
+            "data-signed": signed.has(id) || void 0,
+            "data-testid": `${testId}-signer-${id}`,
+            children: [
+              signed.has(id) ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" }) : /* @__PURE__ */ jsx(Hourglass, { className: "size-3.5 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: name(id) }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: signed.has(id) ? l.signed : l.notSigned })
+            ]
+          },
+          id
+        ))
+      ] }),
+      waiting?.expires_at && phase === "waiting" && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "size-3.5" }),
+        " ",
+        l.expires.replace("{date}", formatDate(waiting.expires_at))
+      ] }),
+      phase === "waiting" && mine && !declining && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        actions?.sign && state && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            onClick: () => actions.sign?.(step, state),
+            "data-testid": `${testId}-open-sign`,
+            children: [
+              /* @__PURE__ */ jsx(PenLine, { className: "size-4" }),
+              " ",
+              l.openAndSign
+            ]
+          }
+        ),
+        run.decline && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            onClick: () => setDeclining(true),
+            "data-testid": `${testId}-decline`,
+            children: [
+              /* @__PURE__ */ jsx(X, { className: "size-4" }),
+              " ",
+              l.decline
+            ]
+          }
+        )
+      ] }),
+      declining && /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": `${testId}-decline-form`, children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            rows: 2,
+            value: note,
+            placeholder: l.declineNote,
+            "aria-label": l.declineNote,
+            onChange: (e) => setNote(e.target.value),
+            "data-testid": `${testId}-decline-note`
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDeclining(false), children: l.cancel }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "destructive",
+              disabled: run.busy,
+              onClick: async () => {
+                await run.decline?.(step.id, note.trim() || void 0);
+                setDeclining(false);
+              },
+              "data-testid": `${testId}-decline-confirm`,
+              children: l.declineConfirm
+            }
+          )
+        ] })
+      ] }),
+      phase === "failed" && state?.declinedBy && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", "data-testid": `${testId}-declined`, children: l.declined.replace("{name}", name(state.declinedBy)) }),
+      signedRef && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions?.openDocument ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          onClick: () => actions.openDocument?.(signedRef),
+          "data-testid": `${testId}-signed-version`,
+          children: [
+            /* @__PURE__ */ jsx(ExternalLink, { className: "size-4" }),
+            " ",
+            l.signedVersion
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(DocChip, { docRef: signedRef, nameOfDoc }) })
+    ] });
+  } else if (a.type === "email_draft") {
+    const draftId = state?.waiting?.draft_id ?? (typeof state?.output?.draft_id === "string" ? state.output.draft_id : void 0);
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      (phase === "ready" || phase === "running") && working(l.preparingDraft),
+      phase === "waiting" && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.draftReady }),
+      phase === "done" && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-sm", "data-testid": `${testId}-sent`, children: [
+        /* @__PURE__ */ jsx(Check, { className: "size-4 text-primary" }),
+        " ",
+        l.emailSent
+      ] }),
+      draftId && actions?.openDraft && phase !== "done" && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          onClick: () => actions.openDraft?.(draftId, state?.waiting?.mailbox),
+          "data-testid": `${testId}-open-draft`,
+          children: [
+            /* @__PURE__ */ jsx(Mail, { className: "size-4" }),
+            " ",
+            l.openDraft
+          ]
+        }
+      )
+    ] });
+  } else {
+    const tags = state?.output?.tag_ext_ids ?? a.tags;
+    const docs = state?.output?.doc_ext_ids ?? [];
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      (phase === "ready" || phase === "running") && working(l.reviewRunning),
+      phase === "done" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", "data-testid": `${testId}-reviewed`, children: l.reviewDone.replace("{docs}", String(docs.length)).replace("{cols}", String(tags.length)) }),
+        actions?.openReview && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            onClick: () => actions.openReview?.(tags, docs),
+            "data-testid": `${testId}-open-review`,
+            children: [
+              /* @__PURE__ */ jsx(Table2, { className: "size-4" }),
+              " ",
+              l.openReview
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    heading,
+    /* @__PURE__ */ jsx(SentBackNote, { state, l, testId }),
+    /* @__PURE__ */ jsx(AssigneeLine, { run, stepId: step.id, l, testId }),
+    body,
+    phase === "failed" && !state?.declinedBy && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", "data-testid": `${testId}-failed`, children: state?.error || "" })
+  ] });
+}
 function PhaseMark({ phase, icon }) {
   if (phase === "done") return /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0" });
   if (phase === "running") return /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 shrink-0 animate-spin" });
+  if (phase === "waiting") return /* @__PURE__ */ jsx(Hourglass, { className: "size-3.5 shrink-0" });
   if (phase === "failed") return /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5 shrink-0" });
   if (phase === "skipped") return /* @__PURE__ */ jsx(MinusCircle, { className: "size-3.5 shrink-0" });
   return icon ? /* @__PURE__ */ jsx("span", { className: "flex size-3.5 shrink-0 items-center justify-center [&_svg]:size-3.5", children: icon }) : null;
@@ -976,6 +1784,8 @@ function WorkflowStepBar({
   const pill = (s) => {
     const phase = run.phaseOf(s.id);
     const current = s.id === run.current;
+    const assignee = ["ready", "waiting"].includes(phase) ? run.assigneeOf(s.id) : void 0;
+    const title = assignee ? `${s.title} \xB7 ${assignee}` : s.title;
     return /* @__PURE__ */ jsxs(
       "button",
       {
@@ -985,16 +1795,27 @@ function WorkflowStepBar({
         className: cn(
           PILL,
           "transition-colors disabled:cursor-default",
-          current ? "border-primary bg-primary/10 text-primary" : phase === "failed" ? "border-destructive/40 text-destructive" : phase === "done" || phase === "skipped" || phase === "running" ? "border-primary/30 bg-primary/5 text-primary" : "border-border text-muted-foreground"
+          current ? "border-primary bg-primary/10 text-primary" : phase === "failed" ? "border-destructive/40 text-destructive" : phase === "done" || phase === "skipped" || phase === "running" || phase === "waiting" ? "border-primary/30 bg-primary/5 text-primary" : "border-border text-muted-foreground"
         ),
         "aria-current": current ? "step" : void 0,
-        "aria-label": s.title,
-        title: s.title,
+        "aria-label": title,
+        title,
         "data-phase": phase,
         "data-testid": tid(`step-${s.id}`),
         children: [
           /* @__PURE__ */ jsx(PhaseMark, { phase, icon: icon(s.icon) }),
-          (current || !compact3) && /* @__PURE__ */ jsx("span", { className: LABEL, "data-testid": tid(`step-${s.id}-label`), children: s.title })
+          (current || !compact3) && /* @__PURE__ */ jsx("span", { className: LABEL, "data-testid": tid(`step-${s.id}-label`), children: s.title }),
+          assignee && !compact3 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "min-w-0 max-w-[8rem] truncate font-normal opacity-75",
+              "data-testid": tid(`step-${s.id}-assignee`),
+              children: [
+                "\xB7 ",
+                assignee
+              ]
+            }
+          )
         ]
       },
       s.id
@@ -1099,7 +1920,8 @@ var DEFAULT_WORKFLOW_RUNNER_LABELS = {
   fileReading: "Reading\u2026",
   fileReady: "Ready",
   fileFailed: "Could not be read",
-  readingFiles: "Reading {current} of {count} files\u2026"
+  readingFiles: "Reading {current} of {count} files\u2026",
+  markSent: "Mark as sent"
 };
 function WorkflowRunner({
   workflow,
@@ -1115,11 +1937,16 @@ function WorkflowRunner({
   renderScope,
   renderDocuments,
   renderIcon,
+  people,
+  actions,
+  nameOfDoc,
   labels,
+  partsLabels,
   testIdPrefix = "workflow-run",
   className
 }) {
   const l = { ...DEFAULT_WORKFLOW_RUNNER_LABELS, ...labels };
+  const pl = { ...DEFAULT_WORKFLOW_STEP_PARTS_LABELS, ...partsLabels };
   const { steps, step, isComplete, action } = run;
   const completion = workflow.run.kind === "steps" ? workflow.run.completion : void 0;
   const tid = (suffix) => `${testIdPrefix}-${suffix}`;
@@ -1128,7 +1955,7 @@ function WorkflowRunner({
   const added = step?.kind === "upload" ? (files ?? []).filter((f) => f.addedFor === step.id) : [];
   const unread = added.filter((f) => f.status === "processing").length;
   const reading = action === "complete" && unread > 0;
-  const nextLabel = reading ? l.readingFiles.replace("{current}", String(Math.min(added.length - unread + 1, added.length))).replace("{count}", String(added.length)) : action === "skip" ? l.skip : action === "finish" ? l.finish : action === "complete" && step?.kind === "review" ? l.approve : action === "wait" && (run.isRunning || run.busy) ? l.working : (step && !run.isLocked(step.id) ? step.nextLabel : void 0) ?? l.next;
+  const nextLabel = reading ? l.readingFiles.replace("{current}", String(Math.min(added.length - unread + 1, added.length))).replace("{count}", String(added.length)) : action === "skip" ? l.skip : action === "finish" ? l.finish : action === "complete" && step?.kind === "review" ? l.approve : action === "complete" && step?.kind === "action" ? l.markSent : action === "wait" && (run.isRunning || run.busy) ? l.working : (step && !run.isLocked(step.id) ? step.nextLabel : void 0) ?? l.next;
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), "data-testid": testIdPrefix, children: [
     /* @__PURE__ */ jsx(
       WorkflowStepBar,
@@ -1160,6 +1987,8 @@ function WorkflowRunner({
       stepDependencies(steps, step.id).map((d) => steps.find((s) => s.id === d)?.title ?? d).join(", ")
     ) }) }) : step.kind === "form" ? /* @__PURE__ */ jsxs(Card, { className: "max-w-2xl space-y-4 p-6", "data-testid": tid(step.id), children: [
       /* @__PURE__ */ jsx(StepHeading, { step, icon: icon(step.icon), testId: tid(`${step.id}-title`) }),
+      /* @__PURE__ */ jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
+      /* @__PURE__ */ jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
       /* @__PURE__ */ jsx("fieldset", { disabled: run.isLocked(step.id), className: "contents", children: /* @__PURE__ */ jsx(
         SchemaForm,
         {
@@ -1170,6 +1999,7 @@ function WorkflowRunner({
           renderScope,
           renderDocuments,
           renderIcon,
+          people,
           onEnterSubmit: () => void run.next(),
           testIdPrefix: tid("field")
         }
@@ -1177,6 +2007,8 @@ function WorkflowRunner({
       run.actionError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", "data-testid": tid("action-error"), children: run.actionError }),
       renderStepNote?.(step, run)
     ] }) : step.kind === "upload" ? /* @__PURE__ */ jsxs(Card, { className: "max-w-2xl space-y-4 p-6", "data-testid": tid(step.id), children: [
+      /* @__PURE__ */ jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
+      /* @__PURE__ */ jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
       renderUpload?.(step) ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           UploadDropzone,
@@ -1205,9 +2037,52 @@ function WorkflowRunner({
       renderStepNote?.(step, run)
     ] }) : step.kind === "review" ? /* @__PURE__ */ jsxs(Card, { className: "max-w-2xl space-y-4 p-6", "data-testid": tid(step.id), children: [
       /* @__PURE__ */ jsx(StepHeading, { step, icon: icon(step.icon) }),
+      /* @__PURE__ */ jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
       /* @__PURE__ */ jsx("p", { className: "whitespace-pre-line text-sm text-muted-foreground", children: reviewInstructions(step, run.inputs) }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm", "data-testid": tid(`${step.id}-status`), children: run.phaseOf(step.id) === "done" ? l.approved : run.phaseOf(step.id) === "skipped" ? l.skipped : l.awaitingReview }),
+      /* @__PURE__ */ jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
+      !(run.phaseOf(step.id) === "done" && run.stateOf(step.id)?.by) && /* @__PURE__ */ jsx("p", { className: "text-sm", "data-testid": tid(`${step.id}-status`), children: run.phaseOf(step.id) === "done" ? l.approved : run.phaseOf(step.id) === "skipped" ? l.skipped : l.awaitingReview }),
+      (step.fields ?? []).length > 0 && run.phaseOf(step.id) === "ready" && /* @__PURE__ */ jsx(
+        SchemaForm,
+        {
+          fields: step.fields ?? [],
+          values: run.inputs,
+          onChange: run.setInput,
+          errors: run.errors,
+          renderScope,
+          renderDocuments,
+          renderIcon,
+          people,
+          testIdPrefix: tid("field")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ApprovalEvidence,
+        {
+          run,
+          step,
+          actions,
+          nameOfDoc,
+          l: pl,
+          testId: tid(step.id)
+        }
+      ),
       run.phaseOf(step.id) === "ready" && renderReview?.(step),
+      /* @__PURE__ */ jsx(SendBackControl, { run, step, l: pl, testId: tid(step.id) }),
+      run.actionError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: run.actionError }),
+      renderStepNote?.(step, run)
+    ] }) : step.kind === "action" ? /* @__PURE__ */ jsxs(Card, { className: "max-w-2xl space-y-4 p-6", "data-testid": tid(step.id), children: [
+      /* @__PURE__ */ jsx(
+        ActionStepBody,
+        {
+          step,
+          run,
+          actions,
+          nameOfDoc,
+          heading: /* @__PURE__ */ jsx(StepHeading, { step, icon: icon(step.icon) }),
+          l: pl,
+          testId: tid(step.id)
+        }
+      ),
       run.actionError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: run.actionError }),
       renderStepNote?.(step, run)
     ] }) : /* @__PURE__ */ jsx(
@@ -1218,6 +2093,19 @@ function WorkflowRunner({
         renderAgentOutput,
         icon: icon(step.icon),
         renderStepNote,
+        extra: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
+          /* @__PURE__ */ jsx(
+            RedlineOpen,
+            {
+              step,
+              state: run.stateOf(step.id),
+              actions,
+              l: pl,
+              testId: tid(step.id)
+            }
+          )
+        ] }),
         l,
         tid
       }
@@ -1348,6 +2236,7 @@ function AgentStepBody({
   renderAgentOutput,
   icon,
   renderStepNote,
+  extra,
   l,
   tid
 }) {
@@ -1390,7 +2279,8 @@ function AgentStepBody({
       }
     ),
     phase === "failed" && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", "data-testid": tid(`${step.id}-failed`), children: state?.error || l.failed }),
-    phase === "skipped" && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.skipped })
+    phase === "skipped" && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.skipped }),
+    extra
   ] });
   if (step.output === "artifact") {
     return /* @__PURE__ */ jsxs(
@@ -1417,6 +2307,6 @@ function AgentStepBody({
   ] });
 }
 
-export { DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, EMPTY_WORKFLOW_SCOPE, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, SchemaForm, WorkflowRunner, buildLaunch, composeStepPrompt, composeWorkflowPrompt, defaultInputs, dependsOn, fieldToFrontmatter, fillRunText, fillStepInputs, fromPlanSteps, initialRunInputs, inputsFromContext, isEmptyWorkflowScope, isIncompleteSignal, isPersonStep, isRunFinished, isSteppedWorkflow, isWorkflowScope, layoutFromPlanSteps, nextAction, orderSteps, promptFieldName, reviewInstructions, runFields, runThreadTitle, skillToWorkflow, stepDependencies, stepLevels, stepPhase, stepStatesFromActivity, toPlanSteps, useWorkflowView, validateInputs, validateStep, validateWorkflowGraph, workflowAccepts, workflowFromFrontmatter, workflowSteps, workflowsAccepting, workflowsForHost };
-//# sourceMappingURL=chunk-22P5KNIM.js.map
-//# sourceMappingURL=chunk-22P5KNIM.js.map
+export { ActionStepBody, ApprovalEvidence, AssigneeLine, DEFAULT_ASSIGNEE_WORDING, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, EMPTY_WORKFLOW_SCOPE, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, SchemaForm, SendBackControl, WorkflowRunner, assigneeName, buildLaunch, canAssign, composeStepPrompt, composeWorkflowPrompt, defaultInputs, dependsOn, fieldToFrontmatter, fillRunText, fillStepInputs, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, initialRunInputs, inputsFromContext, isEmptyWorkflowScope, isIncompleteSignal, isPersonAction, isPersonStep, isRunFinished, isSteppedWorkflow, isWorkflowScope, layoutFromPlanSteps, nextAction, orderSteps, promptFieldName, reviewInstructions, runFields, runFieldsOf, runThreadTitle, sendBackTargets, skillToWorkflow, splitDocRef, stepConfigProblems, stepDependencies, stepFields, stepLevels, stepPhase, stepStatesFromActivity, toPlanAssignee, toPlanDocumentRef, toPlanSteps, upstreamSteps, useWorkflowView, validateInputs, validateStep, validateWorkflowGraph, workflowAccepts, workflowFromFrontmatter, workflowSteps, workflowsAccepting, workflowsForHost };
+//# sourceMappingURL=chunk-34UW6XUQ.js.map
+//# sourceMappingURL=chunk-34UW6XUQ.js.map