@stigmer/react 1.0.3 → 2.0.0

package/workflow/WorkflowRunForm.js

@@ -6,9 +6,12 @@ const INPUT_CLASSES = cn("w-full rounded-md border border-input bg-background px
 /**
  * Form fields for running a workflow execution.
  *
- * Renders a trigger message textarea, auto-generated environment
- * variable fields from the workflow's `spec.env` declarations, and
- * an instance selector (hidden when 0-1 instances exist).
+ * Renders auto-generated environment variable fields from the workflow's
+ * `spec.env` declarations, an instance selector (hidden when 0-1 instances
+ * exist), and a conditionally-visible trigger message textarea.
+ *
+ * Field ordering prioritizes required inputs (env vars) over optional
+ * contextual fields (trigger message), following progressive disclosure.
  *
  * This component is presentational — it does not manage state or
  * submit. Pair with {@link useRunWorkflowFlow} for the full
@@ -30,24 +33,43 @@ const INPUT_CLASSES = cn("w-full rounded-md border border-input bg-background px
  *   instances={instances}
  *   selectedInstanceId={flow.selectedInstanceId}
  *   onInstanceChange={flow.setSelectedInstanceId}
+ *   showTriggerMessage={flow.showTriggerMessage}
+ *   onShowTriggerMessageChange={flow.setShowTriggerMessage}
  *   errors={flow.fieldErrors}
  *   disabled={flow.isSubmitting}
  * />
  * ```
  */
-export function WorkflowRunForm({ triggerMessage, onTriggerMessageChange, envDeclarations, runtimeEnv, onEnvVarChange, instances, selectedInstanceId, onInstanceChange, errors, disabled, className, }) {
+export function WorkflowRunForm({ triggerMessage, onTriggerMessageChange, envDeclarations, runtimeEnv, onEnvVarChange, instances, selectedInstanceId, onInstanceChange, defaultInstanceId, instanceEnvKeys, showTriggerMessage, onShowTriggerMessageChange, errors, disabled, className, }) {
     const formId = useId();
     const envEntries = Object.entries(envDeclarations);
-    const showInstanceSelector = instances.length > 1;
-    return (_jsxs("div", { className: cn("flex flex-col gap-4", className), children: [_jsxs(FieldGroup, { children: [_jsx(FieldLabel, { htmlFor: `${formId}-trigger`, children: "Input Message" }), _jsx("textarea", { id: `${formId}-trigger`, value: triggerMessage, onChange: (e) => onTriggerMessageChange(e.target.value), placeholder: "Optional message or JSON payload to trigger the workflow", disabled: disabled, rows: 3, className: cn(INPUT_CLASSES, "resize-y") }), _jsxs(FieldHint, { children: ["Accessible in the workflow as", " ", _jsx("code", { className: "text-[0.7rem]", children: "{{workflow.input.trigger_message}}" })] })] }), showInstanceSelector && (_jsxs(FieldGroup, { children: [_jsx(FieldLabel, { htmlFor: `${formId}-instance`, children: "Instance" }), _jsxs("select", { id: `${formId}-instance`, value: selectedInstanceId ?? "", onChange: (e) => onInstanceChange(e.target.value || null), disabled: disabled, className: INPUT_CLASSES, children: [_jsx("option", { value: "", children: "Default instance (auto)" }), instances.map((inst) => (_jsx("option", { value: inst.metadata?.id ?? "", children: inst.metadata?.name || inst.metadata?.slug || inst.metadata?.id }, inst.metadata?.id)))] })] })), envEntries.length > 0 && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground", children: "Environment Variables" }), envEntries.map(([key, decl]) => {
+    const userInstances = defaultInstanceId
+        ? instances.filter((i) => i.metadata?.id !== defaultInstanceId)
+        : instances;
+    const showInstanceSelector = defaultInstanceId
+        ? userInstances.length >= 1
+        : instances.length > 1;
+    return (_jsxs("div", { className: cn("flex flex-col gap-4", className), children: [showInstanceSelector && (_jsxs(FieldGroup, { children: [_jsx(FieldLabel, { htmlFor: `${formId}-instance`, children: "Instance" }), _jsxs("select", { id: `${formId}-instance`, value: selectedInstanceId ?? "", onChange: (e) => onInstanceChange(e.target.value || null), disabled: disabled, className: INPUT_CLASSES, children: [_jsx("option", { value: "", children: "Default (no specific configuration)" }), userInstances.map((inst) => {
+                                const envCount = inst.spec?.environmentRefs?.length ?? 0;
+                                const envSuffix = envCount > 0 ? ` (${envCount} env${envCount > 1 ? "s" : ""})` : "";
+                                return (_jsxs("option", { value: inst.metadata?.id ?? "", children: [inst.metadata?.name || inst.metadata?.slug || inst.metadata?.id, envSuffix] }, inst.metadata?.id));
+                            })] })] })), envEntries.length > 0 && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground", children: "Environment Variables" }), envEntries.map(([key, decl]) => {
                         const fieldId = `${formId}-env-${key}`;
                         const fieldError = errors[key];
-                        return (_jsxs(FieldGroup, { children: [_jsxs(FieldLabel, { htmlFor: fieldId, children: [_jsx("code", { className: "text-xs", children: key }), !decl.optional && (_jsx("span", { className: "ml-1 text-destructive", "aria-label": "required", children: "*" }))] }), _jsx("input", { id: fieldId, type: decl.isSecret ? "password" : "text", value: runtimeEnv[key] ?? "", onChange: (e) => onEnvVarChange(key, e.target.value), placeholder: decl.optional ? "Optional" : "Required", disabled: disabled, "aria-invalid": !!fieldError, "aria-describedby": fieldError
+                        const satisfiedByInstance = instanceEnvKeys?.has(key) ?? false;
+                        const isRequired = !decl.optional && !satisfiedByInstance;
+                        return (_jsxs(FieldGroup, { children: [_jsxs(FieldLabel, { htmlFor: fieldId, children: [_jsx("code", { className: "text-xs", children: key }), isRequired && (_jsx("span", { className: "ml-1 text-destructive", "aria-label": "required", children: "*" }))] }), _jsx("input", { id: fieldId, type: decl.isSecret ? "password" : "text", value: runtimeEnv[key] ?? "", onChange: (e) => onEnvVarChange(key, e.target.value), placeholder: satisfiedByInstance
+                                        ? "Provided by instance"
+                                        : decl.optional
+                                            ? "Optional"
+                                            : "Required", disabled: disabled, "aria-invalid": !!fieldError, "aria-describedby": fieldError
                                         ? `${fieldId}-error`
-                                        : decl.description
+                                        : decl.description || satisfiedByInstance
                                             ? `${fieldId}-desc`
-                                            : undefined, className: cn(INPUT_CLASSES, fieldError && "border-destructive focus-visible:ring-destructive") }), decl.description && !fieldError && (_jsx(FieldHint, { id: `${fieldId}-desc`, children: decl.description })), fieldError && (_jsx("p", { id: `${fieldId}-error`, className: "text-[0.7rem] text-destructive", role: "alert", children: fieldError }))] }, key));
-                    })] }))] }));
+                                            : undefined, className: cn(INPUT_CLASSES, fieldError && "border-destructive focus-visible:ring-destructive") }), satisfiedByInstance && !fieldError && (_jsxs(FieldHint, { id: `${fieldId}-desc`, children: ["Provided by instance environment.", " ", decl.description
+                                            ? `${decl.description} `
+                                            : "", "Enter a value to override."] })), !satisfiedByInstance && decl.description && !fieldError && (_jsx(FieldHint, { id: `${fieldId}-desc`, children: decl.description })), fieldError && (_jsx("p", { id: `${fieldId}-error`, className: "text-[0.7rem] text-destructive", role: "alert", children: fieldError }))] }, key));
+                    })] })), showTriggerMessage ? (_jsxs(FieldGroup, { children: [_jsx(FieldLabel, { htmlFor: `${formId}-trigger`, children: "Trigger Input" }), _jsx("textarea", { id: `${formId}-trigger`, value: triggerMessage, onChange: (e) => onTriggerMessageChange(e.target.value), placeholder: "Optional message or JSON payload to trigger the workflow", disabled: disabled, rows: 3, className: cn(INPUT_CLASSES, "resize-y") }), _jsxs(FieldHint, { children: ["Accessible in the workflow as", " ", _jsx("code", { className: "text-[0.7rem]", children: "${ $input }" })] })] })) : (_jsx("button", { type: "button", onClick: () => onShowTriggerMessageChange(true), disabled: disabled, className: cn("self-start text-[0.7rem] text-muted-foreground underline-offset-2 hover:text-foreground hover:underline", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:rounded-sm", "disabled:pointer-events-none disabled:opacity-50"), children: "+ Add trigger input" }))] }));
 }
 // ---------------------------------------------------------------------------
 // Shared form primitives (internal to this file)

package/workflow/WorkflowRunForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowRunForm.js","sourceRoot":"","sources":["../../src/workflow/WorkflowRunForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WorkflowRunForm.js","sourceRoot":"","sources":["../../src/workflow/WorkflowRunForm.tsx"],"names":[],"mappings":"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"}

package/workflow/WorkflowTaskApprovalCard.d.ts

@@ -0,0 +1,70 @@
+/** Outcome descriptor for UI rendering. */
+export interface TaskOutcome {
+    readonly name: string;
+    readonly label: string;
+}
+/** Props for {@link WorkflowTaskApprovalCard}. */
+export interface WorkflowTaskApprovalCardProps {
+    /** Name of the human_input task awaiting a decision. */
+    readonly taskName: string;
+    /**
+     * Resolved prompt text from the workflow's human_input task config.
+     * Rendered as markdown above the decision form to give the reviewer
+     * context about what they are approving.
+     */
+    readonly prompt?: string;
+    /**
+     * Configured outcomes from the workflow definition.
+     * Each entry renders as a button with the label as text.
+     * When empty, defaults to "Approve" / "Reject".
+     */
+    readonly outcomes: readonly TaskOutcome[];
+    /**
+     * JSON Schema describing the reviewer's input form.
+     * When provided, renders form fields from the schema's `properties`.
+     * Text properties render as textareas; others as text inputs.
+     */
+    readonly formSchema?: Record<string, unknown>;
+    /**
+     * Called when the reviewer submits a decision.
+     * The consumer (typically {@link WorkflowExecutionViewer}) wires this
+     * to `useWorkflowExecutionActions().submitTaskApproval`.
+     */
+    readonly onSubmit: (taskName: string, outcome: string, formData?: Record<string, unknown>, comment?: string) => Promise<unknown>;
+    /** True while the submission RPC is in flight. */
+    readonly isSubmitting: boolean;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Interactive approval card for workflow-level human_input tasks.
+ *
+ * Renders dynamic outcome buttons (from workflow configuration),
+ * optional form fields (from JSON Schema), and a comment textarea.
+ * Designed for inline rendering in the execution timeline when a
+ * human_input task is in `waiting_approval` state.
+ *
+ * Distinct from `WorkflowExecutionApprovalCard` (which handles agent
+ * tool approvals with `toolCallId` + `ApprovalAction`). This component
+ * uses `taskName` + `outcome` string + optional `formData`.
+ *
+ * Follows SDK component standards:
+ * - All colors via `--stgm-*` tokens (DD-005)
+ * - Keyboard navigable with ARIA labels (a11y)
+ * - `React.memo` for referential stability (DD-010)
+ * - Zero framework dependencies (DD-004)
+ *
+ * @example
+ * ```tsx
+ * <WorkflowTaskApprovalCard
+ *   taskName="daily_approval"
+ *   prompt="Review today's notification plan.\n\n**DAU**: 7,297 (down 15%)"
+ *   outcomes={[{ name: "approve", label: "Approve Plan" }, { name: "reject", label: "Reject" }]}
+ *   formSchema={{ type: "object", properties: { feedback: { type: "string" } } }}
+ *   onSubmit={actions.submitTaskApproval}
+ *   isSubmitting={actions.isSubmitting}
+ * />
+ * ```
+ */
+export declare const WorkflowTaskApprovalCard: import("react").NamedExoticComponent<WorkflowTaskApprovalCardProps>;
+//# sourceMappingURL=WorkflowTaskApprovalCard.d.ts.map

package/workflow/WorkflowTaskApprovalCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTaskApprovalCard.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowTaskApprovalCard.tsx"],"names":[],"mappings":"AAOA,2CAA2C;AAC3C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC5C,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,CACjB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClC,OAAO,CAAC,EAAE,MAAM,KACb,OAAO,CAAC,OAAO,CAAC,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAOD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,wBAAwB,qEA8HnC,CAAC"}

package/workflow/WorkflowTaskApprovalCard.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import Markdown from "react-markdown";
+import { cn } from "@stigmer/theme";
+import { MARKDOWN_COMPONENTS, REMARK_PLUGINS } from "../internal/markdown-components";
+const DEFAULT_OUTCOMES = [
+    { name: "approve", label: "Approve" },
+    { name: "reject", label: "Reject" },
+];
+/**
+ * Interactive approval card for workflow-level human_input tasks.
+ *
+ * Renders dynamic outcome buttons (from workflow configuration),
+ * optional form fields (from JSON Schema), and a comment textarea.
+ * Designed for inline rendering in the execution timeline when a
+ * human_input task is in `waiting_approval` state.
+ *
+ * Distinct from `WorkflowExecutionApprovalCard` (which handles agent
+ * tool approvals with `toolCallId` + `ApprovalAction`). This component
+ * uses `taskName` + `outcome` string + optional `formData`.
+ *
+ * Follows SDK component standards:
+ * - All colors via `--stgm-*` tokens (DD-005)
+ * - Keyboard navigable with ARIA labels (a11y)
+ * - `React.memo` for referential stability (DD-010)
+ * - Zero framework dependencies (DD-004)
+ *
+ * @example
+ * ```tsx
+ * <WorkflowTaskApprovalCard
+ *   taskName="daily_approval"
+ *   prompt="Review today's notification plan.\n\n**DAU**: 7,297 (down 15%)"
+ *   outcomes={[{ name: "approve", label: "Approve Plan" }, { name: "reject", label: "Reject" }]}
+ *   formSchema={{ type: "object", properties: { feedback: { type: "string" } } }}
+ *   onSubmit={actions.submitTaskApproval}
+ *   isSubmitting={actions.isSubmitting}
+ * />
+ * ```
+ */
+export const WorkflowTaskApprovalCard = memo(function WorkflowTaskApprovalCard({ taskName, prompt, outcomes: outcomesProp, formSchema, onSubmit, isSubmitting, className, }) {
+    const outcomes = outcomesProp.length > 0 ? outcomesProp : DEFAULT_OUTCOMES;
+    const [activeOutcome, setActiveOutcome] = useState(null);
+    const [comment, setComment] = useState("");
+    const [formData, setFormData] = useState({});
+    const formFields = useMemo(() => extractFormFields(formSchema), [formSchema]);
+    useEffect(() => {
+        if (!isSubmitting) {
+            setActiveOutcome(null);
+        }
+    }, [isSubmitting]);
+    const handleFieldChange = useCallback((fieldName, value) => {
+        setFormData((prev) => ({ ...prev, [fieldName]: value }));
+    }, []);
+    const handleSubmit = useCallback((outcomeName) => {
+        setActiveOutcome(outcomeName);
+        const data = formFields.length > 0
+            ? Object.fromEntries(Object.entries(formData).filter(([, v]) => v.trim() !== ""))
+            : undefined;
+        onSubmit(taskName, outcomeName, data && Object.keys(data).length > 0 ? data : undefined, comment.trim() || undefined);
+    }, [taskName, formData, comment, formFields.length, onSubmit]);
+    return (_jsxs("div", { role: "form", "aria-label": `Approval decision for ${taskName}`, "aria-busy": isSubmitting, className: cn("mt-2 rounded-lg border border-warning/30 bg-warning/5 p-3", className), children: [prompt && (_jsx("div", { className: "mb-3 max-h-80 overflow-y-auto rounded border border-border bg-background p-3", children: _jsx("div", { className: "stgm-prose", children: _jsx(Markdown, { components: MARKDOWN_COMPONENTS, remarkPlugins: REMARK_PLUGINS, children: prompt }) }) })), formFields.length > 0 && (_jsx("div", { className: "mb-3 space-y-2", children: formFields.map((field) => (_jsxs("div", { children: [_jsx("label", { htmlFor: `${taskName}-${field.name}`, className: "mb-1 block text-xs font-medium text-foreground", children: field.label }), _jsx("textarea", { id: `${taskName}-${field.name}`, value: formData[field.name] ?? "", onChange: (e) => handleFieldChange(field.name, e.target.value), placeholder: field.description, disabled: isSubmitting, rows: 2, className: cn("w-full rounded border border-border bg-background px-2 py-1.5 text-xs text-foreground", "placeholder:text-muted-foreground", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:opacity-50", "resize-y") })] }, field.name))) })), _jsx("div", { className: "mb-2", children: _jsx("textarea", { value: comment, onChange: (e) => setComment(e.target.value), placeholder: "Comment (optional)", disabled: isSubmitting, rows: 1, className: cn("w-full rounded border border-border bg-background px-2 py-1.5 text-xs text-foreground", "placeholder:text-muted-foreground", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:opacity-50", "resize-y") }) }), _jsx("div", { className: "flex flex-wrap gap-2", children: outcomes.map((outcome, index) => (_jsx(OutcomeButton, { label: outcome.label || capitalize(outcome.name), outcomeName: outcome.name, variant: resolveVariant(outcome.name, index, outcomes.length), isActive: activeOutcome === outcome.name, isSubmitting: isSubmitting, onClick: handleSubmit }, outcome.name))) })] }));
+});
+function OutcomeButton({ label, outcomeName, variant, isActive, isSubmitting, onClick, }) {
+    const variantClasses = {
+        primary: cn("bg-success text-success-foreground hover:bg-success/90", "disabled:bg-success/50 disabled:text-success-foreground/70"),
+        destructive: cn("bg-destructive text-destructive-foreground hover:bg-destructive-hover", "disabled:bg-destructive-subtle0 disabled:text-destructive-foreground/70"),
+        secondary: cn("border border-border bg-background text-foreground hover:bg-muted", "disabled:bg-muted-faint disabled:text-muted-foreground-faint"),
+    };
+    return (_jsxs("button", { type: "button", disabled: isSubmitting, onClick: () => onClick(outcomeName), "aria-label": label, className: cn("inline-flex items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed", variantClasses[variant]), children: [isActive && isSubmitting ? _jsx(SpinnerIcon, {}) : null, label] }));
+}
+function extractFormFields(schema) {
+    if (!schema || typeof schema !== "object")
+        return [];
+    const properties = schema.properties;
+    if (!properties || typeof properties !== "object")
+        return [];
+    return Object.entries(properties).map(([name, prop]) => ({
+        name,
+        label: capitalize(name.replace(/_/g, " ")),
+        description: (typeof prop?.description === "string" ? prop.description : ""),
+    }));
+}
+function resolveVariant(outcomeName, index, total) {
+    if (index === 0)
+        return "primary";
+    const lower = outcomeName.toLowerCase();
+    if (lower === "reject" || lower === "deny" || lower.includes("reject")) {
+        return "destructive";
+    }
+    if (index === total - 1 && total === 2) {
+        return "destructive";
+    }
+    return "secondary";
+}
+function capitalize(s) {
+    return s.charAt(0).toUpperCase() + s.slice(1);
+}
+// ---------------------------------------------------------------------------
+// Inline SVG icons
+// ---------------------------------------------------------------------------
+function SpinnerIcon() {
+    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M6 1.5A4.5 4.5 0 1 1 1.5 6", strokeLinecap: "round" }) }));
+}
+//# sourceMappingURL=WorkflowTaskApprovalCard.js.map

package/workflow/WorkflowTaskApprovalCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTaskApprovalCard.js","sourceRoot":"","sources":["../../src/workflow/WorkflowTaskApprovalCard.tsx"],"names":[],"mappings":"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"}

package/workflow/WorkflowTaskApprovalSummary.d.ts

@@ -0,0 +1,54 @@
+import type { TaskOutcome } from "./WorkflowTaskApprovalCard";
+import type { TaskDetailApprovalDecision } from "./execution-inspector";
+/** Props for {@link WorkflowTaskApprovalSummary}. */
+export interface WorkflowTaskApprovalSummaryProps {
+    /** Name of the human_input task whose decision is being summarized. */
+    readonly taskName: string;
+    /**
+     * Resolved prompt text from the workflow's human_input task config.
+     * Rendered as markdown so reviewers can see what was decided on.
+     */
+    readonly prompt?: string;
+    /**
+     * Configured outcomes from the workflow definition. Used to resolve the
+     * chosen outcome's human-readable label. When empty, the raw outcome
+     * identifier is shown.
+     */
+    readonly outcomes: readonly TaskOutcome[];
+    /**
+     * The recorded decision, sourced from the canonical task output. When
+     * `null` — or when its `outcome` is still empty — the gate has been
+     * resolved but the decision record has not yet materialized in the
+     * status snapshot; a "finalizing" affordance is shown instead.
+     */
+    readonly decision: TaskDetailApprovalDecision | null;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Read-only decision report for a resolved workflow human_input gate.
+ *
+ * Renders the prompt, the chosen outcome, the reviewer and timing, and any
+ * comment or form answers captured with the decision — sourced entirely
+ * from the canonical task-output record (see `derive-task-detail`). This is
+ * the resolved counterpart to {@link WorkflowTaskApprovalCard}: the card
+ * collects a decision while a gate is `waiting_approval`; this component
+ * presents the decision once it is made, so the Approval tab never offers
+ * an already-answered gate for a second decision.
+ *
+ * Designed for embedding in both the Stigmer Console and third-party
+ * dashboards — no routing, auth, or app-shell dependencies (DD-004). All
+ * visual properties flow through `--stgm-*` tokens (DD-005).
+ *
+ * @example
+ * ```tsx
+ * <WorkflowTaskApprovalSummary
+ *   taskName="team_lead_review"
+ *   prompt="Review today's notification plan."
+ *   outcomes={[{ name: "approve", label: "Approve Plan" }]}
+ *   decision={detail.approval.decision}
+ * />
+ * ```
+ */
+export declare const WorkflowTaskApprovalSummary: import("react").NamedExoticComponent<WorkflowTaskApprovalSummaryProps>;
+//# sourceMappingURL=WorkflowTaskApprovalSummary.d.ts.map

package/workflow/WorkflowTaskApprovalSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTaskApprovalSummary.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowTaskApprovalSummary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,qDAAqD;AACrD,MAAM,WAAW,gCAAgC;IAC/C,uEAAuE;IACvE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IAC1C;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,EAAE,0BAA0B,GAAG,IAAI,CAAC;IACrD,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,2BAA2B,wEAoHtC,CAAC"}

package/workflow/WorkflowTaskApprovalSummary.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import Markdown from "react-markdown";
+import { cn } from "@stigmer/theme";
+import { MARKDOWN_COMPONENTS, REMARK_PLUGINS } from "../internal/markdown-components";
+import { formatDuration, formatTimestamp } from "./format-utils";
+/**
+ * Read-only decision report for a resolved workflow human_input gate.
+ *
+ * Renders the prompt, the chosen outcome, the reviewer and timing, and any
+ * comment or form answers captured with the decision — sourced entirely
+ * from the canonical task-output record (see `derive-task-detail`). This is
+ * the resolved counterpart to {@link WorkflowTaskApprovalCard}: the card
+ * collects a decision while a gate is `waiting_approval`; this component
+ * presents the decision once it is made, so the Approval tab never offers
+ * an already-answered gate for a second decision.
+ *
+ * Designed for embedding in both the Stigmer Console and third-party
+ * dashboards — no routing, auth, or app-shell dependencies (DD-004). All
+ * visual properties flow through `--stgm-*` tokens (DD-005).
+ *
+ * @example
+ * ```tsx
+ * <WorkflowTaskApprovalSummary
+ *   taskName="team_lead_review"
+ *   prompt="Review today's notification plan."
+ *   outcomes={[{ name: "approve", label: "Approve Plan" }]}
+ *   decision={detail.approval.decision}
+ * />
+ * ```
+ */
+export const WorkflowTaskApprovalSummary = memo(function WorkflowTaskApprovalSummary({ taskName, prompt, outcomes, decision, className, }) {
+    const isFinalizing = !decision || decision.outcome === "";
+    const outcomeLabel = useMemo(() => {
+        if (!decision || !decision.outcome)
+            return "";
+        const match = outcomes.find((o) => o.name === decision.outcome);
+        return match?.label || capitalize(decision.outcome.replace(/_/g, " "));
+    }, [decision, outcomes]);
+    const tone = useMemo(() => (decision && !isFinalizing ? resolveTone(decision.outcome) : "neutral"), [decision, isFinalizing]);
+    const formEntries = useMemo(() => extractFormEntries(decision?.formData ?? null), [decision]);
+    return (_jsxs("div", { role: "group", "aria-label": `Approval decision for ${taskName}`, className: cn("mt-2 rounded-lg border border-border bg-muted-subtle p-3", className), children: [isFinalizing ? (_jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [_jsx(SpinnerIcon, {}), _jsx("span", { children: "Decision recorded \u2014 finalizing\u2026" })] })) : (_jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [_jsxs("span", { className: cn("inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium", TONE_CLASSES[tone]), children: [_jsx(ToneIcon, { tone: tone }), outcomeLabel] }), decision.autoResolved && (_jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "auto-resolved" }))] })), !isFinalizing && (_jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-1.5 text-[11px] text-muted-foreground", children: [decision.reviewer && (_jsxs("span", { children: ["by ", _jsx("span", { className: "font-medium text-foreground", children: decision.reviewer })] })), decision.respondedAt && (_jsxs(_Fragment, { children: [decision.reviewer && _jsx(Dot, {}), _jsx("span", { className: "tabular-nums", children: formatTimestamp(decision.respondedAt) })] })), decision.waitDurationMs > 0 && (_jsxs(_Fragment, { children: [(decision.reviewer || decision.respondedAt) && _jsx(Dot, {}), _jsxs("span", { className: "tabular-nums", children: ["waited ", formatDuration(decision.waitDurationMs)] })] }))] })), prompt && (_jsx("div", { className: "mt-3 max-h-80 overflow-y-auto rounded border border-border bg-background p-3", children: _jsx("div", { className: "stgm-prose", children: _jsx(Markdown, { components: MARKDOWN_COMPONENTS, remarkPlugins: REMARK_PLUGINS, children: prompt }) }) })), !isFinalizing && decision.comment && (_jsxs("div", { className: "mt-3", children: [_jsx("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Comment" }), _jsx("p", { className: "whitespace-pre-wrap rounded border border-border bg-background p-2 text-xs text-foreground", children: decision.comment })] })), !isFinalizing && formEntries.length > 0 && (_jsx("dl", { className: "mt-3 space-y-2", children: formEntries.map((entry) => (_jsxs("div", { children: [_jsx("dt", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: entry.label }), _jsx("dd", { className: "whitespace-pre-wrap rounded border border-border bg-background p-2 text-xs text-foreground", children: entry.value })] }, entry.key))) }))] }));
+});
+const TONE_CLASSES = {
+    approve: "bg-success-subtle text-success",
+    reject: "bg-destructive-subtle text-destructive",
+    neutral: "bg-muted text-foreground",
+};
+/**
+ * Maps an outcome identifier to a visual tone. Reject/deny outcomes read
+ * as destructive; approve/accept as success; everything else neutral.
+ * Color is never the sole signal — the outcome label is always shown.
+ */
+function resolveTone(outcome) {
+    const lower = outcome.toLowerCase();
+    if (lower.includes("reject") || lower.includes("deny") || lower.includes("decline")) {
+        return "reject";
+    }
+    if (lower.includes("approve") || lower.includes("accept") || lower === "yes") {
+        return "approve";
+    }
+    return "neutral";
+}
+/** Flattens a form-data object into displayable label/value entries. */
+function extractFormEntries(formData) {
+    if (!formData)
+        return [];
+    return Object.entries(formData).map(([key, raw]) => ({
+        key,
+        label: capitalize(key.replace(/_/g, " ")),
+        value: stringifyValue(raw),
+    }));
+}
+function stringifyValue(value) {
+    if (value === null || value === undefined)
+        return "";
+    if (typeof value === "string")
+        return value;
+    if (typeof value === "number" || typeof value === "boolean")
+        return String(value);
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return String(value);
+    }
+}
+function capitalize(s) {
+    return s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+}
+// ---------------------------------------------------------------------------
+// Inline SVG icons
+// ---------------------------------------------------------------------------
+function Dot() {
+    return _jsx("span", { "aria-hidden": "true", children: "\u00B7" });
+}
+function ToneIcon({ tone }) {
+    if (tone === "reject") {
+        return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: _jsx("path", { d: "M3 3l6 6M9 3l-6 6", strokeLinecap: "round" }) }));
+    }
+    if (tone === "approve") {
+        return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 6.5l2.5 2.5 4.5-5.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    }
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: _jsx("circle", { cx: "6", cy: "6", r: "4" }) }));
+}
+function SpinnerIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M6 1.5A4.5 4.5 0 1 1 1.5 6", strokeLinecap: "round" }) }));
+}
+//# sourceMappingURL=WorkflowTaskApprovalSummary.js.map

package/workflow/WorkflowTaskApprovalSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTaskApprovalSummary.js","sourceRoot":"","sources":["../../src/workflow/WorkflowTaskApprovalSummary.tsx"],"names":[],"mappings":"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"}

package/workflow/WorkflowVersionBadge.d.ts

@@ -0,0 +1,32 @@
+/** Props for {@link WorkflowVersionBadge}. */
+export interface WorkflowVersionBadgeProps {
+    /** The SHA-256 hash to display (truncated to first 8 chars). */
+    readonly versionHash: string;
+    /** Optional tag to show as a colored chip (e.g. "stable", "v1.0"). */
+    readonly tag?: string;
+    /** Shows a "current" indicator dot when true. */
+    readonly isCurrent?: boolean;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Compact badge showing a truncated version hash with optional tag
+ * and "current" indicator.
+ *
+ * Designed for inline use in timelines, cards, and headers. Click-to-copy
+ * copies the full hash to the clipboard and shows brief visual feedback.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowVersionBadge
+ *   versionHash="a1b2c3d4e5f67890abcdef1234567890"
+ *   tag="stable"
+ *   isCurrent
+ * />
+ * ```
+ */
+export declare const WorkflowVersionBadge: import("react").NamedExoticComponent<WorkflowVersionBadgeProps>;
+//# sourceMappingURL=WorkflowVersionBadge.d.ts.map

package/workflow/WorkflowVersionBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowVersionBadge.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowVersionBadge.tsx"],"names":[],"mappings":"AAKA,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,gEAAgE;IAChE,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,oBAAoB,iEAkD/B,CAAC"}

package/workflow/WorkflowVersionBadge.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Compact badge showing a truncated version hash with optional tag
+ * and "current" indicator.
+ *
+ * Designed for inline use in timelines, cards, and headers. Click-to-copy
+ * copies the full hash to the clipboard and shows brief visual feedback.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowVersionBadge
+ *   versionHash="a1b2c3d4e5f67890abcdef1234567890"
+ *   tag="stable"
+ *   isCurrent
+ * />
+ * ```
+ */
+export const WorkflowVersionBadge = memo(function WorkflowVersionBadge({ versionHash, tag, isCurrent, className, }) {
+    const [copied, setCopied] = useState(false);
+    const truncated = versionHash.slice(0, 8);
+    const handleCopy = useCallback(async () => {
+        try {
+            await navigator.clipboard.writeText(versionHash);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1500);
+        }
+        catch {
+            // Clipboard API may be unavailable in some contexts
+        }
+    }, [versionHash]);
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), children: [isCurrent && (_jsx("span", { className: "size-2 shrink-0 rounded-full bg-status-ready", "aria-label": "Current version", title: "Current version" })), _jsx("button", { type: "button", onClick: handleCopy, title: copied ? "Copied!" : `Copy full hash: ${versionHash}`, className: cn("shrink-0 rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] font-medium text-foreground transition-colors", "hover:bg-accent-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", copied && "bg-status-ready-subtle text-status-ready"), children: copied ? "copied" : truncated }), tag && (_jsx("span", { className: "shrink-0 rounded-full bg-primary-subtle px-1.5 py-0.5 text-[10px] font-medium text-primary", children: tag }))] }));
+});
+//# sourceMappingURL=WorkflowVersionBadge.js.map

package/workflow/WorkflowVersionBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowVersionBadge.js","sourceRoot":"","sources":["../../src/workflow/WorkflowVersionBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAcpC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,oBAAoB,CAAC,EACrE,WAAW,EACX,GAAG,EACH,SAAS,EACT,SAAS,GACiB;IAC1B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;YACjD,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;QAAC,MAAM,CAAC;YACP,oDAAoD;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,aAC/D,SAAS,IAAI,CACZ,eACE,SAAS,EAAC,8CAA8C,gBAC7C,iBAAiB,EAC5B,KAAK,EAAC,iBAAiB,GACvB,CACH,EAED,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,WAAW,EAAE,EAC5D,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,uBAAuB,EACvB,yEAAyE,EACzE,MAAM,IAAI,0CAA0C,CACrD,YAEA,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GACvB,EAER,GAAG,IAAI,CACN,eAAM,SAAS,EAAC,4FAA4F,YACzG,GAAG,GACC,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/workflow/WorkflowVersionDiffViewer.d.ts

@@ -0,0 +1,32 @@
+/** Props for {@link WorkflowVersionDiffViewer}. */
+export interface WorkflowVersionDiffViewerProps {
+    /** Workflow resource ID. */
+    readonly workflowId: string;
+    /** "Before" version hash. */
+    readonly hashA: string;
+    /** "After" version hash. */
+    readonly hashB: string;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Shows a unified diff between two workflow versions' YAML.
+ *
+ * Internally uses `useWorkflowVersionDiff(workflowId, hashA, hashB)` to
+ * fetch and compute the diff. Renders a header identifying each version
+ * and a scrollable unified diff with green/red line highlighting.
+ *
+ * All visual properties flow through `--stgm-*` / `--stgm-diff-*` design
+ * tokens. Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowVersionDiffViewer
+ *   workflowId="wf_123"
+ *   hashA="a1b2c3d4..."
+ *   hashB="e5f6g7h8..."
+ * />
+ * ```
+ */
+export declare function WorkflowVersionDiffViewer({ workflowId, hashA, hashB, className, }: WorkflowVersionDiffViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowVersionDiffViewer.d.ts.map

package/workflow/WorkflowVersionDiffViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowVersionDiffViewer.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowVersionDiffViewer.tsx"],"names":[],"mappings":"AAMA,mDAAmD;AACnD,MAAM,WAAW,8BAA8B;IAC7C,4BAA4B;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,8BAA8B,2CAkEhC"}