@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkCard.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkCard.tsx"],"sourcesContent":["/**\n * DataSink Card\n *\n * Card component for displaying DataSink information in a list/grid view.\n */\n\nimport { memo, useCallback } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { DataSinkStatusBadge } from './DataSinkStatusBadge';\nimport type { DataSink, DataSinkSetupState } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkCardProps {\n  /** DataSink data */\n  dataSink: DataSink;\n  /** Setup state override */\n  setupState?: DataSinkSetupState;\n  /** Callback when view is clicked */\n  onView?: (id: string) => void;\n  /** Callback when edit is clicked */\n  onEdit?: (id: string) => void;\n  /** Callback when refresh is clicked */\n  onRefresh?: (id: string) => void;\n  /** Callback when export is clicked */\n  onExport?: (id: string) => void;\n  /** Callback when delete is clicked */\n  onDelete?: (id: string) => void;\n  /** Callback to continue setup */\n  onContinueSetup?: (id: string) => void;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkCard = memo(function DataSinkCard({\n  dataSink,\n  setupState,\n  onView,\n  onEdit,\n  onRefresh,\n  onExport,\n  onDelete,\n  onContinueSetup,\n}: DataSinkCardProps) {\n  // Event handlers\n  const handleView = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onView?.(dataSink.id);\n    },\n    [dataSink.id, onView]\n  );\n\n  const handleEdit = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onEdit?.(dataSink.id);\n    },\n    [dataSink.id, onEdit]\n  );\n\n  const handleRefresh = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onRefresh?.(dataSink.id);\n    },\n    [dataSink.id, onRefresh]\n  );\n\n  const handleExport = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onExport?.(dataSink.id);\n    },\n    [dataSink.id, onExport]\n  );\n\n  const handleDelete = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onDelete?.(dataSink.id);\n    },\n    [dataSink.id, onDelete]\n  );\n\n  const handleContinueSetup = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onContinueSetup?.(dataSink.id);\n    },\n    [dataSink.id, onContinueSetup]\n  );\n\n  const currentSetupState = setupState ?? dataSink.setupState;\n  const isSetupComplete = currentSetupState === 'completed';\n\n  // Format last refreshed time\n  const lastRefreshedText = dataSink.lastRefreshedAt\n    ? formatDistanceToNow(new Date(dataSink.lastRefreshedAt), { addSuffix: true })\n    : 'Never';\n\n  return (\n    <div\n      className={`\n        p-4\n        bg-bg-surface\n        border border-border-default\n        rounded-lg\n        hover:border-action-primary-bg/50\n        transition-colors\n        cursor-pointer\n      `}\n      onClick={handleView}\n    >\n      {/* Header */}\n      <div className=\"flex items-start justify-between mb-3\">\n        <div className=\"flex-1 min-w-0\">\n          <h3 className=\"text-sm font-semibold text-text-primary truncate\">{dataSink.name || 'Untitled DataSink'}</h3>\n          <p className=\"text-xs text-text-secondary font-mono mt-0.5 truncate\">{dataSink.key}</p>\n        </div>\n        <DataSinkStatusBadge status={dataSink.status} size=\"sm\" />\n      </div>\n\n      {/* Description */}\n      {dataSink.description && <p className=\"text-xs text-text-secondary mb-3 line-clamp-2\">{dataSink.description}</p>}\n\n      {/* Stats */}\n      <div className=\"flex items-center gap-4 text-xs text-text-secondary mb-3\">\n        <span className=\"flex items-center gap-1\">\n          <svg className=\"w-3.5 h-3.5\" 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          {lastRefreshedText}\n        </span>\n        {dataSink.linkedWorkflowCount !== undefined && dataSink.linkedWorkflowCount > 0 && (\n          <span className=\"flex items-center gap-1\">\n            <svg className=\"w-3.5 h-3.5\" 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            {dataSink.linkedWorkflowCount} workflow{dataSink.linkedWorkflowCount !== 1 ? 's' : ''}\n          </span>\n        )}\n      </div>\n\n      {/* Setup state indicator */}\n      {!isSetupComplete && (\n        <div className=\"mb-3 p-2 bg-state-warning/10 border border-state-warning/20 rounded-md\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-xs text-state-warning\">Setup incomplete</span>\n            <button\n              type=\"button\"\n              onClick={handleContinueSetup}\n              className=\"text-xs font-medium text-action-primary-bg hover:underline\"\n            >\n              Continue\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Actions */}\n      <div className=\"flex items-center gap-2 pt-2 border-t border-border-default\">\n        <button\n          type=\"button\"\n          onClick={handleView}\n          className=\"flex-1 px-3 py-1.5 text-xs font-medium text-text-primary bg-bg-muted hover:bg-border-default rounded-md transition-colors\"\n        >\n          View\n        </button>\n        <button\n          type=\"button\"\n          onClick={handleEdit}\n          className=\"px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-muted rounded-md transition-colors\"\n        >\n          Edit\n        </button>\n        <button\n          type=\"button\"\n          onClick={handleRefresh}\n          className=\"px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-muted rounded-md transition-colors\"\n        >\n          Refresh\n        </button>\n        {onExport && (\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-muted rounded-md transition-colors\"\n          >\n            Export\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={handleDelete}\n          className=\"px-3 py-1.5 text-xs font-medium text-state-error hover:bg-state-error/10 rounded-md transition-colors\"\n        >\n          Delete\n        </button>\n      </div>\n    </div>\n  );\n});\n\nexport default DataSinkCard;\n"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+/**
+ * DataSink Data Viewer
+ *
+ * Component for viewing DataSink data as formatted JSON.
+ */
+interface DataSinkDataViewerProps {
+    /** Data to display */
+    data: unknown;
+    /** Optional path to display */
+    dataPath?: string;
+    /** Maximum height */
+    maxHeight?: string;
+    /** Whether to show copy button */
+    showCopyButton?: boolean;
+}
+export declare const DataSinkDataViewer: import('react').NamedExoticComponent<DataSinkDataViewerProps>;
+export default DataSinkDataViewer;
+//# sourceMappingURL=DataSinkDataViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkDataViewer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkDataViewer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,UAAU,uBAAuB;IAC/B,sBAAsB;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAMD,eAAO,MAAM,kBAAkB,+DA8D7B,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,43 @@
+import { memo as e, useCallback as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/DataSinkDataViewer.tsx
+var a = e(function({ data: e, dataPath: a, maxHeight: o = "400px", showCopyButton: s = !0 }) {
+	let [c, l] = n(!1), u = JSON.stringify(e, null, 2), d = t(async () => {
+		try {
+			await navigator.clipboard.writeText(u), l(!0), setTimeout(() => l(!1), 2e3);
+		} catch {}
+	}, [u]);
+	return /* @__PURE__ */ i("div", {
+		className: "relative",
+		children: [(a || s) && /* @__PURE__ */ i("div", {
+			className: "flex items-center justify-between p-2 bg-bg-muted border-b border-border-default rounded-t-md",
+			children: [a && /* @__PURE__ */ i("span", {
+				className: "text-xs text-text-secondary font-mono",
+				children: ["Path: ", a]
+			}), s && /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: d,
+				className: "\n                px-2 py-1\n                text-xs font-medium\n                text-text-primary\n                bg-bg-surface\n                hover:bg-bg-muted\n                rounded\n                transition-colors\n              ",
+				children: c ? "Copied!" : "Copy"
+			})]
+		}), /* @__PURE__ */ r("pre", {
+			className: `
+          p-4
+          bg-bg-surface
+          border border-border-default
+          ${a || s ? "rounded-b-md border-t-0" : "rounded-md"}
+          overflow-auto
+          text-sm
+        `,
+			style: { maxHeight: o },
+			children: /* @__PURE__ */ r("code", {
+				className: "text-text-primary font-mono",
+				children: u
+			})
+		})]
+	});
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=DataSinkDataViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkDataViewer.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkDataViewer.tsx"],"sourcesContent":["/**\n * DataSink Data Viewer\n *\n * Component for viewing DataSink data as formatted JSON.\n */\n\nimport { memo, useState, useCallback } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkDataViewerProps {\n  /** Data to display */\n  data: unknown;\n  /** Optional path to display */\n  dataPath?: string;\n  /** Maximum height */\n  maxHeight?: string;\n  /** Whether to show copy button */\n  showCopyButton?: boolean;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkDataViewer = memo(function DataSinkDataViewer({\n  data,\n  dataPath,\n  maxHeight = '400px',\n  showCopyButton = true,\n}: DataSinkDataViewerProps) {\n  const [isCopied, setIsCopied] = useState(false);\n\n  // Format data as JSON\n  const formattedData = JSON.stringify(data, null, 2);\n\n  // Copy to clipboard\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(formattedData);\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    } catch (err) {}\n  }, [formattedData]);\n\n  return (\n    <div className=\"relative\">\n      {/* Header with path and copy button */}\n      {(dataPath || showCopyButton) && (\n        <div className=\"flex items-center justify-between p-2 bg-bg-muted border-b border-border-default rounded-t-md\">\n          {dataPath && <span className=\"text-xs text-text-secondary font-mono\">Path: {dataPath}</span>}\n          {showCopyButton && (\n            <button\n              type=\"button\"\n              onClick={handleCopy}\n              className={`\n                px-2 py-1\n                text-xs font-medium\n                text-text-primary\n                bg-bg-surface\n                hover:bg-bg-muted\n                rounded\n                transition-colors\n              `}\n            >\n              {isCopied ? 'Copied!' : 'Copy'}\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Data display */}\n      <pre\n        className={`\n          p-4\n          bg-bg-surface\n          border border-border-default\n          ${dataPath || showCopyButton ? 'rounded-b-md border-t-0' : 'rounded-md'}\n          overflow-auto\n          text-sm\n        `}\n        style={{ maxHeight }}\n      >\n        <code className=\"text-text-primary font-mono\">{formattedData}</code>\n      </pre>\n    </div>\n  );\n});\n\nexport default DataSinkDataViewer;\n"],"mappings":";;;AA2BA,IAAa,IAAqB,EAAK,SAA4B,EACjE,SACA,aACA,eAAY,SACZ,oBAAiB,MACS;CAC1B,IAAM,CAAC,GAAU,KAAe,EAAS,GAAM,EAGzC,IAAgB,KAAK,UAAU,GAAM,MAAM,EAAE,EAG7C,IAAa,EAAY,YAAY;AACzC,MAAI;AAGF,GAFA,MAAM,UAAU,UAAU,UAAU,EAAc,EAClD,EAAY,GAAK,EACjB,iBAAiB,EAAY,GAAM,EAAE,IAAK;UAC9B;IACb,CAAC,EAAc,CAAC;AAEnB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,EAEI,KAAY,MACZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KAAY,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAAwD,UAAO,EAAgB;OAC3F,KACC,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAW;cAUV,IAAW,YAAY;IACjB,CAAA,CAEP;MAIR,kBAAC,OAAD;GACE,WAAW;;;;YAIP,KAAY,IAAiB,4BAA4B,aAAa;;;;GAI1E,OAAO,EAAE,cAAW;aAEpB,kBAAC,QAAD;IAAM,WAAU;cAA+B;IAAqB,CAAA;GAChE,CAAA,CACF;;EAER"}

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

@@ -0,0 +1,17 @@
+import { DataSink } from '../../types';
+
+interface DataSinkDeleteDialogProps {
+    /** DataSink to delete */
+    dataSink: DataSink;
+    /** Whether dialog is open */
+    isOpen: boolean;
+    /** Callback when dialog is closed */
+    onClose: () => void;
+    /** Callback when delete is confirmed */
+    onConfirm: () => void;
+    /** Whether delete is in progress */
+    isDeleting?: boolean;
+}
+export declare const DataSinkDeleteDialog: import('react').NamedExoticComponent<DataSinkDeleteDialogProps>;
+export default DataSinkDeleteDialog;
+//# sourceMappingURL=DataSinkDeleteDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkDeleteDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkDeleteDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM5C,UAAU,yBAAyB;IACjC,yBAAyB;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wCAAwC;IACxC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD,eAAO,MAAM,oBAAoB,iEA6G/B,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,87 @@
+import { memo as e, useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/DataSinkDeleteDialog.tsx
+var i = e(function({ dataSink: e, isOpen: i, onClose: a, onConfirm: o, isDeleting: s = !1 }) {
+	let c = t((e) => {
+		e.target === e.currentTarget && !s && a();
+	}, [s, a]), l = t((e) => {
+		e.key === "Escape" && !s && a();
+	}, [s, a]);
+	return i ? /* @__PURE__ */ n("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50",
+		onClick: c,
+		onKeyDown: l,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "delete-dialog-title",
+		children: /* @__PURE__ */ r("div", {
+			className: "bg-bg-surface border border-border-default rounded-lg shadow-xl max-w-md w-full",
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "p-6 border-b border-border-default",
+					children: /* @__PURE__ */ n("h2", {
+						id: "delete-dialog-title",
+						className: "text-lg font-semibold text-text-primary",
+						children: "Delete DataSink"
+					})
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ n("p", {
+							className: "text-sm text-text-primary mb-4",
+							children: "Are you sure you want to delete this DataSink?"
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "bg-bg-muted p-3 rounded-md",
+							children: [/* @__PURE__ */ n("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: e.name || "Untitled DataSink"
+							}), /* @__PURE__ */ n("p", {
+								className: "text-xs text-text-secondary mt-1 font-mono",
+								children: e.key
+							})]
+						}),
+						e.linkedWorkflowCount && e.linkedWorkflowCount > 0 && /* @__PURE__ */ n("div", {
+							className: "mt-4 p-3 bg-state-warning/10 border border-state-warning/20 rounded-md",
+							children: /* @__PURE__ */ r("p", {
+								className: "text-sm text-state-warning",
+								children: [
+									"This DataSink is linked to ",
+									e.linkedWorkflowCount,
+									" workflow",
+									e.linkedWorkflowCount === 1 ? "" : "s",
+									". Deleting it will remove these links."
+								]
+							})
+						}),
+						/* @__PURE__ */ n("p", {
+							className: "text-sm text-state-error mt-4",
+							children: "This action cannot be undone."
+						})
+					]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "p-6 border-t border-border-default flex items-center justify-end gap-3",
+					children: [/* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: a,
+						disabled: s,
+						className: "\n              px-4 py-2\n              text-sm font-medium\n              text-text-primary\n              bg-bg-muted\n              hover:bg-border-default\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            ",
+						children: "Cancel"
+					}), /* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: o,
+						disabled: s,
+						className: "\n              px-4 py-2\n              text-sm font-medium\n              text-white\n              bg-state-error\n              hover:bg-state-error/90\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            ",
+						children: s ? "Deleting..." : "Delete"
+					})]
+				})
+			]
+		})
+	}) : null;
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=DataSinkDeleteDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkDeleteDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkDeleteDialog.tsx"],"sourcesContent":["/**\n * DataSink Delete Dialog\n *\n * Confirmation dialog for deleting a DataSink.\n */\n\nimport { memo, useCallback } from 'react';\nimport type { DataSink } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkDeleteDialogProps {\n  /** DataSink to delete */\n  dataSink: DataSink;\n  /** Whether dialog is open */\n  isOpen: boolean;\n  /** Callback when dialog is closed */\n  onClose: () => void;\n  /** Callback when delete is confirmed */\n  onConfirm: () => void;\n  /** Whether delete is in progress */\n  isDeleting?: boolean;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkDeleteDialog = memo(function DataSinkDeleteDialog({\n  dataSink,\n  isOpen,\n  onClose,\n  onConfirm,\n  isDeleting = false,\n}: DataSinkDeleteDialogProps) {\n  // Handle backdrop click\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.target === e.currentTarget && !isDeleting) {\n        onClose();\n      }\n    },\n    [isDeleting, onClose]\n  );\n\n  // Handle escape key\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape' && !isDeleting) {\n        onClose();\n      }\n    },\n    [isDeleting, onClose]\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50\"\n      onClick={handleBackdropClick}\n      onKeyDown={handleKeyDown}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"delete-dialog-title\"\n    >\n      <div className=\"bg-bg-surface border border-border-default rounded-lg shadow-xl max-w-md w-full\">\n        {/* Header */}\n        <div className=\"p-6 border-b border-border-default\">\n          <h2 id=\"delete-dialog-title\" className=\"text-lg font-semibold text-text-primary\">\n            Delete DataSink\n          </h2>\n        </div>\n\n        {/* Content */}\n        <div className=\"p-6\">\n          <p className=\"text-sm text-text-primary mb-4\">Are you sure you want to delete this DataSink?</p>\n\n          <div className=\"bg-bg-muted p-3 rounded-md\">\n            <p className=\"text-sm font-medium text-text-primary\">{dataSink.name || 'Untitled DataSink'}</p>\n            <p className=\"text-xs text-text-secondary mt-1 font-mono\">{dataSink.key}</p>\n          </div>\n\n          {dataSink.linkedWorkflowCount && dataSink.linkedWorkflowCount > 0 && (\n            <div className=\"mt-4 p-3 bg-state-warning/10 border border-state-warning/20 rounded-md\">\n              <p className=\"text-sm text-state-warning\">\n                This DataSink is linked to {dataSink.linkedWorkflowCount} workflow\n                {dataSink.linkedWorkflowCount !== 1 ? 's' : ''}. Deleting it will remove these links.\n              </p>\n            </div>\n          )}\n\n          <p className=\"text-sm text-state-error mt-4\">This action cannot be undone.</p>\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-6 border-t border-border-default flex items-center justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={isDeleting}\n            className={`\n              px-4 py-2\n              text-sm font-medium\n              text-text-primary\n              bg-bg-muted\n              hover:bg-border-default\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            `}\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={isDeleting}\n            className={`\n              px-4 py-2\n              text-sm font-medium\n              text-white\n              bg-state-error\n              hover:bg-state-error/90\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            `}\n          >\n            {isDeleting ? 'Deleting...' : 'Delete'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default DataSinkDeleteDialog;\n"],"mappings":";;;AA8BA,IAAa,IAAuB,EAAK,SAA8B,EACrE,aACA,WACA,YACA,cACA,gBAAa,MACe;CAE5B,IAAM,IAAsB,GACzB,MAAwB;AACvB,EAAI,EAAE,WAAW,EAAE,iBAAiB,CAAC,KACnC,GAAS;IAGb,CAAC,GAAY,EAAQ,CACtB,EAGK,IAAgB,GACnB,MAA2B;AAC1B,EAAI,EAAE,QAAQ,YAAY,CAAC,KACzB,GAAS;IAGb,CAAC,GAAY,EAAQ,CACtB;AAMD,QAJK,IAKH,kBAAC,OAAD;EACE,WAAU;EACV,SAAS;EACT,WAAW;EACX,MAAK;EACL,cAAW;EACX,mBAAgB;YAEhB,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,MAAD;MAAI,IAAG;MAAsB,WAAU;gBAA0C;MAE5E,CAAA;KACD,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAiC;OAAkD,CAAA;MAEhG,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAyC,EAAS,QAAQ;QAAwB,CAAA,EAC/F,kBAAC,KAAD;QAAG,WAAU;kBAA8C,EAAS;QAAQ,CAAA,CACxE;;MAEL,EAAS,uBAAuB,EAAS,sBAAsB,KAC9D,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA0C;SACZ,EAAS;SAAoB;SACxD,EAAS,wBAAwB,IAAU,KAAN;SAAS;SAC7C;;OACA,CAAA;MAGR,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAiC,CAAA;MAC1E;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW;gBAUZ;MAEQ,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW;gBAWV,IAAa,gBAAgB;MACvB,CAAA,CACL;;IACF;;EACF,CAAA,GA/EC;EAiFT"}

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

@@ -0,0 +1,22 @@
+/**
+ * DataSink Refresh Config
+ *
+ * Simplified component for configuring DataSink refresh settings.
+ */
+interface RefreshSchedule {
+    cron: string;
+    timezone: string;
+}
+interface RefreshConfig {
+    type: 'manual' | 'scheduled';
+    schedule?: RefreshSchedule;
+}
+interface DataSinkRefreshConfigProps {
+    /** Current refresh configuration */
+    config?: RefreshConfig;
+    /** Callback when configuration changes */
+    onChange: (config: RefreshConfig) => void;
+}
+export declare const DataSinkRefreshConfig: import('react').NamedExoticComponent<DataSinkRefreshConfigProps>;
+export default DataSinkRefreshConfig;
+//# sourceMappingURL=DataSinkRefreshConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkRefreshConfig.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkRefreshConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,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,0BAA0B;IAClC,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAsBD,eAAO,MAAM,qBAAqB,kEAwHhC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { DataSink } from '../../types';
+
+interface DataSinkRefreshDialogProps {
+    /** DataSink to refresh */
+    dataSink: DataSink;
+    /** Whether dialog is open */
+    isOpen: boolean;
+    /** Callback when dialog is closed */
+    onClose: () => void;
+    /** Callback when refresh is confirmed (with force flag) */
+    onConfirm: (force: boolean) => void;
+    /** Whether refresh is in progress */
+    isRefreshing?: boolean;
+}
+export declare const DataSinkRefreshDialog: import('react').NamedExoticComponent<DataSinkRefreshDialogProps>;
+export default DataSinkRefreshDialog;
+//# sourceMappingURL=DataSinkRefreshDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkRefreshDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkRefreshDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM5C,UAAU,0BAA0B;IAClC,0BAA0B;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2DAA2D;IAC3D,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAMD,eAAO,MAAM,qBAAqB,kEAmHhC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,88 @@
+import { memo as e, useCallback as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/DataSinkRefreshDialog.tsx
+var a = e(function({ dataSink: e, isOpen: a, onClose: o, onConfirm: s, isRefreshing: c = !1 }) {
+	let [l, u] = n(!1), d = t((e) => {
+		e.target === e.currentTarget && !c && o();
+	}, [c, o]), f = (e) => new Date(e).toLocaleString(), p = t(() => {
+		s(l);
+	}, [s, l]);
+	return a ? /* @__PURE__ */ r("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50",
+		onClick: d,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "refresh-dialog-title",
+		children: /* @__PURE__ */ i("div", {
+			className: "bg-bg-surface border border-border-default rounded-lg shadow-xl max-w-md w-full",
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "p-6 border-b border-border-default",
+					children: /* @__PURE__ */ r("h2", {
+						id: "refresh-dialog-title",
+						className: "text-lg font-semibold text-text-primary",
+						children: "Refresh DataSink"
+					})
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ i("div", {
+							className: "bg-bg-muted p-3 rounded-md mb-4",
+							children: [
+								/* @__PURE__ */ r("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: e.name || "Untitled DataSink"
+								}),
+								/* @__PURE__ */ r("p", {
+									className: "text-xs text-text-secondary mt-1 font-mono",
+									children: e.key
+								}),
+								e.lastRefreshedAt && /* @__PURE__ */ i("p", {
+									className: "text-xs text-text-secondary mt-2",
+									children: ["Last refreshed: ", f(e.lastRefreshedAt)]
+								})
+							]
+						}),
+						/* @__PURE__ */ i("label", {
+							className: "flex items-center gap-2 cursor-pointer",
+							children: [/* @__PURE__ */ r("input", {
+								type: "checkbox",
+								checked: l,
+								onChange: (e) => u(e.target.checked),
+								className: "w-4 h-4 text-action-primary-bg focus:ring-action-primary-bg rounded"
+							}), /* @__PURE__ */ r("span", {
+								className: "text-sm text-text-primary",
+								children: "Force refresh (bypass cache)"
+							})]
+						}),
+						/* @__PURE__ */ r("p", {
+							className: "mt-2 text-xs text-text-secondary",
+							children: "Force refresh will re-fetch all data from the source, ignoring any cached values."
+						})
+					]
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "p-6 border-t border-border-default flex items-center justify-end gap-3",
+					children: [/* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: o,
+						disabled: c,
+						className: "\n              px-4 py-2\n              text-sm font-medium\n              text-text-primary\n              bg-bg-muted\n              hover:bg-border-default\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            ",
+						children: "Cancel"
+					}), /* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: p,
+						disabled: c,
+						className: "\n              px-4 py-2\n              text-sm font-medium\n              text-action-primary-fg\n              bg-action-primary-bg\n              hover:bg-action-primary-bgHover\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            ",
+						children: c ? "Refreshing..." : "Refresh"
+					})]
+				})
+			]
+		})
+	}) : null;
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=DataSinkRefreshDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkRefreshDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkRefreshDialog.tsx"],"sourcesContent":["/**\n * DataSink Refresh Dialog\n *\n * Dialog for confirming DataSink refresh with force option.\n */\n\nimport { memo, useState, useCallback } from 'react';\nimport type { DataSink } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkRefreshDialogProps {\n  /** DataSink to refresh */\n  dataSink: DataSink;\n  /** Whether dialog is open */\n  isOpen: boolean;\n  /** Callback when dialog is closed */\n  onClose: () => void;\n  /** Callback when refresh is confirmed (with force flag) */\n  onConfirm: (force: boolean) => void;\n  /** Whether refresh is in progress */\n  isRefreshing?: boolean;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkRefreshDialog = memo(function DataSinkRefreshDialog({\n  dataSink,\n  isOpen,\n  onClose,\n  onConfirm,\n  isRefreshing = false,\n}: DataSinkRefreshDialogProps) {\n  const [forceRefresh, setForceRefresh] = useState(false);\n\n  // Handle backdrop click\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.target === e.currentTarget && !isRefreshing) {\n        onClose();\n      }\n    },\n    [isRefreshing, onClose]\n  );\n\n  // Format date\n  const formatDate = (dateString: string) => {\n    return new Date(dateString).toLocaleString();\n  };\n\n  // Handle confirm\n  const handleConfirm = useCallback(() => {\n    onConfirm(forceRefresh);\n  }, [onConfirm, forceRefresh]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50\"\n      onClick={handleBackdropClick}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"refresh-dialog-title\"\n    >\n      <div className=\"bg-bg-surface border border-border-default rounded-lg shadow-xl max-w-md w-full\">\n        {/* Header */}\n        <div className=\"p-6 border-b border-border-default\">\n          <h2 id=\"refresh-dialog-title\" className=\"text-lg font-semibold text-text-primary\">\n            Refresh DataSink\n          </h2>\n        </div>\n\n        {/* Content */}\n        <div className=\"p-6\">\n          {/* DataSink info */}\n          <div className=\"bg-bg-muted p-3 rounded-md mb-4\">\n            <p className=\"text-sm font-medium text-text-primary\">{dataSink.name || 'Untitled DataSink'}</p>\n            <p className=\"text-xs text-text-secondary mt-1 font-mono\">{dataSink.key}</p>\n            {dataSink.lastRefreshedAt && (\n              <p className=\"text-xs text-text-secondary mt-2\">Last refreshed: {formatDate(dataSink.lastRefreshedAt)}</p>\n            )}\n          </div>\n\n          {/* Force refresh option */}\n          <label className=\"flex items-center gap-2 cursor-pointer\">\n            <input\n              type=\"checkbox\"\n              checked={forceRefresh}\n              onChange={(e) => setForceRefresh(e.target.checked)}\n              className=\"w-4 h-4 text-action-primary-bg focus:ring-action-primary-bg rounded\"\n            />\n            <span className=\"text-sm text-text-primary\">Force refresh (bypass cache)</span>\n          </label>\n          <p className=\"mt-2 text-xs text-text-secondary\">\n            Force refresh will re-fetch all data from the source, ignoring any cached values.\n          </p>\n        </div>\n\n        {/* Footer */}\n        <div className=\"p-6 border-t border-border-default flex items-center justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={isRefreshing}\n            className={`\n              px-4 py-2\n              text-sm font-medium\n              text-text-primary\n              bg-bg-muted\n              hover:bg-border-default\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            `}\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleConfirm}\n            disabled={isRefreshing}\n            className={`\n              px-4 py-2\n              text-sm font-medium\n              text-action-primary-fg\n              bg-action-primary-bg\n              hover:bg-action-primary-bgHover\n              disabled:opacity-50 disabled:cursor-not-allowed\n              rounded-md\n              transition-colors\n            `}\n          >\n            {isRefreshing ? 'Refreshing...' : 'Refresh'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default DataSinkRefreshDialog;\n"],"mappings":";;;AA8BA,IAAa,IAAwB,EAAK,SAA+B,EACvE,aACA,WACA,YACA,cACA,kBAAe,MACc;CAC7B,IAAM,CAAC,GAAc,KAAmB,EAAS,GAAM,EAGjD,IAAsB,GACzB,MAAwB;AACvB,EAAI,EAAE,WAAW,EAAE,iBAAiB,CAAC,KACnC,GAAS;IAGb,CAAC,GAAc,EAAQ,CACxB,EAGK,KAAc,MACX,IAAI,KAAK,EAAW,CAAC,gBAAgB,EAIxC,IAAgB,QAAkB;AACtC,IAAU,EAAa;IACtB,CAAC,GAAW,EAAa,CAAC;AAM7B,QAJK,IAKH,kBAAC,OAAD;EACE,WAAU;EACV,SAAS;EACT,MAAK;EACL,cAAW;EACX,mBAAgB;YAEhB,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,MAAD;MAAI,IAAG;MAAuB,WAAU;gBAA0C;MAE7E,CAAA;KACD,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAyC,EAAS,QAAQ;SAAwB,CAAA;QAC/F,kBAAC,KAAD;SAAG,WAAU;mBAA8C,EAAS;SAAQ,CAAA;QAC3E,EAAS,mBACR,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAAgD,oBAAiB,EAAW,EAAS,gBAAgB,CAAK;;QAExG;;MAGN,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAgB,EAAE,OAAO,QAAQ;QAClD,WAAU;QACV,CAAA,EACF,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAAmC,CAAA,CACzE;;MACR,kBAAC,KAAD;OAAG,WAAU;iBAAmC;OAE5C,CAAA;MACA;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW;gBAUZ;MAEQ,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW;gBAWV,IAAe,kBAAkB;MAC3B,CAAA,CACL;;IACF;;EACF,CAAA,GAnFC;EAqFT"}

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

@@ -0,0 +1,13 @@
+import { DataSinkStatus } from '../../types';
+
+interface DataSinkStatusBadgeProps {
+    /** DataSink status */
+    status: DataSinkStatus;
+    /** Badge size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether to show icon */
+    showIcon?: boolean;
+}
+export declare const DataSinkStatusBadge: import('react').NamedExoticComponent<DataSinkStatusBadgeProps>;
+export default DataSinkStatusBadge;
+//# sourceMappingURL=DataSinkStatusBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkStatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMlD,UAAU,wBAAwB;IAChC,sBAAsB;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAaD,eAAO,MAAM,mBAAmB,gEAgG9B,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,98 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/DataSinkStatusBadge.tsx
+var r = e(function({ status: e, size: r = "md", showIcon: i = !0 }) {
+	let a = {
+		sm: "px-2 py-0.5 text-xs",
+		md: "px-2.5 py-1 text-sm",
+		lg: "px-3 py-1.5 text-base"
+	}, o = {
+		sm: "w-3 h-3",
+		md: "w-4 h-4",
+		lg: "w-5 h-5"
+	}, s = {
+		ready: {
+			bg: "bg-state-success/10",
+			text: "text-state-success",
+			icon: /* @__PURE__ */ t("svg", {
+				className: o[r],
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ t("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M5 13l4 4L19 7"
+				})
+			}),
+			label: "Ready"
+		},
+		error: {
+			bg: "bg-state-error/10",
+			text: "text-state-error",
+			icon: /* @__PURE__ */ t("svg", {
+				className: o[r],
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ t("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+				})
+			}),
+			label: "Error"
+		},
+		stale: {
+			bg: "bg-state-warning/10",
+			text: "text-state-warning",
+			icon: /* @__PURE__ */ t("svg", {
+				className: o[r],
+				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"
+				})
+			}),
+			label: "Stale"
+		},
+		refreshing: {
+			bg: "bg-action-primary-bg/10",
+			text: "text-action-primary-bg",
+			icon: /* @__PURE__ */ t("svg", {
+				className: `${o[r]} animate-spin`,
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ t("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"
+				})
+			}),
+			label: "Refreshing"
+		}
+	}[e];
+	return s ? /* @__PURE__ */ n("span", {
+		className: `
+        inline-flex items-center gap-1.5
+        ${a[r]}
+        ${s.bg}
+        ${s.text}
+        rounded-full
+        font-medium
+      `,
+		children: [i && s.icon, /* @__PURE__ */ t("span", { children: s.label })]
+	}) : null;
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=DataSinkStatusBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkStatusBadge.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkStatusBadge.tsx"],"sourcesContent":["/**\n * DataSink Status Badge\n *\n * Display badge showing DataSink status with icon and color coding.\n */\n\nimport { memo, type ReactNode } from 'react';\nimport type { DataSinkStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkStatusBadgeProps {\n  /** DataSink status */\n  status: DataSinkStatus;\n  /** Badge size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to show icon */\n  showIcon?: boolean;\n}\n\ninterface StatusConfig {\n  bg: string;\n  text: string;\n  icon: ReactNode;\n  label: string;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkStatusBadge = memo(function DataSinkStatusBadge({\n  status,\n  size = 'md',\n  showIcon = true,\n}: DataSinkStatusBadgeProps) {\n  const sizeClasses: Record<string, string> = {\n    sm: 'px-2 py-0.5 text-xs',\n    md: 'px-2.5 py-1 text-sm',\n    lg: 'px-3 py-1.5 text-base',\n  };\n\n  const iconSizes: Record<string, string> = {\n    sm: 'w-3 h-3',\n    md: 'w-4 h-4',\n    lg: 'w-5 h-5',\n  };\n\n  const statusConfigs: Record<DataSinkStatus, StatusConfig> = {\n    ready: {\n      bg: 'bg-state-success/10',\n      text: 'text-state-success',\n      icon: (\n        <svg className={iconSizes[size]} 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      label: 'Ready',\n    },\n    error: {\n      bg: 'bg-state-error/10',\n      text: 'text-state-error',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n      ),\n      label: 'Error',\n    },\n    stale: {\n      bg: 'bg-state-warning/10',\n      text: 'text-state-warning',\n      icon: (\n        <svg className={iconSizes[size]} 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      label: 'Stale',\n    },\n    refreshing: {\n      bg: 'bg-action-primary-bg/10',\n      text: 'text-action-primary-bg',\n      icon: (\n        <svg className={`${iconSizes[size]} animate-spin`} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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      label: 'Refreshing',\n    },\n  };\n\n  const config = statusConfigs[status];\n\n  if (!config) {\n    return null;\n  }\n\n  return (\n    <span\n      className={`\n        inline-flex items-center gap-1.5\n        ${sizeClasses[size]}\n        ${config.bg}\n        ${config.text}\n        rounded-full\n        font-medium\n      `}\n    >\n      {showIcon && config.icon}\n      <span>{config.label}</span>\n    </span>\n  );\n});\n\nexport default DataSinkStatusBadge;\n"],"mappings":";;;AAiCA,IAAa,IAAsB,EAAK,SAA6B,EACnE,WACA,UAAO,MACP,cAAW,MACgB;CAC3B,IAAM,IAAsC;EAC1C,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAoC;EACxC,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EA4DK,IA1DsD;EAC1D,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;KAAmB,CAAA;IACpF,CAAA;GAER,OAAO;GACR;EACD,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACD,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACD,YAAY;GACV,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,GAAG,EAAU,GAAM;IAAgB,MAAK;IAAO,QAAO;IAAe,SAAQ;cAC3F,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACF,CAE4B;AAM7B,QAJK,IAKH,kBAAC,QAAD;EACE,WAAW;;UAEP,EAAY,GAAM;UAClB,EAAO,GAAG;UACV,EAAO,KAAK;;;;YALlB,CAUG,KAAY,EAAO,MACpB,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,CACtB;MAhBA;EAkBT"}

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

@@ -0,0 +1,13 @@
+/**
+ * DataSink Table Viewer
+ *
+ * Component for viewing DataSink data in tabular format with support for
+ * nested data, column selection, and multiple view modes.
+ */
+interface DataSinkTableViewerProps {
+    data: unknown;
+    maxHeight?: string;
+}
+export declare const DataSinkTableViewer: import('react').NamedExoticComponent<DataSinkTableViewerProps>;
+export default DataSinkTableViewer;
+//# sourceMappingURL=DataSinkTableViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkTableViewer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkTableViewer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,UAAU,wBAAwB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmDD,eAAO,MAAM,mBAAmB,gEA+K9B,CAAC;AAEH,eAAe,mBAAmB,CAAC"}