@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/pages/WorkflowViewPage.js

@@ -0,0 +1,532 @@
+import { useAppNavigate as e } from "../contexts/NavigationContext.js";
+import "../contexts/index.js";
+import t from "../hooks/useWorkflowOperations.js";
+import { BOOTSTRAP_RETRY_DELAY_MS as n } from "../constants.js";
+import { useBigConsole as r } from "../context/BigConsoleContext.js";
+import "../context/index.js";
+import { isNative as i, nativeCopyText as a, nativeNotify as o, nativeToast as s } from "../../utils/nativeBridge.js";
+import ee from "../components/workflow/WorkflowStatusBadge.js";
+import c from "../components/workflow/WorkflowDeleteDialog.js";
+import { memo as l, useCallback as u, useEffect as d, useState as f } from "react";
+import { useParams as te } from "react-router-dom";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { WorkflowBuilder as g } from "@burdenoff/fluidgrids-fe-sdk";
+import { formatDistanceToNow as _ } from "date-fns";
+//#region src/bigconsole/pages/WorkflowViewPage.tsx
+var v = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M15 19l-7-7 7-7"
+	})
+}), ne = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+	})
+}), y = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+	})
+}), b = ({ className: e }) => /* @__PURE__ */ h("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: [/* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
+	}), /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+	})]
+}), x = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+	})
+}), S = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M5 13l4 4L19 7"
+	})
+}), C = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"
+	})
+}), w = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+	})
+}), T = ({ className: e }) => /* @__PURE__ */ m("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ m("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 9l-7 7-7-7"
+	})
+}), E = l(function() {
+	let l = e(), { workflowId: E } = te(), { apiGatewayUrl: D, authToken: O, workspaceId: k } = r(), [A, j] = f(null), [M, N] = f(!1), [, P] = f(!1), [F, I] = f(!1), [L, R] = f(!1), [z, B] = f(!1), [V, H] = f(!1), [U, W] = f(null), { loading: G, error: K, fetchWorkflow: q, deleteWorkflow: J, executeWorkflow: Y, pollWorkflowExecution: X } = t({ skipFetch: !0 });
+	d(() => {
+		if (!E) {
+			H(!0);
+			return;
+		}
+		let e = !1, t = async (r) => {
+			try {
+				let i = await q(E);
+				if (e) return;
+				i ? (j(i), H(!0)) : r === 0 ? setTimeout(() => {
+					e || t(1);
+				}, n) : H(!0);
+			} catch {
+				e || H(!0);
+			}
+		};
+		return t(0), () => {
+			e = !0;
+		};
+	}, [E, q]);
+	let Z = u(() => {
+		l("/workflows");
+	}, [l]), re = u(() => {
+		l(`/workflows/${E}/edit`);
+	}, [l, E]), Q = u(async () => {
+		if (E) {
+			P(!0);
+			try {
+				await J(E) ? (i() && o("success"), l("/workflows")) : i() && o("error");
+			} catch {
+				i() && o("error");
+			} finally {
+				P(!1), N(!1);
+			}
+		}
+	}, [
+		E,
+		J,
+		l
+	]), ie = u(async () => {
+		if (!E) return;
+		I(!0), W(null);
+		let e = Date.now();
+		try {
+			let t = await Y(E);
+			if (t) {
+				let n = Date.now() - e;
+				t.externalWorkflowId ? (W({
+					success: !0,
+					output: {
+						externalWorkflowId: t.externalWorkflowId,
+						executionCount: t.executionCount,
+						status: "Triggered — polling for completion..."
+					},
+					error: null,
+					executionTimeMs: n
+				}), X(E, {
+					intervalMs: 3e3,
+					timeoutMs: 12e4,
+					onProgress: (e) => {
+						j(e);
+					}
+				}).then((t) => {
+					t && (j(t), W((n) => n && {
+						...n,
+						output: {
+							...n.output || {},
+							status: t.status === "error" ? "Failed" : "Completed",
+							executionCount: t.executionCount,
+							lastExecutedAt: t.lastExecutedAt
+						},
+						executionTimeMs: Date.now() - e
+					}));
+				})) : W({
+					success: !0,
+					output: {
+						executionCount: t.executionCount,
+						lastExecutedAt: t.lastExecutedAt,
+						status: "Completed"
+					},
+					error: null,
+					executionTimeMs: n
+				});
+				let r = await q(E);
+				r && j(r);
+			}
+		} catch (t) {
+			W({
+				success: !1,
+				output: null,
+				error: t instanceof Error ? t.message : "Execution failed",
+				executionTimeMs: Date.now() - e
+			});
+		} finally {
+			I(!1);
+		}
+	}, [
+		E,
+		Y,
+		q,
+		X
+	]), ae = u(async () => {
+		if (A?.webhookUrl) try {
+			await a(A.webhookUrl), R(!0), i() && s("Webhook copied"), setTimeout(() => R(!1), 2e3);
+		} catch {}
+	}, [A?.webhookUrl]), oe = u((e) => {
+		l(`/datasinks/${e}`);
+	}, [l]);
+	if (!V || G && !A) return /* @__PURE__ */ m("div", {
+		className: "p-6 flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ h("svg", {
+			className: "w-8 h-8 text-action-primary-bg animate-spin",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			children: [/* @__PURE__ */ m("circle", {
+				className: "opacity-25",
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: "currentColor",
+				strokeWidth: "4"
+			}), /* @__PURE__ */ m("path", {
+				className: "opacity-75",
+				fill: "currentColor",
+				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			})]
+		})
+	});
+	if (K || !A) return /* @__PURE__ */ h("div", {
+		className: "p-6",
+		children: [/* @__PURE__ */ h("button", {
+			type: "button",
+			onClick: Z,
+			className: "inline-flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary mb-4",
+			children: [/* @__PURE__ */ m(v, { className: "w-4 h-4" }), "Back to Workflows"]
+		}), /* @__PURE__ */ h("div", {
+			className: "flex flex-col items-center justify-center py-16 text-center",
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "p-3 rounded-full bg-state-error/10 mb-4",
+					children: /* @__PURE__ */ m(w, { className: "w-8 h-8 text-state-error" })
+				}),
+				/* @__PURE__ */ m("h3", {
+					className: "text-lg font-medium text-text-primary mb-2",
+					children: "Workflow not found"
+				}),
+				/* @__PURE__ */ m("p", {
+					className: "text-sm text-text-secondary",
+					children: K?.message || "The workflow you are looking for does not exist."
+				})
+			]
+		})]
+	});
+	let $ = A.dataSinkLinks?.length || 0;
+	return /* @__PURE__ */ h("div", {
+		className: "p-6 max-w-5xl mx-auto",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: Z,
+					className: "inline-flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary mb-4",
+					children: [/* @__PURE__ */ m(v, { className: "w-4 h-4" }), "Back to Workflows"]
+				}), /* @__PURE__ */ h("div", {
+					className: "flex items-start justify-between",
+					children: [/* @__PURE__ */ h("div", { children: [
+						/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3 mb-2",
+							children: [/* @__PURE__ */ m("h1", {
+								className: "text-2xl font-bold text-text-primary",
+								children: A.name
+							}), /* @__PURE__ */ m(ee, { status: A.status })]
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "text-sm text-text-secondary font-mono",
+							children: A.key
+						}),
+						A.externalWorkflowId && /* @__PURE__ */ h("p", {
+							className: "text-xs text-text-tertiary mt-1",
+							children: ["FluidGrids ID: ", /* @__PURE__ */ m("span", {
+								className: "font-mono",
+								children: A.externalWorkflowId
+							})]
+						})
+					] }), /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: ie,
+								disabled: F,
+								className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-state-success hover:bg-state-success/90 rounded-md transition-colors disabled:opacity-50",
+								children: [/* @__PURE__ */ m(b, { className: "w-4 h-4" }), F ? "Executing..." : "Execute"]
+							}),
+							/* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: re,
+								className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-primary bg-bg-muted hover:bg-border-default rounded-md transition-colors",
+								children: [/* @__PURE__ */ m(ne, { className: "w-4 h-4" }), "Edit"]
+							}),
+							/* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: () => N(!0),
+								className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-state-error bg-state-error/10 hover:bg-state-error/20 rounded-md transition-colors",
+								children: [/* @__PURE__ */ m(y, { className: "w-4 h-4" }), "Delete"]
+							})
+						]
+					})]
+				})]
+			}),
+			U && /* @__PURE__ */ h("div", {
+				className: `mb-6 p-4 rounded-lg border ${U.success ? "bg-state-success/10 border-state-success/20" : "bg-state-error/10 border-state-error/20"}`,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between mb-2",
+						children: [/* @__PURE__ */ m("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: U.success ? "Execution Triggered" : "Execution Failed"
+						}), /* @__PURE__ */ h("span", {
+							className: "text-xs text-text-secondary",
+							children: [U.executionTimeMs, "ms"]
+						})]
+					}),
+					U.error ? /* @__PURE__ */ m("p", {
+						className: "text-sm text-state-error",
+						children: U.error
+					}) : /* @__PURE__ */ m("pre", {
+						className: "text-xs text-text-secondary font-mono bg-bg-muted p-2 rounded overflow-auto max-h-[200px]",
+						children: JSON.stringify(U.output, null, 2)
+					}),
+					U.runId && /* @__PURE__ */ h("p", {
+						className: "text-xs text-text-tertiary mt-2",
+						children: ["Run ID: ", /* @__PURE__ */ m("span", {
+							className: "font-mono",
+							children: U.runId
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-6 mb-8",
+				children: [/* @__PURE__ */ h("div", {
+					className: "bg-bg-surface border border-border-default rounded-lg p-4",
+					children: [/* @__PURE__ */ m("h3", {
+						className: "text-sm font-medium text-text-secondary mb-2",
+						children: "Description"
+					}), /* @__PURE__ */ m("p", {
+						className: "text-sm text-text-primary",
+						children: A.description || "No description"
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: "bg-bg-surface border border-border-default rounded-lg p-4",
+					children: [/* @__PURE__ */ m("h3", {
+						className: "text-sm font-medium text-text-secondary mb-2",
+						children: "Execution Stats"
+					}), /* @__PURE__ */ h("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+							className: "text-2xl font-bold text-text-primary",
+							children: A.executionCount
+						}), /* @__PURE__ */ m("p", {
+							className: "text-xs text-text-secondary",
+							children: "Total Executions"
+						})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: A.lastExecutedAt ? _(new Date(A.lastExecutedAt), { addSuffix: !0 }) : "Never"
+						}), /* @__PURE__ */ m("p", {
+							className: "text-xs text-text-secondary",
+							children: "Last Executed"
+						})] })]
+					})]
+				})]
+			}),
+			A.webhookUrl && /* @__PURE__ */ h("div", {
+				className: "bg-bg-surface border border-border-default rounded-lg p-4 mb-8",
+				children: [/* @__PURE__ */ m("h3", {
+					className: "text-sm font-medium text-text-secondary mb-2",
+					children: "Webhook URL"
+				}), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ m("code", {
+						className: "flex-1 text-sm text-text-primary font-mono bg-bg-muted px-3 py-2 rounded overflow-auto",
+						children: A.webhookUrl
+					}), /* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: ae,
+						className: "flex items-center gap-1 px-3 py-2 text-sm text-text-secondary hover:text-text-primary transition-colors",
+						children: L ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(S, { className: "w-4 h-4 text-state-success" }), "Copied!"] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(x, { className: "w-4 h-4" }), "Copy"] })
+					})]
+				})]
+			}),
+			A.externalWorkflowId && /* @__PURE__ */ h("div", {
+				className: "bg-bg-surface border border-border-default rounded-lg mb-8 overflow-hidden",
+				children: [/* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: () => B((e) => !e),
+					className: "w-full flex items-center justify-between px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-muted transition-colors",
+					children: [/* @__PURE__ */ m("span", { children: "Workflow Design Preview" }), /* @__PURE__ */ m(T, { className: `w-4 h-4 text-text-secondary transition-transform ${z ? "rotate-180" : ""}` })]
+				}), z && /* @__PURE__ */ m("div", {
+					className: "border-t border-border-default",
+					style: { height: "450px" },
+					children: /* @__PURE__ */ m(g, {
+						apiGatewayUrl: D,
+						workspaceId: k || "default",
+						authToken: O,
+						workflowId: A.externalWorkflowId,
+						readonly: !0,
+						hideHeader: !0,
+						className: "h-full"
+					})
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "bg-bg-surface border border-border-default rounded-lg p-4 mb-8",
+				children: [/* @__PURE__ */ h("h3", {
+					className: "text-sm font-medium text-text-secondary mb-4",
+					children: [
+						"Linked DataSinks (",
+						$,
+						")"
+					]
+				}), $ === 0 ? /* @__PURE__ */ m("p", {
+					className: "text-sm text-text-secondary",
+					children: "No DataSinks linked to this workflow."
+				}) : /* @__PURE__ */ m("div", {
+					className: "space-y-2",
+					children: A.dataSinkLinks?.map((e) => /* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between px-3 py-2 bg-bg-muted rounded-md",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ m(C, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: e.dataSink?.name || e.dataSink?.key || e.dataSinkId
+							}), e.dataSink?.key && /* @__PURE__ */ m("p", {
+								className: "text-xs text-text-secondary font-mono",
+								children: e.dataSink.key
+							})] })]
+						}), /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-4",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2",
+								children: [e.isEnabled ? /* @__PURE__ */ m("span", {
+									className: "text-xs text-state-success",
+									children: "Enabled"
+								}) : /* @__PURE__ */ m("span", {
+									className: "text-xs text-text-secondary",
+									children: "Disabled"
+								}), /* @__PURE__ */ h("span", {
+									className: "text-xs text-text-secondary",
+									children: ["Priority: ", e.priority]
+								})]
+							}), e.dataSink && /* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: () => oe(e.dataSinkId),
+								className: "text-xs text-action-primary-bg hover:underline",
+								children: "View"
+							})]
+						})]
+					}, e.id))
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ h("div", {
+					className: "bg-bg-surface border border-border-default rounded-lg p-4",
+					children: [
+						/* @__PURE__ */ m("h3", {
+							className: "text-sm font-medium text-text-secondary mb-2",
+							children: "Created"
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "text-sm text-text-primary",
+							children: _(new Date(A.createdAt), { addSuffix: !0 })
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "text-xs text-text-secondary",
+							children: ["by ", A.createdBy]
+						})
+					]
+				}), /* @__PURE__ */ h("div", {
+					className: "bg-bg-surface border border-border-default rounded-lg p-4",
+					children: [
+						/* @__PURE__ */ m("h3", {
+							className: "text-sm font-medium text-text-secondary mb-2",
+							children: "Last Updated"
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "text-sm text-text-primary",
+							children: _(new Date(A.updatedAt), { addSuffix: !0 })
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "text-xs text-text-secondary",
+							children: ["by ", A.updatedBy || A.createdBy]
+						})
+					]
+				})]
+			}),
+			A && /* @__PURE__ */ m(c, {
+				workflow: A,
+				isOpen: M,
+				onClose: () => N(!1),
+				onConfirm: Q
+			})
+		]
+	});
+});
+//#endregion
+export { E as WorkflowViewPage };
+
+//# sourceMappingURL=WorkflowViewPage.js.map

package/dist/bigconsole/pages/WorkflowViewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowViewPage.js","names":[],"sources":["../../../src/bigconsole/pages/WorkflowViewPage.tsx"],"sourcesContent":["/**\n * Workflow View Page\n *\n * Page for viewing FluidGrids Workflow details, linked DataSinks,\n * read-only workflow design preview, and real execution with polling.\n */\n\nimport { memo, useState, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeCopyText, nativeNotify, nativeToast } from '../../utils/nativeBridge';\nimport { useBigConsole } from '../context';\nimport { formatDistanceToNow } from 'date-fns';\nimport { useWorkflowOperations } from '../hooks/useWorkflowOperations';\nimport { WorkflowStatusBadge } from '../components/workflow/WorkflowStatusBadge';\nimport { WorkflowDeleteDialog } from '../components/workflow/WorkflowDeleteDialog';\nimport type { FluidGridsWorkflow } from '../types';\n\n// FluidGrids FE SDK — read-only embedded builder preview\nimport { WorkflowBuilder } from '@burdenoff/fluidgrids-fe-sdk';\nimport { BOOTSTRAP_RETRY_DELAY_MS } from '../constants';\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst ArrowLeftIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n  </svg>\n);\n\nconst EditIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n    />\n  </svg>\n);\n\nconst TrashIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n    />\n  </svg>\n);\n\nconst PlayIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\n    />\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n  </svg>\n);\n\nconst CopyIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"\n    />\n  </svg>\n);\n\nconst CheckIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n  </svg>\n);\n\nconst DatabaseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4\"\n    />\n  </svg>\n);\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n    />\n  </svg>\n);\n\nconst ChevronDownIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowViewPage = memo(function WorkflowViewPage() {\n  const navigate = useAppNavigate();\n  const { workflowId } = useParams<{ workflowId: string }>();\n\n  // BigConsole context for apiGatewayUrl and authToken\n  const { apiGatewayUrl, authToken, workspaceId } = useBigConsole();\n\n  // Local state\n  const [workflow, setWorkflow] = useState<FluidGridsWorkflow | null>(null);\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n  const [, setIsDeleting] = useState(false);\n  const [isExecuting, setIsExecuting] = useState(false);\n  const [webhookCopied, setWebhookCopied] = useState(false);\n  const [showDesignPreview, setShowDesignPreview] = useState(false);\n  // Track whether initial fetch has completed — prevents \"not found\" flash\n  // before data has even been requested (loading starts as false with skipFetch: true)\n  const [isReady, setIsReady] = useState(false);\n  const [executionResult, setExecutionResult] = useState<{\n    success: boolean;\n    output: unknown;\n    error: string | null;\n    executionTimeMs: number;\n    runId?: string;\n  } | null>(null);\n\n  // Operations\n  const { loading, error, fetchWorkflow, deleteWorkflow, executeWorkflow, pollWorkflowExecution } =\n    useWorkflowOperations({\n      skipFetch: true,\n    });\n\n  // Load workflow on mount.\n  // On a full page reload the workspace token may not be issued yet when this\n  // effect first runs, causing the gateway to lack workspace context and\n  // the resolver to return null.  We retry once after a short delay to give\n  // the auth bootstrap time to complete.\n  useEffect(() => {\n    if (!workflowId) {\n      setIsReady(true);\n      return;\n    }\n\n    let cancelled = false;\n\n    const load = async (attempt: number) => {\n      try {\n        const result = await fetchWorkflow(workflowId);\n        if (cancelled) return;\n\n        if (result) {\n          setWorkflow(result);\n          setIsReady(true);\n        } else if (attempt === 0) {\n          // First attempt failed — likely workspace token race on full-page load.\n          // Retry once after a short delay.\n          setTimeout(() => {\n            if (!cancelled) load(1);\n          }, BOOTSTRAP_RETRY_DELAY_MS);\n        } else {\n          // Second attempt also failed — genuinely not found\n          setIsReady(true);\n        }\n      } catch {\n        // Network error, GraphQL error, etc. — surface the \"not found\" UI\n        // rather than spinning forever with no escape hatch.\n        if (!cancelled) setIsReady(true);\n      }\n    };\n\n    load(0);\n    return () => {\n      cancelled = true;\n    };\n  }, [workflowId, fetchWorkflow]);\n\n  // Handlers\n  const handleBack = useCallback(() => {\n    navigate(`/workflows`);\n  }, [navigate]);\n\n  const handleEdit = useCallback(() => {\n    navigate(`/workflows/${workflowId}/edit`);\n  }, [navigate, workflowId]);\n\n  const handleDelete = useCallback(async () => {\n    if (!workflowId) return;\n    setIsDeleting(true);\n    try {\n      const success = await deleteWorkflow(workflowId);\n      if (success) {\n        if (isNative()) void nativeNotify('success');\n        navigate(`/workflows`);\n      } else if (isNative()) {\n        void nativeNotify('error');\n      }\n    } catch {\n      if (isNative()) void nativeNotify('error');\n    } finally {\n      setIsDeleting(false);\n      setShowDeleteConfirm(false);\n    }\n  }, [workflowId, deleteWorkflow, navigate]);\n\n  const handleExecute = useCallback(async () => {\n    if (!workflowId) return;\n    setIsExecuting(true);\n    setExecutionResult(null);\n\n    const startTime = Date.now();\n\n    try {\n      const result = await executeWorkflow(workflowId);\n\n      if (result) {\n        const executionTimeMs = Date.now() - startTime;\n\n        // If workflow has external FluidGrids ID, the execution is async\n        if (result.externalWorkflowId) {\n          setExecutionResult({\n            success: true,\n            output: {\n              externalWorkflowId: result.externalWorkflowId,\n              executionCount: result.executionCount,\n              status: 'Triggered — polling for completion...',\n            },\n            error: null,\n            executionTimeMs,\n          });\n\n          // Poll for completion in the background\n          pollWorkflowExecution(workflowId, {\n            intervalMs: 3000,\n            timeoutMs: 120000,\n            onProgress: (updated) => {\n              setWorkflow(updated);\n            },\n          }).then((final) => {\n            if (final) {\n              setWorkflow(final);\n              setExecutionResult((prev) =>\n                prev\n                  ? {\n                      ...prev,\n                      output: {\n                        ...((prev.output as Record<string, unknown>) || {}),\n                        status: final.status === 'error' ? 'Failed' : 'Completed',\n                        executionCount: final.executionCount,\n                        lastExecutedAt: final.lastExecutedAt,\n                      },\n                      executionTimeMs: Date.now() - startTime,\n                    }\n                  : prev\n              );\n            }\n          });\n        } else {\n          // Local execution (no external FluidGrids workflow)\n          setExecutionResult({\n            success: true,\n            output: {\n              executionCount: result.executionCount,\n              lastExecutedAt: result.lastExecutedAt,\n              status: 'Completed',\n            },\n            error: null,\n            executionTimeMs,\n          });\n        }\n\n        // Refresh workflow\n        const updated = await fetchWorkflow(workflowId);\n        if (updated) {\n          setWorkflow(updated);\n        }\n      }\n    } catch (err) {\n      setExecutionResult({\n        success: false,\n        output: null,\n        error: err instanceof Error ? err.message : 'Execution failed',\n        executionTimeMs: Date.now() - startTime,\n      });\n    } finally {\n      setIsExecuting(false);\n    }\n  }, [workflowId, executeWorkflow, fetchWorkflow, pollWorkflowExecution]);\n\n  const handleCopyWebhook = useCallback(async () => {\n    if (!workflow?.webhookUrl) return;\n    try {\n      await nativeCopyText(workflow.webhookUrl);\n      setWebhookCopied(true);\n      if (isNative()) void nativeToast('Webhook copied');\n      setTimeout(() => setWebhookCopied(false), 2000);\n    } catch {\n      // Clipboard not available\n    }\n  }, [workflow?.webhookUrl]);\n\n  const handleViewDataSink = useCallback(\n    (dataSinkId: string) => {\n      navigate(`/datasinks/${dataSinkId}`);\n    },\n    [navigate]\n  );\n\n  // Loading state — show spinner until initial fetch completes OR during a refetch\n  if (!isReady || (loading && !workflow)) {\n    return (\n      <div className=\"p-6 flex items-center justify-center min-h-[400px]\">\n        <svg className=\"w-8 h-8 text-action-primary-bg animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n          <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n          <path\n            className=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n      </div>\n    );\n  }\n\n  // Error or not found state — only shown AFTER initial fetch completed\n  if (error || !workflow) {\n    return (\n      <div className=\"p-6\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"inline-flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary mb-4\"\n        >\n          <ArrowLeftIcon className=\"w-4 h-4\" />\n          Back to Workflows\n        </button>\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <div className=\"p-3 rounded-full bg-state-error/10 mb-4\">\n            <ErrorIcon className=\"w-8 h-8 text-state-error\" />\n          </div>\n          <h3 className=\"text-lg font-medium text-text-primary mb-2\">Workflow not found</h3>\n          <p className=\"text-sm text-text-secondary\">\n            {error?.message || 'The workflow you are looking for does not exist.'}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const linkedDataSinkCount = workflow.dataSinkLinks?.length || 0;\n\n  return (\n    <div className=\"p-6 max-w-5xl mx-auto\">\n      {/* Header */}\n      <div className=\"mb-8\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"inline-flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary mb-4\"\n        >\n          <ArrowLeftIcon className=\"w-4 h-4\" />\n          Back to Workflows\n        </button>\n\n        <div className=\"flex items-start justify-between\">\n          <div>\n            <div className=\"flex items-center gap-3 mb-2\">\n              <h1 className=\"text-2xl font-bold text-text-primary\">{workflow.name}</h1>\n              <WorkflowStatusBadge status={workflow.status} />\n            </div>\n            <p className=\"text-sm text-text-secondary font-mono\">{workflow.key}</p>\n            {workflow.externalWorkflowId && (\n              <p className=\"text-xs text-text-tertiary mt-1\">\n                FluidGrids ID: <span className=\"font-mono\">{workflow.externalWorkflowId}</span>\n              </p>\n            )}\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={handleExecute}\n              disabled={isExecuting}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-state-success hover:bg-state-success/90 rounded-md transition-colors disabled:opacity-50\"\n            >\n              <PlayIcon className=\"w-4 h-4\" />\n              {isExecuting ? 'Executing...' : 'Execute'}\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleEdit}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-text-primary bg-bg-muted hover:bg-border-default rounded-md transition-colors\"\n            >\n              <EditIcon className=\"w-4 h-4\" />\n              Edit\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setShowDeleteConfirm(true)}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-state-error bg-state-error/10 hover:bg-state-error/20 rounded-md transition-colors\"\n            >\n              <TrashIcon className=\"w-4 h-4\" />\n              Delete\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Execution Result */}\n      {executionResult && (\n        <div\n          className={`mb-6 p-4 rounded-lg border ${\n            executionResult.success\n              ? 'bg-state-success/10 border-state-success/20'\n              : 'bg-state-error/10 border-state-error/20'\n          }`}\n        >\n          <div className=\"flex items-center justify-between mb-2\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              {executionResult.success ? 'Execution Triggered' : 'Execution Failed'}\n            </h3>\n            <span className=\"text-xs text-text-secondary\">{executionResult.executionTimeMs}ms</span>\n          </div>\n          {executionResult.error ? (\n            <p className=\"text-sm text-state-error\">{executionResult.error}</p>\n          ) : (\n            <pre className=\"text-xs text-text-secondary font-mono bg-bg-muted p-2 rounded overflow-auto max-h-[200px]\">\n              {JSON.stringify(executionResult.output, null, 2)}\n            </pre>\n          )}\n          {executionResult.runId && (\n            <p className=\"text-xs text-text-tertiary mt-2\">\n              Run ID: <span className=\"font-mono\">{executionResult.runId}</span>\n            </p>\n          )}\n        </div>\n      )}\n\n      {/* Info Grid */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\">\n        {/* Description */}\n        <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n          <h3 className=\"text-sm font-medium text-text-secondary mb-2\">Description</h3>\n          <p className=\"text-sm text-text-primary\">{workflow.description || 'No description'}</p>\n        </div>\n\n        {/* Execution Stats */}\n        <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n          <h3 className=\"text-sm font-medium text-text-secondary mb-2\">Execution Stats</h3>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <p className=\"text-2xl font-bold text-text-primary\">{workflow.executionCount}</p>\n              <p className=\"text-xs text-text-secondary\">Total Executions</p>\n            </div>\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                {workflow.lastExecutedAt\n                  ? formatDistanceToNow(new Date(workflow.lastExecutedAt), { addSuffix: true })\n                  : 'Never'}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Last Executed</p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Webhook URL */}\n      {workflow.webhookUrl && (\n        <div className=\"bg-bg-surface border border-border-default rounded-lg p-4 mb-8\">\n          <h3 className=\"text-sm font-medium text-text-secondary mb-2\">Webhook URL</h3>\n          <div className=\"flex items-center gap-2\">\n            <code className=\"flex-1 text-sm text-text-primary font-mono bg-bg-muted px-3 py-2 rounded overflow-auto\">\n              {workflow.webhookUrl}\n            </code>\n            <button\n              type=\"button\"\n              onClick={handleCopyWebhook}\n              className=\"flex items-center gap-1 px-3 py-2 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              {webhookCopied ? (\n                <>\n                  <CheckIcon className=\"w-4 h-4 text-state-success\" />\n                  Copied!\n                </>\n              ) : (\n                <>\n                  <CopyIcon className=\"w-4 h-4\" />\n                  Copy\n                </>\n              )}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Workflow Design Preview (collapsible) */}\n      {workflow.externalWorkflowId && (\n        <div className=\"bg-bg-surface border border-border-default rounded-lg mb-8 overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => setShowDesignPreview((prev) => !prev)}\n            className=\"w-full flex items-center justify-between px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-muted transition-colors\"\n          >\n            <span>Workflow Design Preview</span>\n            <ChevronDownIcon\n              className={`w-4 h-4 text-text-secondary transition-transform ${showDesignPreview ? 'rotate-180' : ''}`}\n            />\n          </button>\n          {showDesignPreview && (\n            <div className=\"border-t border-border-default\" style={{ height: '450px' }}>\n              <WorkflowBuilder\n                apiGatewayUrl={apiGatewayUrl}\n                workspaceId={workspaceId || 'default'}\n                authToken={authToken}\n                workflowId={workflow.externalWorkflowId}\n                readonly\n                hideHeader\n                className=\"h-full\"\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Linked DataSinks */}\n      <div className=\"bg-bg-surface border border-border-default rounded-lg p-4 mb-8\">\n        <h3 className=\"text-sm font-medium text-text-secondary mb-4\">Linked DataSinks ({linkedDataSinkCount})</h3>\n        {linkedDataSinkCount === 0 ? (\n          <p className=\"text-sm text-text-secondary\">No DataSinks linked to this workflow.</p>\n        ) : (\n          <div className=\"space-y-2\">\n            {workflow.dataSinkLinks?.map((link) => (\n              <div key={link.id} className=\"flex items-center justify-between px-3 py-2 bg-bg-muted rounded-md\">\n                <div className=\"flex items-center gap-3\">\n                  <DatabaseIcon className=\"w-4 h-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {link.dataSink?.name || link.dataSink?.key || link.dataSinkId}\n                    </p>\n                    {link.dataSink?.key && <p className=\"text-xs text-text-secondary font-mono\">{link.dataSink.key}</p>}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-4\">\n                  <div className=\"flex items-center gap-2\">\n                    {link.isEnabled ? (\n                      <span className=\"text-xs text-state-success\">Enabled</span>\n                    ) : (\n                      <span className=\"text-xs text-text-secondary\">Disabled</span>\n                    )}\n                    <span className=\"text-xs text-text-secondary\">Priority: {link.priority}</span>\n                  </div>\n                  {link.dataSink && (\n                    <button\n                      type=\"button\"\n                      onClick={() => handleViewDataSink(link.dataSinkId)}\n                      className=\"text-xs text-action-primary-bg hover:underline\"\n                    >\n                      View\n                    </button>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Timestamps */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n        <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n          <h3 className=\"text-sm font-medium text-text-secondary mb-2\">Created</h3>\n          <p className=\"text-sm text-text-primary\">\n            {formatDistanceToNow(new Date(workflow.createdAt), { addSuffix: true })}\n          </p>\n          <p className=\"text-xs text-text-secondary\">by {workflow.createdBy}</p>\n        </div>\n        <div className=\"bg-bg-surface border border-border-default rounded-lg p-4\">\n          <h3 className=\"text-sm font-medium text-text-secondary mb-2\">Last Updated</h3>\n          <p className=\"text-sm text-text-primary\">\n            {formatDistanceToNow(new Date(workflow.updatedAt), { addSuffix: true })}\n          </p>\n          <p className=\"text-xs text-text-secondary\">by {workflow.updatedBy || workflow.createdBy}</p>\n        </div>\n      </div>\n\n      {/* Delete Confirmation Dialog */}\n      {workflow && (\n        <WorkflowDeleteDialog\n          workflow={workflow}\n          isOpen={showDeleteConfirm}\n          onClose={() => setShowDeleteConfirm(false)}\n          onConfirm={handleDelete}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default WorkflowViewPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/WorkflowsPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Workflows Page
+ *
+ * List and manage FluidGrids Workflows.
+ * Uses fe-libs shared UI components and semantic tokens for consistent styling.
+ */
+export declare const WorkflowsPage: import('react').NamedExoticComponent<object>;
+export default WorkflowsPage;
+//# sourceMappingURL=WorkflowsPage.d.ts.map

package/dist/bigconsole/pages/WorkflowsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/WorkflowsPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA+BH,eAAO,MAAM,aAAa,8CA+YxB,CAAC;AAEH,eAAe,aAAa,CAAC"}