@burdenoff/microfe-bigconsole 2026.1029.1 → 2026.1029.3

package/dist/bigconsole/pages/DataSinkViewPage.js

@@ -153,9 +153,9 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
 		className: "min-w-0 p-card-padding",
 		children: [
 			/* @__PURE__ */ b("header", {
-				className: "mb-section-gap flex flex-col gap-form-gap sm:flex-row sm:items-start sm:justify-between",
+				className: "mb-section-gap flex flex-wrap items-start justify-between gap-form-gap",
 				children: [/* @__PURE__ */ b("div", {
-					className: "min-w-0 flex-1",
+					className: "min-w-[min(100%,16rem)] flex-1",
 					children: [
 						/* @__PURE__ */ b(_, {
 							onClick: J,
@@ -168,7 +168,7 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
 							className: "flex flex-wrap items-center gap-2",
 							children: [
 								/* @__PURE__ */ y("h1", {
-									className: "text-2xl font-bold text-text-primary",
+									className: "break-words text-2xl font-bold text-text-primary",
 									children: V.name || w("bigconsole.dataSinks.view.untitled", "Untitled")
 								}),
 								/* @__PURE__ */ y(a, { status: V.status }),
@@ -183,12 +183,12 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
 							children: V.key
 						}),
 						V.description && /* @__PURE__ */ y("p", {
-							className: "mt-2 text-sm text-text-secondary",
+							className: "mt-2 break-words text-sm text-text-secondary",
 							children: V.description
 						})
 					]
 				}), /* @__PURE__ */ b("div", {
-					className: "flex flex-wrap items-center gap-2",
+					className: "flex max-w-full flex-wrap items-center gap-2",
 					children: [
 						/* @__PURE__ */ y(f, {
 							permission: i.DATASINK_EXECUTE,

package/dist/bigconsole/pages/WorkflowViewPage.js

@@ -117,7 +117,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 }), x = u(function() {
 	let u = e(), { t: x } = fe(), { workflowId: S } = se(), { hasPermission: C, isLoading: Se } = le(), Ce = C(s.WORKFLOW_READ), w = C(s.WORKFLOW_UPDATE), T = C(s.DATASINK_READ);
 	C(s.WORKFLOW_DELETE);
-	let we = C(s.WORKFLOW_EXECUTE), [E, D] = f(null), [Te, O] = f(!1), [, k] = f(!1), [A, j] = f(!1), [Ee, M] = f(!1), [N, P] = f(!1), [F, I] = f(null), [De, L] = f(null), { unlinkDataSink: Oe } = t({ skipFetch: !0 }), [R, z] = f(!1), { getWorkflow: ke, workflow: B, loading: Ae, error: je } = pe(), [Me, V] = f(!1), [H, U] = f(null), { loading: Ne, error: W, fetchWorkflow: G, deleteWorkflow: K, executeWorkflow: q, pollWorkflowExecution: J } = t({ skipFetch: !0 });
+	let we = C(s.WORKFLOW_EXECUTE), [E, D] = f(null), [Te, O] = f(!1), [, k] = f(!1), [A, j] = f(!1), [Ee, M] = f(!1), [N, P] = f(!1), [F, I] = f(null), [De, L] = f(null), { unlinkDataSink: Oe } = t({ skipFetch: !0 }), [R, z] = f(!1), { getWorkflow: ke, workflow: B, loading: Ae, error: je } = pe(), [Me, V] = f(!1), [H, U] = f(null), { loading: Ne, error: Pe, fetchWorkflow: W, deleteWorkflow: G, executeWorkflow: K, pollWorkflowExecution: q } = t({ skipFetch: !0 });
 	oe(() => {
 		if (!S) {
 			V(!0);
@@ -125,7 +125,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 		}
 		let e = !1, t = async (r) => {
 			try {
-				let i = await G(S);
+				let i = await W(S);
 				if (e) return;
 				i ? (D(i), V(!0)) : r === 0 ? setTimeout(() => {
 					e || t(1);
@@ -137,20 +137,20 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 		return t(0), () => {
 			e = !0;
 		};
-	}, [S, G]);
-	let Pe = d(() => {
+	}, [S, W]);
+	let Fe = d(() => {
 		u("/workflows/feeds");
-	}, [u]), Y = d(() => {
+	}, [u]), J = d(() => {
 		E?.key && u(`/workflows/workflow/${encodeURIComponent(E.key)}/${encodeURIComponent(B?.version ?? "v1")}`);
 	}, [
 		u,
 		E,
 		B
-	]), Fe = d(async () => {
+	]), Ie = d(async () => {
 		if (S) {
 			k(!0);
 			try {
-				await K(S) ? (c() && l("success"), u("/workflows/feeds")) : c() && l("error");
+				await G(S) ? (c() && l("success"), u("/workflows/feeds")) : c() && l("error");
 			} catch {
 				c() && l("error");
 			} finally {
@@ -159,14 +159,14 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 		}
 	}, [
 		S,
-		K,
+		G,
 		u
-	]), X = d(async () => {
+	]), Y = d(async () => {
 		if (!S) return;
 		j(!0), U(null);
 		let e = Date.now();
 		try {
-			let t = await q(S);
+			let t = await K(S);
 			if (t) {
 				let n = Date.now() - e;
 				t.externalWorkflowId ? (U({
@@ -178,7 +178,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 					},
 					error: null,
 					executionTimeMs: n
-				}), J(S, {
+				}), q(S, {
 					intervalMs: 3e3,
 					timeoutMs: 12e4,
 					onProgress: (e) => {
@@ -205,9 +205,14 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 					error: null,
 					executionTimeMs: n
 				});
-				let r = await G(S);
+				let r = await W(S);
 				r && D(r);
-			}
+			} else U({
+				success: !1,
+				output: null,
+				error: x("bigconsole.workflows.errors.executionFailed", "Execution failed"),
+				executionTimeMs: Date.now() - e
+			});
 		} catch (t) {
 			U({
 				success: !1,
@@ -220,19 +225,19 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 		}
 	}, [
 		S,
+		K,
+		W,
 		q,
-		G,
-		J,
 		x
-	]), Ie = d(async () => {
+	]), Le = d(async () => {
 		if (E?.webhookUrl) try {
 			await ee(E.webhookUrl), M(!0), c() && te(x("bigconsole.workflows.view.webhookCopiedToast", "Webhook copied")), setTimeout(() => M(!1), 2e3);
 		} catch {}
-	}, [E?.webhookUrl, x]), Le = d((e) => {
+	}, [E?.webhookUrl, x]), Re = d((e) => {
 		u(`/datasinks/${e}`);
-	}, [u]), Z = /* @__PURE__ */ y("button", {
+	}, [u]), X = /* @__PURE__ */ y("button", {
 		type: "button",
-		onClick: Pe,
+		onClick: Fe,
 		className: `inline-flex min-h-[var(--size-controlHeight-md)] items-center gap-1 rounded-button text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary ${r}`,
 		children: [/* @__PURE__ */ v(me, { className: "w-4 h-4" }), x("bigconsole.workflows.view.backToWorkflows", "Back to Workflows")]
 	});
@@ -244,9 +249,9 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 		title: x("bigconsole.workflows.errors.accessDeniedTitle", "Access Denied"),
 		description: x("bigconsole.workflows.errors.accessDeniedViewDescription", "You don't have permission to view this workflow.")
 	});
-	if (W || !E) return /* @__PURE__ */ v("div", {
+	if (!E) return /* @__PURE__ */ v("div", {
 		className: "mx-auto max-w-5xl p-4 sm:p-[var(--space-pagePadding)]",
-		children: /* @__PURE__ */ y(o, { children: [/* @__PURE__ */ v("div", { children: Z }), /* @__PURE__ */ v("section", {
+		children: /* @__PURE__ */ y(o, { children: [/* @__PURE__ */ v("div", { children: X }), /* @__PURE__ */ v("section", {
 			"aria-label": "Workflow not found",
 			"data-section-emphasis": "standard",
 			"data-testid": "workflow-not-found",
@@ -254,16 +259,16 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 			children: /* @__PURE__ */ v(h, {
 				illustration: "empty-data",
 				title: x("bigconsole.workflows.view.notFoundTitle", "Workflow not found"),
-				description: W?.message || x("bigconsole.workflows.view.notFoundDescription", "The workflow you are looking for does not exist.")
+				description: Pe?.message || x("bigconsole.workflows.view.notFoundDescription", "The workflow you are looking for does not exist.")
 			})
 		})] })
 	});
-	let Q = E.dataSinkLinks?.length || 0, Re = !!E.externalWorkflowId, $ = B?.id === E.externalWorkflowId ? B.definitionJson?.data : void 0, ze = [
-		...we ? [{
+	let Z = E.dataSinkLinks?.length || 0, ze = !!E.externalWorkflowId, Q = !!E.externalWorkflowId, $ = B?.id === E.externalWorkflowId ? B.definitionJson?.data : void 0, Be = [
+		...we && Q ? [{
 			id: "execute",
 			label: x("bigconsole.workflows.view.nextStepExecuteLabel", "Run the workflow"),
 			description: x("bigconsole.workflows.view.nextStepExecuteDescription", "Trigger an execution to pull fresh data now."),
-			onClick: X
+			onClick: Y
 		}] : [],
 		{
 			id: "design",
@@ -275,7 +280,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 			id: "edit",
 			label: x("bigconsole.workflows.view.nextStepEditLabel", "Edit in the builder"),
 			description: x("bigconsole.workflows.view.nextStepEditDescription", "Open the FluidGrids visual builder to change the flow."),
-			onClick: Y
+			onClick: J
 		}] : [],
 		{
 			id: "sinks",
@@ -292,7 +297,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 				className: "min-w-0",
 				children: [/* @__PURE__ */ v("div", {
 					className: "mb-form-gap",
-					children: Z
+					children: X
 				}), /* @__PURE__ */ y("div", {
 					className: "flex flex-col gap-form-gap md:flex-row md:items-start md:justify-between",
 					children: [/* @__PURE__ */ y("div", {
@@ -319,6 +324,11 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 										children: E.externalWorkflowId
 									})
 								]
+							}),
+							!Q && /* @__PURE__ */ v("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								"data-testid": "workflow-not-linked-hint",
+								children: x("bigconsole.workflows.view.notLinkedHint", "Save this workflow in the FluidGrids builder before running it.")
 							})
 						]
 					}), /* @__PURE__ */ y("div", {
@@ -329,8 +339,9 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 								deniedBehavior: "disable",
 								children: /* @__PURE__ */ y(m, {
 									size: "lg",
-									onClick: X,
-									disabled: A,
+									onClick: Y,
+									disabled: A || !Q,
+									title: Q ? void 0 : x("bigconsole.workflows.view.notLinkedHint", "Save this workflow in the FluidGrids builder before running it."),
 									children: [/* @__PURE__ */ v(_e, { className: "w-4 h-4" }), A ? x("bigconsole.workflows.actions.executing", "Executing...") : x("bigconsole.workflows.actions.execute", "Execute")]
 								})
 							}),
@@ -340,7 +351,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 								children: /* @__PURE__ */ y(m, {
 									size: "lg",
 									variant: "outline",
-									onClick: Y,
+									onClick: J,
 									children: [/* @__PURE__ */ v(he, { className: "w-4 h-4" }), x("bigconsole.workflows.actions.edit", "Edit")]
 								})
 							}),
@@ -362,7 +373,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 			/* @__PURE__ */ v(de, { children: x("bigconsole.workflows.view.purpose", "A workflow is the visual ETL job that feeds this BigConsole — it fetches, transforms, and delivers data into linked data sinks. From here you can run it on demand, inspect its design and execution history, copy its webhook trigger, and edit it in the visual builder.") }),
 			/* @__PURE__ */ v(ue, {
 				storageKey: "bigconsole-workflow-view",
-				steps: ze
+				steps: Be
 			}),
 			H && /* @__PURE__ */ y(a, {
 				headingLevel: 2,
@@ -405,7 +416,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 					})
 				}), /* @__PURE__ */ v(a, {
 					headingLevel: 2,
-					emphasis: Re ? "standard" : "primary",
+					emphasis: ze ? "standard" : "primary",
 					title: x("bigconsole.workflows.view.executionStatsLabel", "Execution Stats"),
 					description: "How often this workflow has run, and when it last did.",
 					"data-testid": "workflow-execution-stats",
@@ -479,7 +490,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 				actions: /* @__PURE__ */ v(m, {
 					variant: "ghost",
 					size: "sm",
-					onClick: Ie,
+					onClick: Le,
 					children: Ee ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(ye, { className: "w-4 h-4 text-status-success-text" }), x("bigconsole.workflows.actions.copied", "Copied!")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(ve, { className: "w-4 h-4" }), x("bigconsole.workflows.actions.copy", "Copy")] })
 				}),
 				children: /* @__PURE__ */ v("code", {
@@ -489,7 +500,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 			}),
 			/* @__PURE__ */ y(a, {
 				headingLevel: 2,
-				title: x("bigconsole.workflows.view.linkedDataSinksTitle", "Linked DataSinks ({{count}})", { count: Q }),
+				title: x("bigconsole.workflows.view.linkedDataSinksTitle", "Linked DataSinks ({{count}})", { count: Z }),
 				description: "Where this workflow writes the data it produces.",
 				actions: w && T ? /* @__PURE__ */ v(m, {
 					variant: "outline",
@@ -508,11 +519,11 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 						workflowId: E.id,
 						linkedSinkIds: E.dataSinkLinks.map((e) => e.dataSinkId),
 						onLinked: async () => {
-							let e = await G(E.id);
+							let e = await W(E.id);
 							e && D(e), P(!1), I(x("bigconsole.workflows.links.linked", "Data sink linked."));
 						}
 					}),
-					Q === 0 ? /* @__PURE__ */ v(h, {
+					Z === 0 ? /* @__PURE__ */ v(h, {
 						illustration: "empty-generic",
 						title: x("bigconsole.workflows.view.noDataSinksTitle", "No data sinks linked"),
 						description: x("bigconsole.workflows.view.noDataSinksDescription", "This workflow has no data sinks linked yet — its output isn't being stored.")
@@ -554,7 +565,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 											L(e.dataSinkId);
 											try {
 												if (await Oe(E.id, e.dataSinkId)) {
-													let e = await G(E.id);
+													let e = await W(E.id);
 													e && D(e), I(x("bigconsole.workflows.links.unlinked", "Data sink unlinked."));
 												} else I(x("bigconsole.workflows.links.unlinkError", "The data sink could not be unlinked. Try again."));
 											} finally {
@@ -565,7 +576,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 									}),
 									e.dataSink && /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => Le(e.dataSinkId),
+										onClick: () => Re(e.dataSinkId),
 										className: "inline-flex min-h-[var(--size-controlHeight-md)] items-center rounded-button px-2 text-xs font-medium text-text-link hover:underline sm:min-h-[var(--size-controlHeight-sm)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 										children: x("bigconsole.workflows.actions.view", "View")
 									})
@@ -621,7 +632,7 @@ var me = ({ className: e }) => /* @__PURE__ */ v("svg", {
 			workflow: E,
 			isOpen: Te,
 			onClose: () => O(!1),
-			onConfirm: Fe
+			onConfirm: Ie
 		})]
 	});
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-bigconsole",
-  "version": "2026.1029.1",
+  "version": "2026.1029.3",
   "description": "BigConsole - AI-powered analytics and dashboard platform",
   "type": "module",
   "files": [