@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/pages/DataSinkBuilderPage.js

@@ -0,0 +1,538 @@
+import { useAppNavigate as e } from "../contexts/NavigationContext.js";
+import "../contexts/index.js";
+import t from "../hooks/useDataSinkOperations.js";
+import { isNative as n, nativeCopyText as ee, nativeToast as te } from "../../utils/nativeBridge.js";
+import ne from "../components/datasink/CacheTTLSelector.js";
+import re from "../components/datasink/RefreshTypeSelector.js";
+import { memo as r, useCallback as i, useEffect as a, useMemo as ie, useState as o } from "react";
+import { useParams as ae } from "react-router-dom";
+import { AlertCircle as s, ArrowLeft as oe, Check as c, Copy as se, Database as l, Eye as u, Loader2 as d, Save as f, Settings as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S, Label as C, Textarea as w } from "@burdenoff/fe-libs/ui";
+//#region src/bigconsole/pages/DataSinkBuilderPage.tsx
+function T(e) {
+	return e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").substring(0, 64);
+}
+function ce(e) {
+	let t = {};
+	if (e.name.trim() ? e.name.length < 2 ? t.name = "Name must be at least 2 characters" : e.name.length > 100 && (t.name = "Name must be less than 100 characters") : t.name = "Name is required", e.key.trim() ? /^[a-z0-9_]+$/.test(e.key) ? e.key.length > 64 && (t.key = "Key must be less than 64 characters") : t.key = "Key can only contain lowercase letters, numbers, and underscores" : t.key = "Key is required", e.data && e.data.trim()) try {
+		JSON.parse(e.data);
+	} catch {
+		t.data = "Invalid JSON format";
+	}
+	return t;
+}
+var E = r(function() {
+	let { dataSinkId: r } = ae(), E = e(), D = r !== "new" && !!r, [O, k] = o({
+		name: "",
+		key: "",
+		description: "",
+		ttl: 300,
+		refresh: { type: "manual" },
+		data: "{}"
+	}), [A, j] = o({}), [M, N] = o(!1), [P, F] = o(!1), [I, L] = o(null), [le, R] = o(!1), [z, B] = o(!1), [V, H] = o(null), [U, W] = o(null), { loading: ue, error: G, dataSinks: de, fetchDataSink: K, createDataSink: q, updateDataSink: J, getDataSinkData: Y } = t({ skipFetch: !0 }), X = D ? de.find((e) => e.id === r) : null;
+	a(() => {
+		D && r && !X && K(r);
+	}, [
+		D,
+		r,
+		X,
+		K
+	]);
+	let [Z, fe] = o(!1);
+	a(() => {
+		if (X && !Z) {
+			let e = "";
+			if (X.data) try {
+				if (typeof X.data == "string") {
+					let t = JSON.parse(X.data);
+					e = JSON.stringify(t, null, 2);
+				} else e = JSON.stringify(X.data, null, 2);
+			} catch {
+				e = typeof X.data == "string" ? X.data : "";
+			}
+			k({
+				name: X.name || "",
+				key: X.key || "",
+				description: X.description || "",
+				ttl: X.ttl || 300,
+				refresh: X.refresh ? {
+					type: X.refresh.type === "scheduled" ? "scheduled" : "manual",
+					schedule: X.refresh.schedule ? {
+						cron: X.refresh.schedule.cron,
+						timezone: X.refresh.schedule.timezone
+					} : void 0
+				} : { type: "manual" },
+				data: e
+			}), N(!0), fe(!0), j({});
+		}
+	}, [X, Z]);
+	let pe = i((e) => {
+		let t = e.target.value;
+		k((e) => ({
+			...e,
+			name: t,
+			key: M ? e.key : T(t)
+		})), j((e) => ({
+			...e,
+			name: void 0
+		}));
+	}, [M]), me = i((e) => {
+		let t = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "");
+		k((e) => ({
+			...e,
+			key: t
+		})), N(!0), j((e) => ({
+			...e,
+			key: void 0
+		}));
+	}, []), he = i((e) => {
+		k((t) => ({
+			...t,
+			description: e.target.value
+		}));
+	}, []), ge = i((e) => {
+		k((t) => ({
+			...t,
+			ttl: e || 0
+		}));
+	}, []), Q = i((e) => {
+		k((t) => ({
+			...t,
+			refresh: e
+		}));
+	}, []), _e = i((e) => {
+		k((t) => ({
+			...t,
+			data: e.target.value
+		})), j((e) => ({
+			...e,
+			data: void 0
+		}));
+	}, []), ve = i(() => {
+		try {
+			let e = JSON.parse(O.data);
+			k((t) => ({
+				...t,
+				data: JSON.stringify(e, null, 2)
+			})), j((e) => ({
+				...e,
+				data: void 0
+			}));
+		} catch {
+			j((e) => ({
+				...e,
+				data: "Invalid JSON format"
+			}));
+		}
+	}, [O.data]), ye = i(async () => {
+		O.key && (await ee(O.key), R(!0), n() && te("Key copied"), setTimeout(() => R(!1), 2e3));
+	}, [O.key]), $ = i(() => {
+		E("/datasinks");
+	}, [E]), be = i(async () => {
+		if (!(!D || !X)) {
+			B(!0), W(null);
+			try {
+				let e = await Y({ key: X.key });
+				e?.raw ? H(Array.isArray(e.raw) ? e.raw.slice(0, 20) : [e.raw]) : H([]);
+			} catch (e) {
+				W(e instanceof Error ? e.message : "Failed to load data");
+			} finally {
+				B(!1);
+			}
+		}
+	}, [
+		D,
+		X,
+		Y
+	]), xe = i(async (e) => {
+		e.preventDefault(), L(null);
+		let t = ce(O);
+		if (Object.keys(t).length > 0) {
+			j(t);
+			return;
+		}
+		F(!0);
+		try {
+			let e = {};
+			if (O.data && O.data.trim()) try {
+				e = JSON.parse(O.data);
+			} catch {
+				j((e) => ({
+					...e,
+					data: "Invalid JSON format"
+				})), F(!1);
+				return;
+			}
+			if (D && X) {
+				if (!await J({
+					id: X.id,
+					version: X.version,
+					name: O.name,
+					description: O.description || void 0,
+					ttl: O.ttl,
+					refresh: {
+						type: O.refresh.type,
+						schedule: O.refresh.schedule
+					},
+					data: e
+				})) throw Error("Failed to update DataSink");
+			} else if (!await q({
+				key: O.key,
+				name: O.name,
+				description: O.description || void 0,
+				ttl: O.ttl,
+				refresh: {
+					type: O.refresh.type,
+					schedule: O.refresh.schedule
+				},
+				data: e
+			})) throw Error("Failed to create DataSink");
+			E("/datasinks");
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Failed to save DataSink");
+		} finally {
+			F(!1);
+		}
+	}, [
+		O,
+		D,
+		X,
+		q,
+		J,
+		E
+	]), Se = ie(() => {
+		let e = O.name.trim().length >= 2, t = O.key.trim().length > 0, n = !0;
+		if (O.data && O.data.trim()) try {
+			JSON.parse(O.data);
+		} catch {
+			n = !1;
+		}
+		return e && t && n;
+	}, [
+		O.name,
+		O.key,
+		O.data
+	]);
+	return ue && D ? /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ h(d, { className: "w-8 h-8 text-text-secondary animate-spin" })
+	}) : G ? /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-center min-h-[400px] p-card-padding",
+		children: /* @__PURE__ */ g("div", {
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ h(s, { className: "w-12 h-12 text-state-error mx-auto mb-spacing-md" }),
+				/* @__PURE__ */ h("p", {
+					className: "text-state-error text-body-sm font-medium mb-spacing-sm",
+					children: "Failed to load DataSink"
+				}),
+				/* @__PURE__ */ h("p", {
+					className: "text-text-tertiary text-body-xs",
+					children: G.message
+				})
+			]
+		})
+	}) : /* @__PURE__ */ h("div", {
+		className: "min-h-screen bg-bg-canvas",
+		children: /* @__PURE__ */ g("div", {
+			className: "max-w-3xl mx-auto p-card-padding",
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: "mb-spacing-lg",
+					children: [
+						/* @__PURE__ */ g(_, {
+							onClick: $,
+							variant: "ghost",
+							size: "sm",
+							className: "mb-spacing-md",
+							children: [/* @__PURE__ */ h(oe, { className: "w-4 h-4 mr-2" }), "Back to DataSinks"]
+						}),
+						/* @__PURE__ */ h("h1", {
+							className: "text-heading-h1 font-bold text-text-primary",
+							children: D ? "Edit DataSink" : "Create DataSink"
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "text-body-sm text-text-secondary mt-spacing-xs",
+							children: D ? "Update the DataSink configuration." : "Create a new DataSink to store and cache data. Use the unique key to connect workflows."
+						})
+					]
+				}),
+				I && /* @__PURE__ */ g("div", {
+					className: "mb-spacing-lg p-4 bg-state-error/10 border border-state-error/30 rounded-lg flex items-start gap-3",
+					children: [/* @__PURE__ */ h(s, { className: "w-5 h-5 text-state-error flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+						className: "text-sm font-medium text-state-error",
+						children: "Failed to save DataSink"
+					}), /* @__PURE__ */ h("p", {
+						className: "text-xs text-state-error/80 mt-1",
+						children: I
+					})] })]
+				}),
+				/* @__PURE__ */ g("form", {
+					onSubmit: xe,
+					className: "space-y-spacing-lg",
+					children: [
+						/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, {
+							className: "pb-4",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ h("div", {
+									className: "w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center",
+									children: /* @__PURE__ */ h(l, { className: "w-4 h-4 text-action-primary-bg" })
+								}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(x, {
+									className: "text-base",
+									children: "Basic Information"
+								}), /* @__PURE__ */ h("p", {
+									className: "text-xs text-text-secondary mt-0.5",
+									children: "Essential details for your DataSink"
+								})] })]
+							})
+						}), /* @__PURE__ */ g(y, {
+							className: "space-y-5",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "space-y-spacing-sm",
+									children: [
+										/* @__PURE__ */ g(C, {
+											htmlFor: "name",
+											children: ["Name ", /* @__PURE__ */ h("span", {
+												className: "text-state-error",
+												children: "*"
+											})]
+										}),
+										/* @__PURE__ */ h(S, {
+											id: "name",
+											type: "text",
+											value: O.name,
+											onChange: pe,
+											placeholder: "e.g., Sales Metrics",
+											className: A.name ? "border-state-error" : ""
+										}),
+										A.name && /* @__PURE__ */ h("p", {
+											className: "text-body-xs text-state-error",
+											children: A.name
+										})
+									]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "space-y-spacing-sm",
+									children: [
+										/* @__PURE__ */ g(C, {
+											htmlFor: "key",
+											children: ["Unique Key ", /* @__PURE__ */ h("span", {
+												className: "text-state-error",
+												children: "*"
+											})]
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex gap-2",
+											children: [/* @__PURE__ */ h(S, {
+												id: "key",
+												type: "text",
+												value: O.key,
+												onChange: me,
+												placeholder: "sales_metrics",
+												disabled: D,
+												className: `font-mono flex-1 ${A.key ? "border-state-error" : ""}`
+											}), O.key && /* @__PURE__ */ h(_, {
+												type: "button",
+												onClick: ye,
+												variant: "outline",
+												size: "sm",
+												className: "px-3",
+												children: le ? /* @__PURE__ */ h(c, { className: "w-4 h-4 text-state-success" }) : /* @__PURE__ */ h(se, { className: "w-4 h-4" })
+											})]
+										}),
+										A.key && /* @__PURE__ */ h("p", {
+											className: "text-body-xs text-state-error",
+											children: A.key
+										}),
+										/* @__PURE__ */ h("p", {
+											className: "text-body-xs text-text-tertiary",
+											children: D ? "Key cannot be changed. Use this key in your workflows to push data." : "Auto-generated from name. This key will be used by workflows to push data."
+										})
+									]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "space-y-spacing-sm",
+									children: [/* @__PURE__ */ h(C, {
+										htmlFor: "description",
+										children: "Description"
+									}), /* @__PURE__ */ h(w, {
+										id: "description",
+										value: O.description,
+										onChange: he,
+										placeholder: "Describe what data this sink stores...",
+										rows: 2,
+										className: "resize-none"
+									})]
+								})
+							]
+						})] }),
+						/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, {
+							className: "pb-4",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ h("div", {
+									className: "w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center",
+									children: /* @__PURE__ */ h(p, { className: "w-4 h-4 text-action-primary-bg" })
+								}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(x, {
+									className: "text-base",
+									children: "Configuration"
+								}), /* @__PURE__ */ h("p", {
+									className: "text-xs text-text-secondary mt-0.5",
+									children: "Cache and refresh settings"
+								})] })]
+							})
+						}), /* @__PURE__ */ g(y, {
+							className: "space-y-5",
+							children: [/* @__PURE__ */ g("div", {
+								className: "space-y-spacing-sm",
+								children: [
+									/* @__PURE__ */ h(C, { children: "Cache Duration" }),
+									/* @__PURE__ */ h(ne, {
+										value: O.ttl,
+										onChange: ge
+									}),
+									/* @__PURE__ */ h("p", {
+										className: "text-body-xs text-text-tertiary",
+										children: "How long cached data remains valid before requiring refresh."
+									})
+								]
+							}), /* @__PURE__ */ h(re, {
+								value: O.refresh,
+								onChange: Q
+							})]
+						})] }),
+						/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, {
+							className: "pb-4",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ h("div", {
+										className: "w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center",
+										children: /* @__PURE__ */ h(l, { className: "w-4 h-4 text-action-primary-bg" })
+									}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(x, {
+										className: "text-base",
+										children: "Data Payload"
+									}), /* @__PURE__ */ h("p", {
+										className: "text-xs text-text-secondary mt-0.5",
+										children: D ? "Edit the JSON data stored in this DataSink" : "Optional initial data (JSON format)"
+									})] })]
+								}), /* @__PURE__ */ h(_, {
+									type: "button",
+									onClick: ve,
+									variant: "outline",
+									size: "sm",
+									children: "Format JSON"
+								})]
+							})
+						}), /* @__PURE__ */ h(y, { children: /* @__PURE__ */ g("div", {
+							className: "space-y-spacing-sm",
+							children: [
+								/* @__PURE__ */ h(w, {
+									value: O.data,
+									onChange: _e,
+									placeholder: "{\"key\": \"value\"}",
+									rows: 10,
+									className: `font-mono text-xs resize-y ${A.data ? "border-state-error" : ""}`
+								}),
+								A.data && /* @__PURE__ */ h("p", {
+									className: "text-body-xs text-state-error",
+									children: A.data
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-body-xs text-text-tertiary",
+									children: "Enter valid JSON data. This data will be stored and can be accessed by widgets via parsers."
+								})
+							]
+						}) })] }),
+						D && X && /* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, {
+							className: "pb-4",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ h("div", {
+										className: "w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center",
+										children: /* @__PURE__ */ h(u, { className: "w-4 h-4 text-action-primary-bg" })
+									}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(x, {
+										className: "text-base",
+										children: "Data Preview"
+									}), /* @__PURE__ */ h("p", {
+										className: "text-xs text-text-secondary mt-0.5",
+										children: "Preview the first 20 records"
+									})] })]
+								}), /* @__PURE__ */ h(_, {
+									type: "button",
+									onClick: be,
+									variant: "outline",
+									size: "sm",
+									disabled: z,
+									children: z ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "w-4 h-4 mr-2 animate-spin" }), "Loading..."] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "w-4 h-4 mr-2" }), "Show Data"] })
+								})]
+							})
+						}), (V || U) && /* @__PURE__ */ h(y, { children: U ? /* @__PURE__ */ h("div", {
+							className: "p-4 bg-state-error/10 border border-state-error/30 rounded-md",
+							children: /* @__PURE__ */ h("p", {
+								className: "text-sm text-state-error",
+								children: U
+							})
+						}) : V && V.length > 0 ? /* @__PURE__ */ h("pre", {
+							className: "p-4 bg-bg-muted rounded-md overflow-auto max-h-[300px] text-xs font-mono",
+							children: JSON.stringify(V, null, 2)
+						}) : /* @__PURE__ */ h("div", {
+							className: "p-4 bg-bg-muted rounded-md text-center",
+							children: /* @__PURE__ */ h("p", {
+								className: "text-sm text-text-secondary",
+								children: "No data available yet. Connect a workflow to push data."
+							})
+						}) })] }),
+						/* @__PURE__ */ g("div", {
+							className: "flex items-center justify-end gap-spacing-md pt-spacing-md",
+							children: [/* @__PURE__ */ h(_, {
+								type: "button",
+								onClick: $,
+								variant: "secondary",
+								children: "Cancel"
+							}), /* @__PURE__ */ h(_, {
+								type: "submit",
+								disabled: !Se || P,
+								variant: "default",
+								children: P ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "w-4 h-4 mr-2 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(f, { className: "w-4 h-4 mr-2" }), D ? "Save Changes" : "Create DataSink"] })
+							})]
+						})
+					]
+				}),
+				!D && /* @__PURE__ */ g("div", {
+					className: "mt-spacing-lg p-4 bg-bg-muted rounded-lg border border-border-default",
+					children: [/* @__PURE__ */ h("h3", {
+						className: "text-sm font-medium text-text-primary mb-2",
+						children: "What's Next?"
+					}), /* @__PURE__ */ g("ol", {
+						className: "list-decimal list-inside text-xs text-text-secondary space-y-1",
+						children: [
+							/* @__PURE__ */ h("li", { children: "Create this DataSink to get your unique key" }),
+							/* @__PURE__ */ g("li", { children: [
+								"Go to ",
+								/* @__PURE__ */ h("strong", { children: "Workflows" }),
+								" and create a FluidGrids workflow"
+							] }),
+							/* @__PURE__ */ h("li", { children: "Use the unique key in your workflow to push data to this DataSink" }),
+							/* @__PURE__ */ g("li", { children: [
+								"Create ",
+								/* @__PURE__ */ h("strong", { children: "Parsers" }),
+								" to transform the data using JQ or JSONata"
+							] })
+						]
+					})]
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { E as DataSinkBuilderPage, E as default };
+
+//# sourceMappingURL=DataSinkBuilderPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSinkBuilderPage.tsx"],"sourcesContent":["/**\n * DataSink Builder Page\n *\n * Simplified page for creating and editing DataSinks.\n * DataSinks are now standalone - workflows push data to them via unique keys.\n * Required fields: name, key\n */\n\nimport { memo, useState, useMemo, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeCopyText, nativeToast } from '../../utils/nativeBridge';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { CacheTTLSelector } from '../components/datasink/CacheTTLSelector';\nimport { RefreshTypeSelector } from '../components/datasink/RefreshTypeSelector';\nimport type { CreateDataSinkInput, UpdateDataSinkInput, DataSinkRefreshType } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Textarea } from '@burdenoff/fe-libs/ui';\nimport { Label } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { ArrowLeft, Save, Loader2, AlertCircle, Database, Settings, Eye, Copy, Check } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface RefreshConfig {\n  type: 'manual' | 'scheduled';\n  schedule?: {\n    cron: string;\n    timezone: string;\n  };\n}\n\ninterface FormState {\n  name: string;\n  key: string;\n  description: string;\n  ttl: number;\n  refresh: RefreshConfig;\n  data: string; // JSON string for data payload\n}\n\ninterface FormErrors {\n  name?: string;\n  key?: string;\n  data?: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Generate a key from name (slug format)\n */\nfunction generateKey(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '_')\n    .replace(/^_+|_+$/g, '')\n    .substring(0, 64);\n}\n\n/**\n * Validate form data\n */\nfunction validateForm(form: FormState): FormErrors {\n  const errors: FormErrors = {};\n\n  if (!form.name.trim()) {\n    errors.name = 'Name is required';\n  } else if (form.name.length < 2) {\n    errors.name = 'Name must be at least 2 characters';\n  } else if (form.name.length > 100) {\n    errors.name = 'Name must be less than 100 characters';\n  }\n\n  if (!form.key.trim()) {\n    errors.key = 'Key is required';\n  } else if (!/^[a-z0-9_]+$/.test(form.key)) {\n    errors.key = 'Key can only contain lowercase letters, numbers, and underscores';\n  } else if (form.key.length > 64) {\n    errors.key = 'Key must be less than 64 characters';\n  }\n\n  // Validate JSON data if provided\n  if (form.data && form.data.trim()) {\n    try {\n      JSON.parse(form.data);\n    } catch {\n      errors.data = 'Invalid JSON format';\n    }\n  }\n\n  return errors;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkBuilderPage = memo(function DataSinkBuilderPage() {\n  const { dataSinkId } = useParams<{ dataSinkId?: string }>();\n  const navigate = useAppNavigate();\n\n  const isEdit = dataSinkId !== 'new' && !!dataSinkId;\n\n  // Form state\n  const [form, setForm] = useState<FormState>({\n    name: '',\n    key: '',\n    description: '',\n    ttl: 300, // 5 minutes default\n    refresh: {\n      type: 'manual',\n    },\n    data: '{}', // Default empty JSON object\n  });\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [keyManuallyEdited, setKeyManuallyEdited] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [keyCopied, setKeyCopied] = useState(false);\n\n  // Data preview state\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false);\n  const [previewData, setPreviewData] = useState<unknown[] | null>(null);\n  const [previewError, setPreviewError] = useState<string | null>(null);\n\n  // Operations\n  const { loading, error, dataSinks, fetchDataSink, createDataSink, updateDataSink, getDataSinkData } =\n    useDataSinkOperations({\n      skipFetch: true,\n    });\n\n  // Get existing data sink if editing\n  const existingDataSink = isEdit ? dataSinks.find((ds) => ds.id === dataSinkId) : null;\n\n  // Load existing data sink for editing\n  useEffect(() => {\n    if (isEdit && dataSinkId && !existingDataSink) {\n      fetchDataSink(dataSinkId);\n    }\n  }, [isEdit, dataSinkId, existingDataSink, fetchDataSink]);\n\n  // Track if form has been initialized\n  const [formInitialized, setFormInitialized] = useState(false);\n\n  // Populate form with existing data when editing (only once)\n  useEffect(() => {\n    if (existingDataSink && !formInitialized) {\n      // Format existing data as pretty JSON string\n      let dataString = '';\n      if (existingDataSink.data) {\n        try {\n          // Check if data is already a string (JSON string from API)\n          if (typeof existingDataSink.data === 'string') {\n            // Parse and re-stringify to ensure proper formatting\n            const parsed = JSON.parse(existingDataSink.data);\n            dataString = JSON.stringify(parsed, null, 2);\n          } else {\n            // It's an object, just stringify it\n            dataString = JSON.stringify(existingDataSink.data, null, 2);\n          }\n        } catch {\n          // If parsing fails, use as-is if string, otherwise empty\n          dataString = typeof existingDataSink.data === 'string' ? existingDataSink.data : '';\n        }\n      }\n\n      setForm({\n        name: existingDataSink.name || '',\n        key: existingDataSink.key || '',\n        description: existingDataSink.description || '',\n        ttl: existingDataSink.ttl || 300,\n        refresh: existingDataSink.refresh\n          ? {\n              type: existingDataSink.refresh.type === 'scheduled' ? 'scheduled' : 'manual',\n              schedule: existingDataSink.refresh.schedule\n                ? {\n                    cron: existingDataSink.refresh.schedule.cron,\n                    timezone: existingDataSink.refresh.schedule.timezone,\n                  }\n                : undefined,\n            }\n          : { type: 'manual' },\n        data: dataString,\n      });\n      setKeyManuallyEdited(true); // Don't auto-generate key when editing\n      setFormInitialized(true); // Mark as initialized\n      setErrors({}); // Clear any errors\n    }\n  }, [existingDataSink, formInitialized]);\n\n  // Auto-generate key from name\n  const handleNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const name = e.target.value;\n      setForm((prev) => ({\n        ...prev,\n        name,\n        key: keyManuallyEdited ? prev.key : generateKey(name),\n      }));\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    },\n    [keyManuallyEdited]\n  );\n\n  // Handle key change\n  const handleKeyChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const key = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, '');\n    setForm((prev) => ({ ...prev, key }));\n    setKeyManuallyEdited(true);\n    setErrors((prev) => ({ ...prev, key: undefined }));\n  }, []);\n\n  // Handle description change\n  const handleDescriptionChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, description: e.target.value }));\n  }, []);\n\n  // Handle TTL change\n  const handleTTLChange = useCallback((ttl: number | null) => {\n    setForm((prev) => ({ ...prev, ttl: ttl || 0 }));\n  }, []);\n\n  // Handle refresh config change\n  const handleRefreshChange = useCallback((config: RefreshConfig) => {\n    setForm((prev) => ({ ...prev, refresh: config }));\n  }, []);\n\n  // Handle data change\n  const handleDataChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, data: e.target.value }));\n    setErrors((prev) => ({ ...prev, data: undefined }));\n  }, []);\n\n  // Format JSON data\n  const handleFormatData = useCallback(() => {\n    try {\n      const parsed = JSON.parse(form.data);\n      setForm((prev) => ({ ...prev, data: JSON.stringify(parsed, null, 2) }));\n      setErrors((prev) => ({ ...prev, data: undefined }));\n    } catch {\n      setErrors((prev) => ({ ...prev, data: 'Invalid JSON format' }));\n    }\n  }, [form.data]);\n\n  // Copy key to clipboard\n  const handleCopyKey = useCallback(async () => {\n    if (form.key) {\n      await nativeCopyText(form.key);\n      setKeyCopied(true);\n      if (isNative()) void nativeToast('Key copied');\n      setTimeout(() => setKeyCopied(false), 2000);\n    }\n  }, [form.key]);\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navigate('/datasinks');\n  }, [navigate]);\n\n  // Load data preview\n  const handleShowData = useCallback(async () => {\n    if (!isEdit || !existingDataSink) return;\n\n    setIsLoadingPreview(true);\n    setPreviewError(null);\n\n    try {\n      const result = await getDataSinkData({ key: existingDataSink.key });\n      if (result?.raw) {\n        // Get first 20 items if it's an array, otherwise wrap in array\n        const data = Array.isArray(result.raw) ? result.raw.slice(0, 20) : [result.raw];\n        setPreviewData(data);\n      } else {\n        setPreviewData([]);\n      }\n    } catch (err) {\n      setPreviewError(err instanceof Error ? err.message : 'Failed to load data');\n    } finally {\n      setIsLoadingPreview(false);\n    }\n  }, [isEdit, existingDataSink, getDataSinkData]);\n\n  // Handle form submission\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n      setSubmitError(null);\n\n      // Validate form\n      const validationErrors = validateForm(form);\n      if (Object.keys(validationErrors).length > 0) {\n        setErrors(validationErrors);\n        return;\n      }\n\n      setIsSaving(true);\n      try {\n        // Parse data JSON\n        let parsedData: Record<string, unknown> = {};\n        if (form.data && form.data.trim()) {\n          try {\n            parsedData = JSON.parse(form.data) as Record<string, unknown>;\n          } catch {\n            setErrors((prev) => ({ ...prev, data: 'Invalid JSON format' }));\n            setIsSaving(false);\n            return;\n          }\n        }\n\n        if (isEdit && existingDataSink) {\n          // Update existing\n          const input: UpdateDataSinkInput = {\n            id: existingDataSink.id,\n            version: existingDataSink.version,\n            name: form.name,\n            description: form.description || undefined,\n            ttl: form.ttl,\n            refresh: {\n              type: form.refresh.type as DataSinkRefreshType,\n              schedule: form.refresh.schedule,\n            },\n            data: parsedData, // Include data in update\n          };\n          const result = await updateDataSink(input);\n          if (!result) {\n            throw new Error('Failed to update DataSink');\n          }\n        } else {\n          // Create new - simplified flow (standalone DataSinks)\n          const input: CreateDataSinkInput = {\n            key: form.key,\n            name: form.name,\n            description: form.description || undefined,\n            ttl: form.ttl,\n            refresh: {\n              type: form.refresh.type as DataSinkRefreshType,\n              schedule: form.refresh.schedule,\n            },\n            data: parsedData, // Include data in create\n          };\n          const result = await createDataSink(input);\n          if (!result) {\n            throw new Error('Failed to create DataSink');\n          }\n        }\n        navigate('/datasinks');\n      } catch (err) {\n        setSubmitError(err instanceof Error ? err.message : 'Failed to save DataSink');\n      } finally {\n        setIsSaving(false);\n      }\n    },\n    [form, isEdit, existingDataSink, createDataSink, updateDataSink, navigate]\n  );\n\n  // Check if form is valid\n  const isFormValid = useMemo(() => {\n    const nameValid = form.name.trim().length >= 2;\n    const keyValid = form.key.trim().length > 0;\n\n    // Check JSON validity if data is provided\n    let dataValid = true;\n    if (form.data && form.data.trim()) {\n      try {\n        JSON.parse(form.data);\n      } catch {\n        dataValid = false;\n      }\n    }\n\n    return nameValid && keyValid && dataValid;\n  }, [form.name, form.key, form.data]);\n\n  // Loading state\n  if (loading && isEdit) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <Loader2 className=\"w-8 h-8 text-text-secondary animate-spin\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px] p-card-padding\">\n        <div className=\"text-center\">\n          <AlertCircle className=\"w-12 h-12 text-state-error mx-auto mb-spacing-md\" />\n          <p className=\"text-state-error text-body-sm font-medium mb-spacing-sm\">Failed to load DataSink</p>\n          <p className=\"text-text-tertiary text-body-xs\">{error.message}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-screen bg-bg-canvas\">\n      <div className=\"max-w-3xl mx-auto p-card-padding\">\n        {/* Header */}\n        <div className=\"mb-spacing-lg\">\n          <Button onClick={handleBack} variant=\"ghost\" size=\"sm\" className=\"mb-spacing-md\">\n            <ArrowLeft className=\"w-4 h-4 mr-2\" />\n            Back to DataSinks\n          </Button>\n          <h1 className=\"text-heading-h1 font-bold text-text-primary\">\n            {isEdit ? 'Edit DataSink' : 'Create DataSink'}\n          </h1>\n          <p className=\"text-body-sm text-text-secondary mt-spacing-xs\">\n            {isEdit\n              ? 'Update the DataSink configuration.'\n              : 'Create a new DataSink to store and cache data. Use the unique key to connect workflows.'}\n          </p>\n        </div>\n\n        {/* Error Alert */}\n        {submitError && (\n          <div className=\"mb-spacing-lg p-4 bg-state-error/10 border border-state-error/30 rounded-lg flex items-start gap-3\">\n            <AlertCircle className=\"w-5 h-5 text-state-error flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-state-error\">Failed to save DataSink</p>\n              <p className=\"text-xs text-state-error/80 mt-1\">{submitError}</p>\n            </div>\n          </div>\n        )}\n\n        {/* Form */}\n        <form onSubmit={handleSubmit} className=\"space-y-spacing-lg\">\n          {/* Basic Information */}\n          <Card>\n            <CardHeader className=\"pb-4\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                  <Database className=\"w-4 h-4 text-action-primary-bg\" />\n                </div>\n                <div>\n                  <CardTitle className=\"text-base\">Basic Information</CardTitle>\n                  <p className=\"text-xs text-text-secondary mt-0.5\">Essential details for your DataSink</p>\n                </div>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-5\">\n              {/* Name field */}\n              <div className=\"space-y-spacing-sm\">\n                <Label htmlFor=\"name\">\n                  Name <span className=\"text-state-error\">*</span>\n                </Label>\n                <Input\n                  id=\"name\"\n                  type=\"text\"\n                  value={form.name}\n                  onChange={handleNameChange}\n                  placeholder=\"e.g., Sales Metrics\"\n                  className={errors.name ? 'border-state-error' : ''}\n                />\n                {errors.name && <p className=\"text-body-xs text-state-error\">{errors.name}</p>}\n              </div>\n\n              {/* Key field */}\n              <div className=\"space-y-spacing-sm\">\n                <Label htmlFor=\"key\">\n                  Unique Key <span className=\"text-state-error\">*</span>\n                </Label>\n                <div className=\"flex gap-2\">\n                  <Input\n                    id=\"key\"\n                    type=\"text\"\n                    value={form.key}\n                    onChange={handleKeyChange}\n                    placeholder=\"sales_metrics\"\n                    disabled={isEdit}\n                    className={`font-mono flex-1 ${errors.key ? 'border-state-error' : ''}`}\n                  />\n                  {form.key && (\n                    <Button type=\"button\" onClick={handleCopyKey} variant=\"outline\" size=\"sm\" className=\"px-3\">\n                      {keyCopied ? <Check className=\"w-4 h-4 text-state-success\" /> : <Copy className=\"w-4 h-4\" />}\n                    </Button>\n                  )}\n                </div>\n                {errors.key && <p className=\"text-body-xs text-state-error\">{errors.key}</p>}\n                <p className=\"text-body-xs text-text-tertiary\">\n                  {isEdit\n                    ? 'Key cannot be changed. Use this key in your workflows to push data.'\n                    : 'Auto-generated from name. This key will be used by workflows to push data.'}\n                </p>\n              </div>\n\n              {/* Description field */}\n              <div className=\"space-y-spacing-sm\">\n                <Label htmlFor=\"description\">Description</Label>\n                <Textarea\n                  id=\"description\"\n                  value={form.description}\n                  onChange={handleDescriptionChange}\n                  placeholder=\"Describe what data this sink stores...\"\n                  rows={2}\n                  className=\"resize-none\"\n                />\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* Configuration */}\n          <Card>\n            <CardHeader className=\"pb-4\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                  <Settings className=\"w-4 h-4 text-action-primary-bg\" />\n                </div>\n                <div>\n                  <CardTitle className=\"text-base\">Configuration</CardTitle>\n                  <p className=\"text-xs text-text-secondary mt-0.5\">Cache and refresh settings</p>\n                </div>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-5\">\n              {/* Cache TTL */}\n              <div className=\"space-y-spacing-sm\">\n                <Label>Cache Duration</Label>\n                <CacheTTLSelector value={form.ttl} onChange={handleTTLChange} />\n                <p className=\"text-body-xs text-text-tertiary\">\n                  How long cached data remains valid before requiring refresh.\n                </p>\n              </div>\n\n              {/* Refresh Type */}\n              <RefreshTypeSelector value={form.refresh} onChange={handleRefreshChange} />\n            </CardContent>\n          </Card>\n\n          {/* Data Payload */}\n          <Card>\n            <CardHeader className=\"pb-4\">\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                    <Database className=\"w-4 h-4 text-action-primary-bg\" />\n                  </div>\n                  <div>\n                    <CardTitle className=\"text-base\">Data Payload</CardTitle>\n                    <p className=\"text-xs text-text-secondary mt-0.5\">\n                      {isEdit ? 'Edit the JSON data stored in this DataSink' : 'Optional initial data (JSON format)'}\n                    </p>\n                  </div>\n                </div>\n                <Button type=\"button\" onClick={handleFormatData} variant=\"outline\" size=\"sm\">\n                  Format JSON\n                </Button>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-spacing-sm\">\n                <Textarea\n                  value={form.data}\n                  onChange={handleDataChange}\n                  placeholder='{\"key\": \"value\"}'\n                  rows={10}\n                  className={`font-mono text-xs resize-y ${errors.data ? 'border-state-error' : ''}`}\n                />\n                {errors.data && <p className=\"text-body-xs text-state-error\">{errors.data}</p>}\n                <p className=\"text-body-xs text-text-tertiary\">\n                  Enter valid JSON data. This data will be stored and can be accessed by widgets via parsers.\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* Data Preview - Only show for existing DataSinks */}\n          {isEdit && existingDataSink && (\n            <Card>\n              <CardHeader className=\"pb-4\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <Eye className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Data Preview</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Preview the first 20 records</p>\n                    </div>\n                  </div>\n                  <Button\n                    type=\"button\"\n                    onClick={handleShowData}\n                    variant=\"outline\"\n                    size=\"sm\"\n                    disabled={isLoadingPreview}\n                  >\n                    {isLoadingPreview ? (\n                      <>\n                        <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                        Loading...\n                      </>\n                    ) : (\n                      <>\n                        <Eye className=\"w-4 h-4 mr-2\" />\n                        Show Data\n                      </>\n                    )}\n                  </Button>\n                </div>\n              </CardHeader>\n              {(previewData || previewError) && (\n                <CardContent>\n                  {previewError ? (\n                    <div className=\"p-4 bg-state-error/10 border border-state-error/30 rounded-md\">\n                      <p className=\"text-sm text-state-error\">{previewError}</p>\n                    </div>\n                  ) : previewData && previewData.length > 0 ? (\n                    <pre className=\"p-4 bg-bg-muted rounded-md overflow-auto max-h-[300px] text-xs font-mono\">\n                      {JSON.stringify(previewData, null, 2)}\n                    </pre>\n                  ) : (\n                    <div className=\"p-4 bg-bg-muted rounded-md text-center\">\n                      <p className=\"text-sm text-text-secondary\">\n                        No data available yet. Connect a workflow to push data.\n                      </p>\n                    </div>\n                  )}\n                </CardContent>\n              )}\n            </Card>\n          )}\n\n          {/* Submit */}\n          <div className=\"flex items-center justify-end gap-spacing-md pt-spacing-md\">\n            <Button type=\"button\" onClick={handleBack} variant=\"secondary\">\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={!isFormValid || isSaving} variant=\"default\">\n              {isSaving ? (\n                <>\n                  <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                  Saving...\n                </>\n              ) : (\n                <>\n                  <Save className=\"w-4 h-4 mr-2\" />\n                  {isEdit ? 'Save Changes' : 'Create DataSink'}\n                </>\n              )}\n            </Button>\n          </div>\n        </form>\n\n        {/* Info Box for New DataSinks */}\n        {!isEdit && (\n          <div className=\"mt-spacing-lg p-4 bg-bg-muted rounded-lg border border-border-default\">\n            <h3 className=\"text-sm font-medium text-text-primary mb-2\">What&apos;s Next?</h3>\n            <ol className=\"list-decimal list-inside text-xs text-text-secondary space-y-1\">\n              <li>Create this DataSink to get your unique key</li>\n              <li>\n                Go to <strong>Workflows</strong> and create a FluidGrids workflow\n              </li>\n              <li>Use the unique key in your workflow to push data to this DataSink</li>\n              <li>\n                Create <strong>Parsers</strong> to transform the data using JQ or JSONata\n              </li>\n            </ol>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport default DataSinkBuilderPage;\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/**
+ * DataSink View Page
+ *
+ * Page for viewing DataSink details, data preview, and actions.
+ */
+export declare const DataSinkViewPage: import('react').NamedExoticComponent<object>;
+export default DataSinkViewPage;
+//# sourceMappingURL=DataSinkViewPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkViewPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSinkViewPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AA0CH,eAAO,MAAM,gBAAgB,8CA4V3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}