@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,107 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/SetupStateBadge.tsx
+var r = {
+	workflow_pending: {
+		label: "Workflow Pending",
+		shortLabel: "Draft",
+		bgColor: "bg-state-warning/10",
+		textColor: "text-state-warning",
+		icon: "pending"
+	},
+	workflow_running: {
+		label: "Workflow Running",
+		shortLabel: "Running",
+		bgColor: "bg-action-primary-bg/10",
+		textColor: "text-action-primary-bg",
+		icon: "running"
+	},
+	workflow_completed: {
+		label: "Workflow Completed",
+		shortLabel: "Config Needed",
+		bgColor: "bg-state-warning/10",
+		textColor: "text-state-warning",
+		icon: "pending"
+	},
+	configuration_pending: {
+		label: "Configuration Pending",
+		shortLabel: "In Progress",
+		bgColor: "bg-state-warning/10",
+		textColor: "text-state-warning",
+		icon: "pending"
+	},
+	completed: {
+		label: "Ready",
+		shortLabel: "Ready",
+		bgColor: "bg-state-success/10",
+		textColor: "text-state-success",
+		icon: "completed"
+	}
+}, i = {
+	pending: ({ className: e }) => /* @__PURE__ */ t("svg", {
+		className: e,
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ t("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+		})
+	}),
+	running: ({ className: e }) => /* @__PURE__ */ n("svg", {
+		className: `${e} animate-spin`,
+		fill: "none",
+		viewBox: "0 0 24 24",
+		children: [/* @__PURE__ */ t("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ t("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"
+		})]
+	}),
+	completed: ({ className: e }) => /* @__PURE__ */ t("svg", {
+		className: e,
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ t("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M5 13l4 4L19 7"
+		})
+	})
+}, a = e(function({ state: e, abbreviated: a = !1, size: o = "sm" }) {
+	let s = r[e];
+	if (!s) return null;
+	let c = {
+		sm: "px-2 py-0.5 text-xs",
+		md: "px-2.5 py-1 text-sm"
+	}, l = {
+		sm: "w-3 h-3",
+		md: "w-4 h-4"
+	}, u = i[s.icon];
+	return /* @__PURE__ */ n("span", {
+		className: `
+        inline-flex items-center gap-1
+        font-medium
+        rounded-full
+        ${c[o]}
+        ${s.bgColor}
+        ${s.textColor}
+      `,
+		children: [/* @__PURE__ */ t(u, { className: l[o] }), /* @__PURE__ */ t("span", { children: a ? s.shortLabel : s.label })]
+	});
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=SetupStateBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupStateBadge.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/SetupStateBadge.tsx"],"sourcesContent":["/**\n * Setup State Badge\n *\n * Badge component showing DataSink setup state.\n */\n\nimport { memo, type ComponentType } from 'react';\nimport type { DataSinkSetupState } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface SetupStateBadgeProps {\n  /** Setup state */\n  state: DataSinkSetupState;\n  /** Whether to show abbreviated label */\n  abbreviated?: boolean;\n  /** Badge size */\n  size?: 'sm' | 'md';\n}\n\ninterface StateConfig {\n  label: string;\n  shortLabel: string;\n  bgColor: string;\n  textColor: string;\n  icon: 'pending' | 'running' | 'completed';\n}\n\n// ============================================================================\n// CONSTANTS\n// ============================================================================\n\nconst STATE_CONFIGS: Record<DataSinkSetupState, StateConfig> = {\n  workflow_pending: {\n    label: 'Workflow Pending',\n    shortLabel: 'Draft',\n    bgColor: 'bg-state-warning/10',\n    textColor: 'text-state-warning',\n    icon: 'pending',\n  },\n  workflow_running: {\n    label: 'Workflow Running',\n    shortLabel: 'Running',\n    bgColor: 'bg-action-primary-bg/10',\n    textColor: 'text-action-primary-bg',\n    icon: 'running',\n  },\n  workflow_completed: {\n    label: 'Workflow Completed',\n    shortLabel: 'Config Needed',\n    bgColor: 'bg-state-warning/10',\n    textColor: 'text-state-warning',\n    icon: 'pending',\n  },\n  configuration_pending: {\n    label: 'Configuration Pending',\n    shortLabel: 'In Progress',\n    bgColor: 'bg-state-warning/10',\n    textColor: 'text-state-warning',\n    icon: 'pending',\n  },\n  completed: {\n    label: 'Ready',\n    shortLabel: 'Ready',\n    bgColor: 'bg-state-success/10',\n    textColor: 'text-state-success',\n    icon: 'completed',\n  },\n};\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst PendingIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n    />\n  </svg>\n);\n\nconst RunningIcon = ({ className }: { className?: string }) => (\n  <svg className={`${className} 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);\n\nconst CompletedIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n  </svg>\n);\n\nconst ICON_MAP: Record<string, ComponentType<{ className?: string }>> = {\n  pending: PendingIcon,\n  running: RunningIcon,\n  completed: CompletedIcon,\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const SetupStateBadge = memo(function SetupStateBadge({\n  state,\n  abbreviated = false,\n  size = 'sm',\n}: SetupStateBadgeProps) {\n  const config = STATE_CONFIGS[state];\n\n  if (!config) {\n    return null;\n  }\n\n  const sizeClasses = {\n    sm: 'px-2 py-0.5 text-xs',\n    md: 'px-2.5 py-1 text-sm',\n  };\n\n  const iconSizes = {\n    sm: 'w-3 h-3',\n    md: 'w-4 h-4',\n  };\n\n  const IconComponent = ICON_MAP[config.icon];\n\n  return (\n    <span\n      className={`\n        inline-flex items-center gap-1\n        font-medium\n        rounded-full\n        ${sizeClasses[size]}\n        ${config.bgColor}\n        ${config.textColor}\n      `}\n    >\n      <IconComponent className={iconSizes[size]} />\n      <span>{abbreviated ? config.shortLabel : config.label}</span>\n    </span>\n  );\n});\n\nexport default SetupStateBadge;\n"],"mappings":";;;AAkCA,IAAM,IAAyD;CAC7D,kBAAkB;EAChB,OAAO;EACP,YAAY;EACZ,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACD,kBAAkB;EAChB,OAAO;EACP,YAAY;EACZ,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACD,oBAAoB;EAClB,OAAO;EACP,YAAY;EACZ,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACD,uBAAuB;EACrB,OAAO;EACP,YAAY;EACZ,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACD,WAAW;EACT,OAAO;EACP,YAAY;EACZ,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACF,EAkCK,IAAkE;CACtE,UA7BmB,EAAE,mBACrB,kBAAC,OAAD;EAAgB;EAAW,MAAK;EAAO,QAAO;EAAe,SAAQ;YACnE,kBAAC,QAAD;GACE,eAAc;GACd,gBAAe;GACf,aAAa;GACb,GAAE;GACF,CAAA;EACE,CAAA;CAsBN,UAnBmB,EAAE,mBACrB,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAU;EAAgB,MAAK;EAAO,SAAQ;YAAjE,CACE,kBAAC,UAAD;GAAQ,WAAU;GAAa,IAAG;GAAK,IAAG;GAAK,GAAE;GAAK,QAAO;GAAe,aAAY;GAAM,CAAA,EAC9F,kBAAC,QAAD;GACE,WAAU;GACV,MAAK;GACL,GAAE;GACF,CAAA,CACE;;CAYN,YATqB,EAAE,mBACvB,kBAAC,OAAD;EAAgB;EAAW,MAAK;EAAO,QAAO;EAAe,SAAQ;YACnE,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAa;GAAG,GAAE;GAAmB,CAAA;EACpF,CAAA;CAOP,EAMY,IAAkB,EAAK,SAAyB,EAC3D,UACA,iBAAc,IACd,UAAO,QACgB;CACvB,IAAM,IAAS,EAAc;AAE7B,KAAI,CAAC,EACH,QAAO;CAGT,IAAM,IAAc;EAClB,IAAI;EACJ,IAAI;EACL,EAEK,IAAY;EAChB,IAAI;EACJ,IAAI;EACL,EAEK,IAAgB,EAAS,EAAO;AAEtC,QACE,kBAAC,QAAD;EACE,WAAW;;;;UAIP,EAAY,GAAM;UAClB,EAAO,QAAQ;UACf,EAAO,UAAU;;YAPvB,CAUE,kBAAC,GAAD,EAAe,WAAW,EAAU,IAAS,CAAA,EAC7C,kBAAC,QAAD,EAAA,UAAO,IAAc,EAAO,aAAa,EAAO,OAAa,CAAA,CACxD;;EAET"}

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

@@ -0,0 +1,30 @@
+import { DataSinkSetupState, DataSinkStatus } from '../../types';
+
+interface WorkflowStatusPanelProps {
+    /** Workflow ID */
+    workflowId?: string;
+    /** Execution ID */
+    executionId?: string;
+    /** Last refreshed timestamp */
+    lastRefreshedAt?: string;
+    /** Setup state */
+    setupState?: DataSinkSetupState;
+    /** DataSink status */
+    status?: DataSinkStatus;
+    /** Error metadata */
+    errorMetadata?: {
+        code?: string;
+        message?: string;
+    };
+    /** Callback to re-run workflow */
+    onRerunWorkflow?: () => void;
+    /** Callback to view workflow */
+    onViewWorkflow?: () => void;
+    /** Whether controls are disabled */
+    disabled?: boolean;
+    /** Whether re-run is in progress */
+    isRerunning?: boolean;
+}
+export declare const WorkflowStatusPanel: import('react').NamedExoticComponent<WorkflowStatusPanelProps>;
+export default WorkflowStatusPanel;
+//# sourceMappingURL=WorkflowStatusPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStatusPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/WorkflowStatusPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMtE,UAAU,wBAAwB;IAChC,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,sBAAsB;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,qBAAqB;IACrB,aAAa,CAAC,EAAE;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAqGD,eAAO,MAAM,mBAAmB,gEAsH9B,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,163 @@
+import { memo as e, useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { formatDistanceToNow as i } from "date-fns";
+//#region src/bigconsole/components/datasink/WorkflowStatusPanel.tsx
+function a(e, t) {
+	return t === "refreshing" || e === "workflow_running" ? {
+		label: "Running",
+		bgColor: "bg-action-primary-bg/10",
+		textColor: "text-action-primary-bg",
+		dotColor: "bg-action-primary-bg"
+	} : t === "error" ? {
+		label: "Failed",
+		bgColor: "bg-state-error/10",
+		textColor: "text-state-error",
+		dotColor: "bg-state-error"
+	} : e === "workflow_pending" ? {
+		label: "Pending",
+		bgColor: "bg-state-warning/10",
+		textColor: "text-state-warning",
+		dotColor: "bg-state-warning"
+	} : {
+		label: "Completed",
+		bgColor: "bg-state-success/10",
+		textColor: "text-state-success",
+		dotColor: "bg-state-success"
+	};
+}
+var o = ({ className: e }) => /* @__PURE__ */ n("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ n("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5,
+		d: "M13 10V3L4 14h7v7l9-11h-7z"
+	})
+}), s = ({ className: e, spinning: t }) => /* @__PURE__ */ n("svg", {
+	className: `${e} ${t ? "animate-spin" : ""}`,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ n("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+	})
+}), c = ({ className: e }) => /* @__PURE__ */ n("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ n("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+	})
+}), l = ({ className: e }) => /* @__PURE__ */ n("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ n("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+	})
+}), u = e(function({ workflowId: e, executionId: u, lastRefreshedAt: d, setupState: f, status: p, errorMetadata: m, onRerunWorkflow: h, onViewWorkflow: g, disabled: _ = !1, isRerunning: v = !1 }) {
+	let y = t(() => a(f, p), [f, p]), b = p === "refreshing" || f === "workflow_running" || v, x = d ? i(new Date(d), { addSuffix: !0 }) : "Never";
+	return /* @__PURE__ */ r("div", {
+		className: "border border-border-default rounded-lg bg-bg-surface overflow-hidden",
+		children: [/* @__PURE__ */ r("div", {
+			className: "px-4 py-3 border-b border-border-default bg-bg-muted flex items-center justify-between",
+			children: [/* @__PURE__ */ r("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ n(o, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ n("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "FluidGrids Workflow"
+				})]
+			}), /* @__PURE__ */ r("div", {
+				className: `flex items-center gap-1.5 px-2 py-0.5 rounded-full ${y.bgColor}`,
+				children: [/* @__PURE__ */ n("span", { className: `w-1.5 h-1.5 rounded-full ${y.dotColor} ${b ? "animate-pulse" : ""}` }), /* @__PURE__ */ n("span", {
+					className: `text-xs font-medium ${y.textColor}`,
+					children: y.label
+				})]
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "p-4 space-y-4",
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "grid grid-cols-2 gap-4 text-sm",
+					children: [
+						/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("p", {
+							className: "text-text-secondary text-xs mb-1",
+							children: "Workflow ID"
+						}), /* @__PURE__ */ n("p", {
+							className: "text-text-primary font-mono text-xs truncate",
+							title: e,
+							children: e || "Not linked"
+						})] }),
+						/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("p", {
+							className: "text-text-secondary text-xs mb-1",
+							children: "Last Execution"
+						}), /* @__PURE__ */ n("p", {
+							className: "text-text-primary text-xs",
+							children: x
+						})] }),
+						u && /* @__PURE__ */ r("div", {
+							className: "col-span-2",
+							children: [/* @__PURE__ */ n("p", {
+								className: "text-text-secondary text-xs mb-1",
+								children: "Execution ID"
+							}), /* @__PURE__ */ n("p", {
+								className: "text-text-primary font-mono text-xs truncate",
+								title: u,
+								children: u
+							})]
+						})
+					]
+				}),
+				p === "error" && m && /* @__PURE__ */ r("div", {
+					className: "flex items-start gap-2 p-3 bg-state-error/10 rounded-md",
+					children: [/* @__PURE__ */ n(l, { className: "w-4 h-4 text-state-error flex-shrink-0 mt-0.5" }), /* @__PURE__ */ r("div", {
+						className: "min-w-0",
+						children: [m.code && /* @__PURE__ */ n("p", {
+							className: "text-xs font-medium text-state-error",
+							children: m.code
+						}), /* @__PURE__ */ n("p", {
+							className: "text-xs text-state-error/80 mt-0.5",
+							children: m.message || "An error occurred during workflow execution"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "flex items-center gap-2 pt-2 border-t border-border-muted",
+					children: [h && /* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: h,
+						disabled: _ || b,
+						className: "\n                flex items-center gap-1.5\n                px-3 py-1.5\n                text-xs font-medium\n                bg-action-primary-bg\n                text-action-primary-fg\n                rounded-md\n                hover:bg-action-primary-bgHover\n                disabled:opacity-50\n                disabled:cursor-not-allowed\n                transition-colors\n              ",
+						children: [/* @__PURE__ */ n(s, {
+							className: "w-3.5 h-3.5",
+							spinning: b
+						}), b ? "Running..." : "Re-run Workflow"]
+					}), g && /* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: g,
+						className: "\n                flex items-center gap-1.5\n                px-3 py-1.5\n                text-xs font-medium\n                text-text-secondary\n                rounded-md\n                hover:bg-bg-muted\n                transition-colors\n              ",
+						children: [/* @__PURE__ */ n(c, { className: "w-3.5 h-3.5" }), "View in FluidGrids"]
+					})]
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=WorkflowStatusPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStatusPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/WorkflowStatusPanel.tsx"],"sourcesContent":["/**\n * Workflow Status Panel\n *\n * Panel showing FluidGrids workflow status and execution details.\n */\n\nimport { memo, useMemo } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport type { DataSinkSetupState, DataSinkStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface WorkflowStatusPanelProps {\n  /** Workflow ID */\n  workflowId?: string;\n  /** Execution ID */\n  executionId?: string;\n  /** Last refreshed timestamp */\n  lastRefreshedAt?: string;\n  /** Setup state */\n  setupState?: DataSinkSetupState;\n  /** DataSink status */\n  status?: DataSinkStatus;\n  /** Error metadata */\n  errorMetadata?: {\n    code?: string;\n    message?: string;\n  };\n  /** Callback to re-run workflow */\n  onRerunWorkflow?: () => void;\n  /** Callback to view workflow */\n  onViewWorkflow?: () => void;\n  /** Whether controls are disabled */\n  disabled?: boolean;\n  /** Whether re-run is in progress */\n  isRerunning?: 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(setupState?: DataSinkSetupState, status?: DataSinkStatus): StatusConfig {\n  if (status === 'refreshing' || setupState === 'workflow_running') {\n    return {\n      label: 'Running',\n      bgColor: 'bg-action-primary-bg/10',\n      textColor: 'text-action-primary-bg',\n      dotColor: 'bg-action-primary-bg',\n    };\n  }\n  if (status === 'error') {\n    return {\n      label: 'Failed',\n      bgColor: 'bg-state-error/10',\n      textColor: 'text-state-error',\n      dotColor: 'bg-state-error',\n    };\n  }\n  if (setupState === 'workflow_pending') {\n    return {\n      label: 'Pending',\n      bgColor: 'bg-state-warning/10',\n      textColor: 'text-state-warning',\n      dotColor: 'bg-state-warning',\n    };\n  }\n  return {\n    label: 'Completed',\n    bgColor: 'bg-state-success/10',\n    textColor: 'text-state-success',\n    dotColor: 'bg-state-success',\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 RefreshIcon = ({ className, spinning }: { className?: string; spinning?: boolean }) => (\n  <svg\n    className={`${className} ${spinning ? 'animate-spin' : ''}`}\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=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n    />\n  </svg>\n);\n\nconst ExternalLinkIcon = ({ 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=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n    />\n  </svg>\n);\n\nconst AlertIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowStatusPanel = memo(function WorkflowStatusPanel({\n  workflowId,\n  executionId,\n  lastRefreshedAt,\n  setupState,\n  status,\n  errorMetadata,\n  onRerunWorkflow,\n  onViewWorkflow,\n  disabled = false,\n  isRerunning = false,\n}: WorkflowStatusPanelProps) {\n  // Get status config\n  const statusConfig = useMemo(() => getStatusConfig(setupState, status), [setupState, status]);\n\n  const isRunning = status === 'refreshing' || setupState === 'workflow_running' || isRerunning;\n\n  const lastRefreshedText = lastRefreshedAt\n    ? formatDistanceToNow(new Date(lastRefreshedAt), { addSuffix: true })\n    : 'Never';\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          <WorkflowIcon className=\"w-4 h-4 text-text-secondary\" />\n          <h3 className=\"text-sm font-semibold text-text-primary\">FluidGrids Workflow</h3>\n        </div>\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} ${isRunning ? 'animate-pulse' : ''}`} />\n          <span className={`text-xs font-medium ${statusConfig.textColor}`}>{statusConfig.label}</span>\n        </div>\n      </div>\n\n      {/* Content */}\n      <div className=\"p-4 space-y-4\">\n        {/* Details grid */}\n        <div className=\"grid grid-cols-2 gap-4 text-sm\">\n          <div>\n            <p className=\"text-text-secondary text-xs mb-1\">Workflow ID</p>\n            <p className=\"text-text-primary font-mono text-xs truncate\" title={workflowId}>\n              {workflowId || 'Not linked'}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-text-secondary text-xs mb-1\">Last Execution</p>\n            <p className=\"text-text-primary text-xs\">{lastRefreshedText}</p>\n          </div>\n          {executionId && (\n            <div className=\"col-span-2\">\n              <p className=\"text-text-secondary text-xs mb-1\">Execution ID</p>\n              <p className=\"text-text-primary font-mono text-xs truncate\" title={executionId}>\n                {executionId}\n              </p>\n            </div>\n          )}\n        </div>\n\n        {/* Error display */}\n        {status === 'error' && errorMetadata && (\n          <div className=\"flex items-start gap-2 p-3 bg-state-error/10 rounded-md\">\n            <AlertIcon className=\"w-4 h-4 text-state-error flex-shrink-0 mt-0.5\" />\n            <div className=\"min-w-0\">\n              {errorMetadata.code && <p className=\"text-xs font-medium text-state-error\">{errorMetadata.code}</p>}\n              <p className=\"text-xs text-state-error/80 mt-0.5\">\n                {errorMetadata.message || 'An error occurred during workflow execution'}\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Actions */}\n        <div className=\"flex items-center gap-2 pt-2 border-t border-border-muted\">\n          {onRerunWorkflow && (\n            <button\n              type=\"button\"\n              onClick={onRerunWorkflow}\n              disabled={disabled || isRunning}\n              className={`\n                flex items-center gap-1.5\n                px-3 py-1.5\n                text-xs font-medium\n                bg-action-primary-bg\n                text-action-primary-fg\n                rounded-md\n                hover:bg-action-primary-bgHover\n                disabled:opacity-50\n                disabled:cursor-not-allowed\n                transition-colors\n              `}\n            >\n              <RefreshIcon className=\"w-3.5 h-3.5\" spinning={isRunning} />\n              {isRunning ? 'Running...' : 'Re-run Workflow'}\n            </button>\n          )}\n          {onViewWorkflow && (\n            <button\n              type=\"button\"\n              onClick={onViewWorkflow}\n              className={`\n                flex items-center gap-1.5\n                px-3 py-1.5\n                text-xs font-medium\n                text-text-secondary\n                rounded-md\n                hover:bg-bg-muted\n                transition-colors\n              `}\n            >\n              <ExternalLinkIcon className=\"w-3.5 h-3.5\" />\n              View in FluidGrids\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default WorkflowStatusPanel;\n"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+/**
+ * DataSink Components Index
+ *
+ * Export all DataSink-related components.
+ */
+export { DataSinkCard } from './DataSinkCard';
+export { DataSinkStatusBadge } from './DataSinkStatusBadge';
+export { DataSinkDeleteDialog } from './DataSinkDeleteDialog';
+export { DataSinkRefreshDialog } from './DataSinkRefreshDialog';
+export { DataSinkRefreshConfig } from './DataSinkRefreshConfig';
+export { DataSinkDataViewer } from './DataSinkDataViewer';
+export { DataSinkTableViewer } from './DataSinkTableViewer';
+export { SetupStateBadge } from './SetupStateBadge';
+export { CacheTTLSelector } from './CacheTTLSelector';
+export { RefreshTypeSelector } from './RefreshTypeSelector';
+export { ConfigurationForm } from './ConfigurationForm';
+export { DataPreviewPanel } from './DataPreviewPanel';
+export { FluidGridsPanel } from './FluidGridsPanel';
+export { WorkflowStatusPanel } from './WorkflowStatusPanel';
+export { LinkedWorkflowsPanel } from './LinkedWorkflowsPanel';
+export { LinkedParsersPanel } from './LinkedParsersPanel';
+export { ImportDataSinkDialog } from './ImportDataSinkDialog';
+export { ExportDataSinkDialog } from './ExportDataSinkDialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/bigconsole/components/parser/DataSinkSelector.d.ts

@@ -0,0 +1,21 @@
+import { DataSinkStatus } from '../../types';
+
+interface DataSinkSelectorProps {
+    /** Currently selected DataSink key */
+    value: string | null;
+    /** Callback when selection changes */
+    onChange: (key: string | null) => void;
+    /** Filter by status */
+    filterStatus?: DataSinkStatus;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the selector is disabled */
+    disabled?: boolean;
+    /** Whether to show error state */
+    error?: boolean;
+    /** Error message to display */
+    errorMessage?: string;
+}
+export declare const DataSinkSelector: import('react').NamedExoticComponent<DataSinkSelectorProps>;
+export default DataSinkSelector;
+//# sourceMappingURL=DataSinkSelector.d.ts.map

package/dist/bigconsole/components/parser/DataSinkSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkSelector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/parser/DataSinkSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMlD,UAAU,qBAAqB;IAC7B,sCAAsC;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,uBAAuB;IACvB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA0CD,eAAO,MAAM,gBAAgB,6DA2M3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/parser/DataSinkSelector.js

@@ -0,0 +1,174 @@
+import e from "../../hooks/useDataSinkOperations.js";
+import t from "../datasink/DataSinkStatusBadge.js";
+import { Fragment as n, memo as r, useCallback as i, useMemo as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/bigconsole/components/parser/DataSinkSelector.tsx
+function l(e) {
+	if (!e) return "Never";
+	let t = new Date(e), n = Date.now() - t.getTime(), r = Math.floor(n / 6e4);
+	if (r < 1) return "Just now";
+	if (r < 60) return `${r}m ago`;
+	let i = Math.floor(r / 60);
+	if (i < 24) return `${i}h ago`;
+	let a = Math.floor(i / 24);
+	return a < 7 ? `${a}d ago` : t.toLocaleDateString();
+}
+var u = ({ className: e }) => /* @__PURE__ */ s("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ s("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 9l-7 7-7-7"
+	})
+}), d = r(function({ value: r, onChange: d, filterStatus: f, placeholder: p = "Select a data source...", disabled: m = !1, error: h = !1, errorMessage: g }) {
+	let [_, v] = o(!1), [y, b] = o(""), { dataSinks: x, loading: S } = e({ skipFetch: !1 }), C = a(() => x.filter((e) => {
+		if (f && e.status !== f) return !1;
+		if (y) {
+			let t = y.toLowerCase();
+			return (e.name || e.key).toLowerCase().includes(t) || e.key.toLowerCase().includes(t) || e.description?.toLowerCase().includes(t);
+		}
+		return !0;
+	}), [
+		x,
+		f,
+		y
+	]), w = a(() => x.find((e) => e.key === r), [x, r]), T = i((e) => {
+		d(e), v(!1), b("");
+	}, [d]), E = i(() => {
+		m || v((e) => !e);
+	}, [m]), D = i(() => {
+		v(!1);
+	}, []);
+	return /* @__PURE__ */ c("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				onClick: E,
+				disabled: m,
+				className: `
+          w-full
+          px-3 py-2
+          bg-bg-surface
+          border rounded-md
+          text-left
+          flex items-center justify-between gap-2
+          transition-colors
+          ${m ? "opacity-50 cursor-not-allowed" : "hover:border-action-primary-bg cursor-pointer"}
+          ${h ? "border-state-error" : "border-border-default"}
+          ${_ ? "border-action-primary-bg ring-2 ring-action-primary-bg/20" : ""}
+        `,
+				children: [/* @__PURE__ */ s("div", {
+					className: "flex-1 min-w-0",
+					children: w ? /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ s(t, {
+							status: w.status,
+							size: "sm",
+							showIcon: !1
+						}), /* @__PURE__ */ s("span", {
+							className: "text-sm text-text-primary truncate",
+							children: w.name || w.key
+						})]
+					}) : /* @__PURE__ */ s("span", {
+						className: "text-sm text-text-tertiary",
+						children: p
+					})
+				}), /* @__PURE__ */ s(u, { className: `w-4 h-4 text-text-secondary transition-transform ${_ ? "transform rotate-180" : ""}` })]
+			}),
+			h && g && /* @__PURE__ */ s("p", {
+				className: "mt-1 text-xs text-state-error",
+				children: g
+			}),
+			_ && /* @__PURE__ */ c(n, { children: [/* @__PURE__ */ s("div", {
+				className: "fixed inset-0 z-10",
+				onClick: D
+			}), /* @__PURE__ */ c("div", {
+				className: "absolute left-0 right-0 top-full mt-1 z-20 bg-bg-surface border border-border-default rounded-md shadow-lg max-h-80 flex flex-col overflow-hidden",
+				children: [/* @__PURE__ */ s("div", {
+					className: "p-2 border-b border-border-default",
+					children: /* @__PURE__ */ s("input", {
+						type: "text",
+						placeholder: "Search data sources...",
+						value: y,
+						onChange: (e) => b(e.target.value),
+						className: "\n                  w-full px-3 py-2\n                  bg-bg-muted\n                  border border-border-default\n                  rounded-md\n                  text-sm text-text-primary\n                  placeholder-text-tertiary\n                  focus:outline-none\n                  focus:border-action-primary-bg\n                  focus:ring-2\n                  focus:ring-action-primary-bg/20\n                "
+					})
+				}), /* @__PURE__ */ s("div", {
+					className: "overflow-y-auto flex-1",
+					children: S ? /* @__PURE__ */ s("div", {
+						className: "p-4 text-center text-sm text-text-secondary",
+						children: "Loading data sources..."
+					}) : C.length === 0 ? /* @__PURE__ */ s("div", {
+						className: "p-4 text-center text-sm text-text-secondary",
+						children: y ? "No matching data sources found" : "No data sources available"
+					}) : /* @__PURE__ */ c(n, { children: [/* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => T(null),
+						className: `
+                      w-full px-3 py-2
+                      text-left text-sm
+                      hover:bg-bg-muted
+                      transition-colors
+                      ${r === null ? "bg-action-primary-bg/10 text-action-primary-bg" : "text-text-secondary"}
+                    `,
+						children: /* @__PURE__ */ s("span", {
+							className: "italic",
+							children: "None"
+						})
+					}), C.map((e) => /* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => T(e.key),
+						className: `
+                        w-full px-3 py-2.5
+                        text-left
+                        hover:bg-bg-muted
+                        transition-colors
+                        border-b border-border-default last:border-b-0
+                        ${r === e.key ? "bg-action-primary-bg/10" : ""}
+                      `,
+						children: /* @__PURE__ */ s("div", {
+							className: "flex items-start justify-between gap-2",
+							children: /* @__PURE__ */ c("div", {
+								className: "flex-1 min-w-0",
+								children: [
+									/* @__PURE__ */ c("div", {
+										className: "flex items-center gap-2 mb-1",
+										children: [/* @__PURE__ */ s(t, {
+											status: e.status,
+											size: "sm",
+											showIcon: !1
+										}), /* @__PURE__ */ s("span", {
+											className: "text-sm font-medium text-text-primary truncate",
+											children: e.name || e.key
+										})]
+									}),
+									e.description && /* @__PURE__ */ s("p", {
+										className: "text-xs text-text-secondary line-clamp-1 mb-1",
+										children: e.description
+									}),
+									/* @__PURE__ */ c("div", {
+										className: "flex items-center gap-2 text-xs text-text-tertiary",
+										children: [
+											/* @__PURE__ */ c("span", { children: ["key: ", e.key] }),
+											/* @__PURE__ */ s("span", { children: "•" }),
+											/* @__PURE__ */ c("span", { children: ["Refreshed: ", l(e.lastRefreshedAt)] })
+										]
+									})
+								]
+							})
+						})
+					}, e.id))] })
+				})]
+			})] })
+		]
+	});
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=DataSinkSelector.js.map

package/dist/bigconsole/components/parser/DataSinkSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkSelector.js","names":[],"sources":["../../../../src/bigconsole/components/parser/DataSinkSelector.tsx"],"sourcesContent":["/**\n * DataSink Selector\n *\n * Dropdown component for selecting a DataSink as a parser's input source.\n */\n\nimport { memo, useState, useMemo, useCallback, Fragment } from 'react';\nimport { useDataSinkOperations } from '../../hooks/useDataSinkOperations';\nimport { DataSinkStatusBadge } from '../datasink/DataSinkStatusBadge';\nimport type { DataSinkStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkSelectorProps {\n  /** Currently selected DataSink key */\n  value: string | null;\n  /** Callback when selection changes */\n  onChange: (key: string | null) => void;\n  /** Filter by status */\n  filterStatus?: DataSinkStatus;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether the selector is disabled */\n  disabled?: boolean;\n  /** Whether to show error state */\n  error?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Format relative time from date string\n */\nfunction formatRelativeTime(dateString: string | null | undefined): string {\n  if (!dateString) return 'Never';\n\n  const date = new Date(dateString);\n  const diff = Date.now() - date.getTime();\n  const minutes = Math.floor(diff / 60000);\n\n  if (minutes < 1) return 'Just now';\n  if (minutes < 60) return `${minutes}m ago`;\n\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) return `${hours}h ago`;\n\n  const days = Math.floor(hours / 24);\n  if (days < 7) return `${days}d ago`;\n\n  return date.toLocaleDateString();\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst ChevronDownIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkSelector = memo(function DataSinkSelector({\n  value,\n  onChange,\n  filterStatus,\n  placeholder = 'Select a data source...',\n  disabled = false,\n  error = false,\n  errorMessage,\n}: DataSinkSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const { dataSinks, loading } = useDataSinkOperations({ skipFetch: false });\n\n  // Filter data sinks\n  const filteredDataSinks = useMemo(\n    () =>\n      dataSinks.filter((ds) => {\n        // Filter by status if specified\n        if (filterStatus && ds.status !== filterStatus) return false;\n\n        // Filter by search query\n        if (searchQuery) {\n          const query = searchQuery.toLowerCase();\n          return (\n            (ds.name || ds.key).toLowerCase().includes(query) ||\n            ds.key.toLowerCase().includes(query) ||\n            ds.description?.toLowerCase().includes(query)\n          );\n        }\n\n        return true;\n      }),\n    [dataSinks, filterStatus, searchQuery]\n  );\n\n  // Find selected DataSink\n  const selectedDataSink = useMemo(() => dataSinks.find((ds) => ds.key === value), [dataSinks, value]);\n\n  // Handle selection\n  const handleSelect = useCallback(\n    (key: string | null) => {\n      onChange(key);\n      setIsOpen(false);\n      setSearchQuery('');\n    },\n    [onChange]\n  );\n\n  // Toggle dropdown\n  const handleToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prev) => !prev);\n    }\n  }, [disabled]);\n\n  // Close dropdown\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  return (\n    <div className=\"relative\">\n      {/* Trigger button */}\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={disabled}\n        className={`\n          w-full\n          px-3 py-2\n          bg-bg-surface\n          border rounded-md\n          text-left\n          flex items-center justify-between gap-2\n          transition-colors\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:border-action-primary-bg cursor-pointer'}\n          ${error ? 'border-state-error' : 'border-border-default'}\n          ${isOpen ? 'border-action-primary-bg ring-2 ring-action-primary-bg/20' : ''}\n        `}\n      >\n        <div className=\"flex-1 min-w-0\">\n          {selectedDataSink ? (\n            <div className=\"flex items-center gap-2\">\n              <DataSinkStatusBadge status={selectedDataSink.status} size=\"sm\" showIcon={false} />\n              <span className=\"text-sm text-text-primary truncate\">\n                {selectedDataSink.name || selectedDataSink.key}\n              </span>\n            </div>\n          ) : (\n            <span className=\"text-sm text-text-tertiary\">{placeholder}</span>\n          )}\n        </div>\n\n        <ChevronDownIcon\n          className={`w-4 h-4 text-text-secondary transition-transform ${isOpen ? 'transform rotate-180' : ''}`}\n        />\n      </button>\n\n      {/* Error message */}\n      {error && errorMessage && <p className=\"mt-1 text-xs text-state-error\">{errorMessage}</p>}\n\n      {/* Dropdown */}\n      {isOpen && (\n        <Fragment>\n          {/* Backdrop */}\n          <div className=\"fixed inset-0 z-10\" onClick={handleClose} />\n\n          {/* Dropdown content */}\n          <div className=\"absolute left-0 right-0 top-full mt-1 z-20 bg-bg-surface border border-border-default rounded-md shadow-lg max-h-80 flex flex-col overflow-hidden\">\n            {/* Search input */}\n            <div className=\"p-2 border-b border-border-default\">\n              <input\n                type=\"text\"\n                placeholder=\"Search data sources...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className={`\n                  w-full px-3 py-2\n                  bg-bg-muted\n                  border border-border-default\n                  rounded-md\n                  text-sm text-text-primary\n                  placeholder-text-tertiary\n                  focus:outline-none\n                  focus:border-action-primary-bg\n                  focus:ring-2\n                  focus:ring-action-primary-bg/20\n                `}\n              />\n            </div>\n\n            {/* Options list */}\n            <div className=\"overflow-y-auto flex-1\">\n              {loading ? (\n                <div className=\"p-4 text-center text-sm text-text-secondary\">Loading data sources...</div>\n              ) : filteredDataSinks.length === 0 ? (\n                <div className=\"p-4 text-center text-sm text-text-secondary\">\n                  {searchQuery ? 'No matching data sources found' : 'No data sources available'}\n                </div>\n              ) : (\n                <Fragment>\n                  {/* None option */}\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSelect(null)}\n                    className={`\n                      w-full px-3 py-2\n                      text-left text-sm\n                      hover:bg-bg-muted\n                      transition-colors\n                      ${value === null ? 'bg-action-primary-bg/10 text-action-primary-bg' : 'text-text-secondary'}\n                    `}\n                  >\n                    <span className=\"italic\">None</span>\n                  </button>\n\n                  {/* DataSink options */}\n                  {filteredDataSinks.map((ds) => (\n                    <button\n                      key={ds.id}\n                      type=\"button\"\n                      onClick={() => handleSelect(ds.key)}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-left\n                        hover:bg-bg-muted\n                        transition-colors\n                        border-b border-border-default last:border-b-0\n                        ${value === ds.key ? 'bg-action-primary-bg/10' : ''}\n                      `}\n                    >\n                      <div className=\"flex items-start justify-between gap-2\">\n                        <div className=\"flex-1 min-w-0\">\n                          {/* Name and status */}\n                          <div className=\"flex items-center gap-2 mb-1\">\n                            <DataSinkStatusBadge status={ds.status} size=\"sm\" showIcon={false} />\n                            <span className=\"text-sm font-medium text-text-primary truncate\">{ds.name || ds.key}</span>\n                          </div>\n\n                          {/* Description */}\n                          {ds.description && (\n                            <p className=\"text-xs text-text-secondary line-clamp-1 mb-1\">{ds.description}</p>\n                          )}\n\n                          {/* Metadata */}\n                          <div className=\"flex items-center gap-2 text-xs text-text-tertiary\">\n                            <span>key: {ds.key}</span>\n                            <span>•</span>\n                            <span>Refreshed: {formatRelativeTime(ds.lastRefreshedAt)}</span>\n                          </div>\n                        </div>\n                      </div>\n                    </button>\n                  ))}\n                </Fragment>\n              )}\n            </div>\n          </div>\n        </Fragment>\n      )}\n    </div>\n  );\n});\n\nexport default DataSinkSelector;\n"],"mappings":"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"}

package/dist/bigconsole/components/parser/ExportParserDialog.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+
+export interface ExportParserDialogProps {
+    /** Whether dialog is open */
+    isOpen: boolean;
+    /** Parser ID to export */
+    parserId: string | null;
+    /** Parser name for filename */
+    parserName?: string;
+    /** Callback when dialog is closed */
+    onClose: () => void;
+    /** Callback when export succeeds */
+    onSuccess?: () => void;
+}
+export declare const ExportParserDialog: FC<ExportParserDialogProps>;
+export default ExportParserDialog;
+//# sourceMappingURL=ExportParserDialog.d.ts.map

package/dist/bigconsole/components/parser/ExportParserDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportParserDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/parser/ExportParserDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA0C,MAAM,OAAO,CAAC;AAUxE,MAAM,WAAW,uBAAuB;IACtC,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAkOD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkIzD,CAAC;AAEH,eAAe,kBAAkB,CAAC"}