@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/datasink/LinkedWorkflowsPanel.js

@@ -0,0 +1,204 @@
+import { AppLink as e } from "../../contexts/NavigationContext.js";
+import "../../contexts/index.js";
+import { memo as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { formatDistanceToNow as a } from "date-fns";
+//#region src/bigconsole/components/datasink/LinkedWorkflowsPanel.tsx
+function o(e) {
+	switch (e) {
+		case "active": return {
+			label: "Active",
+			bgColor: "bg-state-success/10",
+			textColor: "text-state-success",
+			dotColor: "bg-state-success"
+		};
+		case "paused": return {
+			label: "Paused",
+			bgColor: "bg-state-warning/10",
+			textColor: "text-state-warning",
+			dotColor: "bg-state-warning"
+		};
+		case "error": return {
+			label: "Error",
+			bgColor: "bg-state-error/10",
+			textColor: "text-state-error",
+			dotColor: "bg-state-error"
+		};
+		case "archived": return {
+			label: "Archived",
+			bgColor: "bg-text-tertiary/10",
+			textColor: "text-text-tertiary",
+			dotColor: "bg-text-tertiary"
+		};
+		default: return {
+			label: "Draft",
+			bgColor: "bg-action-primary-bg/10",
+			textColor: "text-action-primary-bg",
+			dotColor: "bg-action-primary-bg"
+		};
+	}
+}
+var s = ({ className: e }) => /* @__PURE__ */ r("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5,
+		d: "M13 10V3L4 14h7v7l9-11h-7z"
+	})
+}), c = ({ className: e }) => /* @__PURE__ */ r("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
+	})
+}), l = ({ className: e }) => /* @__PURE__ */ r("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M9 5l7 7-7 7"
+	})
+}), u = t(function({ workflowLinks: t = [], isLoading: u = !1 }) {
+	let d = t.filter((e) => e.isEnabled), f = t.filter((e) => !e.isEnabled);
+	return /* @__PURE__ */ i("div", {
+		className: "border border-border-default rounded-lg bg-bg-surface overflow-hidden",
+		children: [/* @__PURE__ */ i("div", {
+			className: "px-4 py-3 border-b border-border-default bg-bg-muted flex items-center justify-between",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ r(c, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ r("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Linked Workflows"
+				})]
+			}), /* @__PURE__ */ i("span", {
+				className: "text-xs text-text-secondary",
+				children: [
+					t.length,
+					" workflow",
+					t.length === 1 ? "" : "s"
+				]
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "p-4",
+			children: u ? /* @__PURE__ */ r("div", {
+				className: "flex items-center justify-center py-8",
+				children: /* @__PURE__ */ i("svg", {
+					className: "w-6 h-6 text-text-secondary animate-spin",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					children: [/* @__PURE__ */ r("circle", {
+						className: "opacity-25",
+						cx: "12",
+						cy: "12",
+						r: "10",
+						stroke: "currentColor",
+						strokeWidth: "4"
+					}), /* @__PURE__ */ r("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"
+					})]
+				})
+			}) : t.length === 0 ? /* @__PURE__ */ i("div", {
+				className: "text-center py-8",
+				children: [
+					/* @__PURE__ */ r(s, { className: "w-10 h-10 text-text-tertiary mx-auto mb-3" }),
+					/* @__PURE__ */ r("p", {
+						className: "text-sm text-text-secondary mb-2",
+						children: "No workflows linked"
+					}),
+					/* @__PURE__ */ r("p", {
+						className: "text-xs text-text-tertiary",
+						children: "Link workflows from the Workflows page to push data to this DataSink"
+					}),
+					/* @__PURE__ */ i(e, {
+						to: "/workflows",
+						className: "\n                inline-flex items-center gap-1\n                mt-4\n                text-xs font-medium\n                text-action-primary-bg\n                hover:underline\n              ",
+						children: ["Go to Workflows", /* @__PURE__ */ r(l, { className: "w-3 h-3" })]
+					})
+				]
+			}) : /* @__PURE__ */ i("div", {
+				className: "space-y-3",
+				children: [d.map((t) => {
+					if (!t.workflow) return null;
+					let n = o(t.workflow.status);
+					return /* @__PURE__ */ i(e, {
+						to: `/workflows/${t.workflow.id}`,
+						className: "\n                    flex items-center justify-between\n                    p-3\n                    bg-bg-muted\n                    rounded-md\n                    hover:bg-border-default\n                    transition-colors\n                    group\n                  ",
+						children: [/* @__PURE__ */ i("div", {
+							className: "flex items-center gap-3 min-w-0",
+							children: [/* @__PURE__ */ r(s, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ i("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ r("p", {
+									className: "text-sm font-medium text-text-primary truncate group-hover:text-action-primary-bg",
+									children: t.workflow.name
+								}), /* @__PURE__ */ r("p", {
+									className: "text-xs text-text-secondary font-mono truncate",
+									children: t.workflow.key
+								})]
+							})]
+						}), /* @__PURE__ */ i("div", {
+							className: "flex items-center gap-3 flex-shrink-0",
+							children: [t.workflow.lastExecutedAt && /* @__PURE__ */ r("span", {
+								className: "text-xs text-text-secondary hidden sm:inline",
+								children: a(new Date(t.workflow.lastExecutedAt), { addSuffix: !0 })
+							}), /* @__PURE__ */ i("div", {
+								className: `flex items-center gap-1.5 px-2 py-0.5 rounded-full ${n.bgColor}`,
+								children: [/* @__PURE__ */ r("span", { className: `w-1.5 h-1.5 rounded-full ${n.dotColor}` }), /* @__PURE__ */ r("span", {
+									className: `text-xs font-medium ${n.textColor}`,
+									children: n.label
+								})]
+							})]
+						})]
+					}, t.id);
+				}), f.length > 0 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("div", {
+					className: "pt-2 mt-2 border-t border-border-muted",
+					children: /* @__PURE__ */ i("p", {
+						className: "text-xs text-text-tertiary mb-2",
+						children: [
+							"Disabled (",
+							f.length,
+							")"
+						]
+					})
+				}), f.map((t) => t.workflow ? /* @__PURE__ */ i(e, {
+					to: `/workflows/${t.workflow.id}`,
+					className: "\n                        flex items-center justify-between\n                        p-3\n                        bg-bg-muted/50\n                        rounded-md\n                        hover:bg-bg-muted\n                        transition-colors\n                        opacity-60\n                        group\n                      ",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex items-center gap-3 min-w-0",
+						children: [/* @__PURE__ */ r(s, { className: "w-5 h-5 text-text-tertiary flex-shrink-0" }), /* @__PURE__ */ i("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ r("p", {
+								className: "text-sm font-medium text-text-secondary truncate group-hover:text-text-primary",
+								children: t.workflow.name
+							}), /* @__PURE__ */ r("p", {
+								className: "text-xs text-text-tertiary font-mono truncate",
+								children: t.workflow.key
+							})]
+						})]
+					}), /* @__PURE__ */ r("span", {
+						className: "text-xs text-text-tertiary flex-shrink-0",
+						children: "Disabled"
+					})]
+				}, t.id) : null)] })]
+			})
+		})]
+	});
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=LinkedWorkflowsPanel.js.map

package/dist/bigconsole/components/datasink/LinkedWorkflowsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedWorkflowsPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/LinkedWorkflowsPanel.tsx"],"sourcesContent":["/**\n * Linked Workflows Panel\n *\n * Panel displaying workflows linked to a DataSink.\n */\n\nimport { memo } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { AppLink } from '../../contexts';\nimport type { DataSinkWorkflowLink, FluidGridsWorkflowStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface LinkedWorkflowsPanelProps {\n  /** Workflow links */\n  workflowLinks?: DataSinkWorkflowLink[];\n  /** Whether loading */\n  isLoading?: boolean;\n}\n\ninterface StatusConfig {\n  label: string;\n  bgColor: string;\n  textColor: string;\n  dotColor: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Get status display configuration\n */\nfunction getStatusConfig(status: FluidGridsWorkflowStatus): StatusConfig {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Active',\n        bgColor: 'bg-state-success/10',\n        textColor: 'text-state-success',\n        dotColor: 'bg-state-success',\n      };\n    case 'paused':\n      return {\n        label: 'Paused',\n        bgColor: 'bg-state-warning/10',\n        textColor: 'text-state-warning',\n        dotColor: 'bg-state-warning',\n      };\n    case 'error':\n      return {\n        label: 'Error',\n        bgColor: 'bg-state-error/10',\n        textColor: 'text-state-error',\n        dotColor: 'bg-state-error',\n      };\n    case 'archived':\n      return {\n        label: 'Archived',\n        bgColor: 'bg-text-tertiary/10',\n        textColor: 'text-text-tertiary',\n        dotColor: 'bg-text-tertiary',\n      };\n    default:\n      return {\n        label: 'Draft',\n        bgColor: 'bg-action-primary-bg/10',\n        textColor: 'text-action-primary-bg',\n        dotColor: 'bg-action-primary-bg',\n      };\n  }\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst WorkflowIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n  </svg>\n);\n\nconst LinkIcon = ({ 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=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"\n    />\n  </svg>\n);\n\nconst ChevronRightIcon = ({ 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=\"M9 5l7 7-7 7\" />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const LinkedWorkflowsPanel = memo(function LinkedWorkflowsPanel({\n  workflowLinks = [],\n  isLoading = false,\n}: LinkedWorkflowsPanelProps) {\n  const enabledLinks = workflowLinks.filter((link) => link.isEnabled);\n  const disabledLinks = workflowLinks.filter((link) => !link.isEnabled);\n\n  return (\n    <div className=\"border border-border-default rounded-lg bg-bg-surface overflow-hidden\">\n      {/* Header */}\n      <div className=\"px-4 py-3 border-b border-border-default bg-bg-muted flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <LinkIcon className=\"w-4 h-4 text-text-secondary\" />\n          <h3 className=\"text-sm font-semibold text-text-primary\">Linked Workflows</h3>\n        </div>\n        <span className=\"text-xs text-text-secondary\">\n          {workflowLinks.length} workflow{workflowLinks.length !== 1 ? 's' : ''}\n        </span>\n      </div>\n\n      {/* Content */}\n      <div className=\"p-4\">\n        {/* Loading state */}\n        {isLoading ? (\n          <div className=\"flex items-center justify-center py-8\">\n            <svg className=\"w-6 h-6 text-text-secondary 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        ) : workflowLinks.length === 0 ? (\n          /* Empty state */\n          <div className=\"text-center py-8\">\n            <WorkflowIcon className=\"w-10 h-10 text-text-tertiary mx-auto mb-3\" />\n            <p className=\"text-sm text-text-secondary mb-2\">No workflows linked</p>\n            <p className=\"text-xs text-text-tertiary\">\n              Link workflows from the Workflows page to push data to this DataSink\n            </p>\n            <AppLink\n              to=\"/workflows\"\n              className={`\n                inline-flex items-center gap-1\n                mt-4\n                text-xs font-medium\n                text-action-primary-bg\n                hover:underline\n              `}\n            >\n              Go to Workflows\n              <ChevronRightIcon className=\"w-3 h-3\" />\n            </AppLink>\n          </div>\n        ) : (\n          /* Workflow list */\n          <div className=\"space-y-3\">\n            {/* Enabled workflows */}\n            {enabledLinks.map((link) => {\n              if (!link.workflow) return null;\n              const statusConfig = getStatusConfig(link.workflow.status);\n              return (\n                <AppLink\n                  key={link.id}\n                  to={`/workflows/${link.workflow.id}`}\n                  className={`\n                    flex items-center justify-between\n                    p-3\n                    bg-bg-muted\n                    rounded-md\n                    hover:bg-border-default\n                    transition-colors\n                    group\n                  `}\n                >\n                  <div className=\"flex items-center gap-3 min-w-0\">\n                    <WorkflowIcon className=\"w-5 h-5 text-text-secondary flex-shrink-0\" />\n                    <div className=\"min-w-0\">\n                      <p className=\"text-sm font-medium text-text-primary truncate group-hover:text-action-primary-bg\">\n                        {link.workflow.name}\n                      </p>\n                      <p className=\"text-xs text-text-secondary font-mono truncate\">{link.workflow.key}</p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-3 flex-shrink-0\">\n                    {link.workflow.lastExecutedAt && (\n                      <span className=\"text-xs text-text-secondary hidden sm:inline\">\n                        {formatDistanceToNow(new Date(link.workflow.lastExecutedAt), {\n                          addSuffix: true,\n                        })}\n                      </span>\n                    )}\n                    <div className={`flex items-center gap-1.5 px-2 py-0.5 rounded-full ${statusConfig.bgColor}`}>\n                      <span className={`w-1.5 h-1.5 rounded-full ${statusConfig.dotColor}`} />\n                      <span className={`text-xs font-medium ${statusConfig.textColor}`}>{statusConfig.label}</span>\n                    </div>\n                  </div>\n                </AppLink>\n              );\n            })}\n\n            {/* Disabled workflows */}\n            {disabledLinks.length > 0 && (\n              <>\n                <div className=\"pt-2 mt-2 border-t border-border-muted\">\n                  <p className=\"text-xs text-text-tertiary mb-2\">Disabled ({disabledLinks.length})</p>\n                </div>\n                {disabledLinks.map((link) => {\n                  if (!link.workflow) return null;\n                  return (\n                    <AppLink\n                      key={link.id}\n                      to={`/workflows/${link.workflow.id}`}\n                      className={`\n                        flex items-center justify-between\n                        p-3\n                        bg-bg-muted/50\n                        rounded-md\n                        hover:bg-bg-muted\n                        transition-colors\n                        opacity-60\n                        group\n                      `}\n                    >\n                      <div className=\"flex items-center gap-3 min-w-0\">\n                        <WorkflowIcon className=\"w-5 h-5 text-text-tertiary flex-shrink-0\" />\n                        <div className=\"min-w-0\">\n                          <p className=\"text-sm font-medium text-text-secondary truncate group-hover:text-text-primary\">\n                            {link.workflow.name}\n                          </p>\n                          <p className=\"text-xs text-text-tertiary font-mono truncate\">{link.workflow.key}</p>\n                        </div>\n                      </div>\n                      <span className=\"text-xs text-text-tertiary flex-shrink-0\">Disabled</span>\n                    </AppLink>\n                  );\n                })}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport default LinkedWorkflowsPanel;\n"],"mappings":"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"}

package/dist/bigconsole/components/datasink/RefreshTypeSelector.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Refresh Type Selector
+ *
+ * Component for selecting data refresh type (manual or scheduled).
+ */
+interface RefreshSchedule {
+    cron: string;
+    timezone: string;
+}
+interface RefreshConfig {
+    type: 'manual' | 'scheduled';
+    schedule?: RefreshSchedule;
+}
+interface RefreshTypeSelectorProps {
+    /** Current refresh configuration */
+    value?: RefreshConfig;
+    /** Callback when configuration changes */
+    onChange: (config: RefreshConfig) => void;
+    /** Whether selector is disabled */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+}
+export declare const RefreshTypeSelector: import('react').NamedExoticComponent<RefreshTypeSelectorProps>;
+export default RefreshTypeSelector;
+//# sourceMappingURL=RefreshTypeSelector.d.ts.map

package/dist/bigconsole/components/datasink/RefreshTypeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshTypeSelector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/RefreshTypeSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAmBH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,UAAU,wBAAwB;IAChC,oCAAoC;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuDD,eAAO,MAAM,mBAAmB,gEAwU9B,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/bigconsole/components/datasink/RefreshTypeSelector.js

@@ -0,0 +1,301 @@
+import { memo as e, useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/RefreshTypeSelector.tsx
+var s = [
+	{
+		label: "Every 5 minutes",
+		cron: "*/5 * * * *",
+		description: "High frequency updates"
+	},
+	{
+		label: "Every 15 minutes",
+		cron: "*/15 * * * *",
+		description: "Balanced frequency"
+	},
+	{
+		label: "Every hour",
+		cron: "0 * * * *",
+		description: "Hourly updates"
+	},
+	{
+		label: "Every day at midnight",
+		cron: "0 0 * * *",
+		description: "Daily updates"
+	}
+], c = [
+	{
+		value: "UTC",
+		label: "UTC"
+	},
+	{
+		value: "America/New_York",
+		label: "Eastern Time (US)"
+	},
+	{
+		value: "America/Los_Angeles",
+		label: "Pacific Time (US)"
+	},
+	{
+		value: "Europe/London",
+		label: "London (UK)"
+	},
+	{
+		value: "Europe/Paris",
+		label: "Paris (EU)"
+	},
+	{
+		value: "Asia/Tokyo",
+		label: "Tokyo (Japan)"
+	},
+	{
+		value: "Asia/Kolkata",
+		label: "India (IST)"
+	},
+	{
+		value: "Australia/Sydney",
+		label: "Sydney (Australia)"
+	}
+];
+function l(e) {
+	return s.find((t) => t.cron === e) || null;
+}
+var u = e(function({ value: e, onChange: u, disabled: d = !1, error: f }) {
+	let [p, m] = i(e?.type || "manual"), [h, g] = i(e?.schedule ? l(e.schedule.cron) || null : s[1]), [_, v] = i(e?.schedule ? !l(e.schedule.cron) : !1), [y, b] = i(e?.schedule?.cron || ""), [x, S] = i(e?.schedule?.timezone || "UTC"), C = r(e);
+	n(() => {
+		C.current !== e && e && (C.current = e, queueMicrotask(() => {
+			if (m(e.type), e.schedule) {
+				S(e.schedule.timezone);
+				let t = l(e.schedule.cron);
+				t ? (g(t), v(!1)) : (b(e.schedule.cron), v(!0));
+			}
+		}));
+	}, [e]);
+	let w = t((e) => {
+		d || (m(e), u(e === "manual" ? { type: "manual" } : {
+			type: "scheduled",
+			schedule: {
+				cron: _ ? y : h?.cron || s[1].cron,
+				timezone: x
+			}
+		}));
+	}, [
+		d,
+		u,
+		_,
+		y,
+		h,
+		x
+	]), T = t((e) => {
+		d || (g(e), v(!1), u({
+			type: "scheduled",
+			schedule: {
+				cron: e.cron,
+				timezone: x
+			}
+		}));
+	}, [
+		d,
+		u,
+		x
+	]), E = t(() => {
+		d || (v(!0), g(null), y && u({
+			type: "scheduled",
+			schedule: {
+				cron: y,
+				timezone: x
+			}
+		}));
+	}, [
+		d,
+		u,
+		y,
+		x
+	]), D = t((e) => {
+		let t = e.target.value;
+		b(t), t.trim() && u({
+			type: "scheduled",
+			schedule: {
+				cron: t,
+				timezone: x
+			}
+		});
+	}, [u, x]), O = t((e) => {
+		let t = e.target.value;
+		S(t), p === "scheduled" && u({
+			type: "scheduled",
+			schedule: {
+				cron: _ ? y : h?.cron || "",
+				timezone: t
+			}
+		});
+	}, [
+		u,
+		p,
+		_,
+		y,
+		h
+	]);
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Refresh Type"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-xs text-text-secondary",
+				children: "When should this data be updated?"
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ o("label", {
+					className: `
+            flex items-start gap-3
+            p-4
+            border rounded-lg
+            cursor-pointer
+            transition-all
+            ${d ? "opacity-50 cursor-not-allowed" : ""}
+            ${p === "manual" ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default hover:border-border-hover"}
+          `,
+					children: [/* @__PURE__ */ a("input", {
+						type: "radio",
+						name: "refresh-type",
+						checked: p === "manual",
+						onChange: () => w("manual"),
+						disabled: d,
+						className: "\n              mt-0.5\n              w-4 h-4\n              text-action-primary-bg\n              border-border-default\n              focus:ring-action-primary-bg\n              focus:ring-offset-0\n            "
+					}), /* @__PURE__ */ o("div", {
+						className: "flex-1",
+						children: [/* @__PURE__ */ a("span", {
+							className: "text-sm font-medium text-text-primary",
+							children: "Manual"
+						}), /* @__PURE__ */ a("p", {
+							className: "text-xs text-text-secondary mt-0.5",
+							children: "Data refreshes only when you click the \"Refresh\" button"
+						})]
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: `
+            border rounded-lg
+            transition-all
+            ${d ? "opacity-50" : ""}
+            ${p === "scheduled" ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default"}
+          `,
+					children: [/* @__PURE__ */ o("label", {
+						className: `
+              flex items-start gap-3
+              p-4
+              cursor-pointer
+              ${d ? "cursor-not-allowed" : ""}
+            `,
+						children: [/* @__PURE__ */ a("input", {
+							type: "radio",
+							name: "refresh-type",
+							checked: p === "scheduled",
+							onChange: () => w("scheduled"),
+							disabled: d,
+							className: "\n                mt-0.5\n                w-4 h-4\n                text-action-primary-bg\n                border-border-default\n                focus:ring-action-primary-bg\n                focus:ring-offset-0\n              "
+						}), /* @__PURE__ */ o("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ a("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Automatic"
+							}), /* @__PURE__ */ a("p", {
+								className: "text-xs text-text-secondary mt-0.5",
+								children: "Data refreshes on a schedule"
+							})]
+						})]
+					}), p === "scheduled" && /* @__PURE__ */ o("div", {
+						className: "px-4 pb-4 space-y-4",
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: "border-t border-border-default pt-4",
+								children: [/* @__PURE__ */ a("label", {
+									className: "block text-xs font-medium text-text-secondary mb-2",
+									children: "Schedule"
+								}), /* @__PURE__ */ a("div", {
+									className: "grid grid-cols-2 gap-2",
+									children: s.map((e) => /* @__PURE__ */ a("button", {
+										type: "button",
+										onClick: () => T(e),
+										disabled: d,
+										className: `
+                        px-3 py-2
+                        text-left
+                        border rounded-md
+                        transition-colors
+                        ${d ? "cursor-not-allowed" : "cursor-pointer"}
+                        ${!_ && h?.cron === e.cron ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default hover:border-border-hover"}
+                      `,
+										children: /* @__PURE__ */ a("span", {
+											className: "text-sm font-medium",
+											children: e.label
+										})
+									}, e.cron))
+								})]
+							}),
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("button", {
+								type: "button",
+								onClick: E,
+								disabled: d,
+								className: `
+                    text-xs
+                    ${_ ? "text-action-primary-bg" : "text-text-secondary hover:text-text-primary"}
+                  `,
+								children: _ ? "Using custom schedule" : "Use custom schedule..."
+							}), _ && /* @__PURE__ */ o("div", {
+								className: "mt-2",
+								children: [/* @__PURE__ */ a("input", {
+									type: "text",
+									value: y,
+									onChange: D,
+									disabled: d,
+									placeholder: "*/15 * * * *",
+									className: "\n                        w-full px-3 py-2\n                        bg-bg-muted\n                        border rounded-md\n                        text-sm text-text-primary\n                        placeholder-text-tertiary\n                        font-mono\n                        focus:outline-none\n                        focus:border-action-primary-bg\n                        focus:ring-2\n                        focus:ring-action-primary-bg/20\n                        border-border-default\n                      "
+								}), /* @__PURE__ */ a("p", {
+									className: "mt-1 text-xs text-text-tertiary",
+									children: "Enter a cron expression (e.g., */15 * * * * for every 15 minutes)"
+								})]
+							})] }),
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+								className: "block text-xs font-medium text-text-secondary mb-2",
+								children: "Timezone"
+							}), /* @__PURE__ */ a("select", {
+								value: x,
+								onChange: O,
+								disabled: d,
+								className: "\n                    w-full px-3 py-2\n                    bg-bg-muted\n                    border border-border-default rounded-md\n                    text-sm text-text-primary\n                    focus:outline-none\n                    focus:border-action-primary-bg\n                    focus:ring-2\n                    focus:ring-action-primary-bg/20\n                  ",
+								children: c.map((e) => /* @__PURE__ */ a("option", {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							})] })
+						]
+					})]
+				})]
+			}),
+			f && /* @__PURE__ */ o("div", {
+				className: "flex items-start gap-2",
+				children: [/* @__PURE__ */ a("svg", {
+					className: "w-4 h-4 text-state-error flex-shrink-0 mt-0.5",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ a("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+					})
+				}), /* @__PURE__ */ a("p", {
+					className: "text-xs text-state-error",
+					children: f
+				})]
+			})
+		]
+	});
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=RefreshTypeSelector.js.map

package/dist/bigconsole/components/datasink/RefreshTypeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshTypeSelector.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/RefreshTypeSelector.tsx"],"sourcesContent":["/**\n * Refresh Type Selector\n *\n * Component for selecting data refresh type (manual or scheduled).\n */\n\nimport { memo, useState, useEffect, useCallback, useRef } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface SchedulePreset {\n  label: string;\n  cron: string;\n  description: string;\n}\n\ninterface TimezoneOption {\n  value: string;\n  label: string;\n}\n\ninterface RefreshSchedule {\n  cron: string;\n  timezone: string;\n}\n\ninterface RefreshConfig {\n  type: 'manual' | 'scheduled';\n  schedule?: RefreshSchedule;\n}\n\ninterface RefreshTypeSelectorProps {\n  /** Current refresh configuration */\n  value?: RefreshConfig;\n  /** Callback when configuration changes */\n  onChange: (config: RefreshConfig) => void;\n  /** Whether selector is disabled */\n  disabled?: boolean;\n  /** Error message */\n  error?: string;\n}\n\n// ============================================================================\n// CONSTANTS\n// ============================================================================\n\nconst SCHEDULE_PRESETS: SchedulePreset[] = [\n  {\n    label: 'Every 5 minutes',\n    cron: '*/5 * * * *',\n    description: 'High frequency updates',\n  },\n  {\n    label: 'Every 15 minutes',\n    cron: '*/15 * * * *',\n    description: 'Balanced frequency',\n  },\n  {\n    label: 'Every hour',\n    cron: '0 * * * *',\n    description: 'Hourly updates',\n  },\n  {\n    label: 'Every day at midnight',\n    cron: '0 0 * * *',\n    description: 'Daily updates',\n  },\n];\n\nconst TIMEZONE_OPTIONS: TimezoneOption[] = [\n  { value: 'UTC', label: 'UTC' },\n  { value: 'America/New_York', label: 'Eastern Time (US)' },\n  { value: 'America/Los_Angeles', label: 'Pacific Time (US)' },\n  { value: 'Europe/London', label: 'London (UK)' },\n  { value: 'Europe/Paris', label: 'Paris (EU)' },\n  { value: 'Asia/Tokyo', label: 'Tokyo (Japan)' },\n  { value: 'Asia/Kolkata', label: 'India (IST)' },\n  { value: 'Australia/Sydney', label: 'Sydney (Australia)' },\n];\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Find preset by cron expression\n */\nfunction findPresetByCron(cron: string): SchedulePreset | null {\n  return SCHEDULE_PRESETS.find((preset) => preset.cron === cron) || null;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const RefreshTypeSelector = memo(function RefreshTypeSelector({\n  value,\n  onChange,\n  disabled = false,\n  error,\n}: RefreshTypeSelectorProps) {\n  // State\n  const [refreshType, setRefreshType] = useState<'manual' | 'scheduled'>(value?.type || 'manual');\n  const [selectedPreset, setSelectedPreset] = useState<SchedulePreset | null>(\n    value?.schedule ? findPresetByCron(value.schedule.cron) || null : SCHEDULE_PRESETS[1]\n  );\n  const [isCustomSchedule, setIsCustomSchedule] = useState(\n    value?.schedule ? !findPresetByCron(value.schedule.cron) : false\n  );\n  const [customCron, setCustomCron] = useState(value?.schedule?.cron || '');\n  const [timezone, setTimezone] = useState(value?.schedule?.timezone || 'UTC');\n  const prevValueRef = useRef(value);\n\n  // Sync state when value changes (using deferred update to avoid cascading renders)\n  useEffect(() => {\n    if (prevValueRef.current !== value && value) {\n      prevValueRef.current = value;\n      // Defer state updates to avoid synchronous setState in effect\n      queueMicrotask(() => {\n        setRefreshType(value.type);\n        if (value.schedule) {\n          setTimezone(value.schedule.timezone);\n          const preset = findPresetByCron(value.schedule.cron);\n          if (preset) {\n            setSelectedPreset(preset);\n            setIsCustomSchedule(false);\n          } else {\n            setCustomCron(value.schedule.cron);\n            setIsCustomSchedule(true);\n          }\n        }\n      });\n    }\n  }, [value]);\n\n  // Handle refresh type change\n  const handleTypeChange = useCallback(\n    (type: 'manual' | 'scheduled') => {\n      if (disabled) return;\n      setRefreshType(type);\n      if (type === 'manual') {\n        onChange({ type: 'manual' });\n      } else {\n        const cron = isCustomSchedule ? customCron : selectedPreset?.cron || SCHEDULE_PRESETS[1].cron;\n        onChange({\n          type: 'scheduled',\n          schedule: { cron, timezone },\n        });\n      }\n    },\n    [disabled, onChange, isCustomSchedule, customCron, selectedPreset, timezone]\n  );\n\n  // Handle preset selection\n  const handlePresetSelect = useCallback(\n    (preset: SchedulePreset) => {\n      if (disabled) return;\n      setSelectedPreset(preset);\n      setIsCustomSchedule(false);\n      onChange({\n        type: 'scheduled',\n        schedule: { cron: preset.cron, timezone },\n      });\n    },\n    [disabled, onChange, timezone]\n  );\n\n  // Handle custom schedule toggle\n  const handleCustomToggle = useCallback(() => {\n    if (disabled) return;\n    setIsCustomSchedule(true);\n    setSelectedPreset(null);\n    if (customCron) {\n      onChange({\n        type: 'scheduled',\n        schedule: { cron: customCron, timezone },\n      });\n    }\n  }, [disabled, onChange, customCron, timezone]);\n\n  // Handle custom cron change\n  const handleCustomCronChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const cron = e.target.value;\n      setCustomCron(cron);\n      if (cron.trim()) {\n        onChange({\n          type: 'scheduled',\n          schedule: { cron, timezone },\n        });\n      }\n    },\n    [onChange, timezone]\n  );\n\n  // Handle timezone change\n  const handleTimezoneChange = useCallback(\n    (e: React.ChangeEvent<HTMLSelectElement>) => {\n      const tz = e.target.value;\n      setTimezone(tz);\n      if (refreshType === 'scheduled') {\n        const cron = isCustomSchedule ? customCron : selectedPreset?.cron || '';\n        onChange({\n          type: 'scheduled',\n          schedule: { cron, timezone: tz },\n        });\n      }\n    },\n    [onChange, refreshType, isCustomSchedule, customCron, selectedPreset]\n  );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Label */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Refresh Type</label>\n        <p className=\"text-xs text-text-secondary\">When should this data be updated?</p>\n      </div>\n\n      {/* Options */}\n      <div className=\"space-y-3\">\n        {/* Manual option */}\n        <label\n          className={`\n            flex items-start gap-3\n            p-4\n            border rounded-lg\n            cursor-pointer\n            transition-all\n            ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\n            ${\n              refreshType === 'manual'\n                ? 'border-action-primary-bg bg-action-primary-bg/5'\n                : 'border-border-default hover:border-border-hover'\n            }\n          `}\n        >\n          <input\n            type=\"radio\"\n            name=\"refresh-type\"\n            checked={refreshType === 'manual'}\n            onChange={() => handleTypeChange('manual')}\n            disabled={disabled}\n            className={`\n              mt-0.5\n              w-4 h-4\n              text-action-primary-bg\n              border-border-default\n              focus:ring-action-primary-bg\n              focus:ring-offset-0\n            `}\n          />\n          <div className=\"flex-1\">\n            <span className=\"text-sm font-medium text-text-primary\">Manual</span>\n            <p className=\"text-xs text-text-secondary mt-0.5\">\n              Data refreshes only when you click the &quot;Refresh&quot; button\n            </p>\n          </div>\n        </label>\n\n        {/* Scheduled option */}\n        <div\n          className={`\n            border rounded-lg\n            transition-all\n            ${disabled ? 'opacity-50' : ''}\n            ${refreshType === 'scheduled' ? 'border-action-primary-bg bg-action-primary-bg/5' : 'border-border-default'}\n          `}\n        >\n          <label\n            className={`\n              flex items-start gap-3\n              p-4\n              cursor-pointer\n              ${disabled ? 'cursor-not-allowed' : ''}\n            `}\n          >\n            <input\n              type=\"radio\"\n              name=\"refresh-type\"\n              checked={refreshType === 'scheduled'}\n              onChange={() => handleTypeChange('scheduled')}\n              disabled={disabled}\n              className={`\n                mt-0.5\n                w-4 h-4\n                text-action-primary-bg\n                border-border-default\n                focus:ring-action-primary-bg\n                focus:ring-offset-0\n              `}\n            />\n            <div className=\"flex-1\">\n              <span className=\"text-sm font-medium text-text-primary\">Automatic</span>\n              <p className=\"text-xs text-text-secondary mt-0.5\">Data refreshes on a schedule</p>\n            </div>\n          </label>\n\n          {/* Schedule options (shown when scheduled is selected) */}\n          {refreshType === 'scheduled' && (\n            <div className=\"px-4 pb-4 space-y-4\">\n              {/* Schedule presets */}\n              <div className=\"border-t border-border-default pt-4\">\n                <label className=\"block text-xs font-medium text-text-secondary mb-2\">Schedule</label>\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {SCHEDULE_PRESETS.map((preset) => (\n                    <button\n                      key={preset.cron}\n                      type=\"button\"\n                      onClick={() => handlePresetSelect(preset)}\n                      disabled={disabled}\n                      className={`\n                        px-3 py-2\n                        text-left\n                        border rounded-md\n                        transition-colors\n                        ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}\n                        ${\n                          !isCustomSchedule && selectedPreset?.cron === preset.cron\n                            ? 'border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg'\n                            : 'border-border-default hover:border-border-hover'\n                        }\n                      `}\n                    >\n                      <span className=\"text-sm font-medium\">{preset.label}</span>\n                    </button>\n                  ))}\n                </div>\n              </div>\n\n              {/* Custom schedule */}\n              <div>\n                <button\n                  type=\"button\"\n                  onClick={handleCustomToggle}\n                  disabled={disabled}\n                  className={`\n                    text-xs\n                    ${isCustomSchedule ? 'text-action-primary-bg' : 'text-text-secondary hover:text-text-primary'}\n                  `}\n                >\n                  {isCustomSchedule ? 'Using custom schedule' : 'Use custom schedule...'}\n                </button>\n                {isCustomSchedule && (\n                  <div className=\"mt-2\">\n                    <input\n                      type=\"text\"\n                      value={customCron}\n                      onChange={handleCustomCronChange}\n                      disabled={disabled}\n                      placeholder=\"*/15 * * * *\"\n                      className={`\n                        w-full px-3 py-2\n                        bg-bg-muted\n                        border rounded-md\n                        text-sm text-text-primary\n                        placeholder-text-tertiary\n                        font-mono\n                        focus:outline-none\n                        focus:border-action-primary-bg\n                        focus:ring-2\n                        focus:ring-action-primary-bg/20\n                        border-border-default\n                      `}\n                    />\n                    <p className=\"mt-1 text-xs text-text-tertiary\">\n                      Enter a cron expression (e.g., */15 * * * * for every 15 minutes)\n                    </p>\n                  </div>\n                )}\n              </div>\n\n              {/* Timezone */}\n              <div>\n                <label className=\"block text-xs font-medium text-text-secondary mb-2\">Timezone</label>\n                <select\n                  value={timezone}\n                  onChange={handleTimezoneChange}\n                  disabled={disabled}\n                  className={`\n                    w-full px-3 py-2\n                    bg-bg-muted\n                    border border-border-default rounded-md\n                    text-sm text-text-primary\n                    focus:outline-none\n                    focus:border-action-primary-bg\n                    focus:ring-2\n                    focus:ring-action-primary-bg/20\n                  `}\n                >\n                  {TIMEZONE_OPTIONS.map((tz) => (\n                    <option key={tz.value} value={tz.value}>\n                      {tz.label}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Error message */}\n      {error && (\n        <div className=\"flex items-start gap-2\">\n          <svg\n            className=\"w-4 h-4 text-state-error flex-shrink-0 mt-0.5\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\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          <p className=\"text-xs text-state-error\">{error}</p>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default RefreshTypeSelector;\n"],"mappings":"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"}

package/dist/bigconsole/components/datasink/SetupStateBadge.d.ts

@@ -0,0 +1,13 @@
+import { DataSinkSetupState } from '../../types';
+
+interface SetupStateBadgeProps {
+    /** Setup state */
+    state: DataSinkSetupState;
+    /** Whether to show abbreviated label */
+    abbreviated?: boolean;
+    /** Badge size */
+    size?: 'sm' | 'md';
+}
+export declare const SetupStateBadge: import('react').NamedExoticComponent<SetupStateBadgeProps>;
+export default SetupStateBadge;
+//# sourceMappingURL=SetupStateBadge.d.ts.map

package/dist/bigconsole/components/datasink/SetupStateBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetupStateBadge.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/SetupStateBadge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMtD,UAAU,oBAAoB;IAC5B,kBAAkB;IAClB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AA8FD,eAAO,MAAM,eAAe,4DAsC1B,CAAC;AAEH,eAAe,eAAe,CAAC"}