@burdenoff/fluidgrids-fe-sdk 2026.1113.1 → 2026.1113.2

package/dist/WorkflowProposalCard-zCdUpCk8.js

@@ -0,0 +1,249 @@
+"use client";
+import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
+import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { Icon } from "@iconify/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button } from "@burdenoff/fe-libs/ui";
+
+// src/components/shared/WorkflowProposalCard.tsx
+/**
+* WorkflowProposalCard — review an AI workflow proposal before it changes
+* anything (BOFF-3662).
+*
+* Shows what the model proposes (explanation, a node and connection diff
+* against the version it was made from, validation errors and the settings the
+* user still has to fill in) with Apply / Reject while it is PROPOSED, a
+* Cancel while it is still running, and once applied a link to the new draft
+* plus a one-click revert to the version it was made from (a restore, which
+* creates another version and never deletes one).
+*/
+var WorkflowProposalCard_exports = /* @__PURE__ */ __exportAll({ WorkflowProposalCard: () => WorkflowProposalCard });
+const STATUS_TONE = {
+	PROCESSING: "secondary",
+	PROPOSED: "default",
+	APPLIED: "default",
+	REJECTED: "outline",
+	STALE: "outline",
+	CANCELLED: "outline",
+	FAILED: "destructive"
+};
+function edgeLabel(edge) {
+	return `${edge.sourceHandle ? `${edge.source} (${edge.sourceHandle})` : edge.source} → ${edge.target}`;
+}
+function ChangeList({ title, icon, items, testId }) {
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": testId,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5 text-xs font-medium uppercase tracking-wide text-text-secondary",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon,
+					width: 14
+				}),
+				title,
+				" (",
+				items.length,
+				")"
+			]
+		}), /* @__PURE__ */ jsx("ul", {
+			className: "mt-1 space-y-0.5 text-sm text-text-primary",
+			children: items.map((item) => /* @__PURE__ */ jsx("li", {
+				className: "truncate",
+				children: item
+			}, item))
+		})]
+	});
+}
+function nodeLine(node, withFields) {
+	const base = `${node.label} · ${node.type}`;
+	return withFields && node.fields.length > 0 ? `${base} — ${node.fields.join(", ")}` : base;
+}
+/**
+* Validation errors that are not already part of the message shown above
+* them. Comparison ignores case and surrounding whitespace and punctuation.
+*/
+function visibleErrors(errors, shownMessage) {
+	const shown = normalise(shownMessage ?? "");
+	const seen = /* @__PURE__ */ new Set();
+	const result = [];
+	for (const error of errors) {
+		const key = normalise(error);
+		if (!key || seen.has(key)) continue;
+		seen.add(key);
+		if (shown && shown.includes(key)) continue;
+		result.push(error);
+	}
+	return result;
+}
+function normalise(text) {
+	return text.trim().toLowerCase().replace(/^[\s.:;,]+|[\s.:;,]+$/g, "");
+}
+function WorkflowProposalCard({ proposal, isDeciding = false, onOpenWorkflow, onApply, onReject, onCancel, onRevert }) {
+	const tr = useTr();
+	const status = String(proposal.status);
+	const diff = proposal.diff;
+	const warnings = proposal.validation?.warnings ?? [];
+	const showMessage = Boolean(proposal.message && status !== "PROPOSED" && status !== "PROCESSING" && status !== "APPLIED");
+	const errors = visibleErrors(proposal.validation?.valid === false ? proposal.validation.errors : [], showMessage ? proposal.message : null);
+	const revertTarget = proposal.baseVersion && proposal.workflowKey && proposal.appliedWorkflowKey === proposal.workflowKey ? {
+		workflowKey: proposal.workflowKey,
+		version: proposal.baseVersion
+	} : null;
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-lg border border-border-secondary bg-background-secondary p-4",
+		"data-testid": "workflow-proposal-card",
+		"data-status": status,
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:creation-outline",
+						width: 18,
+						className: "text-text-secondary"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm font-medium text-text-primary",
+						children: proposal.name ?? tr("fluidgrids.ai.proposal.title", "AI proposal")
+					}),
+					/* @__PURE__ */ jsx(Badge, {
+						variant: STATUS_TONE[status] ?? "outline",
+						"data-testid": "workflow-proposal-status",
+						children: status
+					}),
+					proposal.baseVersion && /* @__PURE__ */ jsx("span", {
+						className: "text-xs text-text-secondary",
+						children: tr("fluidgrids.ai.proposal.against", "against version {{version}}", { version: proposal.baseVersion })
+					})
+				]
+			}),
+			status === "PROCESSING" && /* @__PURE__ */ jsxs("div", {
+				className: "mt-3 flex items-center gap-2 text-sm text-text-secondary",
+				children: [
+					/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:loading",
+						width: 16,
+						className: "animate-spin"
+					}),
+					tr("fluidgrids.ai.proposal.working", "Working ({{stage}})…", { stage: proposal.progress?.stage ?? "prompting" }),
+					onCancel && /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						onClick: onCancel,
+						disabled: isDeciding,
+						children: tr("fluidgrids.ai.proposal.cancel", "Cancel")
+					})
+				]
+			}),
+			proposal.explanation && /* @__PURE__ */ jsx("p", {
+				className: "mt-3 text-sm text-text-primary",
+				"data-testid": "workflow-proposal-explanation",
+				children: proposal.explanation
+			}),
+			showMessage && /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-sm text-text-secondary",
+				"data-testid": "workflow-proposal-message",
+				children: proposal.message
+			}),
+			diff && /* @__PURE__ */ jsxs("div", {
+				className: "mt-3 space-y-2",
+				"data-testid": "workflow-proposal-diff",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium text-text-primary",
+						children: diff.summary
+					}),
+					/* @__PURE__ */ jsx(ChangeList, {
+						testId: "workflow-proposal-added",
+						icon: "mdi:plus-circle-outline",
+						title: tr("fluidgrids.ai.proposal.added", "Added nodes"),
+						items: diff.addedNodes.map((node) => nodeLine(node, false))
+					}),
+					/* @__PURE__ */ jsx(ChangeList, {
+						testId: "workflow-proposal-changed",
+						icon: "mdi:pencil-circle-outline",
+						title: tr("fluidgrids.ai.proposal.changed", "Changed nodes"),
+						items: diff.changedNodes.map((node) => nodeLine(node, true))
+					}),
+					/* @__PURE__ */ jsx(ChangeList, {
+						testId: "workflow-proposal-removed",
+						icon: "mdi:minus-circle-outline",
+						title: tr("fluidgrids.ai.proposal.removed", "Removed nodes"),
+						items: diff.removedNodes.map((node) => nodeLine(node, false))
+					}),
+					/* @__PURE__ */ jsx(ChangeList, {
+						testId: "workflow-proposal-edges",
+						icon: "mdi:vector-line",
+						title: tr("fluidgrids.ai.proposal.connections", "Connection changes"),
+						items: [...diff.addedEdges.map((edge) => `+ ${edgeLabel(edge)}`), ...diff.removedEdges.map((edge) => `− ${edgeLabel(edge)}`)]
+					})
+				]
+			}),
+			errors.length > 0 && /* @__PURE__ */ jsx("ul", {
+				className: "mt-3 space-y-1 text-sm text-[var(--color-status-error-text)]",
+				"data-testid": "workflow-proposal-errors",
+				children: errors.map((message) => /* @__PURE__ */ jsx("li", { children: message }, message))
+			}),
+			warnings.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mt-3",
+				"data-testid": "workflow-proposal-warnings",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+					children: tr("fluidgrids.ai.proposal.todo", "Still to set up")
+				}), /* @__PURE__ */ jsx("ul", {
+					className: "mt-1 space-y-0.5 text-sm text-text-secondary",
+					children: warnings.map((warning) => /* @__PURE__ */ jsx("li", { children: warning }, warning))
+				})]
+			}),
+			status === "PROPOSED" && (onApply || onReject) && /* @__PURE__ */ jsxs("div", {
+				className: "mt-4 flex flex-wrap items-center gap-2",
+				children: [
+					onApply && /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						onClick: onApply,
+						disabled: isDeciding,
+						"data-testid": "workflow-proposal-apply",
+						children: proposal.baseVersion ? tr("fluidgrids.ai.proposal.applyVersion", "Apply as a new draft version") : tr("fluidgrids.ai.proposal.applyNew", "Create as a draft workflow")
+					}),
+					onReject && /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "outline",
+						onClick: onReject,
+						disabled: isDeciding,
+						children: tr("fluidgrids.ai.proposal.reject", "Reject")
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-xs text-text-secondary",
+						children: tr("fluidgrids.ai.proposal.neverActivates", "Nothing goes live: the result is a draft you can review, run as a test and activate yourself.")
+					})
+				]
+			}),
+			status === "APPLIED" && proposal.appliedWorkflowKey && proposal.appliedVersion && /* @__PURE__ */ jsxs("div", {
+				className: "mt-4 space-y-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [onOpenWorkflow && /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "outline",
+						"data-testid": "workflow-proposal-open",
+						onClick: () => onOpenWorkflow(proposal.appliedWorkflowKey ?? "", proposal.appliedVersion ?? ""),
+						children: tr("fluidgrids.ai.proposal.open", "Open draft {{version}}", { version: proposal.appliedVersion })
+					}), onRevert && revertTarget && /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						"data-testid": "workflow-proposal-revert",
+						disabled: isDeciding,
+						onClick: () => onRevert(revertTarget.workflowKey, revertTarget.version),
+						children: tr("fluidgrids.ai.proposal.revert", "Revert to {{version}}", { version: revertTarget.version })
+					})]
+				}), !onRevert && proposal.restoreHint && /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-text-secondary",
+					children: proposal.restoreHint
+				})]
+			})
+		]
+	});
+}
+
+export { WorkflowProposalCard_exports as n, WorkflowProposalCard as t };