@burdenoff/microfe-bigconsole 2026.624.1 → 2026.625.1

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

@@ -1 +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"}
+{"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-sunken 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-sunken\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/DataSinkRefreshDialog.js

@@ -28,7 +28,7 @@ var a = e(function({ dataSink: e, isOpen: a, onClose: o, onConfirm: s, isRefresh
 					className: "p-6",
 					children: [
 						/* @__PURE__ */ i("div", {
-							className: "bg-bg-muted p-3 rounded-md mb-4",
+							className: "bg-bg-sunken p-3 rounded-md mb-4",
 							children: [
 								/* @__PURE__ */ r("p", {
 									className: "text-sm font-medium text-text-primary",
@@ -68,7 +68,7 @@ var a = e(function({ dataSink: e, isOpen: a, onClose: o, onConfirm: s, isRefresh
 						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            ",
+						className: "\n              px-4 py-2\n              text-sm font-medium\n              text-text-primary\n              bg-bg-sunken\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",

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

@@ -1 +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"}
+{"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-sunken 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-sunken\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/DataSinkTableViewer.js

@@ -1,7 +1,7 @@
 import { memo as e, useCallback as t, useMemo as n, useState as r } from "react";
 import { ChevronLeft as i, ChevronRight as a, ChevronsLeft as o, ChevronsRight as s, Settings2 as c, X as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Button as f } from "@burdenoff/fe-libs/ui";
+import { Button as u } from "@burdenoff/fe-libs/ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Table as p, TableBody as m, TableCell as h, TableHead as g, TableHeader as _, TableRow as v } from "@burdenoff/fe-libs/ui/table";
 //#region src/bigconsole/components/datasink/DataSinkTableViewer.tsx
 function y(e) {
@@ -57,15 +57,15 @@ var w = e(function({ data: e, maxHeight: w = "400px" }) {
 	}, []), L = t(() => {
 		O(null), A(!1);
 	}, []);
-	return j.length === 0 ? /* @__PURE__ */ u("div", {
+	return j.length === 0 ? /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-8 text-text-secondary text-body-sm",
 		children: "No tabular data available. Data must be an array of objects for table view."
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ d("div", {
-				className: "flex items-center justify-between p-3 bg-bg-muted border-b border-border-default",
-				children: [/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between p-3 bg-bg-sunken border-b border-border-default",
+				children: [/* @__PURE__ */ f("span", {
 					className: "text-xs text-text-secondary",
 					children: [
 						j.length,
@@ -73,39 +73,39 @@ var w = e(function({ data: e, maxHeight: w = "400px" }) {
 						N.length,
 						" columns"
 					]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ u(f, {
+					children: /* @__PURE__ */ d(u, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => A((e) => !e),
-						children: /* @__PURE__ */ u(c, { className: "w-4 h-4" })
+						children: /* @__PURE__ */ d(c, { className: "w-4 h-4" })
 					})
 				})]
 			}),
-			k && /* @__PURE__ */ d("div", {
+			k && /* @__PURE__ */ f("div", {
 				className: "absolute right-0 top-10 z-10 bg-bg-surface border border-border-default rounded-md shadow-lg p-3 min-w-[200px] max-h-[300px] overflow-auto",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex items-center justify-between mb-2",
-					children: [/* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ d("span", {
 						className: "text-xs font-medium text-text-primary",
 						children: "Select Columns"
-					}), /* @__PURE__ */ u(f, {
+					}), /* @__PURE__ */ d(u, {
 						variant: "ghost",
 						size: "sm",
 						onClick: L,
-						children: /* @__PURE__ */ u(l, { className: "w-3 h-3" })
+						children: /* @__PURE__ */ d(l, { className: "w-3 h-3" })
 					})]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "space-y-1",
-					children: M.map((e) => /* @__PURE__ */ d("label", {
+					children: M.map((e) => /* @__PURE__ */ f("label", {
 						className: "flex items-center gap-2 text-xs text-text-secondary hover:text-text-primary cursor-pointer",
-						children: [/* @__PURE__ */ u("input", {
+						children: [/* @__PURE__ */ d("input", {
 							type: "checkbox",
 							checked: !D || D.includes(e.key),
 							onChange: () => I(e.key),
 							className: "rounded border-border-default"
-						}), /* @__PURE__ */ u("span", {
+						}), /* @__PURE__ */ d("span", {
 							className: "truncate",
 							title: e.key,
 							children: e.label
@@ -113,17 +113,17 @@ var w = e(function({ data: e, maxHeight: w = "400px" }) {
 					}, e.key))
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "overflow-auto",
 				style: { maxHeight: w },
-				children: /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ u(v, { children: N.map((e) => /* @__PURE__ */ u(g, {
+				children: /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ d(v, { children: N.map((e) => /* @__PURE__ */ d(g, {
 					title: e.path,
 					children: e.label
-				}, e.key)) }) }), /* @__PURE__ */ u(m, { children: P.map((e, t) => /* @__PURE__ */ u(v, { children: N.map((t) => /* @__PURE__ */ u(h, { children: C(S(e, t.path)) }, t.key)) }, t)) })] })
+				}, e.key)) }) }), /* @__PURE__ */ d(m, { children: P.map((e, t) => /* @__PURE__ */ d(v, { children: N.map((t) => /* @__PURE__ */ d(h, { children: C(S(e, t.path)) }, t.key)) }, t)) })] })
 			}),
-			F > 1 && /* @__PURE__ */ d("div", {
-				className: "flex items-center justify-between p-3 bg-bg-muted border-t border-border-default",
-				children: [/* @__PURE__ */ d("span", {
+			F > 1 && /* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between p-3 bg-bg-sunken border-t border-border-default",
+				children: [/* @__PURE__ */ f("span", {
 					className: "text-xs text-text-secondary",
 					children: [
 						"Page ",
@@ -131,36 +131,36 @@ var w = e(function({ data: e, maxHeight: w = "400px" }) {
 						" of ",
 						F
 					]
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ u(f, {
+						/* @__PURE__ */ d(u, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => E(0),
 							disabled: T === 0,
-							children: /* @__PURE__ */ u(o, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ d(o, { className: "w-4 h-4" })
 						}),
-						/* @__PURE__ */ u(f, {
+						/* @__PURE__ */ d(u, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => E((e) => Math.max(0, e - 1)),
 							disabled: T === 0,
-							children: /* @__PURE__ */ u(i, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ d(i, { className: "w-4 h-4" })
 						}),
-						/* @__PURE__ */ u(f, {
+						/* @__PURE__ */ d(u, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => E((e) => Math.min(F - 1, e + 1)),
 							disabled: T >= F - 1,
-							children: /* @__PURE__ */ u(a, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ d(a, { className: "w-4 h-4" })
 						}),
-						/* @__PURE__ */ u(f, {
+						/* @__PURE__ */ d(u, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => E(F - 1),
 							disabled: T >= F - 1,
-							children: /* @__PURE__ */ u(s, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ d(s, { className: "w-4 h-4" })
 						})
 					]
 				})]

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

@@ -1 +1 @@
-{"version":3,"file":"DataSinkTableViewer.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkTableViewer.tsx"],"sourcesContent":["/**\n * DataSink Table Viewer\n *\n * Component for viewing DataSink data in tabular format with support for\n * nested data, column selection, and multiple view modes.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\n\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@burdenoff/fe-libs/ui/table';\n\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Settings2, X } from 'lucide-react';\n\ninterface DataSinkTableViewerProps {\n  data: unknown;\n  maxHeight?: string;\n}\n\ninterface Column {\n  key: string;\n  label: string;\n  path: string;\n}\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction isArrayOfObjects(value: unknown): boolean {\n  return Array.isArray(value) && value.length > 0 && isObject(value[0]);\n}\n\nfunction flattenObject(obj: Record<string, unknown>, prefix = ''): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(obj)) {\n    const newKey = prefix ? `${prefix}.${key}` : key;\n\n    if (isObject(value) && !Array.isArray(value)) {\n      Object.assign(result, flattenObject(value, newKey));\n    } else {\n      result[newKey] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction getNestedValue(obj: Record<string, unknown>, path: string): unknown {\n  return path.split('.').reduce((acc: unknown, key) => {\n    if (acc && typeof acc === 'object' && key in acc) {\n      return (acc as Record<string, unknown>)[key];\n    }\n    return undefined;\n  }, obj);\n}\n\nfunction formatCellValue(value: unknown): string {\n  if (value === null || value === undefined) {\n    return '-';\n  }\n  if (typeof value === 'object') {\n    return JSON.stringify(value);\n  }\n  return String(value);\n}\n\nexport const DataSinkTableViewer = memo(function DataSinkTableViewer({\n  data,\n  maxHeight = '400px',\n}: DataSinkTableViewerProps) {\n  const [page, setPage] = useState(0);\n  const PAGE_SIZE = 50;\n  const [selectedColumns, setSelectedColumns] = useState<string[] | null>(null);\n  const [showColumnPicker, setShowColumnPicker] = useState(false);\n\n  const rows = useMemo(() => {\n    if (!data) return [];\n    if (Array.isArray(data) && isArrayOfObjects(data)) {\n      return data as Record<string, unknown>[];\n    }\n    if (isObject(data)) {\n      return [data];\n    }\n    return [];\n  }, [data]);\n\n  const allColumns = useMemo(() => {\n    if (rows.length === 0) return [];\n\n    const columnMap = new Map<string, Column>();\n\n    for (const row of rows) {\n      const flat = flattenObject(row);\n      for (const key of Object.keys(flat)) {\n        if (!columnMap.has(key)) {\n          const parts = key.split('.');\n          const label = parts[parts.length - 1];\n          columnMap.set(key, { key, label, path: key });\n        }\n      }\n    }\n\n    return Array.from(columnMap.values());\n  }, [rows]);\n\n  const displayColumns = useMemo(() => {\n    if (selectedColumns) {\n      return allColumns.filter((col) => selectedColumns.includes(col.key));\n    }\n    return allColumns.slice(0, 10);\n  }, [allColumns, selectedColumns]);\n\n  const paginatedRows = useMemo(() => {\n    const start = page * PAGE_SIZE;\n    return rows.slice(start, start + PAGE_SIZE);\n  }, [rows, page]);\n\n  const totalPages = Math.ceil(rows.length / PAGE_SIZE);\n\n  const handleColumnToggle = useCallback((columnKey: string) => {\n    setSelectedColumns((prev) => {\n      if (!prev) {\n        return [columnKey];\n      }\n      if (prev.includes(columnKey)) {\n        const next = prev.filter((k) => k !== columnKey);\n        return next.length > 0 ? next : null;\n      }\n      return [...prev, columnKey];\n    });\n  }, []);\n\n  const handleResetColumns = useCallback(() => {\n    setSelectedColumns(null);\n    setShowColumnPicker(false);\n  }, []);\n\n  if (rows.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center p-8 text-text-secondary text-body-sm\">\n        No tabular data available. Data must be an array of objects for table view.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n      <div className=\"flex items-center justify-between p-3 bg-bg-muted border-b border-border-default\">\n        <span className=\"text-xs text-text-secondary\">\n          {rows.length} rows &middot; {displayColumns.length} columns\n        </span>\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => setShowColumnPicker((v) => !v)}>\n            <Settings2 className=\"w-4 h-4\" />\n          </Button>\n        </div>\n      </div>\n\n      {showColumnPicker && (\n        <div className=\"absolute right-0 top-10 z-10 bg-bg-surface border border-border-default rounded-md shadow-lg p-3 min-w-[200px] max-h-[300px] overflow-auto\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-xs font-medium text-text-primary\">Select Columns</span>\n            <Button variant=\"ghost\" size=\"sm\" onClick={handleResetColumns}>\n              <X className=\"w-3 h-3\" />\n            </Button>\n          </div>\n          <div className=\"space-y-1\">\n            {allColumns.map((col) => {\n              const isSelected = !selectedColumns || selectedColumns.includes(col.key);\n              return (\n                <label\n                  key={col.key}\n                  className=\"flex items-center gap-2 text-xs text-text-secondary hover:text-text-primary cursor-pointer\"\n                >\n                  <input\n                    type=\"checkbox\"\n                    checked={isSelected}\n                    onChange={() => handleColumnToggle(col.key)}\n                    className=\"rounded border-border-default\"\n                  />\n                  <span className=\"truncate\" title={col.key}>\n                    {col.label}\n                  </span>\n                </label>\n              );\n            })}\n          </div>\n        </div>\n      )}\n\n      <div className=\"overflow-auto\" style={{ maxHeight }}>\n        <Table>\n          <TableHeader>\n            <TableRow>\n              {displayColumns.map((col) => (\n                <TableHead key={col.key} title={col.path}>\n                  {col.label}\n                </TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {paginatedRows.map((row, rowIndex) => (\n              <TableRow key={rowIndex}>\n                {displayColumns.map((col) => (\n                  <TableCell key={col.key}>{formatCellValue(getNestedValue(row, col.path))}</TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n\n      {totalPages > 1 && (\n        <div className=\"flex items-center justify-between p-3 bg-bg-muted border-t border-border-default\">\n          <span className=\"text-xs text-text-secondary\">\n            Page {page + 1} of {totalPages}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage(0)} disabled={page === 0}>\n              <ChevronsLeft className=\"w-4 h-4\" />\n            </Button>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage((p) => Math.max(0, p - 1))} disabled={page === 0}>\n              <ChevronLeft className=\"w-4 h-4\" />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}\n              disabled={page >= totalPages - 1}\n            >\n              <ChevronRight className=\"w-4 h-4\" />\n            </Button>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage(totalPages - 1)} disabled={page >= totalPages - 1}>\n              <ChevronsRight className=\"w-4 h-4\" />\n            </Button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default DataSinkTableViewer;\n"],"mappings":"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"}
+{"version":3,"file":"DataSinkTableViewer.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkTableViewer.tsx"],"sourcesContent":["/**\n * DataSink Table Viewer\n *\n * Component for viewing DataSink data in tabular format with support for\n * nested data, column selection, and multiple view modes.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\n\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@burdenoff/fe-libs/ui/table';\n\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Settings2, X } from 'lucide-react';\n\ninterface DataSinkTableViewerProps {\n  data: unknown;\n  maxHeight?: string;\n}\n\ninterface Column {\n  key: string;\n  label: string;\n  path: string;\n}\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction isArrayOfObjects(value: unknown): boolean {\n  return Array.isArray(value) && value.length > 0 && isObject(value[0]);\n}\n\nfunction flattenObject(obj: Record<string, unknown>, prefix = ''): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(obj)) {\n    const newKey = prefix ? `${prefix}.${key}` : key;\n\n    if (isObject(value) && !Array.isArray(value)) {\n      Object.assign(result, flattenObject(value, newKey));\n    } else {\n      result[newKey] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction getNestedValue(obj: Record<string, unknown>, path: string): unknown {\n  return path.split('.').reduce((acc: unknown, key) => {\n    if (acc && typeof acc === 'object' && key in acc) {\n      return (acc as Record<string, unknown>)[key];\n    }\n    return undefined;\n  }, obj);\n}\n\nfunction formatCellValue(value: unknown): string {\n  if (value === null || value === undefined) {\n    return '-';\n  }\n  if (typeof value === 'object') {\n    return JSON.stringify(value);\n  }\n  return String(value);\n}\n\nexport const DataSinkTableViewer = memo(function DataSinkTableViewer({\n  data,\n  maxHeight = '400px',\n}: DataSinkTableViewerProps) {\n  const [page, setPage] = useState(0);\n  const PAGE_SIZE = 50;\n  const [selectedColumns, setSelectedColumns] = useState<string[] | null>(null);\n  const [showColumnPicker, setShowColumnPicker] = useState(false);\n\n  const rows = useMemo(() => {\n    if (!data) return [];\n    if (Array.isArray(data) && isArrayOfObjects(data)) {\n      return data as Record<string, unknown>[];\n    }\n    if (isObject(data)) {\n      return [data];\n    }\n    return [];\n  }, [data]);\n\n  const allColumns = useMemo(() => {\n    if (rows.length === 0) return [];\n\n    const columnMap = new Map<string, Column>();\n\n    for (const row of rows) {\n      const flat = flattenObject(row);\n      for (const key of Object.keys(flat)) {\n        if (!columnMap.has(key)) {\n          const parts = key.split('.');\n          const label = parts[parts.length - 1];\n          columnMap.set(key, { key, label, path: key });\n        }\n      }\n    }\n\n    return Array.from(columnMap.values());\n  }, [rows]);\n\n  const displayColumns = useMemo(() => {\n    if (selectedColumns) {\n      return allColumns.filter((col) => selectedColumns.includes(col.key));\n    }\n    return allColumns.slice(0, 10);\n  }, [allColumns, selectedColumns]);\n\n  const paginatedRows = useMemo(() => {\n    const start = page * PAGE_SIZE;\n    return rows.slice(start, start + PAGE_SIZE);\n  }, [rows, page]);\n\n  const totalPages = Math.ceil(rows.length / PAGE_SIZE);\n\n  const handleColumnToggle = useCallback((columnKey: string) => {\n    setSelectedColumns((prev) => {\n      if (!prev) {\n        return [columnKey];\n      }\n      if (prev.includes(columnKey)) {\n        const next = prev.filter((k) => k !== columnKey);\n        return next.length > 0 ? next : null;\n      }\n      return [...prev, columnKey];\n    });\n  }, []);\n\n  const handleResetColumns = useCallback(() => {\n    setSelectedColumns(null);\n    setShowColumnPicker(false);\n  }, []);\n\n  if (rows.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center p-8 text-text-secondary text-body-sm\">\n        No tabular data available. Data must be an array of objects for table view.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n      <div className=\"flex items-center justify-between p-3 bg-bg-sunken border-b border-border-default\">\n        <span className=\"text-xs text-text-secondary\">\n          {rows.length} rows &middot; {displayColumns.length} columns\n        </span>\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => setShowColumnPicker((v) => !v)}>\n            <Settings2 className=\"w-4 h-4\" />\n          </Button>\n        </div>\n      </div>\n\n      {showColumnPicker && (\n        <div className=\"absolute right-0 top-10 z-10 bg-bg-surface border border-border-default rounded-md shadow-lg p-3 min-w-[200px] max-h-[300px] overflow-auto\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-xs font-medium text-text-primary\">Select Columns</span>\n            <Button variant=\"ghost\" size=\"sm\" onClick={handleResetColumns}>\n              <X className=\"w-3 h-3\" />\n            </Button>\n          </div>\n          <div className=\"space-y-1\">\n            {allColumns.map((col) => {\n              const isSelected = !selectedColumns || selectedColumns.includes(col.key);\n              return (\n                <label\n                  key={col.key}\n                  className=\"flex items-center gap-2 text-xs text-text-secondary hover:text-text-primary cursor-pointer\"\n                >\n                  <input\n                    type=\"checkbox\"\n                    checked={isSelected}\n                    onChange={() => handleColumnToggle(col.key)}\n                    className=\"rounded border-border-default\"\n                  />\n                  <span className=\"truncate\" title={col.key}>\n                    {col.label}\n                  </span>\n                </label>\n              );\n            })}\n          </div>\n        </div>\n      )}\n\n      <div className=\"overflow-auto\" style={{ maxHeight }}>\n        <Table>\n          <TableHeader>\n            <TableRow>\n              {displayColumns.map((col) => (\n                <TableHead key={col.key} title={col.path}>\n                  {col.label}\n                </TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {paginatedRows.map((row, rowIndex) => (\n              <TableRow key={rowIndex}>\n                {displayColumns.map((col) => (\n                  <TableCell key={col.key}>{formatCellValue(getNestedValue(row, col.path))}</TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n\n      {totalPages > 1 && (\n        <div className=\"flex items-center justify-between p-3 bg-bg-sunken border-t border-border-default\">\n          <span className=\"text-xs text-text-secondary\">\n            Page {page + 1} of {totalPages}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage(0)} disabled={page === 0}>\n              <ChevronsLeft className=\"w-4 h-4\" />\n            </Button>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage((p) => Math.max(0, p - 1))} disabled={page === 0}>\n              <ChevronLeft className=\"w-4 h-4\" />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}\n              disabled={page >= totalPages - 1}\n            >\n              <ChevronRight className=\"w-4 h-4\" />\n            </Button>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage(totalPages - 1)} disabled={page >= totalPages - 1}>\n              <ChevronsRight className=\"w-4 h-4\" />\n            </Button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default DataSinkTableViewer;\n"],"mappings":"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"}

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

@@ -2,8 +2,8 @@ import e from "../../hooks/useExportDataSink.js";
 import "../../hooks/index.js";
 import { memo as t, useCallback as n, useEffect as r, useState as i } from "react";
 import { Check as a, Download as o, FileJson as s } from "lucide-react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Dialog as d, DialogContent as f, DialogDescription as p, DialogTitle as m, Spinner as h } from "@burdenoff/fe-libs/ui";
+import { Dialog as c, DialogContent as l, DialogDescription as u, DialogTitle as d, Spinner as f } from "@burdenoff/fe-libs/ui";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/ExportDataSinkDialog.tsx
 var g = {
 	dialogContent: {
@@ -169,7 +169,7 @@ var g = {
 		cursor: "not-allowed"
 	}
 }, _ = t(function({ checked: e, onChange: t, disabled: n, label: r, description: i }) {
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ h("div", {
 		style: {
 			...g.optionItem,
 			...e ? g.optionItemActive : {},
@@ -177,22 +177,22 @@ var g = {
 			cursor: n ? "not-allowed" : "pointer"
 		},
 		onClick: () => !n && t(!e),
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ m("div", {
 			style: {
 				...g.checkbox,
 				...e ? g.checkboxChecked : {}
 			},
-			children: e && /* @__PURE__ */ l(a, { style: {
+			children: e && /* @__PURE__ */ m(a, { style: {
 				width: "14px",
 				height: "14px",
 				color: "var(--color-action-primary-text)"
 			} })
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ h("div", {
 			style: g.optionText,
-			children: [/* @__PURE__ */ l("p", {
+			children: [/* @__PURE__ */ m("p", {
 				style: g.optionLabel,
 				children: r
-			}), /* @__PURE__ */ l("p", {
+			}), /* @__PURE__ */ m("p", {
 				style: g.optionDescription,
 				children: i
 			})]
@@ -213,73 +213,73 @@ var g = {
 		b,
 		y
 	]);
-	return a ? /* @__PURE__ */ l(d, {
+	return a ? /* @__PURE__ */ m(c, {
 		open: t,
 		onOpenChange: (e) => !e && !C && y(),
-		children: /* @__PURE__ */ u(f, {
+		children: /* @__PURE__ */ h(l, {
 			style: g.dialogContent,
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ h("div", {
 					style: g.header,
-					children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ m("div", {
 						style: g.iconWrapper,
-						children: /* @__PURE__ */ l(s, { style: {
+						children: /* @__PURE__ */ m(s, { style: {
 							width: "22px",
 							height: "22px"
 						} })
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ h("div", {
 						style: g.headerText,
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ m(d, {
 							asChild: !0,
-							children: /* @__PURE__ */ l("h2", {
+							children: /* @__PURE__ */ m("h2", {
 								style: g.title,
 								children: "Export DataSink"
 							})
-						}), /* @__PURE__ */ l(p, {
+						}), /* @__PURE__ */ m(u, {
 							asChild: !0,
-							children: /* @__PURE__ */ l("p", {
+							children: /* @__PURE__ */ m("p", {
 								style: g.description,
 								children: "Export your DataSink configuration to a JSON file."
 							})
 						})]
 					})]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ h("div", {
 					style: g.content,
 					children: [
-						v && /* @__PURE__ */ u("div", {
+						v && /* @__PURE__ */ h("div", {
 							style: g.dataSinkInfo,
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ m("p", {
 								style: g.dataSinkLabel,
 								children: "Exporting:"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ m("p", {
 								style: g.dataSinkName,
 								children: v
 							})]
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ m("p", {
 							style: g.optionsTitle,
 							children: "Export Options"
 						}),
-						/* @__PURE__ */ l(_, {
+						/* @__PURE__ */ m(_, {
 							checked: x,
 							onChange: S,
 							disabled: C,
 							label: "Format JSON (Pretty Print)",
 							description: "Makes the export file human-readable (larger file size)"
 						}),
-						w && /* @__PURE__ */ l("div", {
+						w && /* @__PURE__ */ m("div", {
 							style: g.error,
-							children: /* @__PURE__ */ l("p", {
+							children: /* @__PURE__ */ m("p", {
 								style: g.errorText,
 								children: w.message
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ h("div", {
 					style: g.footer,
-					children: [/* @__PURE__ */ l("button", {
+					children: [/* @__PURE__ */ m("button", {
 						style: g.cancelButton,
 						onClick: y,
 						disabled: C,
@@ -290,7 +290,7 @@ var g = {
 							e.currentTarget.style.backgroundColor = "var(--color-bg-surface)";
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ l("button", {
+					}), /* @__PURE__ */ m("button", {
 						style: {
 							...g.exportButton,
 							...C ? g.exportButtonDisabled : {}
@@ -303,10 +303,10 @@ var g = {
 						onMouseLeave: (e) => {
 							C || (e.currentTarget.style.opacity = "1");
 						},
-						children: C ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(h, { style: {
+						children: C ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, { style: {
 							width: "16px",
 							height: "16px"
-						} }), "Exporting..."] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(o, { style: {
+						} }), "Exporting..."] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(o, { style: {
 							width: "16px",
 							height: "16px"
 						} }), "Download Export"] })